:root{--font-family:'IRANSansX',Tahoma,sans-serif!important;--dynamic-cat-skeleton:linear-gradient(110deg,#f0f0f0 8%,#fafafa 18%,#f0f0f0 33%)!important;}.dynamic-cat-instance,.dynamic-cat-instance *{box-sizing:border-box!important;}.cat-wrapper{direction:rtl!important;width:100%!important;margin:0 auto!important;padding:0!important;font-family:var(--font-family)!important;}.cat-wrapper-title{font-size:15px!important;font-weight:600!important;color:#1e293b!important;margin:0 0 10px 0!important;padding:0 5px!important;}.cat-list{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;padding:5px!important;margin:0!important;scrollbar-width:none!important;-ms-overflow-style:none!important;cursor:grab!important;user-select:none!important;scroll-behavior:smooth!important;}.cat-list:active,.cat-list.cat-list-dragging{cursor:grabbing!important;}.cat-list::-webkit-scrollbar{display:none!important;}.cat-item{flex:0 0 auto!important;text-align:center!important;width:75px!important;cursor:pointer!important;text-decoration:none!important;color:#334155!important;position:relative!important;user-select:none!important;display:block!important;border:0!important;outline:none!important;}.cat-item:focus-visible{outline:2px solid var(--bn-color-primary,#befa00)!important;outline-offset:4px!important;border-radius:18px!important;}.cat-sub-badge{position:absolute!important;top:-2px!important;right:0!important;background-color:var(--bn-color-primary,#befa00)!important;color:var(--bn-color-on-primary,#111111)!important;font-size:11px!important;font-weight:600!important;padding:2px 6px!important;border-radius:12px!important;line-height:1!important;z-index:2!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;}.cat-img-box{width:70px!important;height:70px!important;border-radius:50%!important;background:var(--bn-color-surface,#f8fafc)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 8px!important;border:2px solid var(--bn-color-border,#e2e8f0)!important;transition:all .3s ease!important;overflow:hidden!important;pointer-events:none!important;}.cat-img-box img{width:100%!important;height:100%!important;object-fit:cover!important;pointer-events:none!important;display:block!important;}.cat-name{font-size:12px!important;font-weight:600!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--bn-color-text,#0f172a)!important;pointer-events:none!important;}.cat-modal-overlay{position:fixed!important;inset:0!important;background:rgba(var(--bn-color-text-rgb,15,23,42),.6)!important;backdrop-filter:blur(4px)!important;z-index:99999!important;display:flex!important;visibility:hidden!important;opacity:0!important;transition:all .3s ease!important;align-items:flex-end!important;justify-content:center!important;}.cat-modal-overlay.active{visibility:visible!important;opacity:1!important;}.cat-modal-content{width:100%!important;max-width:504px!important;background:#fff!important;height:90vh!important;height:90dvh!important;border-radius:20px 20px 0 0!important;position:relative!important;transform:translateY(100%)!important;transition:transform .4s cubic-bezier(.2,.8,.2,1)!important;display:flex!important;flex-direction:column!important;padding-bottom:env(safe-area-inset-bottom)!important;font-family:var(--font-family)!important;direction:rtl!important;box-shadow:0 -4px 20px rgba(0,0,0,.1)!important;outline:none!important;}.cat-modal-overlay.active .cat-modal-content{transform:translateY(0)!important;}.modal-handle{width:44px!important;height:5px!important;background:#cbd5e1!important;border-radius:10px!important;margin:12px auto 8px!important;flex-shrink:0!important;}.modal-header{padding:0 16px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #f1f5f9!important;position:relative!important;}.header-action{width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;}.modal-title{font-size:15px!important;font-weight:600!important;color:var(--bn-color-text,#0f172a)!important;margin:0!important;text-align:center!important;flex-grow:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:0 10px!important;}.header-btn{-webkit-appearance:none!important;appearance:none!important;width:36px!important;height:36px!important;background:var(--bn-color-surface,#f8fafc)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#475569!important;transition:all .2s!important;border:none!important;outline:none!important;padding:0!important;}.header-btn:focus-visible{outline:2px solid var(--bn-color-primary,#befa00)!important;outline-offset:2px!important;}.btn-back{display:none!important;}.btn-back.is-visible{display:flex!important;}.modal-body{overflow-y:auto!important;padding:12px 16px!important;flex-grow:1!important;}.modal-row{display:flex!important;align-items:center!important;padding:10px!important;text-decoration:none!important;color:#334155!important;cursor:pointer!important;border-radius:14px!important;transition:background .2s!important;gap:14px!important;margin-bottom:6px!important;border:1px solid transparent!important;}.modal-row:focus-visible{outline:2px solid var(--bn-color-primary,#befa00)!important;outline-offset:2px!important;}.modal-row-img{width:48px!important;height:48px!important;border-radius:12px!important;object-fit:cover!important;border:1px solid var(--bn-color-border,#e2e8f0)!important;flex-shrink:0!important;background:#fff!important;}.modal-row-info{flex-grow:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;overflow:hidden!important;}.modal-row-name{font-size:14px!important;font-weight:600!important;color:#1e293b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.modal-row-meta{display:flex!important;align-items:center!important;gap:6px!important;}.modal-row-badge{background:#f1f5f9!important;color:var(--bn-color-muted,#64748b)!important;font-size:11px!important;font-weight:600!important;padding:3px 8px!important;border-radius:8px!important;}.modal-row-arrow{color:#94a3b8!important;display:flex!important;align-items:center!important;padding-right:10px!important;}.all-products-row{background:var(--bn-color-surface,#f8fafc)!important;border:1px dashed #cbd5e1!important;margin-bottom:12px!important;}.all-products-icon{display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;}.all-products-row .modal-row-name{color:#0369a1!important;}.all-products-row .modal-row-badge{background:#e0f2fe!important;color:#0284c7!important;}.all-products-row .modal-row-arrow{color:#0284c7!important;}.dynamic-cat-modal-open{overflow:hidden!important;}.cat-skeleton,.modal-row-skeleton-piece{background:var(--dynamic-cat-skeleton)!important;background-size:200% 100%!important;animation:dynamicCatShine 1.5s linear infinite!important;}.modal-skeleton-row{pointer-events:none!important;}.modal-skeleton-img{border-radius:12px!important;}.modal-skeleton-title{width:70%!important;height:15px!important;border-radius:6px!important;margin-bottom:8px!important;}.modal-skeleton-meta{width:38%!important;height:13px!important;border-radius:7px!important;}.modal-state-message{padding:30px 16px!important;text-align:center!important;color:var(--bn-color-muted,#64748b)!important;font-size:13px!important;font-weight:600!important;}.modal-state-message.error{color:#b91c1c!important;background:#fef2f2!important;border:1px solid #fee2e2!important;border-radius:16px!important;}.cat-modal-overlay[aria-hidden="true"]{pointer-events:none!important;}@keyframes dynamicCatShine{to{background-position-x:-200%;}}@media (prefers-reduced-motion:reduce){.cat-skeleton,.modal-row-skeleton-piece{animation:none!important;}.cat-modal-overlay,.cat-modal-content,.cat-img-box,.header-btn,.modal-row{transition:none!important;}}
/* Benira UX polish: softer carousel title and non-truncated category labels. */
.cat-wrapper-title{font-weight:500!important;}
.cat-list{-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity!important;}
.cat-item{scroll-snap-align:start!important;}
.cat-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.45!important;min-height:34px!important;word-break:normal!important;overflow-wrap:anywhere!important;}

/* Benira focus guardrails: dynamic categories use a high-contrast keyboard indicator. */
.cat-item:focus-visible,
.header-btn:focus-visible,
.modal-row:focus-visible {
    outline: 2px solid var(--bn-color-text,#0f172a) !important;
    outline-offset: 2px !important;
}
.modal-row-arrow {
    color: var(--bn-color-muted,#64748b) !important;
}