:root{--gradient-dir:to right;--bg-site:#fff;--bg-surface:#f8fafc;--bg-surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--radius-app:12px;--radius-button:8px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}html[lang=en]{--gradient-dir:to right;direction:ltr}html[lang=en] *,html[lang=en] input,html[lang=en] button,html[lang=en] textarea,html[lang=en] select{font-family:var(--font-en),system-ui,-apple-system,sans-serif}html[lang=ar]{--gradient-dir:to left;direction:rtl}html[lang=ar] *,html[lang=ar] input,html[lang=ar] button,html[lang=ar] textarea,html[lang=ar] select{font-family:var(--font-ar),system-ui,-apple-system,sans-serif}*,input,button,textarea,select{box-sizing:border-box;-webkit-tap-highlight-color:#0000;outline:none;margin:0;padding:0;text-decoration:none;list-style:none}body{background-color:var(--bg-site);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;transition:var(--transition-smooth)}@media (max-width:1023px){*{cursor:auto!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--bg-surface)}.main-shadow{box-shadow:0 4px 0px 0px var(--border-color),0 12px 24px -4px #0f172a0d!important}.main-shadow:hover{transform:translateY(-4px);box-shadow:0 6px 0px 0px var(--main-color),0 16px 28px -4px #7c3aed1f!important}.cat-page-wrapper{-webkit-tap-highlight-color:#0000;background-color:#fcfbfe;padding-block:24px 60px}@media (max-width:767px){.cat-page-wrapper{padding-block:16px 110px}}.cat-page-wrapper__container{flex-direction:column;gap:40px;max-width:1240px;margin-inline:auto;padding-inline:24px;display:flex}@media (max-width:767px){.cat-page-wrapper__container{gap:32px;padding-inline:16px}}.mobile-filter-trigger-zone{display:none}@media (max-width:991px){.mobile-filter-trigger-zone{width:100%;margin-bottom:4px;display:block}.mobile-filter-trigger-zone .mobile-trigger-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);width:100%;height:46px;color:var(--text-main);cursor:pointer;box-shadow:0 3px 0px 0px var(--border-color);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;touch-action:manipulation!important}.mobile-filter-trigger-zone .mobile-trigger-btn:active{box-shadow:0 2px 0px 0px var(--border-color);transform:translateY(1px)}}.cat-main-layout{grid-template-columns:260px 1fr;align-items:flex-start;gap:32px;display:grid}@media (max-width:991px){.cat-main-layout{grid-template-columns:1fr;gap:0}}.desktop-aside-filter{height:100%;display:block}@media (max-width:991px){.desktop-aside-filter{display:none!important}}.desktop-aside-filter .sticky-inner-panel{z-index:10;background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:0 4px 0px 0px var(--border-color);border-radius:16px;flex-direction:column;gap:24px;padding:20px;display:flex;position:sticky;top:110px}.filter-block{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.filter-block:last-child{border-bottom:none;padding-bottom:0}.filter-block h3{color:var(--text-main);text-align:start;margin:0;font-size:14px;font-weight:800}.custom-select-box{align-items:center;width:100%;display:flex;position:relative}.custom-select-box .select-icon{color:var(--text-muted);pointer-events:none;z-index:2;position:absolute;inset-inline-start:14px}.custom-select-box select{border:1px solid var(--border-color);background-color:var(--bg-site);width:100%;height:42px;color:var(--text-main);cursor:pointer;appearance:none;box-shadow:0 2px 0px 0px var(--border-color);touch-action:manipulation;border-radius:8px;outline:none;padding-inline:40px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s}.custom-select-box select:focus{border-color:var(--main-color);box-shadow:0 2px 0px 0px var(--main-color)}.subcat-buttons{flex-direction:column;gap:6px;display:flex}.subcat-buttons .subcat-pill{width:100%;height:34px;color:var(--text-muted);cursor:pointer;text-align:start;touch-action:manipulation;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:0 8px;font-size:13px;font-weight:600;display:flex}.subcat-buttons .subcat-pill .dot{background-color:var(--border-color);border-radius:50%;width:5px;height:5px}.subcat-buttons .subcat-pill:hover{color:var(--main-color);background-color:var(--bg-site)}.subcat-buttons .subcat-pill:hover .dot{background-color:var(--main-color)}.subcat-buttons .subcat-pill.is-active{color:var(--main-color);background-color:var(--main-color-light);font-weight:800}.subcat-buttons .subcat-pill.is-active .dot{background-color:var(--main-color);transform:scale(1.4)}.slider-box{flex-direction:column;gap:8px;display:flex}.slider-box input{width:100%;accent-color:var(--main-color);cursor:pointer}.slider-box .labels{color:var(--text-muted);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.products-main-content{flex-direction:column;gap:24px;width:100%;display:flex}.products-grid-3x{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1200px){.products-grid-3x{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.products-grid-3x{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width:350px){.products-grid-3x{grid-template-columns:1fr!important}}.load-more-products-zone{justify-content:center;margin-top:12px;display:flex}.load-more-products-zone .btn-premium-load{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;box-shadow:0 3px 0px 0px var(--border-color);touch-action:manipulation;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.load-more-products-zone .btn-premium-load:hover{border-color:var(--main-color);color:var(--main-color);box-shadow:0 3px 0px 0px var(--main-color);transform:translateY(-1px)}.load-more-products-zone .btn-premium-load:active{box-shadow:0 1px 0px 0px var(--border-color);transform:translateY(1px)}.other-categories-slider-section{text-align:start;border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding-top:32px;display:flex;position:relative}.other-categories-slider-section .slider-header{justify-content:space-between;align-items:center;width:100%;display:flex}.other-categories-slider-section .slider-header h3{color:var(--text-main);margin:0;font-size:18px;font-weight:800}.other-categories-slider-section .slider-header .swiper-custom-navigation{z-index:50;gap:8px;display:flex}@media (max-width:767px){.other-categories-slider-section .slider-header .swiper-custom-navigation{display:none!important}}.other-categories-slider-section .slider-header .swiper-custom-navigation button{background-color:var(--bg-surface);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-main);cursor:pointer;box-shadow:0 2px 0px 0px var(--border-color);touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.other-categories-slider-section .slider-header .swiper-custom-navigation button:hover{border-color:var(--main-color);color:var(--main-color);box-shadow:0 2px 0px 0px var(--main-color)}.other-categories-slider-section .slider-header .swiper-custom-navigation button:active{box-shadow:0 1px 0px 0px var(--border-color);transform:translateY(1px)}.other-categories-slider-section .slider-header .swiper-custom-navigation button{-webkit-user-select:none;user-select:none}.swiper-wrapper-relative-zone{width:100%;position:relative}.premium-swiper-container{width:100%;padding-block:8px 16px!important}.cat-premium-card-adapted{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;color:inherit;box-shadow:0 4px 0px 0px var(--border-color);touch-action:manipulation;border-radius:16px;align-items:center;gap:20px;padding:18px 24px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex}@media (max-width:767px){.cat-premium-card-adapted{gap:14px;padding:14px 18px}}.cat-premium-card-adapted__img-wrap{background-color:var(--bg-site);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.cat-premium-card-adapted__img-wrap img{object-fit:cover}.cat-premium-card-adapted__info{text-align:start;flex-direction:column;gap:4px;display:flex}.cat-premium-card-adapted__info h3{color:var(--text-main);margin:0;font-size:15px;font-weight:800}.cat-premium-card-adapted__info span{color:var(--text-muted);font-size:12px;font-weight:600}.cat-premium-card-adapted:hover{border-color:var(--main-color);box-shadow:0 4px 0px 0px var(--main-color);transform:translateY(-4px)}.app-backdrop{z-index:9999;background-color:#0f172a66;position:fixed;inset:0}.app-bottom-sheet{background-color:var(--bg-surface);z-index:10000;width:100%;height:78vh;padding-bottom:env(safe-area-inset-bottom);will-change:transform;contain:paint layout;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0);box-shadow:0 -10px 40px #0f172a26}.app-bottom-sheet .drag-indicator{background-color:var(--border-color);border-radius:10px;width:40px;height:5px;margin:12px auto 4px}.app-bottom-sheet .sheet-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 20px 16px;display:flex}.app-bottom-sheet .sheet-header h2{color:var(--text-main);margin:0;font-size:15.5px;font-weight:800}.app-bottom-sheet .sheet-header .close-btn{background-color:var(--bg-site);border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-muted);cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;display:flex}.app-bottom-sheet .sheet-body{text-align:start;-webkit-overflow-scrolling:touch;flex-direction:column;gap:24px;padding:20px;display:flex;overflow-y:auto}.app-bottom-sheet .sheet-footer{border-top:1px solid var(--border-color);background-color:var(--bg-surface);padding:16px 20px}.app-bottom-sheet .sheet-footer .apply-btn{background-color:var(--main-color);color:#fff;cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;width:100%;height:46px;font-size:14px;font-weight:700;box-shadow:0 3px #0000001a}
