:root{--ink:#202326;--muted:#737980;--line:#e8e9eb;--surface:#f5f6f6;--paper:#fff;--accent:#f15a35;--accent-dark:#cf4322;--soft-accent:#fff0eb;--radius:18px;--shadow:0 10px 30px rgba(32,35,38,.07);--content:1200px;font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;direction:rtl;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.7}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(241,90,53,.32);outline-offset:2px}.container{width:min(calc(100% - 36px),var(--content));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted,.fine-print{color:var(--muted)}.eyebrow{margin:0 0 10px;color:var(--accent-dark);font-size:12px;font-weight:800;letter-spacing:.02em}.top-strip{background:#25292c;color:#f4f4f4;font-size:12px}.top-strip-inner{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.site-header{position:relative;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-main{min-height:82px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:23px;font-weight:900;letter-spacing:-.045em;direction:ltr}.brand img{width:42px;height:42px}.header-search{height:46px;display:flex;flex:1;max-width:540px;background:#fff;border:1px solid #e5e7e8;border-radius:12px;overflow:hidden}.header-search:focus-within{border-color:#cfd3d5;background:#fff}.header-search input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px;outline:0}.header-search button{margin:5px 0 5px 5px;padding:0 20px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-weight:700}.header-actions{display:flex;align-items:center;gap:18px;margin-inline-start:auto}.icon-link,.cart-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.icon-link>span:first-child,.cart-link>span:first-child{font-size:19px}.cart-count{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:11px}.desktop-nav-wrap{border-top:1px solid #f2f2f2}.desktop-nav{display:flex;align-items:center;gap:25px;min-height:44px;overflow:auto;white-space:nowrap;font-size:13px;font-weight:650}.desktop-nav a:hover,.text-link:hover{color:var(--accent-dark)}.mobile-menu-button{display:none}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:20px}.hero-section{background:linear-gradient(115deg,#f3f4f3 0%,#fafafa 54%,#fff 100%);overflow:hidden}.hero-layout{min-height:435px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:24px;padding-block:34px}.hero-copy{padding:22px 12px 22px 0;max-width:490px}.hero-copy h1{max-width:520px;margin:0 0 15px;font-size:clamp(36px,5vw,60px);line-height:1.2;letter-spacing:-.04em}.hero-lead{max-width:420px;margin:0 0 26px;color:#656b71;font-size:17px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;border:1px solid transparent;border-radius:11px;font-weight:800;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-outline{background:#fff;border-color:#dfe1e3;color:var(--ink)}.button-outline:hover{border-color:var(--accent);color:var(--accent-dark)}.button-wide{width:100%}.button-small{min-height:38px;padding:7px 13px;font-size:12px}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#64696d;font-size:12px}.hero-proof span:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-end:6px;border-radius:50%;background:#e8f2eb;color:#2b7b46;font-size:11px}.hero-visual{position:relative;min-height:330px;height:100%;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.76)}.hero-visual img{position:relative;z-index:1;width:100%;height:100%;max-height:390px;object-fit:contain;mix-blend-mode:multiply}.hero-stamp{position:absolute;z-index:2;right:5%;bottom:8%;width:78px;height:78px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--accent);color:white;font-size:13px;font-weight:900;line-height:1.3;transform:rotate(-9deg)}.section{padding-block:55px}.section-sports{padding-top:62px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2,.page-intro h1{margin:0;font-size:clamp(25px,3vw,36px);line-height:1.3;letter-spacing:-.025em}.text-link{display:inline-flex;align-items:center;gap:8px;color:#4e5458;font-size:13px;font-weight:750;white-space:nowrap}.sports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sport-card{position:relative;min-height:194px;overflow:hidden;border-radius:16px;background:#eff0f0;isolation:isolate}.sport-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s ease}.sport-card:hover img{transform:scale(1.04)}.sport-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(20,23,25,.66),rgba(20,23,25,.02) 75%)}.sport-card-copy{position:absolute;right:17px;left:14px;bottom:16px;display:grid;color:#fff}.sport-card-copy small{font-size:10px;opacity:.8}.sport-card-copy strong{font-size:18px}.circle-arrow{position:absolute;left:0;bottom:1px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);font-size:16px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-grid-home{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;transition:box-shadow .2s ease,transform .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.product-image{position:relative;display:grid;place-items:center;aspect-ratio:1/1;background:#f5f6f5;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.025)}.badge{position:absolute;top:12px;right:12px;padding:4px 9px;border-radius:7px;background:#fff;font-size:10px;font-weight:850}.badge-sale{background:var(--accent);color:#fff}.badge-new{top:12px;left:12px;right:auto;background:#25292c;color:#fff}.product-card-body{padding:14px}.product-sport{margin:0 0 5px;color:var(--muted);font-size:10px}.product-card h3{min-height:44px;margin:0 0 10px;font-size:14px;line-height:1.55}.product-card h3 a:hover{color:var(--accent-dark)}.product-price{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.product-price strong{font-size:17px}.product-price del{color:#92979b;font-size:12px}.stock-label{margin:7px 0 13px;font-size:11px}.in-stock{color:#2d7947}.out-stock{color:#a23a32}.page-intro{padding-block:42px 26px}.page-intro p:last-child{margin:8px 0 0;color:var(--muted)}.catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;padding-bottom:70px}.filter-panel{align-self:start;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.filter-panel h2{margin:0 0 15px;font-size:16px}.filter-form,.stack-form{display:grid;gap:14px}.filter-form label,.stack-form label,.product-buy-form label{display:grid;gap:6px;color:#4d5358;font-size:12px;font-weight:700}.filter-form input,.filter-form select,.stack-form input,.stack-form select,.stack-form textarea,.product-buy-form input,.product-buy-form select,.track-form input,.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:43px;padding:9px 11px;border:1px solid #dfe2e4;border-radius:9px;background:#fff;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-reset{padding:6px;text-align:center;color:var(--muted);font-size:12px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted);font-size:13px}.mobile-filter-button{display:none}.empty-state,.empty-inline{padding:55px 18px;text-align:center;border:1px dashed #d9dddf;border-radius:18px;background:#fbfbfb}.empty-inline{padding:24px}.empty-state h1,.empty-state h2{margin:10px 0;font-size:24px}.empty-state p{max-width:470px;margin:0 auto 20px;color:var(--muted)}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin-inline:auto;border-radius:50%;background:var(--soft-accent);color:var(--accent-dark);font-size:25px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.pagination a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px}.pagination .current{background:var(--ink);color:white}.breadcrumbs{display:flex;align-items:center;gap:9px;padding-block:20px;color:var(--muted);font-size:12px}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:55px;padding-bottom:45px}.product-main-image{display:grid;place-items:center;aspect-ratio:1/1;background:var(--surface);border-radius:18px;overflow:hidden}.product-main-image img{width:100%;height:100%;object-fit:contain}.product-thumbnails{display:flex;gap:10px;margin-top:12px;overflow:auto}.thumbnail{width:72px;height:72px;flex:0 0 auto;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}.thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:7px}.product-info{padding-top:15px}.product-info h1{margin:0 0 14px;font-size:clamp(28px,4vw,42px);line-height:1.3}.product-price-large{margin-bottom:8px}.product-price-large strong{font-size:25px}.product-stock{margin:10px 0 20px;font-size:13px}.product-description{margin:20px 0;color:#50575c;line-height:1.9}.product-buy-form{display:grid;gap:12px;margin:22px 0}.product-service-note{padding:15px;border-radius:13px;background:#f6f7f6;color:#5d6368;font-size:12px}.product-service-note p{margin:5px 0}.reviews-section{border-top:1px solid var(--line)}.review-card{padding:16px;border:1px solid var(--line);border-radius:12px}.review-card strong{color:#cc7d00}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;padding-bottom:75px}.cart-main{min-width:0}.cart-summary{align-self:start;padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 22px rgba(20,22,24,.04)}.cart-summary h2{margin:0 0 18px;font-size:18px}.summary-line{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-block:1px solid var(--line)}.summary-line strong{white-space:nowrap}.cart-summary .muted{font-size:12px;margin:13px 0}.cart-loading{padding:25px;color:var(--muted)}.cart-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-item-image{width:92px;height:92px;border-radius:12px;object-fit:cover;background:var(--surface)}.cart-item h3{margin:0 0 4px;font-size:14px}.cart-item-meta{margin:0;color:var(--muted);font-size:12px}.cart-item-price{margin-top:7px;font-size:13px;font-weight:800}.cart-item-controls{display:flex;align-items:center;gap:8px;margin-top:9px}.quantity-control{width:42px;height:34px;text-align:center;border:1px solid var(--line);border-radius:8px}.remove-item{border:0;background:none;color:#9a3630;font-size:12px}.service-strip{padding:34px 0;background:#f5f6f5}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-grid article{display:flex;gap:14px;align-items:flex-start}.service-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--accent);font-size:17px;font-weight:900}.service-grid h2{margin:0 0 4px;font-size:14px}.service-grid p{margin:0;color:var(--muted);font-size:12px}.site-footer{background:#202326;color:#f7f7f7}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;padding-block:38px}.footer-grid h2{margin:0 0 12px;font-size:14px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:8px}.footer-grid a,.footer-grid p{margin:0;color:#c1c5c8;font-size:12px}.brand-light{color:#fff}.footer-brand-block p{max-width:250px;margin-top:12px}.footer-bottom{padding-block:13px;border-top:1px solid #3b4043;color:#aab0b3;font-size:11px}.mobile-drawer,.menu-scrim{display:none}.toast-region{position:fixed;z-index:99;right:18px;bottom:18px;display:grid;gap:8px}.toast{padding:12px 17px;border-radius:10px;background:#202326;color:#fff;box-shadow:var(--shadow)}.toast.error{background:#a33d32}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding-bottom:70px}.stack-form h2{margin:18px 0 0;font-size:17px}.stack-form small{color:var(--muted);font-weight:400}.notice{padding:12px 14px;border-radius:10px;margin:12px 0;font-size:13px}.notice-success{background:#eaf5ee;color:#286a3a}.notice-error{background:#fff0ed;color:#9a3026}.installer-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f1f2f2,#fff)}.installer-card{width:min(100%,580px);padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.installer-card h1{margin:0;font-size:32px}.installer-card .stack-form{margin-top:20px}.installer-card .brand{margin-bottom:24px}.fine-print{font-size:11px}.admin-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:70vh;gap:24px}.admin-sidebar{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.admin-sidebar a{display:flex;justify-content:space-between;padding:10px;border-radius:9px;font-size:13px}.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--soft-accent);color:var(--accent-dark)}.admin-main{min-width:0}.admin-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{padding:17px;border:1px solid var(--line);border-radius:14px}.metric-card span{display:block;color:var(--muted);font-size:11px}.metric-card strong{display:block;margin-top:7px;font-size:24px}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.admin-table{width:100%;border-collapse:collapse;min-width:720px;font-size:12px}.admin-table th,.admin-table td{padding:12px;text-align:right;border-bottom:1px solid var(--line)}.admin-table th{background:#f6f7f7;font-weight:800}.admin-form{display:grid;gap:12px;max-width:760px}.admin-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#f2f3f3;font-size:10px}.track-form{display:grid;gap:12px;max-width:500px}.track-result{padding:18px;border:1px solid var(--line);border-radius:14px}.track-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.track-step{padding:10px 6px;text-align:center;border-radius:10px;background:#f4f5f5;font-size:11px}.track-step.done{background:#eaf5ee;color:#286a3a}
@media(max-width:950px){.desktop-nav{gap:17px}.sports-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid,.product-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.product-detail{gap:28px}.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body{font-size:14px}.container{width:min(calc(100% - 28px),var(--content))}.top-strip-inner{font-size:10px}.header-main{min-height:66px;gap:10px}.mobile-menu-button{display:block;order:0;width:38px;height:38px}.brand{gap:6px;font-size:20px}.brand img{width:36px;height:36px}.header-search{position:absolute;top:66px;right:14px;left:14px;max-width:none;height:42px;z-index:3;box-shadow:0 5px 15px rgba(0,0,0,.08)}.site-header{padding-bottom:48px}.header-actions{gap:12px}.icon-link span:last-child,.cart-link>span:nth-child(2){display:none}.desktop-nav-wrap{display:none}.hero-layout{grid-template-columns:1fr;gap:0;padding-top:75px;padding-bottom:18px}.hero-copy{order:0;padding:16px 0 0}.hero-copy h1{font-size:38px;max-width:400px}.hero-lead{font-size:15px}.hero-visual{order:1;min-height:220px;max-height:270px}.hero-stamp{width:62px;height:62px;font-size:11px}.hero-proof{gap:11px;font-size:10px;margin-top:18px}.section{padding-block:38px}.section-sports{padding-top:43px}.section-heading{align-items:flex-start}.section-heading h2,.page-intro h1{font-size:26px}.section-heading .text-link{font-size:11px}.sports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sport-card{min-height:148px}.sport-card-copy{right:12px;bottom:11px}.sport-card-copy strong{font-size:15px}.circle-arrow{width:27px;height:27px}.product-grid,.product-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:13px}.product-card-body{padding:10px}.product-card h3{font-size:12px;min-height:37px}.product-price strong{font-size:14px}.product-price del{font-size:10px}.product-card .button{width:100%}.page-intro{padding-block:30px 19px}.catalog-layout{display:block;padding-bottom:45px}.filter-panel{display:none;position:fixed;z-index:50;inset:0 0 0 auto;width:min(88vw,380px);height:100dvh;border-radius:0;overflow:auto;padding:22px;box-shadow:-15px 0 35px rgba(0,0,0,.12)}.filter-panel.open{display:block}.mobile-filter-button{display:inline-flex}.catalog-toolbar{font-size:12px}.filter-scrim{position:fixed;inset:0;z-index:49;background:rgba(24,27,29,.4)}.product-detail{grid-template-columns:1fr;gap:20px}.product-main-image{max-height:430px}.product-info{padding-top:0}.product-info h1{font-size:28px}.cart-layout,.checkout-layout{grid-template-columns:1fr;gap:18px}.cart-summary{order:-1}.cart-item{grid-template-columns:68px minmax(0,1fr);gap:11px}.cart-item-image{width:68px;height:68px}.cart-item>div:last-child{grid-column:2}.service-grid{grid-template-columns:1fr;gap:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:23px 15px;padding-block:28px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-grid h2{font-size:13px}.footer-grid a,.footer-grid p{font-size:11px}.menu-scrim{position:fixed;z-index:39;inset:0;background:rgba(18,20,22,.42)}.menu-scrim.open{display:block}.mobile-drawer{position:fixed;z-index:40;top:0;bottom:0;right:0;width:min(86vw,350px);display:flex;flex-direction:column;gap:2px;padding:18px;background:#fff;overflow:auto;transform:translateX(105%);transition:transform .2s ease}.mobile-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mobile-drawer h2{margin:18px 8px 7px;font-size:13px;color:var(--muted)}.drawer-link{display:flex;justify-content:space-between;padding:11px 10px;border-radius:9px;font-size:14px}.drawer-link:hover{background:var(--surface)}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:flex;gap:5px;overflow:auto}.admin-sidebar a{white-space:nowrap}.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.track-steps{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* خط عربي محلي؛ لا يعتمد العرض على Google Fonts أو اتصال خارجي. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/ibm-plex-sans-arabic-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/ibm-plex-sans-arabic-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/ibm-plex-sans-arabic-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/ibm-plex-sans-arabic-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{font-family:"IBM Plex Sans Arabic",system-ui,"Segoe UI",Tahoma,Arial,sans-serif;font-synthesis:none}
body{font-family:"IBM Plex Sans Arabic",system-ui,"Segoe UI",Tahoma,Arial,sans-serif}
.admin-main>h2,.panel-form h2,.admin-main h2{margin:24px 0 12px;font-size:19px;line-height:1.4}
.panel-form{margin:0 0 22px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfbfa)}
.panel-form h2{margin:0 0 6px}
.panel-form h3{margin:4px 0 0;font-size:14px}
.admin-form{width:100%;max-width:900px;min-width:0}
.admin-form fieldset,.stack-form fieldset{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px}
.admin-form legend,.stack-form legend{padding:0 5px;font-size:12px;font-weight:700}
.checkbox-label{display:flex!important;align-items:center;gap:8px;width:max-content;max-width:100%;font-weight:600!important}
.checkbox-label input{width:17px!important;min-height:17px!important;margin:0;accent-color:var(--accent)}
.admin-actions{align-items:center;gap:8px 16px}
.admin-sidebar form{margin-top:12px}
.admin-sidebar .button{white-space:nowrap}
.admin-main>h2:first-child{margin-top:0}
.admin-table-wrap{width:100%;min-width:0;margin:14px 0 22px;max-width:100%;overflow-x:auto;background:#fff}
.admin-table{min-width:760px}
.admin-table th{position:sticky;top:0;z-index:1;color:#41464a}
.admin-table tbody tr:last-child td{border-bottom:0}
.admin-table tbody tr:hover{background:#fcfcfb}
.admin-table td{vertical-align:top}
.table-actions{min-width:195px}
.table-actions form,.table-actions details{margin:0 0 6px}
.table-actions .inline-form{align-items:center}
.table-actions details{padding:6px 0;border-top:1px solid var(--line)}
.table-actions details>summary,.admin-main details>summary{cursor:pointer;color:#4f5559;font-size:12px;font-weight:700}
.table-actions details[open]>summary,.admin-main details[open]>summary{margin-bottom:12px;color:var(--accent-dark)}
.table-actions .stack-form{min-width:280px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfbfb}
.admin-main details{margin-block:8px}
.admin-main details:not(.table-actions details){padding:10px 0}
.admin-main .inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:9px;min-width:0;max-width:100%}
.inline-form label{display:grid;gap:4px;font-size:11px;font-weight:700}
.inline-form input,.inline-form select{min-height:38px;padding:6px 9px;border:1px solid #dfe2e4;border-radius:8px;background:#fff}
.inline-form .checkbox-label{display:flex;align-items:center;min-height:38px}
.order-status-form{min-width:230px;gap:8px}
.order-status-form .checkbox-label{line-height:1.5}
.admin-main .notice{margin:0 0 15px}
.admin-main .notice-success{border:1px solid #d5eadb}
.admin-main .notice-error{border:1px solid #f1d3cf}
.status-pill{margin:2px}
.metric-card{min-height:106px;background:linear-gradient(145deg,#fff,#fafaf9)}
.metric-card strong{overflow-wrap:anywhere}
.admin-layout{align-items:start;padding-top:4px}
.admin-sidebar{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.success-card{max-width:760px;margin-inline:auto;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.success-card>h1{margin:4px 0;font-size:clamp(28px,4vw,40px)}
.success-mark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:12px;border-radius:50%;background:#eaf5ee;color:#267442;font-size:26px;font-weight:800}
.order-number{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;padding:14px;border:1px dashed #d8dddf;border-radius:12px;background:#fafbfa}
.order-number strong{direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.order-summary{padding:16px;border-radius:13px;background:#f7f8f7}
.order-summary h2{margin:0 0 8px;font-size:17px}
.total-line{font-weight:800}
.success-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sport-card.no-sport-image{background:linear-gradient(135deg,#343a3e,#747a7d)}
.sport-card-mark{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.18);font-size:110px;font-weight:700;z-index:-1}
.product-main-image img{transition:opacity .15s ease}
.thumbnail[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px rgba(241,90,53,.12)}
.drawer-open{overflow:hidden}
button[disabled],input[disabled],select[disabled]{cursor:not-allowed;opacity:.58}
[hidden]{display:none!important}
@media(max-width:950px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;max-height:none}.admin-table{min-width:690px}.table-actions{min-width:180px}}
@media(max-width:700px){.panel-form{padding:15px;border-radius:13px}.admin-sidebar{position:relative;top:auto;flex-wrap:nowrap;max-width:100%;padding:9px}.admin-sidebar a{padding:9px 11px}.admin-sidebar form{flex:0 0 auto;margin:0}.admin-main .admin-cards{gap:8px}.metric-card{padding:13px;min-height:90px}.metric-card strong{font-size:18px}.admin-table{min-width:660px}.admin-table th,.admin-table td{padding:9px;font-size:11px}.table-actions{min-width:170px}.table-actions .stack-form{min-width:245px}.admin-main>h2,.panel-form h2{font-size:17px}.success-card{padding:19px}.success-actions .button{flex:1}.order-number{padding:11px}}

.service-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.service-policy-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(25,31,38,.035)}.service-policy-card:first-child{grid-column:1/-1}.service-policy-card h2{margin:6px 0 12px}.service-policy-card p{line-height:1.9;color:#575b60}.service-policy-card .admin-table-wrap{margin-top:18px}@media(max-width:720px){.service-page{grid-template-columns:1fr;gap:12px}.service-policy-card:first-child{grid-column:auto}.service-policy-card{padding:18px;border-radius:14px}}


/* Admin first-login password and secondary sign-out action */
.auth-card{width:min(100%,520px);margin-inline:auto;padding:clamp(20px,5vw,34px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.auth-card>h1{margin:4px 0 8px;font-size:clamp(25px,5vw,34px);line-height:1.35}
.auth-card>.stack-form{margin-top:20px}
.logout-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.logout-inline{margin:0}
.logout-inline .button{white-space:nowrap}
@media(max-width:420px){.logout-actions{justify-content:center}.logout-actions>span{width:100%;text-align:center}}


/* Admin catalog filters */
.admin-filter-card{margin:0 0 20px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fbfaf8 100%);box-shadow:0 7px 24px rgba(32,35,38,.045)}
.admin-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.admin-filter-eyebrow{color:var(--accent-dark);font-size:10px;font-weight:850}
.admin-filter-heading h2{margin:2px 0 3px;font-size:17px}
.admin-filter-heading p{margin:0;color:var(--muted);font-size:11px}
.admin-filter-count{flex:0 0 auto;padding:6px 11px;border:1px solid #f2ddd6;border-radius:999px;background:var(--soft-accent);color:var(--accent-dark);font-size:11px;font-weight:800}
.admin-filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end;gap:11px}
.admin-filter-form label{display:grid;gap:5px;color:#4d5358;font-size:11px;font-weight:750}
.admin-filter-form select{width:100%;min-height:42px;padding:8px 11px;border:1px solid #dfe2e4;border-radius:10px;background:#fff;color:var(--ink)}
.admin-filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.admin-filter-actions .button{min-height:42px}
@media(max-width:520px){.admin-filter-card{padding:14px}.admin-filter-form{grid-template-columns:1fr 1fr}.admin-filter-actions{grid-column:1/-1}.admin-filter-actions .button{flex:1}.admin-filter-heading p{max-width:250px}}
@media(max-width:360px){.admin-filter-form{grid-template-columns:1fr}.admin-filter-actions{grid-column:auto}}


/* Product editor, editable option library and category showcase */
.product-create-details,.product-edit-details{margin:0 0 18px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.product-create-details>summary,.product-edit-details>summary{padding:15px 18px;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:12px;align-items:center}
.product-create-details>summary small{font-weight:500;color:var(--muted)}
.product-editor-card{padding:18px;background:#fbfbfa;border-top:1px solid var(--line)}
.product-editor-form{max-width:none}
.product-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}
.product-editor-heading h2,.admin-products-heading h2,.variant-library-intro h2{margin:4px 0 6px}
.product-editor-heading p,.admin-products-heading p,.variant-library-intro p{margin:0;color:var(--muted);font-size:13px}
.product-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.product-editor-fields{display:grid;gap:14px;min-width:0}
.product-form-block{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:13px;min-width:0}
.product-block-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:2px}
.product-block-title>span{flex:0 0 31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(241,90,53,.1);color:#c84323;font-size:12px;font-weight:900}
.product-block-title h3{margin:0;font-size:16px}
.product-block-title p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.product-form-block label{display:grid;gap:5px;font-weight:700;font-size:12px}
.product-form-block label small{font-weight:400;color:var(--muted)}
.product-form-block input:not([type=checkbox]):not([type=file]),.product-form-block select,.product-form-block textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid #dfe2e4;border-radius:9px;background:#fff;color:var(--ink);font:inherit}
.product-form-block input[type=file]{width:100%;padding:9px;border:1px dashed #ccd1d4;border-radius:9px;background:#fbfbfa}
.product-form-block textarea{resize:vertical}
.product-flags{display:flex;flex-wrap:wrap;gap:10px 16px}
.product-flags label{display:flex;align-items:center;gap:7px}
.product-preview-panel{position:sticky;top:18px;padding:17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#fff,#f7f8f8);display:grid;gap:10px}
.product-preview-panel h3{font-size:18px;margin:0}
.product-preview-panel p{margin:0;font-size:12px;line-height:1.6}
.product-preview-panel img{width:100%;aspect-ratio:1.2;object-fit:contain;border-radius:10px;background:#f0f2f2}
.product-preview-price{display:flex;align-items:center;justify-content:space-between;gap:8px}
.product-preview-price strong{font-size:17px;color:#c84323}
.product-preview-price span,.product-preview-panel .muted{color:var(--muted);font-size:11px}
.product-preview-swatches{display:flex;gap:7px;flex-wrap:wrap}
.preview-color-swatch,.matrix-color-swatch,.color-swatch-large{display:inline-block;border:1px solid rgba(20,30,38,.22);background:var(--swatch,#808080)}
.preview-color-swatch{width:24px;height:24px;border-radius:50%}
.product-preview-stock.is-out{color:#b42318;font-weight:800}
.variant-option-area{display:grid;gap:8px}
.variant-option-area>strong{font-size:13px}
.variant-option-checks{display:flex;gap:8px;flex-wrap:wrap}
.variant-option-check{display:inline-flex!important;align-items:center;gap:7px!important;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;min-height:38px}
.color-option-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-items:stretch}
.color-option-check{width:100%;min-width:0;box-sizing:border-box;justify-content:flex-start}
.color-option-check span{min-width:0;overflow-wrap:anywhere}
.variant-option-check input{accent-color:#f15a35}
.variant-option-check[hidden]{display:none!important}
.variant-option-check i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(20,30,38,.22);background:var(--swatch,#808080)}
.variant-option-check:has(input:checked){border-color:#f15a35;background:#fff8f5}
.variant-matrix-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:6px}
.variant-matrix-heading>div{display:grid;gap:3px}
.variant-matrix-heading small{font-size:11px;color:var(--muted)}
.variant-matrix-heading>span{font-size:12px;font-weight:800;color:#c84323;white-space:nowrap}
.variant-matrix-wrap{max-width:100%}
.variant-matrix{min-width:580px}
.variant-matrix input[type=number]{min-width:95px;max-width:145px;min-height:38px;padding:7px;border:1px solid #dfe2e4;border-radius:8px}
.variant-matrix td small{display:block;color:var(--muted);margin-top:4px}
.matrix-color-swatch{width:16px;height:16px;border-radius:50%;vertical-align:middle;margin-inline-end:6px}
.variant-builder-note{padding:10px 12px;border-radius:9px;background:#f4f6f6;color:var(--muted);font-size:12px;margin:0}
.variant-builder-note.is-warning{background:#fff1ef;color:#a42b1a}
.product-form-errors ul{margin:8px 0;padding-inline-start:20px}
.product-form-errors p{font-size:12px;margin-bottom:0}
.admin-products-heading,.variant-library-intro{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:24px 0 12px}
.admin-product-list{display:grid;gap:12px}
.admin-product-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}
.admin-product-card-main{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.admin-product-card-main h3{margin:2px 0 5px;font-size:16px}
.admin-product-card-main p{margin:0;font-size:12px}
.variant-library-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-product-card-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.admin-product-card-actions>form,.admin-product-card-actions>.product-edit-details{min-width:0;width:100%;margin:0}
.admin-product-card-actions>form{display:flex}
.admin-product-card-actions .product-action-control{display:inline-flex;width:100%;height:38px;min-width:0;min-height:38px;box-sizing:border-box;align-items:center;justify-content:center;padding:7px 4px;white-space:nowrap;font-size:11px;line-height:1.3}
.product-edit-summary{list-style:none;cursor:pointer}
.product-edit-summary::-webkit-details-marker{display:none}
.admin-product-card-actions>.product-edit-details[open]{grid-column:1/-1}
.badge-stock,.badge-out-stock,.badge-visible,.badge-hidden{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}
.badge-stock,.badge-visible{background:#eaf7ee;color:#186b36}
.badge-out-stock{background:#fff0ee;color:#ad2e22}
.badge-hidden{background:#f0f1f2;color:#5f6870}
.product-edit-details{flex:1 1 100%;background:#fbfbfa}
.product-edit-details>.product-editor-card{border-top:1px solid var(--line)}
.variant-library-page{display:grid;gap:16px}
.variant-library-intro{margin:0;align-items:flex-start}
.variant-option-create{max-width:none}
.variant-group-list{display:grid;gap:12px}
.variant-group-card,.variant-color-card{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;gap:12px}
.variant-group-card.is-inactive,.variant-color-card.is-inactive,.variant-option-row.is-inactive{opacity:.72;background:#f7f7f6}
.variant-group-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.variant-group-header h3{margin:4px 0 0}
.variant-group-header .eyebrow{margin:0;color:var(--muted);font-size:11px}
.variant-group-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:12px}
.variant-group-card details>summary{cursor:pointer;font-weight:700}
.variant-option-list{display:grid;gap:8px}
.variant-option-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}
.variant-option-edit{display:flex;align-items:end;gap:9px;flex:1}
.variant-option-edit label,.variant-color-card label,.variant-option-create label{display:grid;gap:5px;font-size:12px;font-weight:700}
.variant-option-edit input,.variant-color-card input,.variant-option-create input{min-height:39px;padding:8px 10px;border:1px solid #dfe2e4;border-radius:8px;background:#fff;font:inherit}
.variant-option-edit input[name=label]{max-width:180px}
.variant-option-edit input[name=sort_order]{width:85px}
.variant-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.variant-color-card{grid-template-columns:34px minmax(0,1fr);align-items:start}
.variant-color-card>form{grid-column:2}
.variant-color-card form{min-width:0}
.color-swatch-large,.hex-preview{width:29px;height:29px;border-radius:50%;margin-top:24px}
.hex-preview{display:inline-block;border:1px solid rgba(20,30,38,.25);background:var(--swatch,#fff);align-self:end}
.hex-preview.is-invalid{outline:2px solid #c62828}
.color-option-create .form-row{align-items:end}
.color-option-create .form-row label{flex:1}
.category-showcase{margin-top:20px}
.category-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-card{position:relative;display:block;min-height:170px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#e8eef0,#cfd9dc);color:#172026;text-decoration:none;isolation:isolate}
.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .2s ease}
.category-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,23,29,.78),rgba(13,23,29,.04) 75%);z-index:-1}
.category-card-copy{position:absolute;inset:auto 15px 14px;display:grid;gap:4px;color:#fff}
.category-card-copy small{font-size:11px;opacity:.85}
.category-card-copy strong{font-size:17px}
.category-card-arrow{position:absolute;left:0;bottom:0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f15a35;color:#fff}
.category-card-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:74px;font-weight:900;color:rgba(30,50,58,.18);background:radial-gradient(circle at 20% 20%,#fff 0,transparent 47%),linear-gradient(135deg,#e8eef0,#cfd9dc)}
.category-card.no-category-image .category-card-shade{background:linear-gradient(0deg,rgba(13,23,29,.74),rgba(29,54,62,.12) 90%)}
.category-card.active{outline:3px solid #f15a35;outline-offset:2px}
.category-card:hover img{transform:scale(1.04)}
@media(max-width:900px){.product-editor-grid{grid-template-columns:minmax(0,1fr) 220px}.category-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.product-editor-heading,.admin-products-heading,.variant-library-intro{align-items:flex-start;flex-direction:column}.product-editor-grid{grid-template-columns:1fr}.product-preview-panel{position:static;grid-row:1}.product-preview-panel img{max-height:200px}.product-editor-card{padding:11px}.product-form-block{padding:13px}.admin-product-card-main{flex-direction:column}.admin-product-card-status{width:100%}.variant-group-forms{grid-template-columns:1fr}.variant-option-row{align-items:stretch;flex-direction:column}.variant-option-edit{align-items:stretch;flex-wrap:wrap}.variant-option-edit label{flex:1}.variant-color-grid{grid-template-columns:1fr}.category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{min-height:145px}.category-card-copy strong{font-size:15px}}

.product-color-picker{border:0;padding:0;margin:0 0 12px;min-width:0}
.product-color-picker legend{font-weight:800;font-size:13px;margin-bottom:9px}
.product-color-swatches{display:flex;flex-wrap:wrap;gap:8px}
.product-color-choice{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;min-height:44px}
.product-color-choice i{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--swatch,#888);border:1px solid rgba(20,30,38,.22);box-shadow:inset 0 0 0 2px #fff}
.product-color-choice span{font-size:12px;font-weight:750}
.product-color-choice small{font-size:10px;color:var(--muted)}
.product-color-choice.selected{border-color:#f15a35;box-shadow:0 0 0 2px rgba(241,90,53,.14)}
.product-color-choice:disabled{opacity:.55;cursor:not-allowed;background:#f4f4f3}
.product-buy-form label>small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}

/* Brand and mobile-safe product media corrections */
.brand-wordmark{display:inline-flex;align-items:center;gap:5px;direction:ltr;white-space:nowrap;font-size:1em;font-weight:950;letter-spacing:-.055em;line-height:1}
.brand-wordmark span:first-child{color:#25292c}
.brand-wordmark span:last-child{color:#f15a35}
.brand-light .brand-wordmark span:first-child{color:#fff}
.brand-light .brand-wordmark span:last-child{color:#ff8b68}
.admin-entry-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap}
.admin-entry-link:hover{background:var(--soft-accent);border-color:#f2b4a3;color:var(--accent-dark)}
.admin-return-store{margin-bottom:8px!important;background:#f6f7f7;font-weight:800}
.admin-return-store:hover{background:var(--soft-accent)!important}
.product-detail,.product-gallery,.product-info,.product-video{min-width:0;max-width:100%}
.product-gallery{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px}
.product-video{width:100%;overflow:hidden;border-radius:14px;background:#161819}
.product-video video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111}
.product-video p{margin:0;padding:8px 11px;background:#f6f7f7;font-size:12px;overflow-wrap:anywhere}
.product-preview-panel{min-width:0;overflow:hidden}
.product-preview-panel img{display:block;width:100%;max-width:100%;height:auto;max-height:260px;object-fit:contain;background:#f6f7f7;border-radius:10px}
.product-preview-image-status{margin:6px 0 0;color:var(--muted);font-size:11px}
@media(max-width:700px){.brand-wordmark{font-size:18px;gap:4px}.header-actions{gap:7px}.admin-entry-link{min-height:34px;padding-inline:8px;font-size:11px}.product-detail{grid-template-columns:minmax(0,1fr);overflow:hidden}.product-gallery{width:100%}.product-video video{width:100%;max-height:70vh}.product-preview-panel img{max-height:200px}}

/* Arabic, accessible file picker used throughout the admin forms */
.file-input-control{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:50px;overflow:hidden;border:1px dashed #cbd2d5;border-radius:12px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.file-input-control:hover,.file-input-control:focus-within{border-color:#f15a35;box-shadow:0 0 0 3px rgba(241,90,53,.09)}
.file-input-control input[type=file]{position:absolute!important;inset:0;z-index:2;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer}
.file-input-display{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:7px 9px;pointer-events:none;background:#fff}
.file-input-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:34px;padding:0 13px;border-radius:9px;background:#f15a35;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.file-input-button:before{content:'↑';display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:14px;line-height:1}
.file-input-filename{display:block;min-width:0;overflow:hidden;color:#71797e;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.file-input-control.has-file .file-input-filename{color:#30383c;font-weight:700}
.file-input-control:focus-within .file-input-button{background:#d94b2a}
.logo-file-input-control{position:relative}
.logo-file-input-control .logo-file-input-filename{display:none}
.file-input-count-badge{display:none;position:absolute;top:7px;left:8px;z-index:1;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(241,90,53,.16);color:var(--accent-dark);font-size:11px;font-weight:850;line-height:1}
.logo-file-input-control.has-file .file-input-count-badge{display:inline-flex}
.label-inline-note{display:inline-flex;align-items:baseline;gap:7px;max-width:100%;white-space:nowrap}
.label-inline-note small{display:inline!important;margin:0;color:#7b8388;font-size:11px;font-weight:500}
.product-preview-panel{background:#fff!important}
.product-preview-panel img,.product-preview-panel [data-preview-image-output]{background:#fff!important}
@media(max-width:520px){.file-input-display{gap:8px;padding:7px}.file-input-button{padding-inline:10px}.file-input-filename{font-size:10px}}

/* Product inventory and order summary clarity */
.product-stock-breakdown{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfbfa}
.product-stock-breakdown h2{margin:0 0 10px;font-size:14px}
.stock-color-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}
.stock-color-row>strong{min-width:72px}
.stock-color-row>div{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:6px;flex:1}
.stock-size-pill{display:inline-flex;gap:4px;padding:3px 8px;border-radius:999px;background:#eef5ef;color:#286a3a;font-size:11px}
.stock-size-pill b{font-weight:850}
.product-size-picker[hidden]{display:none!important}
.variant-selection-hint{margin:0;color:var(--muted);font-size:11px}
.summary-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.summary-item>div{display:grid;gap:2px;min-width:0}
.summary-item strong{font-size:13px}
.summary-item small{display:block;color:var(--muted);font-size:11px;line-height:1.55}
.field-label{display:block;line-height:1.4}
.field-label small{display:inline!important;margin-inline-start:4px}
.money{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
@media(max-width:650px){.stock-color-row{display:grid;grid-template-columns:70px minmax(0,1fr)}.product-color-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.product-color-choice{width:100%;justify-content:flex-start}}

/* Explicit labels for product, cart and checkout information */
.stock-intro{margin:0 0 11px;color:var(--muted);font-size:11px}
.inventory-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.inventory-table{width:100%;min-width:430px;border-collapse:collapse;font-size:12px}
.inventory-table th,.inventory-table td{padding:10px;text-align:right;border-bottom:1px solid var(--line);vertical-align:top}
.inventory-table thead th{background:#f4f6f5;color:#4d5358;font-size:11px;font-weight:850;white-space:nowrap}
.inventory-table tbody tr:last-child th,.inventory-table tbody tr:last-child td{border-bottom:0}
.inventory-table tbody th{font-weight:800;white-space:nowrap}
.stock-size-list{display:flex;flex-wrap:wrap;gap:5px}
.stock-size-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #dceade;border-radius:7px;background:#f1f8f2;color:#286a3a}
.stock-size-pill b{font-weight:850}
.stock-size-pill small{font-size:10px;color:#4f7d5a}
.stock-status{font-size:11px;font-weight:850;white-space:nowrap}
.summary-section-title{margin:0;padding:12px 0 7px;font-size:14px}
.summary-item{display:block!important;padding:14px 0!important;border-bottom:1px solid var(--line)}
.summary-item h3,.summary-item h4{margin:0 0 10px;font-size:14px;font-weight:850}
.summary-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}
.summary-fields>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 9px;border-radius:8px;background:#f7f8f7}
.summary-fields dt{color:var(--muted);font-size:11px;font-weight:650}
.summary-fields dd{margin:0;text-align:left;font-size:12px;font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.summary-fields>div:last-child{background:#fff2ed;color:var(--accent-dark)}
.cart-item .summary-fields{max-width:540px;margin:9px 0}
.cart-item .summary-fields>div{padding:4px 7px;background:transparent;border:1px solid #f0f1f0}
.cart-item-controls{margin-top:9px}
@media(max-width:520px){.summary-fields{grid-template-columns:1fr}.inventory-table{min-width:390px}.inventory-table th,.inventory-table td{padding:8px 7px}.cart-item .summary-fields{grid-template-columns:1fr}}

/* Premium stock presentation: color cards with size/quantity tags */
.stock-breakdown-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.stock-breakdown-heading h2{margin:0 0 2px;font-size:15px}
.stock-total-badge{flex:0 0 auto;padding:6px 10px;border:1px solid #f0d6ce;border-radius:999px;background:#fff5f1;color:var(--accent-dark);font-size:11px;font-weight:850;white-space:nowrap}
.inventory-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.inventory-color-card{padding:12px;border:1px solid #dfe9e1;border-radius:13px;background:linear-gradient(145deg,#fff 0%,#f7fbf8 100%);box-shadow:0 4px 14px rgba(40,72,50,.045)}
.inventory-color-card.is-empty{border-color:#eadede;background:linear-gradient(145deg,#fff,#faf7f7)}
.inventory-color-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(55,85,63,.12)}
.inventory-color-name{display:flex;align-items:center;gap:8px;min-width:0}
.inventory-color-name i{width:23px;height:23px;flex:0 0 23px;border:2px solid #fff;border-radius:50%;background:var(--swatch,#888);box-shadow:0 0 0 1px rgba(20,30,38,.18),0 2px 5px rgba(0,0,0,.08)}
.inventory-color-name strong{overflow-wrap:anywhere;font-size:13px}
.inventory-color-total{font-size:10px;font-weight:850;white-space:nowrap}
.inventory-size-tags{display:flex;flex-wrap:wrap;gap:7px;padding-top:10px}
.inventory-size-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #cfe3d2;border-radius:8px;background:#eff8f0;color:#245e35}
.inventory-size-tag b{font-size:12px;font-weight:900}
.inventory-size-tag small{font-size:10px;color:#4d7d58;white-space:nowrap}
.inventory-empty-message{padding-top:11px;color:#a23a32;font-size:11px;font-weight:750}
@media(max-width:520px){.stock-breakdown-heading{display:block}.stock-total-badge{display:inline-flex;margin-top:8px}.inventory-color-grid{grid-template-columns:1fr}.inventory-color-card{padding:11px}}

/* Clean sport-retail interaction layer inspired by Decathlon usability */
.product-info{max-width:520px}
.product-price-large{align-items:baseline;padding:10px 0 4px}
.product-price-large strong{font-size:29px;letter-spacing:-.03em}
.product-stock{padding:8px 10px;border-radius:8px;background:#f5f8f5;font-weight:750}
.product-buy-form{padding-top:4px}
.product-color-picker{padding:13px 0 4px;border-top:1px solid var(--line)}
.product-color-picker legend{font-size:14px;margin-bottom:11px}
.product-color-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.product-color-choice{position:relative;min-height:54px;padding:8px 10px;border-radius:8px;justify-content:flex-start;border-color:#dfe2e4}
.product-color-choice i{width:28px;height:28px;flex-basis:28px}
.product-color-choice span{font-size:13px}
.product-color-choice small{margin-inline-start:auto;font-size:10px}
.product-color-choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 2px rgba(241,90,53,.10)}
.product-size-picker{padding-top:13px;border-top:1px solid var(--line)}
.product-size-picker select{min-height:48px;border-radius:8px;background:#fff;font-weight:700}
.product-size-picker select option:disabled{color:#999}
.variant-selection-hint{padding:7px 9px;border-radius:7px;background:#f7f8f8}
.product-buy-form>.button{min-height:50px;border-radius:8px}
.product-service-note{border-radius:8px}
.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.qty-step{width:33px;height:34px;border:0;background:#f6f7f7;color:var(--ink);font-size:19px;line-height:1}
.qty-step:hover{background:var(--soft-accent);color:var(--accent-dark)}
.qty-stepper .quantity-control{width:39px;height:34px;border:0;border-inline:1px solid var(--line);border-radius:0}
.quantity-title{color:var(--muted);font-size:11px}
.cart-item-controls{flex-wrap:wrap}
.product-gallery{display:flex;flex-direction:column;gap:18px}
.color-media-grid{display:grid;gap:18px;padding-top:4px}
.color-media-group{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.color-media-group[hidden]{display:none}
.color-media-group h2{margin:0 0 10px;font-size:14px}
.color-media-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}
.color-media-carousel{display:flex;align-items:center;gap:8px;direction:ltr}
.color-media-carousel .color-media-track{flex:1;direction:ltr}
.media-arrow{width:34px;height:42px;flex:0 0 34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:26px;line-height:1}
.media-arrow:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--soft-accent)}
.color-media-item{flex:0 0 94px;width:94px;height:94px;padding:3px;border:1px solid #e1e4e5;border-radius:10px;background:#f7f8f8;scroll-snap-align:start}
.color-media-item:hover{border-color:var(--accent)}
.color-media-item img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.video-media-trigger{position:relative;width:100%;height:120px;padding:0;border:0;border-radius:10px;overflow:hidden;background:#222}
.video-media-trigger img{width:100%;height:100%;object-fit:cover;opacity:.68}
.video-play-icon{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#fff;font-size:30px;text-shadow:0 2px 8px #000}
.product-main-image video{width:100%;height:100%;object-fit:contain}
.quantity-picker{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line)}
.quantity-stepper{display:inline-flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}
.quantity-stepper button{width:42px;height:42px;border:0;background:#f7f8f8;font-size:22px}
.quantity-stepper button:hover{background:var(--soft-accent);color:var(--accent-dark)}
.quantity-stepper input{width:48px;height:42px;border:0;border-inline:1px solid var(--line);text-align:center;font-weight:800;background:#fff}
.product-color-swatches{gap:10px}
.product-color-choice{justify-content:center;min-width:112px}
.product-color-choice span{font-weight:800}
.product-description{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font-size:16px;font-weight:560;line-height:2}
.product-usage{margin-top:16px;padding:16px 18px;border-radius:12px;background:#f7f8f8;color:#4d5559;line-height:1.95}
.product-video-button{align-self:center;width:min(100%,360px);min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 3px 12px rgba(20,30,38,.04)}
.product-video-button:hover{border-color:var(--accent);color:var(--accent-dark);background:#fffaf8}
.product-video-modal[hidden]{display:none}
.product-video-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px}
.product-video-modal-backdrop{position:absolute;inset:0;background:rgba(15,19,22,.72)}
.product-video-modal-card{position:relative;z-index:1;width:min(900px,100%);padding:14px;border-radius:16px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.3)}
.product-video-modal-card video{display:block;width:100%;max-height:78vh;border-radius:10px;background:#111}
.product-video-modal-close{position:absolute;z-index:2;top:-15px;inset-inline-end:-15px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:27px;line-height:1;box-shadow:0 3px 12px rgba(0,0,0,.2);cursor:pointer}
body.modal-open{overflow:hidden}
.product-carousels{width:100%}.product-main-carousel{--f-arrow-pos:12px;--f-arrow-bg:rgba(255,255,255,.82);--f-arrow-hover-bg:#fff;--f-arrow-color:var(--ink);--f-arrow-width:42px;--f-arrow-height:42px;--f-arrow-border-radius:50%;height:520px;border:1px solid var(--line);border-radius:16px;background:#fff}.product-main-carousel[hidden]{display:none}.product-main-carousel .f-carousel__slide{display:flex;align-items:center;justify-content:center;padding:18px}.product-main-carousel .f-carousel__slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.product-color-summary{margin-top:12px;font-size:14px;line-height:1.8}.product-color-summary strong{font-weight:850}
.color-thumbnail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
.color-thumbnail{min-width:0;padding:3px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer;font:inherit}
.color-thumbnail img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}.color-thumbnail span{display:block;overflow:hidden;padding:4px 2px 2px;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.color-thumbnail:hover:not(.selected){border-color:var(--line)}
.product-video-thumbnail{display:grid;place-items:center;align-content:center;gap:8px;min-width:0;aspect-ratio:1/1;padding:8px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#fff,#f4f6f6);color:var(--ink);cursor:pointer;font:inherit;font-weight:800}.product-video-thumbnail:hover{border-color:var(--accent);color:var(--accent-dark);box-shadow:0 0 0 2px rgba(241,90,53,.14)}.product-video-thumbnail-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;padding-inline-start:2px}
@media(max-width:700px){.product-main-carousel{height:360px;border-radius:12px}.product-main-carousel .f-carousel__slide{padding:10px}}
.admin-submit-button{position:relative}
.submit-spinner{display:none;width:18px;height:18px;margin-inline-start:8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:submit-spin .7s linear infinite}
.admin-submit-button.is-loading .submit-spinner{display:inline-block}
.admin-submit-button.is-loading{opacity:.78;pointer-events:none}
.color-image-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}
.color-image-upload-card,.generic-image-upload{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbfb}
.color-image-upload-card[hidden]{display:none}
.generic-image-upload[hidden]{display:none}
.color-image-upload-title,.color-video-upload-title,.generic-upload-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800}
.color-image-count,.color-video-count,.generic-image-count,.generic-video-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:var(--soft-accent);color:var(--accent-dark);font-size:10px;white-space:nowrap}
.color-image-count[hidden],.color-video-count[hidden],.generic-image-count[hidden],.generic-video-count[hidden]{display:none}
.color-image-upload-card small,.generic-image-upload small{color:var(--muted);font-weight:400}
.product-image-uploader .file-input-filename{display:none!important}
.product-form-block .video-upload-file-count{display:none!important}
@keyframes submit-spin{to{transform:rotate(360deg)}}

/* Spacious product layout inspired by modern sports retail pages */
.product-detail{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:72px;padding-top:28px;padding-bottom:78px;align-items:start}
.product-gallery{gap:22px}
.product-info{max-width:600px;padding-top:18px}
.product-info h1{margin:0 0 24px;font-size:clamp(30px,3.3vw,44px);line-height:1.22;letter-spacing:-.025em}
.product-info>.eyebrow{margin-bottom:12px;letter-spacing:.05em}
.product-description{margin:0 0 25px;padding:0;border:0;font-size:17px;line-height:2.05;color:#454d52}
.product-usage{margin:0 0 27px;padding:18px 20px;line-height:2;background:#f7f8f8}
.product-price-large{margin:0 0 30px;padding:0;gap:12px}
.product-price-large strong{font-size:32px}
.product-price-large strong,.product-price-large del,.product-price strong,.product-price del{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.product-price,.product-card .product-price,.product-preview-price,.summary-line strong,.cart-item-price,.admin-table td{unicode-bidi:isolate}
.product-price,.product-card .product-price,.product-preview-price,.summary-line strong,.cart-item-price{direction:ltr}
.product-color-summary{margin:0 0 5px;padding-top:20px;border-top:1px solid var(--line);font-size:15px}
.color-thumbnail-grid{margin:0 0 28px;padding:8px;gap:10px}
.product-buy-form{gap:18px;margin:0;padding-top:0}
.product-size-picker{padding-top:20px}
.quantity-picker{padding:20px 0}
.product-service-note{margin-top:32px;padding:20px 22px;line-height:1.9}
@media(max-width:900px){.product-detail{grid-template-columns:minmax(0,1fr) minmax(300px,.88fr);gap:38px}}
@media(max-width:700px){.product-detail{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:12px;padding-bottom:50px}.product-info{padding-top:0}.product-info h1{font-size:30px;margin-bottom:18px}.product-description{font-size:15px;line-height:1.9}.product-price-large{margin-bottom:22px}}

/* Product detail polish: clean spacing, RTL price, inline video slides */
.product-price-large{direction:rtl;justify-content:flex-start;text-align:right;unicode-bidi:plaintext}
.product-price-large strong,.product-price-large del{direction:ltr;unicode-bidi:isolate}
.product-color-summary{border-top:0;padding-top:0}
.quantity-picker{border-top:0}
.product-price,.product-card .product-price,.product-preview-price,.summary-line strong,.cart-item-price{direction:rtl;text-align:right;unicode-bidi:plaintext}
.product-size-picker{border-top:0;padding-top:0}
.color-thumbnail-grid{gap:6px}
.color-thumbnail,.color-thumbnail img{border-radius:3px}
.product-main-carousel{border-radius:0}
.product-main-carousel .f-carousel__slide{border-radius:0}
.admin-login-button.is-loading .submit-spinner{display:inline-block}
.admin-login-button.is-loading{opacity:.78;pointer-events:none}
.product-video-slide video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#111;border-radius:10px}
.color-video-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:12px 0}
.color-video-upload-card,.generic-video-upload{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbfb}
.color-video-upload-card[hidden],.generic-video-upload[hidden]{display:none}
.color-video-upload-card input,.generic-video-upload input{min-width:0}
.color-video-upload-card small{color:var(--muted)}


/* Final RTL price and product media behavior */
.product-price,
.product-card .product-price,
.product-price-large,
.product-preview-price,
.summary-line strong,
.cart-item-price,
.admin-product-card-main .muted,
.admin-table td {
  direction: rtl;
  text-align: right;
  unicode-bidi: plaintext;
}
.product-price,
.product-card .product-price,
.product-price-large {
  justify-content: flex-start;
}
.summary-fields .money-summary dd {
  direction: rtl;
  text-align: right;
  unicode-bidi: plaintext;
}
.product-main-carousel {
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.product-main-carousel .f-carousel__slide {
  overflow: hidden;
  border-radius: 10px;
}
.product-main-carousel .f-carousel__slide:not(.product-video-slide) img {
  border-radius: 8px;
}
.color-thumbnail,
.color-thumbnail img {
  border-radius: 9px;
}
.product-video-slide {
  overflow: hidden;
  background: transparent;
}
.product-video-frame {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
}
.product-video-frame .product-video-poster {
  position: relative;
  inset: auto;
  display: block;
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
  background: transparent;
}
.product-video-frame .product-video-player {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
  background: transparent;
}
.product-video-frame .product-video-player[hidden] {
  display: none;
}
.product-video-slide.is-playing .product-video-poster {
  opacity: 0;
  visibility: hidden;
}
.product-video-slide.is-playing .product-video-play {
  display: none;
}
.product-video-play {
  position: absolute;
  z-index: 5;
  inset: 0;
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.product-video-play:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -5px;
}
.product-video-play-icon {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding-left: 4px;
  border: 2px solid rgba(255,255,255,.96);
  border-radius: 50%;
  background: rgba(32,35,38,.62);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  box-shadow: 0 5px 20px rgba(0,0,0,.24);
  transition: transform .18s ease, background .18s ease;
  backdrop-filter: blur(3px);
}
.product-video-play:hover .product-video-play-icon,
.product-video-play:focus-visible .product-video-play-icon {
  transform: scale(1.08);
  background: var(--accent);
}
.product-main-carousel.is-first-slide .f-button.is-arrow.is-prev {
  display: none !important;
}
.product-additional-info {
  padding-bottom: 48px;
}
.product-additional-info-card {
  padding: 24px 28px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: #454d52;
  line-height: 2;
}
.product-additional-info-card .eyebrow {
  margin: 0 0 5px;
}
.product-additional-info-card h2 {
  margin: 0 0 12px;
  color: var(--ink);
  font-size: 21px;
}
.video-upload-file-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: left;
  width: max-content;
  max-width: 100%;
  min-width: 26px;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--soft-accent);
  color: var(--accent-dark);
  direction: rtl;
  font-size: 10px;
  font-weight: 700;
  unicode-bidi: plaintext;
  white-space: nowrap;
}
.video-upload-file-count.has-file {
  color: var(--accent-dark);
  font-weight: 850;
}
@media (max-width: 700px) {
  .product-main-carousel {
    border-radius: 0;
  }
  .product-main-carousel .f-carousel__slide {
    border-radius: 8px;
  }
  .product-video-play {
    inset: 0;
  }
  .product-video-play-icon {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
  .product-additional-info {
    padding-bottom: 34px;
  }
  .product-additional-info-card {
    padding: 18px;
    border-radius: 12px;
  }
}

/* Product detail: tighter gallery, four clean thumbnails, highlighted price */
.product-main-carousel {
  height: 460px;
}
.product-main-carousel .f-carousel__slide {
  padding: 10px 12px;
}
.color-thumbnail-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.color-thumbnail,
.color-thumbnail:hover,
.color-thumbnail.selected {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.color-thumbnail img {
  border-radius: 8px;
}
.color-thumbnail:hover {
  transform: translateY(-1px);
}
.color-thumbnail.selected {
  transform: translateY(-2px);
}
.color-thumbnail:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.product-price-large [data-product-display-price] {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 9px;
  background: var(--accent);
  color: #fff;
  box-shadow: 0 4px 12px rgba(241,90,53,.2);
}
.product-price-large [data-product-display-price] .money-value,
.product-price-large [data-product-display-price] .money-number,
.product-price-large [data-product-display-price] .money-currency {
  color: #fff;
}
.product-additional-info {
  margin-top: 24px;
  padding: 0;
}
@media (max-width: 700px) {
  .product-main-carousel {
    height: 300px;
  }
  .product-main-carousel .f-carousel__slide {
    padding: 6px 8px;
  }
  .color-thumbnail-grid {
    gap: 8px;
  }
  .product-price-large [data-product-display-price] {
    padding: 7px 12px;
  }
}

/* One bidi-safe contract for prices, measurements, and bare numbers in RTL copy. */
.money-value,
.measure-value {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline;
  gap: .28em;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  white-space: nowrap;
  vertical-align: baseline;
}
.money-value > .money-number,
.measure-value > .measure-number {
  order: 0;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
.money-value > .money-currency,
.measure-value > .measure-unit {
  order: 1;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  white-space: nowrap;
}
.bidi-number {
  display: inline-block;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap;
}

/* Product page refinement: clear hierarchy while keeping the RTL bidi contract untouched. */
.product-taxonomy {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-block: 13px 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
}
.product-taxonomy span[aria-hidden="true"] {
  color: #b1b5b8;
}
.product-info {
  padding-top: 10px;
}
.product-info h1 {
  margin: 0 0 24px;
}
.product-description {
  margin: 0 0 23px;
  padding: 0;
  border: 0;
  color: #353b40;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.95;
}
.product-description h2 {
  margin: 0 0 6px;
  color: #6b7176;
  font-size: 13px;
  font-weight: 750;
}
.product-description-text {
  font-weight: 550;
}
.product-price-large {
  align-items: baseline;
  gap: 13px;
  margin: 0 0 26px;
}
.product-price-large [data-product-display-price] {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #111;
  box-shadow: none;
  font-weight: 850;
}
.product-price-large [data-product-display-price] .money-value,
.product-price-large [data-product-display-price] .money-number,
.product-price-large [data-product-display-price] .money-currency {
  color: #111;
}
.product-price-large [data-product-compare-price] {
  color: #73797e;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}
.product-price-large [data-product-compare-price] .money-value,
.product-price-large [data-product-compare-price] .money-number,
.product-price-large [data-product-compare-price] .money-currency {
  color: #73797e;
  text-decoration-line: line-through;
  text-decoration-style: solid;
  text-decoration-color: #51565b;
  text-decoration-thickness: 2px;
}
.product-price-large [data-product-compare-price][hidden],
.product-price-large [data-product-sale-badge][hidden] {
  display: none;
}
.color-thumbnail.selected {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(241,90,53,.14);
  outline: 3px solid var(--accent);
  outline-offset: 3px;
  border-radius: 10px;
}
.product-size-picker {
  position: relative;
}
.product-size-picker select {
  padding-left: 44px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.product-size-picker::after {
  content: "";
  position: absolute;
  left: 17px;
  bottom: 17px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #656c71;
  border-bottom: 2px solid #656c71;
  transform: rotate(45deg);
  pointer-events: none;
}
@media (max-width: 700px) {
  .product-taxonomy {
    padding-block: 10px 2px;
  }
  .product-info {
    padding-top: 0;
  }
  .product-description {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.9;
  }
  .product-info h1 {
    margin-bottom: 22px;
  }
  .product-price-large {
    margin-bottom: 22px;
  }
  .product-price-large [data-product-display-price] {
    padding: 0;
  }
}


/* Spacious order-management table; scope these rules to orders only. */
.admin-orders-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
.admin-orders-table {
  width: 100%;
  min-width: 1565px;
  table-layout: fixed;
  font-size: 14px;
  line-height: 1.75;
}
.admin-orders-table .order-col-identity { width: 155px; }
.admin-orders-table .order-col-customer { width: 340px; }
.admin-orders-table .order-col-items { width: 340px; }
.admin-orders-table .order-col-total { width: 190px; }
.admin-orders-table .order-col-status { width: 190px; }
.admin-orders-table .order-col-update { width: 350px; }
.admin-orders-table th,
.admin-orders-table td {
  padding: 16px 18px;
  vertical-align: top;
  font-size: 14px;
}
.admin-orders-table th {
  padding-block: 15px;
  font-size: 14px;
  white-space: nowrap;
}
.admin-orders-table tbody tr:nth-child(even) { background: #fbfbfa; }
.admin-orders-table tbody tr:hover { background: #fff8f4; }
.admin-orders-table tbody tr:last-child td { border-bottom: 0; }
.order-number-tag {
  display: inline-flex;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 8px;
  background: #282d30;
  color: #fff;
  direction: ltr;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.order-created-at {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  direction: ltr;
  font-size: 12px;
  line-height: 1.6;
  white-space: nowrap;
}
.order-customer-card,
.order-total-card,
.order-status-card { display: grid; gap: 10px; }
.order-customer-name { font-size: 16px; line-height: 1.5; }
.order-customer-phone {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #e4e7e8;
  border-radius: 8px;
  background: #fff;
  direction: ltr;
  font-size: 13px;
  font-weight: 750;
}
.order-customer-phone span { color: var(--muted); font-size: 11px; font-weight: 600; }
.order-location-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.order-location-grid > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f5f6f6;
}
.order-location-grid small,
.order-customer-address small,
.order-customer-note small,
.order-total-card > small,
.order-shipping-line > small,
.order-payment-method small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
}
.order-location-grid strong { overflow-wrap: anywhere; font-size: 13px; }
.order-customer-address,
.order-customer-note {
  display: grid;
  gap: 3px;
  margin: 0;
  padding: 9px 10px;
  border-radius: 8px;
  background: #f5f6f6;
  font-style: normal;
  overflow-wrap: anywhere;
}
.order-customer-note { border-inline-start: 3px solid #e8b7a9; background: #fff8f5; }
.order-items-list { display: grid; gap: 8px; }
.order-item-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid #e9ebec;
  border-radius: 9px;
  background: #fff;
}
.order-item-details { display: grid; gap: 3px; min-width: 0; }
.order-item-details strong { overflow-wrap: anywhere; font-size: 14px; line-height: 1.55; }
.order-item-details small { color: var(--muted); font-size: 12px; }
.order-item-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border: 1px solid #f1d8d0;
  border-radius: 8px;
  background: #fff5f1;
  color: var(--accent-dark);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.order-total-card { gap: 7px; }
.order-total-card > strong { font-size: 18px; line-height: 1.5; }
.order-shipping-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}
.order-shipping-line b { font-size: 13px; white-space: nowrap; }
.order-status-chip,
.order-payment-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  max-width: 100%;
  padding: 6px 9px;
  border-radius: 8px;
  background: #f1f3f3;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
.order-status-chip { color: #3f484c; }
.order-payment-chip { background: #fff3e8; color: #8a5728; font-size: 12px; }
.order-payment-chip i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #df9239; }
.order-payment-chip.is-received { background: #eaf5ee; color: #286a3a; }
.order-payment-chip.is-received i { background: #3b9659; }
.order-payment-method { display: grid; gap: 1px; font-size: 13px; }
.order-status-form {
  min-width: 0;
  gap: 10px;
  padding: 13px;
  border: 1px solid #e7e9e9;
  border-radius: 11px;
  background: #fff;
}
.order-status-form label { font-size: 13px; }
.order-status-form input,
.order-status-form select { min-height: 44px; font-size: 14px; }
.order-status-form .checkbox-label { line-height: 1.55; }
.order-status-form button { width: 100%; min-height: 42px; font-size: 13px; }
.orders-empty-state { padding: 28px !important; text-align: center; color: var(--muted); font-size: 15px !important; }
@media (max-width: 700px) {
  .admin-orders-table { min-width: 1565px; font-size: 14px; }
  .admin-orders-table th,
  .admin-orders-table td { padding: 14px 16px; font-size: 14px; }
  .order-customer-name { font-size: 16px; }
}


/* Refined order cards: residence, line-item attributes and per-item totals. */
.admin-orders-table { min-width: 1660px; }
.admin-orders-table .order-col-identity { width: 160px; }
.admin-orders-table .order-col-customer { width: 350px; }
.admin-orders-table .order-col-items { width: 600px; }
.admin-orders-table .order-col-status { width: 200px; }
.admin-orders-table .order-col-update { width: 350px; }
.order-number-tag {
  justify-content: center;
  padding: 7px 14px;
  text-align: center;
}
.order-created-at {
  display: grid;
  gap: 1px;
  margin-top: 9px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f3f5f4;
  color: var(--ink);
  direction: rtl;
  white-space: normal;
}
.order-created-at small { color: var(--muted); font-size: 10px; font-weight: 600; }
.order-created-at bdi { direction: ltr; font-size: 12px; font-weight: 700; }
.order-customer-primary-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.order-customer-field {
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 0;
  min-height: 57px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f3f5f4;
  color: var(--ink);
  direction: rtl;
}
.order-customer-field small { color: var(--muted); font-size: 11px; font-weight: 600; }
.order-customer-field strong,
.order-customer-field bdi { overflow-wrap: anywhere; font-size: 13px; font-weight: 800; }
.order-customer-phone { justify-self: stretch; align-items: start; gap: 2px; border: 0; font-size: 13px; }
.order-customer-phone bdi { align-self: start; direction: ltr; }
.order-customer-residence {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 8px;
  background: #f3f5f4;
  overflow-wrap: anywhere;
}
.order-customer-residence small { color: var(--muted); font-size: 11px; font-weight: 600; }
.order-customer-residence strong { font-size: 13px; line-height: 1.7; }
.order-customer-note { margin: 0; }
.order-items-list { gap: 12px; }
.order-item-card {
  display: grid;
  gap: 8px;
  padding: 11px;
  border: 1px solid #e8ebeb;
  border-radius: 10px;
  background: #fff;
}
.order-item-name {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border-radius: 7px;
  background: #f3f5f4;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.order-item-attributes { display: grid; gap: 7px; }
.order-item-attributes.has-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.order-item-attributes.has-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.order-item-attributes.has-1 { grid-template-columns: minmax(0,1fr); }
.order-item-attributes > span {
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 0;
  min-height: 48px;
  padding: 6px 9px;
  border-radius: 7px;
  background: #f3f5f4;
  overflow-wrap: anywhere;
}
.order-item-attributes > span small,
.order-item-prices > span small { color: var(--muted); font-size: 10px; font-weight: 600; line-height: 1.45; }
.order-item-attributes > span b { font-size: 12px; line-height: 1.5; }
.order-item-prices {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
  padding-top: 8px;
  border-top: 1px solid #eceeee;
}
.order-item-prices > span {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 7px;
  background: #fafafa;
}
.order-item-prices > span b { font-size: 13px; white-space: nowrap; }
.order-item-prices .money-value { font-size: 13px; }
.order-delivery-line,
.order-final-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  border-radius: 8px;
  background: #f3f5f4;
  font-size: 13px;
  font-weight: 700;
}
.order-delivery-line { margin-top: 1px; }
.order-final-total {
  margin-top: -5px;
  padding: 11px;
  border: 1px solid #f4c8b8;
  background: #fff0e9;
  color: #b63c1e;
  font-size: 14px;
}
.order-final-total strong { font-size: 17px; white-space: nowrap; }
@media (max-width: 700px) {
  .admin-orders-table { min-width: 1660px; }
  .order-customer-primary-grid { gap: 7px; }
  .order-item-card { padding: 9px; }
  .order-item-attributes.has-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
}


/* Latest order table refinements requested by the store owner. */
.admin-orders-table { min-width: 1470px; }
.admin-orders-table .order-col-identity { width: 220px; }
.admin-orders-table .order-col-customer { width: 350px; }
.admin-orders-table .order-col-items { width: 410px; }
.admin-orders-table .order-col-status { width: 200px; }
.admin-orders-table .order-col-update { width: 350px; }
.admin-orders-table tbody tr,
.admin-orders-table tbody tr:nth-child(even),
.admin-orders-table tbody tr:hover,
.admin-orders-table tbody tr:active,
.admin-recent-orders-table tbody tr,
.admin-recent-orders-table tbody tr:hover,
.admin-recent-orders-table tbody tr:active {
  background: #fff !important;
}
.admin-orders-table tbody tr:hover > td,
.admin-orders-table tbody tr:active > td,
.admin-recent-orders-table tbody tr:hover > td,
.admin-recent-orders-table tbody tr:active > td {
  background: #fff !important;
}
.order-number-field {
  display: grid;
  justify-items: start;
  gap: 5px;
  width: 100%;
  min-width: 190px;
  padding: 9px 10px;
  border-radius: 8px;
  background: #f3f5f4;
}
.order-number-field > small { color: var(--muted); font-size: 11px; font-weight: 600; }
.order-number-field .order-number-tag {
  display: block;
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}
.order-status-card { gap: 8px; }
.order-status-field {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 9px 10px;
  border-radius: 8px;
  background: #f3f5f4;
  overflow-wrap: anywhere;
}
.order-status-field small { color: var(--muted); font-size: 11px; font-weight: 600; }
.order-status-field strong { font-size: 13px; line-height: 1.55; }
.order-status-field .order-payment-value.is-received { color: #286a3a; }

.admin-recent-orders-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; }
.admin-recent-orders-table { width: 100%; min-width: 1460px; table-layout: fixed; font-size: 14px; }
.admin-recent-orders-table th,
.admin-recent-orders-table td { padding: 14px 14px; vertical-align: middle; }
.admin-recent-orders-table th:nth-child(1) { width: 215px; }
.admin-recent-orders-table th:nth-child(2) { width: 180px; }
.admin-recent-orders-table th:nth-child(3) { width: 155px; }
.admin-recent-orders-table th:nth-child(4) { width: 320px; }
.admin-recent-orders-table th:nth-child(5) { width: 205px; }
.admin-recent-orders-table th:nth-child(6) { width: 155px; }
.admin-recent-orders-table th:nth-child(7) { width: 150px; }
.admin-recent-orders-table th:nth-child(8) { width: 200px; }
.admin-recent-orders-table th,
.admin-recent-orders-table td { font-weight: 700; }
.dashboard-order-number,
.dashboard-order-phone,
.dashboard-order-residence,
.dashboard-order-status,
.dashboard-order-time { min-width: 0; }
.dashboard-order-number { direction: ltr; font-size: 14px; font-weight: 800; white-space: nowrap; }
.dashboard-order-customer { font-size: 14px; font-weight: 750; }
.dashboard-order-phone bdi,
.dashboard-order-time bdi { direction: ltr; font-size: 13px; font-weight: 700; white-space: nowrap; }
.dashboard-order-residence strong,
.dashboard-order-status strong { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.dashboard-order-residence,
.dashboard-order-status { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.delivery-estimate { margin: 10px 0 0; color: var(--muted); font-size: 12px; }
.delivery-estimate .measure-value { margin-inline: 3px; }
.delivery-attention { margin: 9px 0 0; padding: 10px 12px; border-radius: 9px; background: #fff7e8; color: #79521f; font-size: 12px; font-weight: 650; line-height: 1.8; }
.delivery-method-fieldset { display: grid; gap: 9px; margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; }
.delivery-method-fieldset legend { padding-inline: 6px; font-weight: 800; }
.delivery-method-option { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 11px; padding: 13px 14px; border: 1px solid #e1e5e5; border-radius: 11px; background: #fff; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.delivery-method-option:has(input:checked) { border-color: var(--accent); background: #fffaf7; box-shadow: 0 4px 14px rgba(241,90,53,.10); }
.delivery-method-option > span { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; }
.delivery-method-option strong { display: block; width: max-content; max-width: 100%; white-space: nowrap; direction: rtl; unicode-bidi: plaintext; line-height: 1.5; }
.delivery-method-option small { color: var(--muted); font-weight: 550; }
.delivery-method-option .price-label { color: #42494d; font-size: 15px; font-weight: 500; }
.delivery-method-option input { width: auto; min-height: auto; margin-top: 5px; }
.delivery-method-option bdi { font-weight: 800; color: var(--accent); }
.delivery-address-fields.is-disabled { opacity: .62; }
.delivery-address-fields input:disabled { background: #eef0f1; color: #899095; cursor: not-allowed; }
.field-help { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.wilaya-settings-table { min-width: 1080px; }
.wilaya-settings-table th, .wilaya-settings-table td { padding: 9px 8px; vertical-align: middle; }
.wilaya-settings-table input { min-width: 0; padding: 8px 9px; }
.wilaya-settings-table .compact-input { width: 88px; }
.wilaya-settings-table .wilaya-name-input { width: 150px; }
.wilaya-settings-table .office-name-input { width: 128px; }
.wilaya-office-create-field { grid-column: 1 / -1; }
.wilaya-office-create-field input { width: 100%; }
.wilaya-settings-table .day-input { width: 68px; }
.wilaya-office-fields, .wilaya-days-fields { display: flex; align-items: center; gap: 6px; }
.wilaya-office-fields input:first-child { width: 92px; }
.wilaya-office-fields input:last-child { width: 128px; }
.wilaya-days-fields .compact-input { width: 66px; }
.wilaya-settings-table .table-actions { white-space: nowrap; }
.wilaya-settings-table .table-actions form { display: inline-block; margin: 0 3px; }
.notice-info { background: #eef6fb; color: #27546b; }
.delivery-confirmation { margin: 20px 0; padding: 16px; border: 1px solid #dce8ed; border-radius: 13px; background: #f4f9fb; }
.delivery-confirmation h2 { margin: 0 0 7px; font-size: 17px; }
.delivery-confirmation p { margin: 7px 0 0; }
.order-number small { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.order-number { display: grid; justify-items: start; gap: 4px; }
.order-number strong { display: block; font-size: 22px; line-height: 1.25; }
.order-summary .total-line { margin-top: 16px; padding: 15px 14px; border: 2px solid var(--accent); border-radius: 12px; background: #fff5ef; color: #7f2f1d; font-size: 18px; box-shadow: 0 5px 16px rgba(241,90,53,.12); }
.order-summary .total-line strong { color: #b6371d; font-size: 21px; }
@media (max-width: 700px) {
  .admin-orders-table { min-width: 1470px; }
  .admin-orders-table tbody tr:hover,
  .admin-orders-table tbody tr:active,
  .admin-recent-orders-table tbody tr:hover,
  .admin-recent-orders-table tbody tr:active { background: #fff !important; }
  .admin-recent-orders-table { min-width: 1460px; }
}


/* Final checkout and admin usability refinements. */
.checkout-back-button,
.cart-continue-button { margin-top: 14px; font-size: 13px; }
.cart-main .cart-continue-button { display: inline-flex; width: auto; min-width: 170px; }
.section-heading-admin { margin-top: 30px; padding-top: 4px; }
.admin-orders-link { min-width: 132px; box-shadow: 0 5px 14px rgba(241,90,53,.16); }
.order-residence-inline { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 14px; }
.order-residence-inline span { display: inline-flex; align-items: center; white-space: nowrap; }
.order-residence-inline span + span::before { content: '—'; margin-inline-end: 14px; color: var(--muted); font-weight: 500; }
@media (max-width: 700px) {
  .section-heading-admin { margin-top: 24px; }
  .section-heading-admin .admin-orders-link { min-width: 118px; padding-inline: 12px; }
  .cart-main .cart-continue-button { width: 100%; }
}


/* Keep wilaya and municipality aligned with the customer name and phone cards. */
.order-customer-residence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.order-customer-residence-grid .order-customer-field {
  min-height: 57px;
}
@media (max-width: 700px) {
  .order-customer-residence-grid { gap: 7px; }
}

/* Premium homepage information cards. */
.service-strip {
  padding: 42px 0;
  background: linear-gradient(135deg, #f7f8f7 0%, #fff8f4 100%);
  border-block: 1px solid #eceeed;
}
.service-strip .service-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.service-strip .service-grid article {
  min-height: 165px;
  padding: 19px;
  border: 1px solid #ece9e7;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 24px rgba(32,35,38,.045);
}
.service-strip .service-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 14px;
  border: 1px solid #ffe0d5;
  border-radius: 14px;
  background: #fff0eb;
  color: var(--accent-dark);
  font-size: 21px;
}
.service-strip .service-icon-currency {
  font-size: 13px;
  font-weight: 900;
}
.service-strip .service-grid h2 {
  margin: 0 0 7px;
  font-size: 15px;
  line-height: 1.45;
}
.service-strip .service-grid p {
  margin: 0;
  color: #697075;
  font-size: 12px;
  line-height: 1.85;
}
.service-strip-link {
  display: inline-flex;
  margin-top: 9px;
  color: var(--accent-dark);
  font-size: 12px;
  font-weight: 800;
}
.service-strip-link:hover { text-decoration: underline; }
@media (max-width: 1050px) {
  .service-strip .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .service-strip { padding: 30px 0; }
  .service-strip .service-grid { grid-template-columns: 1fr; gap: 10px; }
  .service-strip .service-grid article { min-height: 0; padding: 16px; }
  .service-strip .service-icon { width: 42px; height: 42px; margin-bottom: 10px; }
}

/* Keep both hero proof statements equally clear and visible. */
.hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #3f474b;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
  opacity: 1;
  white-space: nowrap;
}
.hero-proof span::before {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin-inline-end: 0;
  border-radius: 50%;
  background: #2f8a52;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  opacity: 1;
}
@media (max-width: 700px) {
  .hero-proof { gap: 12px; }
  .hero-proof span { font-size: 11px; }
}

/* Product catalog display modes selected from the admin panel. */
.catalog-results .product-grid-mode-grid .product-card-body {
  padding: 13px 14px 15px;
}
.catalog-results .product-grid-mode-grid .product-sport,
.catalog-results .product-grid-mode-grid .rating-line,
.catalog-results .product-grid-mode-grid .stock-label,
.catalog-results .product-grid-mode-grid .product-card-body > .button {
  display: none;
}
.catalog-results .product-grid-mode-grid .product-card h3 {
  display: -webkit-box;
  min-height: 0;
  margin: 0 0 9px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.55;
}
.catalog-results .product-grid-mode-large {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
.catalog-results .product-grid-mode-large .product-card {
  display: grid;
  grid-template-columns: minmax(260px, 42%) minmax(0, 1fr);
  align-items: stretch;
  direction: ltr;
  overflow: hidden;
}
.catalog-results .product-grid-mode-large .product-image {
  min-height: 260px;
  aspect-ratio: auto;
}
.catalog-results .product-grid-mode-large .product-card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 27px 30px;
  direction: rtl;
}
.catalog-results .product-grid-mode-large .product-sport,
.catalog-results .product-grid-mode-large .rating-line,
.catalog-results .product-grid-mode-large .stock-label,
.catalog-results .product-grid-mode-large .product-card-body > .button {
  display: none;
}
.catalog-results .product-grid-mode-large .product-card h3 {
  display: -webkit-box;
  max-width: 620px;
  margin: 0 0 14px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: clamp(18px, 2vw, 26px);
  line-height: 1.55;
}
.catalog-results .product-grid-mode-large .product-price strong {
  font-size: 22px;
}
.catalog-results .product-grid-mode-split {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
.catalog-results .product-grid-mode-split .product-card {
  display: grid;
  grid-template-columns: minmax(190px, 35%) minmax(0, 1fr);
  align-items: stretch;
  direction: ltr;
  border-radius: 14px;
}
.catalog-results .product-grid-mode-split .product-image {
  min-height: 170px;
  aspect-ratio: auto;
}
.catalog-results .product-grid-mode-split .product-card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 25px;
  direction: rtl;
}
.catalog-results .product-grid-mode-split .product-sport,
.catalog-results .product-grid-mode-split .rating-line,
.catalog-results .product-grid-mode-split .stock-label,
.catalog-results .product-grid-mode-split .product-card-body > .button {
  display: none;
}
.catalog-results .product-grid-mode-split .product-card h3 {
  display: -webkit-box;
  max-width: 700px;
  margin: 0 0 10px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: clamp(16px, 1.8vw, 22px);
  line-height: 1.55;
}
.catalog-results .product-grid-mode-split .product-price strong {
  font-size: 19px;
}
.product-display-mode-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 2px 0 4px;
}
.product-display-mode-guide > div {
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fafbfa;
}
.product-display-mode-guide strong { font-size: 12px; }
.product-display-mode-guide span { color: var(--muted); font-size: 11px; line-height: 1.7; }
@media (max-width: 700px) {
  .catalog-results .product-grid-mode-large .product-card,
  .catalog-results .product-grid-mode-split .product-card {
    grid-template-columns: 43% minmax(0, 1fr);
  }
  .catalog-results .product-grid-mode-large .product-image { min-height: 190px; }
  .catalog-results .product-grid-mode-large .product-card-body { padding: 17px; }
  .catalog-results .product-grid-mode-large .product-card h3 { font-size: 16px; -webkit-line-clamp: 4; }
  .catalog-results .product-grid-mode-split .product-image { min-height: 145px; }
  .catalog-results .product-grid-mode-split .product-card-body { padding: 14px; }
  .catalog-results .product-grid-mode-split .product-card h3 { font-size: 14px; -webkit-line-clamp: 4; }
  .product-display-mode-guide { grid-template-columns: 1fr; }
}


/* Final refined catalog presentation overrides. */
.catalog-results .product-grid-mode-grid .product-card,
.catalog-results .product-grid-mode-large .product-card,
.catalog-results .product-grid-mode-split .product-card {
  background: #fff;
  border-color: #e9edf0;
}
.catalog-results .product-grid-mode-grid .product-card-body,
.catalog-results .product-grid-mode-large .product-card-body,
.catalog-results .product-grid-mode-split .product-card-body {
  background: #f8fafb;
}
.catalog-results .product-grid-mode-grid .product-price,
.catalog-results .product-grid-mode-large .product-price,
.catalog-results .product-grid-mode-split .product-price {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
}
.catalog-results .product-price del { display: none !important; }
.catalog-results .product-grid-mode-grid .product-price strong,
.catalog-results .product-grid-mode-large .product-price strong,
.catalog-results .product-grid-mode-split .product-price strong {
  color: #c84d2f;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .01em;
}
.catalog-results .product-grid-mode-grid .product-card h3 a,
.catalog-results .product-grid-mode-large .product-card h3 a,
.catalog-results .product-grid-mode-split .product-card h3 a { color: #27343b; }

/* عمودي: الصورة فوق المعلومات. */
.catalog-results .product-grid-mode-large {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.catalog-results .product-grid-mode-large .product-card {
  display: flex;
  flex-direction: column;
  direction: rtl;
  border-radius: 16px;
  overflow: hidden;
}
.catalog-results .product-grid-mode-large .product-image {
  width: 100%;
  min-height: 0;
  aspect-ratio: 1 / .78;
}
.catalog-results .product-grid-mode-large .product-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  padding: 18px 20px 20px;
  direction: rtl;
}
.catalog-results .product-grid-mode-large .product-card h3 {
  margin-bottom: 12px;
  font-size: clamp(17px, 1.9vw, 23px);
}
.catalog-results .product-grid-mode-large .product-price strong { font-size: 20px; }

/* متناظر: الصورة يسار والمعلومات يمين، بلا إطار ثقيل. */
.catalog-results .product-grid-mode-split .product-card {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid #e9edf0;
}
.catalog-results .product-grid-mode-split .product-card-body {
  background: #f7f9fa;
  border-radius: 0 14px 14px 0;
  padding: 22px 28px;
}
.catalog-results .product-grid-mode-split .product-image { border-radius: 14px 0 0 14px; }
.catalog-results .product-grid-mode-split .product-price strong { font-size: 20px; }
.product-display-settings-form select {
  min-height: 48px;
  font-size: 16px;
  font-weight: 700;
  background: #f8fafb;
}
@media (max-width: 700px) {
  .catalog-results .product-grid-mode-large { grid-template-columns: 1fr; }
  .catalog-results .product-grid-mode-large .product-image { aspect-ratio: 1 / .76; }
  .catalog-results .product-grid-mode-large .product-card-body { padding: 17px; }
  .catalog-results .product-grid-mode-split .product-card-body { padding: 15px 16px; }
}


/* Final grid typography refinement. */
.catalog-results .product-grid-mode-grid .product-card-body {
  padding: 15px 15px 16px;
}
.catalog-results .product-grid-mode-grid .product-card h3 {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0;
}
.catalog-results .product-grid-mode-grid .product-price strong {
  font-size: 17px;
}
@media (max-width: 700px) {
  .catalog-results .product-grid-mode-grid .product-card h3 {
    font-size: 14px;
    line-height: 1.58;
  }
}


/* Homepage proof statements: always fully visible above decorative hero layers. */
.hero-copy {
  position: relative;
  z-index: 5;
}
.hero-proof {
  position: relative;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 22px;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}
.hero-proof span {
  position: relative;
  z-index: 7;
  display: inline-flex !important;
  flex: 0 1 auto;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  color: #263238 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.6;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}
.hero-proof span::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-inline-end: 7px;
  border-radius: 50%;
  background: #2f8a52 !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (max-width: 700px) {
  .hero-proof {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
  }
  .hero-proof span {
    font-size: 13px !important;
  }
}


/* Keep the two homepage proof statements in one balanced row. */
.hero-proof {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.hero-proof span {
  flex: 0 1 auto;
  white-space: nowrap !important;
}
@media (max-width: 700px) {
  .hero-proof {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
  }
  .hero-proof span {
    font-size: 11px !important;
    gap: 4px;
  }
  .hero-proof span::before {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
    margin-inline-end: 3px;
    font-size: 10px;
  }
}

/* Unified product presentation across homepage, related products, and catalog. */
.product-grid-home.product-display-large,
.product-display-large:not(.catalog-results .product-grid-mode-large) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.product-grid-home.product-display-large .product-card,
.product-display-large:not(.catalog-results .product-grid-mode-large) .product-card {
  display: flex;
  flex-direction: column;
}
.product-grid-home.product-display-large .product-image,
.product-display-large:not(.catalog-results .product-grid-mode-large) .product-image {
  aspect-ratio: 1 / .78;
}
.product-grid-home.product-display-large .product-card-body,
.product-display-large:not(.catalog-results .product-grid-mode-large) .product-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 18px 20px 20px;
}
.product-grid-home.product-display-large .product-card h3,
.product-display-large:not(.catalog-results .product-grid-mode-large) .product-card h3 {
  font-size: clamp(16px, 1.7vw, 21px);
}
.shared-service-strip { margin-top: 0; }
.shared-service-strip .service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-orders-date-panel { margin-bottom: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #fbfcfc; }
.admin-orders-date-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:14px; }
.admin-orders-date-heading h2 { margin:0; font-size:20px; }
.admin-date-tabs { display:flex; flex-wrap:wrap; gap:8px; }
.admin-date-tab { display:inline-flex; flex-direction:column; gap:2px; min-width:112px; padding:10px 12px; border:1px solid var(--line); border-radius:11px; background:#fff; font-size:12px; }
.admin-date-tab small { color:var(--muted); }
.admin-date-tab.active { border-color:var(--accent); background:var(--soft-accent); color:var(--accent-dark); }
.reports-filter-form { align-items:end; gap:10px; margin-bottom:10px; }
.reports-filter-form label { display:grid; gap:5px; font-weight:700; font-size:12px; }
.reports-filter-form select { min-height:40px; min-width:150px; }
.button-danger { min-height:40px; padding:8px 16px; border:1px solid #b84035; border-radius:9px; background:#b84035; color:#fff; font-weight:800; }
.button-danger:hover { background:#92332b; }
.promotions-table-wrap { margin-top:16px; }
@media (max-width: 950px) { .shared-service-strip .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .product-grid-home.product-display-large,
  .product-display-large:not(.catalog-results .product-grid-mode-large) { grid-template-columns: 1fr; }
  .shared-service-strip .service-grid { grid-template-columns: 1fr; }
  .admin-orders-date-heading { align-items:flex-start; flex-direction:column; }
  .admin-date-tab { min-width:98px; }
  .reports-filter-form { align-items:stretch; flex-direction:column; }
  .reports-filter-form label, .reports-filter-form select, .reports-filter-form button { width:100%; }
}

/* Partnership reports dashboard */
.reports-dashboard{display:grid;gap:22px;padding-bottom:60px}.reports-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border:1px solid #e6e8e9;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f8faf9 100%);box-shadow:0 8px 25px rgba(32,35,38,.04)}.reports-intro h2{margin:0 0 5px;font-size:25px}.reports-intro p{margin:0}.report-status-badge{padding:8px 13px;border-radius:999px;background:#e9f5ed;color:#287246;font-size:12px;font-weight:800;white-space:nowrap}.report-switchers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:18px;border:1px solid #e2e5e6;border-radius:16px;background:#fff}.report-picker label{display:grid;gap:7px;font-size:13px;font-weight:800}.report-picker select{width:100%;min-height:45px;padding:9px 12px;border:1px solid #dfe2e4;border-radius:10px;background:#fbfcfc}.report-picker-day{border-top:4px solid var(--accent)}.report-picker-month{border-top:4px solid #30383d}.report-heading{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.report-heading h2,.report-section-title{margin:0;font-size:20px}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-metric{min-height:112px;padding:17px;border:1px solid #e4e7e8;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(32,35,38,.035)}.report-metric span{display:block;color:#687177;font-size:11px;font-weight:800}.report-metric strong{display:block;margin-top:8px;color:#202326;font-size:20px;font-weight:900;line-height:1.35}.report-metric small{display:block;margin-top:4px;color:#858c91;font-size:10px}.report-metric-profit{background:#edf8f0;border-color:#cce8d3}.report-metric-profit strong{color:#237342}.report-metric-partner{background:#fff8e9;border-color:#f0dfb3}.report-metric-partner strong{color:#9a6b08}.report-metric-owner{background:#eef5ff;border-color:#d1e1f5}.report-metric-owner strong{color:#23639b}.report-section-title{padding-top:9px}.report-table{min-width:880px}.report-table th{white-space:nowrap}.report-table td small{display:block;margin-top:3px;color:#899095;font-size:10px}.report-table .profit-cell{font-weight:900;color:#237342}.report-empty{text-align:center!important;color:#858c91!important;padding:26px!important}.monthly-report-table{min-width:980px}@media(max-width:800px){.reports-intro{display:grid}.report-switchers{grid-template-columns:1fr}.report-picker{grid-template-columns:1fr}.report-picker .button{width:100%}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metric strong{font-size:17px}}@media(max-width:460px){.report-metrics{grid-template-columns:1fr}.report-metric{min-height:auto}}

/* Final report corrections */
.metric-card strong{color:#000!important;font-weight:900!important;line-height:1.35}.report-summary-wrap{direction:rtl}.report-summary-table{min-width:1050px}.report-summary-table th,.report-summary-table td{text-align:center;vertical-align:middle;white-space:nowrap}.report-summary-table th{font-size:11px}.report-summary-table td{font-size:15px;font-weight:900;color:#000}.report-summary-table .profit-cell{color:#000!important;font-weight:900}.report-items-table{min-width:980px}.report-items-table td{vertical-align:middle}.report-items-table td:nth-child(3),.report-items-table td:nth-child(4),.report-items-table td:nth-child(5),.report-items-table td:nth-child(6),.report-items-table td:nth-child(7){white-space:nowrap}.report-items-table .profit-cell{color:#000!important;font-weight:900}.report-picker-day{order:1}.report-picker-month{order:2}.report-switchers{direction:rtl}.report-switchers .report-picker{direction:rtl}.report-picker .button{white-space:nowrap}.report-heading{padding-top:4px}.report-section-title{font-weight:900}.report-table th{font-size:11px}.report-table td{font-size:12px}@media(max-width:800px){.report-picker-day,.report-picker-month{order:initial}.report-summary-table,.report-items-table{min-width:900px}}

/* Unified finance metric value size: identical to other dashboard cards. */
.metric-card strong{color:#000!important;font-weight:900!important;line-height:1.35!important}
.metric-card strong .money-value,.metric-card strong .money-number,.metric-card strong .money-currency{color:#000!important;font-weight:900!important;font-size:24px!important;line-height:1.35!important}
@media(max-width:700px){.metric-card strong .money-value,.metric-card strong .money-number,.metric-card strong .money-currency{font-size:18px!important}}

/* Additional local Arabic fonts selectable from the admin interface. */
@font-face{font-family:"Cairo";src:url("../fonts/cairo-arabic-variable.ttf") format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-arabic-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-arabic-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Noto Kufi Arabic";src:url("../fonts/noto-kufi-arabic-variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Alexandria";src:url("../fonts/alexandria-arabic-variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Readex Pro";src:url("../fonts/readex-pro-arabic-variable.ttf") format("truetype");font-style:normal;font-weight:200 700;font-display:swap}
:root{font-family:var(--site-font-family,"IBM Plex Sans Arabic"),system-ui,"Segoe UI",Tahoma,Arial,sans-serif}
body{font-family:var(--site-font-family,"IBM Plex Sans Arabic"),system-ui,"Segoe UI",Tahoma,Arial,sans-serif}

/* Responsive administration homepage tables and section controls. */
.homepage-sections-wrap,.homepage-banners-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.homepage-sections-table{width:100%;min-width:0;table-layout:fixed}
.homepage-sections-table th:first-child,.homepage-sections-table td:first-child{width:18%;white-space:nowrap}
.homepage-section-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(78px,110px) minmax(72px,auto) minmax(0,auto);align-items:end;width:100%;min-width:0;gap:9px}
.homepage-section-form label{min-width:0}
.homepage-section-form input[type="text"],.homepage-section-form input[type="number"],.homepage-section-form select{min-width:0;width:100%}
.homepage-section-form .button{min-width:0;max-width:100%}
.homepage-sections-table td,.homepage-banners-table td{overflow-wrap:anywhere;word-break:break-word}
.homepage-banners-table{width:100%;min-width:0;table-layout:fixed}
.homepage-banner-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;align-items:end}
.homepage-banner-form>h2{grid-column:1/-1}
.homepage-banner-form>.form-row{display:contents}
.homepage-banner-form>label:nth-of-type(3){grid-column:1/-1;max-width:420px}
.homepage-banner-form>label:nth-of-type(3) .file-input-control{max-width:420px}
.homepage-banner-form>label:nth-of-type(5){width:max-content;max-width:100%}
.homepage-banner-form>button{justify-self:start}
.site-texts-panel{width:100%;max-width:900px}
.site-text-group-picker{display:grid;grid-template-columns:1fr;gap:7px;width:100%;max-width:none;margin:0 0 8px;font-size:13px;font-weight:800}
.site-text-group-picker select{display:block;width:100%;min-width:0;height:46px;padding:0 14px;border:1px solid #dfe2e4;border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.site-texts-note{margin:0 0 18px;font-size:12px}
.site-texts-form{display:grid;gap:16px}
.site-text-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-text-group[hidden]{display:none}
.site-text-group h3{grid-column:1/-1;margin:0;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:16px}
.site-text-group label{display:grid;gap:5px;min-width:0;font-size:12px;font-weight:700}
.site-text-group input,.site-text-group textarea{width:100%;min-width:0;padding:9px 11px;border:1px solid #dfe2e4;border-radius:9px;background:#fff;color:var(--ink)}
.site-text-group textarea{min-height:74px;resize:vertical}
.site-text-group small{font-size:10px;font-weight:500;direction:ltr;text-align:right;overflow-wrap:anywhere}
@media(max-width:700px){
  .homepage-sections-wrap,.homepage-banners-wrap{overflow:visible;border:0;background:transparent}
  .homepage-sections-table,.homepage-banners-table{display:block;width:100%;min-width:0}
  .homepage-sections-table thead,.homepage-banners-table thead{display:none}
  .homepage-sections-table tbody,.homepage-banners-table tbody,.homepage-sections-table tr,.homepage-banners-table tr{display:block;width:100%}
  .homepage-sections-table tr,.homepage-banners-table tr{margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}
  .homepage-sections-table td,.homepage-banners-table td{display:block;width:100%;padding:0 0 9px;border:0}
  .homepage-sections-table td:first-child,.homepage-banners-table td:first-child{width:100%;padding-bottom:9px;white-space:normal;font-weight:800}
  .homepage-sections-table td:last-child,.homepage-banners-table td:last-child{padding-bottom:0}
  .homepage-section-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .homepage-section-form label:first-of-type{grid-column:1/-1}
  .homepage-section-form label:nth-of-type(2){grid-column:1}
  .homepage-section-form .checkbox-label{grid-column:2;justify-self:stretch}
  .homepage-section-form .button{grid-column:1/-1;width:100%}
  .homepage-banners-table td form{width:100%}
  .homepage-banners-table td .button{width:100%}
  .homepage-banner-form{grid-template-columns:1fr}
  .homepage-banner-form>h2,.homepage-banner-form>label:nth-of-type(3){grid-column:auto}
  .homepage-banner-form>label:nth-of-type(3),.homepage-banner-form>label:nth-of-type(3) .file-input-control{max-width:none}
  .homepage-banner-form>label:nth-of-type(5){width:max-content}
  .site-text-group{grid-template-columns:1fr}
  .site-text-group h3{grid-column:auto}
}

/* Central store-logo settings and responsive logo rendering. */
.store-logo-image{display:block;width:clamp(145px,13vw,210px);height:48px;max-width:100%;object-fit:contain;object-position:center}
.brand-light .store-logo-image{width:190px;height:52px}
.admin-login-brand .store-logo-image{width:220px;height:58px;margin-bottom:4px}
.logo-settings-card{margin:18px 0;padding:17px;border:1px solid var(--line);border-radius:14px;background:#f9faf9}
.logo-settings-card h2{margin:0 0 12px!important;font-size:17px!important}
.logo-settings-card[hidden],.logo-text-options[hidden],.logo-image-option[hidden]{display:none!important}
.logo-current-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:10px;border:1px dashed var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:11px}
.logo-current-preview img{display:block;width:min(100%,320px);height:96px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
@media(max-width:700px){.store-logo-image{width:150px;height:42px}.brand-light .store-logo-image{width:160px;height:44px}.admin-login-brand .store-logo-image{width:190px;height:52px}.logo-settings-card{padding:13px}}

/* Admin-configurable logo dimensions. */
.store-logo-image{width:min(var(--store-logo-width,210px),100%);height:var(--store-logo-height,48px);max-width:100%;object-fit:contain;object-position:center}
@media(max-width:700px){.store-logo-image{width:min(var(--store-logo-width,210px),100%);height:var(--store-logo-height,48px)}}

.site-name{display:inline-block;white-space:nowrap;font-size:23px;font-weight:950;letter-spacing:-.045em;line-height:1.2;direction:ltr}
.site-name-light{color:#fff}
.admin-login-site-name{margin-bottom:4px}
@media(max-width:700px){.site-name{font-size:18px}}

/* Compact cart counter: the quantity is the only visible cart control. */
.cart-link{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:0}
.cart-link>span.cart-count{min-width:30px;width:30px;height:30px;padding:0;border-radius:50%;font-size:11px;line-height:1;font-weight:850}
.cart-link>span.cart-count bdi{display:grid;place-items:center;width:100%;height:100%}
.logo-size-fields{gap:16px}

/* The generic .brand img rule must not override the admin-configured logo size. */
.brand img.store-logo-image{width:min(var(--store-logo-width,210px),100%) !important;height:var(--store-logo-height,48px) !important;max-width:100%;object-fit:contain}

/* Balanced default for the wide uploaded logo, with a compact mobile cap. */
@media(max-width:700px){.brand img.store-logo-image{width:min(var(--store-logo-width,280px),100%) !important;height:min(var(--store-logo-height,84px),52px) !important}}

/* Final logo sizing: width controls the real image, height follows its native aspect ratio. */
.logo-size-fields{display:block;margin-top:15px}
.logo-size-fields label{display:grid;gap:5px;max-width:360px}
.brand img.store-logo-image{width:min(var(--store-logo-width,360px),100%) !important;height:auto !important;max-width:100%;object-fit:contain;object-position:center}
@media(max-width:700px){.brand img.store-logo-image{width:min(var(--store-logo-width,360px),100%) !important;height:auto !important}}

/* Main image-logo placement controls. */
.header-main .brand-image{width:min(360px,30%);flex:0 1 min(360px,30%);justify-content:var(--store-logo-justify,flex-end);transform:translate(var(--store-logo-offset-x,0px),var(--store-logo-offset-y,0px))}
.header-main .brand-image img.store-logo-image{width:min(var(--store-logo-width,130px),100%) !important;height:auto !important}
@media(max-width:700px){.header-main .brand-image{width:min(220px,55%);flex-basis:min(220px,55%)}.header-main .brand-image img.store-logo-image{width:min(var(--store-logo-width,130px),100%) !important}}
.header-main .brand-text{width:min(360px,30%);flex:0 1 min(360px,30%);justify-content:var(--store-logo-text-justify,flex-end);transform:translate(var(--store-logo-text-offset-x,0px),var(--store-logo-text-offset-y,0px))}
.header-main .brand-text .brand-wordmark{font-size:var(--store-logo-text-size,23px)}
@media(max-width:700px){.header-main .brand-text{width:min(240px,62%);flex-basis:min(240px,62%)}.header-main .brand-text .brand-wordmark{font-size:var(--store-logo-text-mobile-size,18px)}}
.logo-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:16px}
.logo-control-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}
.logo-text-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.logo-text-control-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}
.logo-text-options,.logo-image-option{margin-top:16px}
.logo-image-upload-label{display:grid;gap:7px}
.logo-image-upload-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}
.logo-image-count{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;background:var(--soft-accent);color:var(--accent-dark);font-size:10px;font-weight:850;line-height:1}
.logo-image-count[hidden]{display:none}
@media(max-width:700px){.logo-control-grid{grid-template-columns:1fr;gap:15px}.logo-text-control-grid{grid-template-columns:1fr}}

/* Customer PWA install and in-app browser guidance. */
.install-prompt{position:fixed;z-index:120;right:16px;left:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid rgba(241,90,53,.22);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 16px 42px rgba(20,25,28,.18);backdrop-filter:blur(12px)}
.install-prompt[hidden]{display:none}
.install-prompt-copy{display:grid;gap:3px;min-width:0}
.install-prompt-copy strong{font-size:14px;color:var(--ink)}
.install-prompt-copy span{font-size:12px;color:var(--muted);line-height:1.55}
.install-prompt-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.install-prompt-dismiss{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;padding:8px 5px}
@media(max-width:560px){
  .install-prompt{right:10px;left:10px;bottom:10px;align-items:stretch;flex-direction:column;gap:10px;padding:13px}
  .install-prompt-actions{justify-content:flex-start}
  .install-prompt-actions .button{flex:1}
}

.seo-settings-card{margin:20px 0;padding:18px;border:1px solid rgba(37,41,44,.10);border-radius:16px;background:#fbfbfa}.seo-settings-card h2{margin:0 0 8px}.seo-settings-card label{display:grid;gap:7px;margin-top:13px}.seo-settings-card input,.seo-settings-card textarea{width:100%}

.product-main-carousel[hidden]{display:none!important}

/* Per-color inventory matrix and explicit stock state */
.per-color-size-builder{display:grid;gap:12px;margin:12px 0}.per-color-size-card{border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:14px;background:var(--surface,#fff)}.per-color-size-card h4{margin:0 0 10px}.per-color-size-card .checkbox-label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.per-color-size-card [data-size-options-for]{margin-top:10px}.product-stock-message{margin:10px 0;padding:10px 12px;border-radius:10px;background:#fff4f2;color:#9f2d20;font-weight:700}.product-stock-message[hidden]{display:none}

/* Nested sport categories: right-side mobile drawer only. */
.mobile-drawer .drawer-sports{display:grid;gap:4px;margin:0;padding:0}
.mobile-drawer .drawer-sport-group{min-width:0}
.mobile-drawer .drawer-sport-row.has-categories{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;direction:rtl;gap:2px}
.mobile-drawer .drawer-sport-row.no-categories{display:block}
.mobile-drawer .drawer-sport-link{min-height:44px;align-items:center;text-decoration:none}
.mobile-drawer .drawer-sport-link.is-current,.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link{background:#f4f6f6;font-weight:800}
.mobile-drawer .drawer-sport-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #e5e8e9;border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;transition:background .16s ease,border-color .16s ease}
.mobile-drawer .drawer-sport-toggle:hover,.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{background:#f4f6f6;border-color:#cfd5d7}
.mobile-drawer .drawer-sport-toggle:focus-visible,.mobile-drawer .drawer-link:focus-visible,.mobile-drawer .drawer-category-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mobile-drawer .drawer-sport-chevron{display:block;font-size:18px;line-height:1;transition:transform .18s ease}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"] .drawer-sport-chevron{transform:rotate(180deg)}
.mobile-drawer .drawer-subcategory-list{display:grid;gap:2px;margin:3px 19px 9px 0;padding:3px 10px 3px 0;border-right:2px solid #e6e9eb}
.mobile-drawer .drawer-subcategory-list[hidden]{display:none!important}
.mobile-drawer .drawer-category-link{display:block;padding:10px 11px;border-radius:8px;color:#60676b;font-size:13px;line-height:1.4;text-decoration:none;transition:background .14s ease,color .14s ease}
.mobile-drawer .drawer-category-link:hover{background:#f5f6f6;color:var(--ink)}
.mobile-drawer .drawer-category-link.is-current{background:#fff0ec;color:var(--accent-dark);font-weight:800}
@media(prefers-reduced-motion:reduce){.mobile-drawer .drawer-sport-chevron,.mobile-drawer .drawer-sport-toggle,.mobile-drawer .drawer-category-link{transition:none}}


/* Calm, high-contrast store drawer refinement. */
.mobile-drawer{width:min(88vw,370px);padding:18px 18px 24px;background:#fff;box-shadow:-16px 0 42px rgba(0,0,0,.08);gap:0}
.mobile-drawer .drawer-head{min-height:52px;margin:0 0 13px;padding:0 2px 12px;border-bottom:1px solid #eeeeee}
.mobile-drawer .drawer-head .icon-button{border:1px solid #ededed;border-radius:11px;background:#fff;color:#222}
.mobile-drawer .drawer-primary-links{display:grid;gap:3px;padding-bottom:13px;border-bottom:1px solid #f0f0f0}
.mobile-drawer .drawer-utility-link{display:flex;justify-content:flex-start;align-items:center;gap:12px;min-height:45px;padding:10px 12px;border-radius:10px;color:#242424;font-size:14px;font-weight:650;text-decoration:none;transition:background .16s ease,color .16s ease}
.mobile-drawer .drawer-utility-link:hover,.mobile-drawer .drawer-utility-link:focus-visible{background:#f7f7f7;color:#111}
.mobile-drawer .drawer-utility-link svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-drawer .drawer-section-title{display:flex;align-items:center;gap:12px;margin:17px 4px 8px;color:#777;font-size:11px;font-weight:750;letter-spacing:.02em}
.mobile-drawer .drawer-section-rule{height:1px;flex:1;background:#eeeeee}
.mobile-drawer .drawer-sports{display:grid;gap:0;margin:0;padding:0}
.mobile-drawer .drawer-sport-group{min-width:0;border-bottom:1px solid #f0f0f0}
.mobile-drawer .drawer-sport-row.has-categories{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;direction:rtl;gap:0}
.mobile-drawer .drawer-sport-row.no-categories{display:block}
.mobile-drawer .drawer-sport-link{display:flex;min-height:48px;align-items:center;padding:10px 11px;border-radius:9px;color:#222;font-size:14px;font-weight:650;text-decoration:none;transition:background .14s ease,color .14s ease}
.mobile-drawer .drawer-sport-link:hover{background:#f8f8f8;color:#111}
.mobile-drawer .drawer-sport-link.is-current,.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link{background:#f7f7f7;color:#111;font-weight:750}
.mobile-drawer .drawer-sports:has(.drawer-sport-toggle[aria-expanded="true"]) .drawer-sport-group:not(.is-expanded)>.drawer-sport-row .drawer-sport-link.is-current{background:transparent;color:#222;font-weight:650}
.mobile-drawer .drawer-sport-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:#454545;cursor:pointer;transition:background .14s ease,color .14s ease}
.mobile-drawer .drawer-sport-toggle:hover,.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{background:#f1f1f1;color:#111}
.mobile-drawer .drawer-sport-toggle:focus-visible,.mobile-drawer .drawer-link:focus-visible,.mobile-drawer .drawer-category-link:focus-visible{outline:2px solid #333;outline-offset:2px}
.mobile-drawer .drawer-sport-chevron{display:block;font-size:17px;line-height:1;transition:transform .18s ease}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"] .drawer-sport-chevron{transform:rotate(180deg)}
.mobile-drawer .drawer-subcategory-list{display:grid;gap:3px;margin:3px 19px 12px 0;padding:4px 11px 5px 0;border-right:1px solid #e7e7e7}
.mobile-drawer .drawer-subcategory-list[hidden]{display:none!important}
.mobile-drawer .drawer-category-link{display:flex;min-height:50px;align-items:center;padding:12px 14px;border-radius:8px;color:#5e5e5e;font-size:15px;line-height:1.55;text-decoration:none;transition:background .14s ease,color .14s ease}
.mobile-drawer .drawer-category-link:hover{background:#f7f7f7;color:#111}
.mobile-drawer .drawer-category-link.is-current{background:#f4f4f4;color:#111;font-weight:750}
.product-description-text strong{color:#111}
@media(prefers-reduced-motion:reduce){.mobile-drawer .drawer-utility-link,.mobile-drawer .drawer-sport-chevron,.mobile-drawer .drawer-sport-toggle,.mobile-drawer .drawer-category-link{transition:none}}


/* Agreed admin and storefront refinements */
.variant-delete-button{min-height:36px;padding:7px 11px;border-color:#e4d4d1;color:#8d3930;white-space:nowrap}
.variant-delete-button:hover{border-color:#c97a70;background:#fff8f7;color:#8d3930}
.top-strip{font-size:13px}
.top-strip-inner{min-height:40px;padding-block:8px;align-items:center}
.top-strip-item{display:inline-flex;align-items:center;gap:8px;min-width:0;line-height:1.5}
.top-strip-item svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.top-strip-item svg.top-strip-payment-icon{width:19px;height:19px}
.footer-grid h2{font-size:15px}
.footer-grid a,.footer-grid p{font-size:13px;line-height:1.8}
.footer-grid .footer-heading-with-icon{display:flex;align-items:center;gap:9px}
.footer-heading-with-icon svg,.footer-icon-link svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.82}
.footer-icon-link{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%}
.footer-icon-link:hover{color:#fff}
.footer-bottom{font-size:12px}
@media(max-width:700px){
  .top-strip{font-size:12px}
  .top-strip-inner{min-height:42px;padding-block:8px;gap:12px;flex-wrap:wrap}
  .top-strip-item{gap:6px}
  .top-strip-item svg{width:16px;height:16px}
  .top-strip-item svg.top-strip-payment-icon{width:18px;height:18px}
  .footer-grid h2{font-size:14px}
  .footer-grid a,.footer-grid p{font-size:12px;line-height:1.8}
  .footer-bottom{font-size:11.5px}
  .variant-matrix-wrap{overflow-x:auto;overflow-y:hidden}
  .variant-matrix{width:100%;min-width:580px;table-layout:auto}
  .variant-matrix thead{display:table-header-group}
  .variant-matrix tbody{display:table-row-group}
  .variant-matrix tbody tr{display:table-row;padding:0;border:0;border-radius:0;background:transparent}
  .variant-matrix tbody td{display:table-cell;padding:9px 8px;border-bottom:1px solid var(--line);font-size:12px}
  .variant-matrix tbody td::before{content:none}
  .variant-matrix tbody td:nth-child(3) input{width:auto;min-width:95px;max-width:145px}
}
.sport-product-count{display:block;margin-top:2px;padding-left:38px;color:rgba(255,255,255,.82);font-size:11px;font-weight:500;line-height:1.35}
.category-card-copy{padding-left:36px}
.category-product-count{display:block;color:rgba(255,255,255,.84);font-size:11px;font-weight:500;line-height:1.35}
.catalog-product-count{color:var(--muted);font-size:12px}
.mobile-drawer .drawer-sport-link{gap:8px}
.mobile-drawer .drawer-item-name{min-width:0}
.mobile-drawer .drawer-sport-link .drawer-item-count{margin-inline-start:auto;flex:0 0 auto}
.mobile-drawer .drawer-subcategory-list{gap:1px;margin:1px 19px 7px 0;padding:3px 8px 3px 0}
.mobile-drawer .drawer-category-link{min-height:39px;justify-content:space-between;gap:12px;padding:6px 10px;font-size:13px;line-height:1.35}
.mobile-drawer .drawer-item-count{flex:0 0 auto;color:#92989c;font-size:11px;font-weight:500;white-space:nowrap}
.mobile-drawer .drawer-category-link.is-current .drawer-item-count{color:#777}


/* Refined nested sport navigation: calm hierarchy, aligned subcategories, balanced counts. */
.mobile-drawer .drawer-sport-row.has-categories{grid-template-columns:44px minmax(0,1fr);gap:0}
.mobile-drawer .drawer-sport-toggle{width:42px;height:42px;margin:0;border:1px solid #e4e7e8;border-radius:12px;background:#fff;color:#303436;box-shadow:0 2px 7px rgba(29,34,37,.04);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.mobile-drawer .drawer-sport-toggle:hover{background:#fafbfb;border-color:#cfd5d7;color:#16191b;box-shadow:0 4px 12px rgba(29,34,37,.08);transform:translateY(-1px)}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{background:#f5f7f7;border-color:#cfd5d7;color:#16191b;box-shadow:none}
.mobile-drawer .drawer-sport-chevron{font-size:25px;font-weight:700;line-height:.75;transform:translateY(-2px);transition:transform .2s ease}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"] .drawer-sport-chevron{transform:translateY(2px) rotate(180deg)}
.mobile-drawer .drawer-sport-link,.mobile-drawer .drawer-category-link{min-width:0}
.mobile-drawer .drawer-sport-link .drawer-item-count{margin-inline-start:auto;flex:0 0 auto;background:#f0f2f2;color:#4d5559;font-size:11px;font-weight:750}
.mobile-drawer .drawer-item-count{display:inline-flex;align-items:center;justify-content:center;width:72px;min-width:72px;height:24px;margin-inline-start:auto;padding:0 6px;border-radius:999px;text-align:center;white-space:nowrap;line-height:1;font-variant-numeric:tabular-nums}
.mobile-drawer .drawer-category-link .drawer-item-count{background:transparent;color:#9aa1a5;font-size:11px;font-weight:550}
.mobile-drawer .drawer-category-link.is-current .drawer-item-count{background:#fff0eb;color:var(--accent-dark);font-weight:700}
.mobile-drawer .drawer-subcategory-list{display:grid;gap:1px;margin:3px 44px 9px 6px;padding:3px;border:1px solid #eef1f1;border-radius:11px;background:#fafbfb;box-shadow:0 3px 10px rgba(27,34,37,.025)}
.mobile-drawer .drawer-category-link{min-height:36px;padding:5px 8px;border:1px solid transparent;border-radius:7px;color:#62696d;font-size:12.5px;font-weight:520;line-height:1.35;transition:background .16s ease,border-color .16s ease,color .16s ease}
.mobile-drawer .drawer-category-link:hover,.mobile-drawer .drawer-category-link:focus-visible{background:#fff;border-color:#e8ebec;color:#202426}
.mobile-drawer .drawer-category-link.is-current{background:#fff7f4;border-color:#f6d8ce;color:var(--accent-dark);font-weight:750;box-shadow:0 3px 9px rgba(241,90,53,.07)}
@media(max-width:380px){
  .mobile-drawer .drawer-sport-row.has-categories{grid-template-columns:42px minmax(0,1fr)}
  .mobile-drawer .drawer-sport-toggle{width:40px;height:40px}
  .mobile-drawer .drawer-item-count{width:68px;min-width:68px}
  .mobile-drawer .drawer-subcategory-list{margin-right:42px;margin-left:5px}
}
@media(prefers-reduced-motion:reduce){
  .mobile-drawer .drawer-sport-toggle,.mobile-drawer .drawer-sport-chevron,.mobile-drawer .drawer-category-link{transition:none}
}


/* Clean navigation-only drawer: names right, expand control left, no product counts. */
.mobile-drawer .drawer-sport-row.has-categories{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;direction:ltr;gap:0}
.mobile-drawer .drawer-sport-row.no-categories{direction:rtl}
.mobile-drawer .drawer-sport-link,.mobile-drawer .drawer-category-link{direction:rtl;justify-content:flex-start;text-align:right}
.mobile-drawer .drawer-sport-link{min-height:48px;padding:10px 12px;color:#202426;font-size:14px;font-weight:700}
.mobile-drawer .drawer-sport-link:hover{background:#f8f9f9;color:#111}
.mobile-drawer .drawer-sport-toggle{position:relative;width:40px;height:40px;margin:0;border:1px solid #e5e8e9;border-radius:12px;background:#fff;color:#303638;box-shadow:0 2px 7px rgba(29,34,37,.045);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.mobile-drawer .drawer-sport-toggle:hover{background:#f8f9f9;border-color:#ccd3d5;color:#111;box-shadow:0 5px 13px rgba(29,34,37,.09);transform:translateY(-1px)}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{background:#f2f4f4;border-color:#cfd6d8;color:#111;box-shadow:none}
.mobile-drawer .drawer-sport-chevron{font-size:24px;font-weight:700;line-height:.7;transform:translateY(-2px);transition:transform .2s ease}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"] .drawer-sport-chevron{transform:translateY(2px) rotate(180deg)}
.mobile-drawer .drawer-sport-link.is-current,.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link{background:#f7f8f8;color:#151819;font-weight:800}
.mobile-drawer .drawer-subcategory-list{display:grid;gap:2px;margin:3px 44px 10px 6px;padding:4px 3px;border:1px solid #eef1f1;border-radius:11px;background:#fafbfb;box-shadow:0 3px 10px rgba(27,34,37,.025)}
.mobile-drawer .drawer-category-link{display:flex;min-height:36px;align-items:center;padding:6px 10px;border:1px solid transparent;border-radius:8px;color:#697174;font-size:12.5px;font-weight:520;line-height:1.35;transition:background .16s ease,border-color .16s ease,color .16s ease}
.mobile-drawer .drawer-category-link:hover,.mobile-drawer .drawer-category-link:focus-visible{background:#fff;border-color:#e7ebec;color:#202426}
.mobile-drawer .drawer-category-link.is-current{background:#fff7f4;border-color:#f6d8ce;color:var(--accent-dark);font-weight:750;box-shadow:0 3px 9px rgba(241,90,53,.06)}
.mobile-drawer .drawer-item-count{display:none!important}
@media(max-width:380px){
  .mobile-drawer .drawer-sport-row.has-categories{grid-template-columns:42px minmax(0,1fr)}
  .mobile-drawer .drawer-sport-toggle{width:38px;height:38px}
  .mobile-drawer .drawer-subcategory-list{margin-right:42px;margin-left:5px}
}
@media(prefers-reduced-motion:reduce){
  .mobile-drawer .drawer-sport-toggle,.mobile-drawer .drawer-sport-chevron,.mobile-drawer .drawer-category-link{transition:none}
}


/* Monochrome final polish: pure white, soft gray, quiet hierarchy. */
.mobile-drawer{background:#fff;color:#24282a}
.mobile-drawer .drawer-sport-group{border-bottom:1px solid #f1f2f2}
.mobile-drawer .drawer-sport-link{background:transparent;color:#24282a}
.mobile-drawer .drawer-sport-link:hover{background:#f8f9f9;color:#171a1b}
.mobile-drawer .drawer-sport-link.is-current,.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link{background:#f3f4f4;color:#171a1b}
.mobile-drawer .drawer-sport-toggle{border-color:#e4e6e7;background:#fff;color:#596063;box-shadow:0 2px 6px rgba(30,35,38,.04)}
.mobile-drawer .drawer-sport-toggle:hover,.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{border-color:#d3d7d8;background:#f5f6f6;color:#202426;box-shadow:0 3px 9px rgba(30,35,38,.07)}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{box-shadow:none}
.mobile-drawer .drawer-subcategory-list{border-color:#f0f1f1;background:#f8f9f9;box-shadow:none}
.mobile-drawer .drawer-category-link{color:#747b7e}
.mobile-drawer .drawer-category-link:hover,.mobile-drawer .drawer-category-link:focus-visible{border-color:#e8eaeb;background:#fff;color:#252a2c}
.mobile-drawer .drawer-category-link.is-current{border-color:#e1e4e5;background:#eef0f1;color:#252a2c;box-shadow:none}


/* Signature accent balance: restrained orange only for active interaction states. */
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{border-color:rgba(241,90,53,.28);background:#fffaf8;color:var(--accent-dark)}
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link{border-inline-start:3px solid var(--accent);padding-inline-start:9px}
.mobile-drawer .drawer-sport-link.is-current{border-inline-start:3px solid var(--accent);padding-inline-start:9px}
.mobile-drawer .drawer-category-link.is-current{border-color:rgba(241,90,53,.20);background:#fff8f5;color:var(--accent-dark);box-shadow:inset -2px 0 0 rgba(241,90,53,.65)}


/* Final clean-up: seamless toggle, shared right alignment, neutral active states. */
.mobile-drawer .drawer-sport-row.has-categories{grid-template-columns:44px minmax(0,1fr);gap:0}
.mobile-drawer .drawer-sport-toggle{width:44px;height:48px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#697174;transform:none}
.mobile-drawer .drawer-sport-toggle:hover,.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{border:0;border-radius:0;background:#f3f4f4;box-shadow:none;color:#303537;transform:none}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{color:#303537}
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link,.mobile-drawer .drawer-sport-link.is-current{border-inline-start:0;padding-inline-start:12px;background:#f3f4f4;color:#171a1b}
.mobile-drawer .drawer-subcategory-list{margin:3px 0 10px 0;padding:3px 0;border:1px solid #f0f1f1;border-radius:10px;background:#fafbfb;box-shadow:none}
.mobile-drawer .drawer-category-link{min-height:36px;padding:6px 12px;border:1px solid transparent;border-radius:7px;color:#737a7d}
.mobile-drawer .drawer-category-link:hover,.mobile-drawer .drawer-category-link:focus-visible{background:#fff;border-color:#e7e9ea;color:#2a2e30}
.mobile-drawer .drawer-category-link.is-current{background:#eef0f1;border-color:#e1e4e5;color:#303537;box-shadow:none}
@media(max-width:380px){
  .mobile-drawer .drawer-sport-row.has-categories{grid-template-columns:42px minmax(0,1fr)}
  .mobile-drawer .drawer-sport-toggle{width:42px}
  .mobile-drawer .drawer-subcategory-list{margin-left:0}
}


/* Final approved navigation: minimal accordion, seamless rows, shared alignment. */
.mobile-drawer .drawer-sport-row.has-categories{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:stretch;direction:ltr;gap:0}
.mobile-drawer .drawer-sport-link,.mobile-drawer .drawer-category-link{direction:rtl;text-align:right;justify-content:flex-start}
.mobile-drawer .drawer-sport-link{min-height:48px;padding:10px 12px;background:transparent;color:#24282a;font-size:14px;font-weight:700}
.mobile-drawer .drawer-sport-link:hover,.mobile-drawer .drawer-sport-link:focus-visible{background:#f7f8f8;color:#171a1b}
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link,.mobile-drawer .drawer-sport-link.is-current{background:#f4f5f5;color:#171a1b;border:0;padding-inline-start:12px}
.mobile-drawer .drawer-sport-toggle{width:44px;height:48px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#697174;display:grid;place-items:center;transform:none;transition:background .16s ease,color .16s ease}
.mobile-drawer .drawer-sport-toggle:hover,.mobile-drawer .drawer-sport-toggle:focus-visible,.mobile-drawer .drawer-sport-toggle[aria-expanded="true"]{border:0;border-radius:0;background:#f4f5f5;color:#303537;box-shadow:none;transform:none}
.mobile-drawer .drawer-sport-chevron{font-size:24px;font-weight:700;line-height:.7;transform:translateY(-2px);transition:transform .2s ease}
.mobile-drawer .drawer-sport-toggle[aria-expanded="true"] .drawer-sport-chevron{transform:translateY(2px) rotate(180deg)}
.mobile-drawer .drawer-subcategory-list{display:grid;gap:1px;margin:2px 0 10px;padding:2px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.mobile-drawer .drawer-category-link{display:flex;min-height:36px;align-items:center;padding:6px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#737a7d;font-size:12.5px;font-weight:520;line-height:1.35;transition:background .16s ease,color .16s ease}
.mobile-drawer .drawer-category-link:hover,.mobile-drawer .drawer-category-link:focus-visible{background:#f7f8f8;border-color:transparent;color:#252a2c}
.mobile-drawer .drawer-category-link.is-current{background:#f0f1f1;border-color:transparent;color:#303537;box-shadow:none;font-weight:750}
.mobile-drawer .drawer-item-count{display:none!important}

/* Product card actions: four equal controls on one clean baseline. */
.admin-product-card-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.admin-product-card-actions>form,.admin-product-card-actions>.product-edit-details{display:flex;align-items:stretch;min-width:0;width:100%;height:40px;margin:0;padding:0}
.admin-product-card-actions>form.inline-form{display:flex}
.admin-product-card-actions .product-action-control{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;min-height:40px;min-width:0;margin:0;padding:0 6px;border:1px solid #dfe3e4;border-radius:9px;box-sizing:border-box;white-space:nowrap;text-align:center;font-size:11px;line-height:1.2;font-weight:750}
.admin-product-card-actions .product-action-control:hover{border-color:#c7cdcf;background:#f7f8f8;color:#202426}
.admin-product-card-actions>.product-edit-details[open]{grid-column:1/-1;height:auto;display:block}
.admin-product-card-actions>.product-edit-details[open]>.product-edit-summary{width:100%;height:40px}
@media(max-width:700px){
  .mobile-drawer .drawer-sport-row.has-categories{grid-template-columns:42px minmax(0,1fr)}
  .mobile-drawer .drawer-sport-toggle{width:42px}
  .admin-product-card-actions{gap:6px}
  .admin-product-card-actions .product-action-control{padding-inline:3px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .mobile-drawer .drawer-sport-toggle,.mobile-drawer .drawer-sport-chevron,.mobile-drawer .drawer-category-link{transition:none}
}


/* Seamless sport row states: the label and toggle behave as one control. */
.mobile-drawer .drawer-sport-row.has-categories:hover .drawer-sport-link,
.mobile-drawer .drawer-sport-row.has-categories:hover .drawer-sport-toggle,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-link,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-toggle,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-toggle{background:#f4f5f5;color:#303537}
.mobile-drawer .drawer-sport-row.has-categories:hover .drawer-sport-link,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-link,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link{border-radius:0}
.mobile-drawer .drawer-sport-row.has-categories:hover .drawer-sport-toggle,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-toggle,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-toggle{border-radius:0}
.mobile-drawer .drawer-sport-row.has-categories:focus-within .drawer-sport-link,
.mobile-drawer .drawer-sport-row.has-categories:focus-within .drawer-sport-toggle{background:#f4f5f5;color:#303537}

/* The edit control is a details/summary element: reset its stronger legacy rules. */
.admin-product-card-actions>.product-edit-details{display:flex;align-items:stretch;height:40px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;min-height:40px;margin:0;padding:0 6px!important;border:1px solid #dfe3e4;border-radius:9px;background:#fff;color:var(--ink);box-sizing:border-box;line-height:1.2;font-size:11px;font-weight:750;white-space:nowrap;list-style:none;cursor:pointer}
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary::-webkit-details-marker{display:none}
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary:hover,.admin-product-card-actions>.product-edit-details>summary.product-edit-summary:focus-visible{border-color:#c7cdcf;background:#f7f8f8;color:#202426}
.admin-product-card-actions>.product-edit-details[open]>summary.product-edit-summary{background:#f7f8f8;border-color:#c7cdcf;color:#202426}
@media(max-width:700px){
  .admin-product-card-actions>.product-edit-details>summary.product-edit-summary{padding-inline:3px!important;font-size:10px}
}


/* Best-practice context navigation: comfortable category rows and persistent parent context. */
.mobile-drawer .drawer-subcategory-list{gap:3px;margin-top:3px;margin-bottom:12px}
.mobile-drawer .drawer-category-link{min-height:43px;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.4}
.mobile-drawer .drawer-category-link:hover,.mobile-drawer .drawer-category-link:focus-visible{background:#f5f6f6;color:#252a2c}
.mobile-drawer .drawer-category-link.is-current{background:#eceeef;color:#252a2c;font-weight:750}
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-link,.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link{background:#f5f6f6}
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-toggle,.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-toggle{background:#f5f6f6}
@media(max-width:380px){.mobile-drawer .drawer-category-link{min-height:42px;padding-block:8px}}


/* Exact vertical alignment for the edit summary button. */
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary,
.admin-product-card-actions>.product-edit-details>summary.product-action-control{height:40px!important;min-height:40px!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;padding-inline:6px!important;align-self:stretch;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;box-sizing:border-box!important}
.admin-product-card-actions>.product-edit-details{height:40px!important;min-height:40px!important;align-self:stretch}
@media(max-width:700px){.admin-product-card-actions>.product-edit-details>summary.product-edit-summary,.admin-product-card-actions>.product-edit-details>summary.product-action-control{padding-inline:3px!important}}


/* Root state reset: one active sport only, all other rows return to white. */
.mobile-drawer .drawer-sport-group:not(.is-expanded)>.drawer-sport-row .drawer-sport-link,
.mobile-drawer .drawer-sport-group:not(.is-expanded)>.drawer-sport-row .drawer-sport-toggle{background:transparent;color:#24282a;border-inline-start:0}
.mobile-drawer .drawer-sport-group:not(.is-expanded)>.drawer-sport-row .drawer-sport-link:hover,
.mobile-drawer .drawer-sport-group:not(.is-expanded)>.drawer-sport-row .drawer-sport-toggle:hover{background:#f7f8f8;color:#252a2c}
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-toggle{background:#f4f5f5;color:#303537;border-inline-start:0}
.mobile-drawer .drawer-sport-row.is-current>.drawer-sport-link,
.mobile-drawer .drawer-sport-row.is-current>.drawer-sport-toggle{background:#f4f5f5;color:#303537;border-inline-start:0}
.mobile-drawer .drawer-sport-group:not(.is-expanded)>.drawer-subcategory-list[hidden]{display:none!important}

/* Summary reset: the edit control has exactly the same box model as the other three buttons. */
.admin-product-card-actions>.product-edit-details{display:flex!important;align-items:stretch!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-sizing:border-box!important}
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 6px!important;border:1px solid #dfe3e4!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;box-sizing:border-box!important;font:inherit!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap!important;list-style:none!important;cursor:pointer!important}
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary::-webkit-details-marker{display:none!important}
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary:hover,
.admin-product-card-actions>.product-edit-details>summary.product-edit-summary:focus-visible,
.admin-product-card-actions>.product-edit-details[open]>summary.product-edit-summary{background:#f7f8f8!important;border-color:#c7cdcf!important;color:#202426!important}
@media(max-width:700px){.admin-product-card-actions>.product-edit-details>summary.product-edit-summary{padding-inline:3px!important;font-size:10px!important}}


/* Final sidebar behavior: only the selected category is highlighted; its parent stays open but neutral. */
.mobile-drawer .drawer-sport-row.has-categories,
.mobile-drawer .drawer-sport-link,
.mobile-drawer .drawer-sport-toggle{min-height:43px;height:43px}
.mobile-drawer .drawer-sport-link{background:transparent!important;color:#24282a!important;border:0!important;border-inline-start:0!important;border-radius:0!important;padding-block:8px!important;font-weight:700}
.mobile-drawer .drawer-sport-toggle{background:transparent!important;color:#697174!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mobile-drawer .drawer-sport-row:hover .drawer-sport-link,
.mobile-drawer .drawer-sport-row:hover .drawer-sport-toggle,
.mobile-drawer .drawer-sport-row:focus-within .drawer-sport-link,
.mobile-drawer .drawer-sport-row:focus-within .drawer-sport-toggle,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-link,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-toggle,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-toggle{background:transparent!important;color:#24282a!important;border:0!important;box-shadow:none!important}
.mobile-drawer .drawer-sport-toggle:hover{background:#f5f6f6!important;color:#303537!important}
.mobile-drawer .drawer-subcategory-list{gap:3px;margin:3px 0 10px;padding:0;border:0;background:transparent;box-shadow:none}
.mobile-drawer .drawer-category-link,
.mobile-drawer .drawer-category-link:hover,
.mobile-drawer .drawer-category-link:focus-visible{min-height:43px;height:43px;display:flex;align-items:center;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#737a7d;box-shadow:none;font-size:13px;line-height:1.4}
.mobile-drawer .drawer-category-link.is-current{background:#f5f6f6!important;color:#303537!important;border:0!important;box-shadow:none!important;font-weight:750}
.mobile-drawer .drawer-category-link:hover,.mobile-drawer .drawer-category-link:focus-visible{background:#f5f6f6;color:#303537}
@media(max-width:700px){
  .mobile-drawer .drawer-sport-row.has-categories,.mobile-drawer .drawer-sport-link,.mobile-drawer .drawer-sport-toggle{min-height:43px;height:43px}
}


/* The complete sport row is one hover target; its label and toggle never split visually. */
.mobile-drawer .drawer-sport-row.has-categories{background:transparent!important;border-radius:8px;overflow:hidden}
.mobile-drawer .drawer-sport-row.has-categories:hover,
.mobile-drawer .drawer-sport-row.has-categories:focus-within{background:#f5f6f6!important}
.mobile-drawer .drawer-sport-row.has-categories:hover .drawer-sport-link,
.mobile-drawer .drawer-sport-row.has-categories:hover .drawer-sport-toggle,
.mobile-drawer .drawer-sport-row.has-categories:focus-within .drawer-sport-link,
.mobile-drawer .drawer-sport-row.has-categories:focus-within .drawer-sport-toggle{background:transparent!important;color:#303537!important;border:0!important;box-shadow:none!important}
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row,
.mobile-drawer .drawer-sport-row.is-current{background:transparent!important}
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-link,
.mobile-drawer .drawer-sport-group.is-expanded>.drawer-sport-row .drawer-sport-toggle,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-link,
.mobile-drawer .drawer-sport-row.is-current .drawer-sport-toggle{background:transparent!important}


/* Distinct active states: sport page keeps the sport highlight; category page highlights category only. */
.mobile-drawer .drawer-sport-row.is-sport-current{background:#f5f6f6!important;border-radius:8px}
.mobile-drawer .drawer-sport-row.is-sport-current .drawer-sport-link,
.mobile-drawer .drawer-sport-row.is-sport-current .drawer-sport-toggle{background:transparent!important;color:#303537!important;border:0!important;box-shadow:none!important}
.mobile-drawer .drawer-sport-row.is-current:not(.is-sport-current),
.mobile-drawer .drawer-sport-row.is-current:not(.is-sport-current) .drawer-sport-link,
.mobile-drawer .drawer-sport-row.is-current:not(.is-sport-current) .drawer-sport-toggle{background:transparent!important;color:#24282a!important}


/* Calm catalog results header: quiet count, distinct controls, and balanced mobile sizing. */
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding:0 0 15px;border-bottom:1px solid #edf0f1;color:var(--muted);font-size:13px}
.catalog-result-count{display:flex;align-items:baseline;gap:5px;margin:0;color:#596166;font-size:13px;font-weight:500;white-space:nowrap}
.catalog-result-count strong{color:#30383d;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}
.catalog-result-count-spacer{flex:1 1 auto}
.catalog-toolbar-tools{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.catalog-toolbar .mobile-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:104px;height:42px;padding:0 14px;border:1px solid #dfe3e5;border-radius:10px;background:#fff;color:#30383d;box-shadow:none;font-size:13px;font-weight:650;white-space:nowrap}
.catalog-toolbar .mobile-filter-button:hover{border-color:#cbd1d4;background:#fafbfb}
.catalog-toolbar .mobile-filter-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.catalog-sort-form{position:relative;display:flex;align-items:center;gap:5px;height:42px;padding:0 12px;border:1px solid #dfe3e5;border-radius:10px;background:#fff;color:#596166;white-space:nowrap}
.catalog-sort-label{font-size:12px;font-weight:600}
.catalog-sort-form select{width:auto;min-width:92px;min-height:40px;padding:0 3px 0 22px;border:0;outline:0;background:transparent;color:#30383d;font:inherit;font-size:13px;font-weight:650;appearance:none;-webkit-appearance:none;cursor:pointer}
.catalog-sort-form select:focus-visible{outline:2px solid #aeb8bd;outline-offset:2px;border-radius:4px}
.catalog-sort-chevron{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#626b70;font-size:14px;line-height:1}
.catalog-filter-panel{scroll-margin-top:18px}
@media(max-width:700px){
  .catalog-toolbar{align-items:stretch;flex-direction:column;gap:11px;margin-bottom:15px;padding-bottom:13px}
  .catalog-result-count{align-self:flex-start;font-size:13px}
  .catalog-result-count strong{font-size:15px}
  .catalog-toolbar-tools{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .catalog-toolbar .mobile-filter-button,.catalog-sort-form{width:100%;min-width:0;height:44px}
  .catalog-sort-form{justify-content:center;gap:4px;padding-inline:8px}
  .catalog-sort-label{font-size:11px}
  .catalog-sort-form select{flex:1;min-width:0;max-width:calc(100% - 68px);padding-left:19px;font-size:12px}
  .catalog-sort-chevron{left:8px}
}

.filter-panel{position:relative}
.filter-close-button{display:none}
@media(max-width:700px){.filter-panel .filter-close-button{position:absolute;top:22px;left:22px;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:20px;line-height:1}}


/* Catalog refinements: inline counts, unified full-width sorting, and a right-edge mobile sidebar. */
.catalog-intro-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;column-gap:16px;row-gap:2px;width:100%}
.catalog-intro-row>p{margin:8px 0 0;color:var(--muted)}
.catalog-inline-count{display:inline-flex;align-items:baseline;margin-left:10px;color:#5e666b;font-size:13px;font-weight:600;white-space:nowrap}
.catalog-inline-count .measure-value{display:inline-flex;gap:4px;align-items:baseline}
.catalog-results .catalog-toolbar{justify-content:flex-start}
.catalog-sort-form{position:relative;display:flex;align-items:center;justify-content:center;min-width:205px;height:42px;padding:0 34px 0 14px;border:1px solid #dfe3e5;border-radius:10px;background:#fff;color:#30383d;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.catalog-sort-form:hover,.catalog-sort-form:focus-within{border-color:#cbd1d4;background:#fafbfb}
.catalog-sort-current{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#30383d;font-size:13px;font-weight:750;line-height:1.3;pointer-events:none}
.catalog-sort-form select{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:10px;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.catalog-sort-form select:focus-visible{outline:3px solid rgba(80,100,110,.35);outline-offset:2px;border-radius:10px}
.catalog-sort-chevron{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#626b70;font-size:14px;line-height:1}
.catalog-layout>.filter-panel{position:relative}
.filter-close-button{display:none}
@media(max-width:700px){
  .catalog-intro-row{column-gap:8px}
  .catalog-intro-row>p{margin-top:5px}
  .catalog-inline-count{font-size:12px}
  .catalog-toolbar-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-toolbar .mobile-filter-button,.catalog-sort-form{width:100%;min-width:0;height:44px}
  .catalog-sort-form{padding:0 25px 0 7px}
  .catalog-sort-current{font-size:11px;font-weight:750}
  .catalog-sort-chevron{left:8px}
  .catalog-layout>.filter-panel{position:fixed;inset:0 0 0 auto;z-index:60;width:min(84vw,340px);height:100dvh;max-height:100dvh;padding:22px;overflow-y:auto;border:0;border-radius:16px 0 0 16px;background:#fff;box-shadow:-12px 0 32px rgba(0,0,0,.16);overscroll-behavior:contain}
  .catalog-layout>.filter-panel.open{display:block}
  .catalog-layout>.filter-panel .filter-close-button{position:absolute;top:16px;left:16px;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:20px;line-height:1}
  .catalog-layout>.filter-panel h2{padding-left:48px;min-height:42px;display:flex;align-items:center}
}


/* Compact catalog hierarchy and a single right-side filter/sort drawer. */
.catalog-page-intro{padding-block:30px 10px}
.catalog-page-intro h1{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.3}
.catalog-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 8px;color:var(--muted);font-size:12px}
.catalog-breadcrumb a:hover{color:var(--ink)}
.catalog-breadcrumb span[aria-hidden="true"]{color:#9aa1a5;font-size:13px}
.catalog-category-showcase{margin-top:8px;margin-bottom:34px}
.catalog-section-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.catalog-section-heading h2{margin:0;font-size:19px;font-weight:750;line-height:1.35}
.catalog-heading-arrow{color:#8a9297;font-size:14px;line-height:1}
.catalog-layout{display:block;padding-bottom:65px}
.catalog-results{min-width:0}
.catalog-products-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;padding:0 0 13px;border-bottom:1px solid #edf0f1}
.catalog-products-heading h2{display:flex;align-items:baseline;gap:10px;margin:0;font-size:22px;line-height:1.35;font-weight:800}
.catalog-product-count-inline{display:inline-flex;align-items:baseline;color:#727a7e;font-size:13px;font-weight:500;white-space:nowrap}
.catalog-product-count-inline .measure-value{display:inline-flex;gap:4px;align-items:baseline}
.catalog-open-drawer-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:8px 14px;border:1px solid #dfe3e5;border-radius:10px;background:#fff;color:#30383d;font-size:13px;font-weight:700;white-space:nowrap}
.catalog-open-drawer-button:hover{border-color:#cbd1d4;background:#fafbfb}
.catalog-open-drawer-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.catalog-layout>.catalog-filter-panel{position:fixed;inset:0 0 0 auto;z-index:61;display:block;width:min(390px,90vw);height:100dvh;max-height:100dvh;margin:0;padding:24px;overflow-y:auto;border:0;border-radius:16px 0 0 16px;background:#fff;box-shadow:-14px 0 40px rgba(0,0,0,.16);transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s ease;overscroll-behavior:contain}
.catalog-layout>.catalog-filter-panel.open{display:block;transform:translateX(0);visibility:visible;pointer-events:auto}
.catalog-filter-panel h2{display:flex;align-items:center;min-height:42px;margin:0 0 16px;padding-left:52px;font-size:18px;font-weight:800}
.catalog-layout>.catalog-filter-panel .filter-close-button{position:absolute;top:22px;left:22px;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:20px;line-height:1}
.catalog-filter-form{display:grid;gap:13px;margin:0}
.catalog-filter-form .form-row{gap:9px}
.catalog-drawer-divider{height:1px;margin:22px 0 19px;background:#e9edef}
.catalog-drawer-sort-form{position:static;display:grid;align-items:stretch;gap:10px;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);white-space:normal}
.catalog-drawer-sort-form label{display:block;margin:0;color:#30383d;font-size:14px;font-weight:750}
.catalog-drawer-sort-form select{position:static;inset:auto;z-index:auto;width:100%;height:auto;min-height:44px;margin:0;padding:9px 12px;border:1px solid #dfe2e4;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:500;opacity:1;cursor:pointer;appearance:auto;-webkit-appearance:auto}
.catalog-drawer-sort-form select:focus-visible{outline:3px solid rgba(80,100,110,.25);outline-offset:2px}
.catalog-drawer-sort-form .button{margin-top:2px}
.filter-scrim{position:fixed;inset:0;z-index:60;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:rgba(24,27,29,.42);cursor:pointer}
body.filter-drawer-open{overflow:hidden}
@media(max-width:700px){
  .catalog-page-intro{padding-block:23px 8px}
  .catalog-page-intro h1{font-size:27px}
  .catalog-category-showcase{margin-top:7px;margin-bottom:27px}
  .catalog-section-heading{margin-bottom:11px}
  .catalog-section-heading h2{font-size:18px}
  .catalog-products-heading{gap:8px;margin-bottom:15px;padding-bottom:11px}
  .catalog-products-heading h2{gap:7px;font-size:19px}
  .catalog-product-count-inline{font-size:11px}
  .catalog-open-drawer-button{min-height:40px;padding:7px 10px;font-size:12px}
  .catalog-open-drawer-button svg{width:16px;height:16px}
  .catalog-layout>.catalog-filter-panel{width:min(360px,88vw);padding:20px 18px;border-radius:16px 0 0 16px}
  .catalog-layout>.catalog-filter-panel .filter-close-button{top:17px;left:17px}
}


/* Final result-header alignment: no visible “Products” title; count centered, controls right. */
.catalog-category-showcase{margin-top:4px;margin-bottom:48px}
.catalog-products-heading{display:block;margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #edf0f1}
.catalog-summary-row{position:relative;display:flex;justify-content:center;align-items:center;min-height:48px;margin:0}
.catalog-product-count-centered{margin:0;color:#343b40;font-size:16px;font-weight:650;line-height:1.4;text-align:center;white-space:nowrap}
.catalog-product-count-centered .measure-value{display:inline-flex;align-items:baseline;gap:5px}
.catalog-summary-row .catalog-open-drawer-button{position:absolute;top:50%;right:0;transform:translateY(-50%)}
.catalog-summary-row .catalog-open-drawer-button:hover{transform:translateY(calc(-50% - 1px))}
.catalog-visible-sort-form{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:max-content;max-width:100%;margin:12px 0 0 auto;direction:rtl}
.catalog-visible-sort-form select{width:auto;min-width:174px;min-height:42px;padding:8px 12px;border:1px solid #dfe2e4;border-radius:10px;background:#fff;color:#30383d;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.catalog-visible-sort-form .button{min-height:42px;padding:7px 15px;font-weight:700}
@media(max-width:700px){
  .catalog-category-showcase{margin-top:3px;margin-bottom:37px}
  .catalog-products-heading{margin-bottom:20px;padding-bottom:17px}
  .catalog-summary-row{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-height:0}
  .catalog-summary-row .catalog-open-drawer-button{position:static;transform:none;order:2}
  .catalog-summary-row .catalog-open-drawer-button:hover{transform:translateY(-1px)}
  .catalog-product-count-centered{align-self:stretch;order:1;font-size:15px;text-align:center}
  .catalog-visible-sort-form{margin-top:11px;gap:7px}
  .catalog-visible-sort-form select{min-width:148px;min-height:40px;padding-inline:9px;font-size:12px}
  .catalog-visible-sort-form .button{min-height:40px;padding:6px 12px}
}


.catalog-sport-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.catalog-sport-heading h1{margin:0}
.catalog-sport-heading>span[aria-hidden="true"]{color:#91999d;font-size:15px}
.catalog-sport-heading>span:last-child{color:#687176;font-size:14px;font-weight:650}
@media(max-width:700px){.catalog-sport-heading{gap:8px}.catalog-sport-heading>span:last-child{font-size:13px}}

/* Header controls: right-aligned title, matching filter and sort buttons on the left. */
.catalog-page-intro{padding-block:30px 12px}
.catalog-topbar{display:flex;align-items:center;justify-content:space-between;gap:26px}
.catalog-title-block{min-width:0}
.catalog-title-block>h1{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.3}
.catalog-sport-heading{display:flex;align-items:baseline;gap:9px;flex-wrap:nowrap;white-space:nowrap}
.catalog-sport-heading h1{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.3}
.catalog-sport-heading>span[aria-hidden="true"]{color:#92999d;font-size:17px}
.catalog-sport-heading>span:last-child{color:#444c50;font-size:16px;font-weight:650}
.catalog-breadcrumb{margin:0 0 5px}
.catalog-top-actions{display:grid;grid-template-columns:repeat(2,minmax(135px,150px));gap:9px;flex:0 0 auto}
.catalog-top-actions .catalog-open-drawer-button,.catalog-top-sort-form{width:100%;height:44px;min-height:44px;border:1px solid #dfe3e5;border-radius:10px;background:#fff;color:#30383d}
.catalog-top-actions .catalog-open-drawer-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;white-space:nowrap}
.catalog-top-actions .catalog-open-drawer-button:hover,.catalog-top-sort-form:hover{border-color:#cbd1d4;background:#fafbfb}
.catalog-top-actions .catalog-open-drawer-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.catalog-top-sort-form{position:relative;display:block;margin:0;overflow:hidden}
.catalog-top-sort-form select{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:44px;margin:0;padding:0 14px 0 34px;border:0;border-radius:10px;background:transparent;color:#30383d;font:inherit;font-size:13px;font-weight:700;text-align:center;appearance:none;-webkit-appearance:none;cursor:pointer}
.catalog-top-sort-form select:focus-visible{outline:3px solid rgba(80,100,110,.25);outline-offset:-3px}
.catalog-top-sort-chevron{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#626b70;font-size:13px;line-height:1;pointer-events:none}
.catalog-category-showcase{margin-top:0;margin-bottom:0}
.catalog-layout{padding-top:38px;padding-bottom:65px}
.catalog-result-count-row{margin:0 0 25px;text-align:center}
.catalog-result-count-row p{margin:0;color:#343b40;font-size:16px;font-weight:650;line-height:1.5}
.catalog-result-count-row .measure-value{display:inline-flex;align-items:baseline;gap:5px}
.catalog-results .product-grid{margin-top:0}
@media(max-width:700px){
  .catalog-page-intro{padding-block:22px 13px}
  .catalog-topbar{align-items:stretch;flex-direction:column;gap:15px}
  .catalog-title-block>h1,.catalog-sport-heading h1{font-size:26px}
  .catalog-sport-heading{gap:7px}
  .catalog-sport-heading>span:last-child{font-size:14px}
  .catalog-top-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .catalog-top-actions .catalog-open-drawer-button,.catalog-top-sort-form{height:44px;min-height:44px}
  .catalog-top-actions .catalog-open-drawer-button{font-size:12px}
  .catalog-top-sort-form select{font-size:12px}
  .catalog-category-showcase{margin-bottom:0}
  .catalog-layout{padding-top:29px;padding-bottom:45px}
  .catalog-result-count-row{margin-bottom:20px}
  .catalog-result-count-row p{font-size:15px}
}


/* Filter drawer removed from catalog; retain the sole compact sort control. */
.catalog-top-actions{display:grid;grid-template-columns:minmax(135px,150px);gap:0}
.catalog-top-actions .catalog-open-drawer-button{display:none!important}
@media(max-width:700px){.catalog-top-actions{width:100%;grid-template-columns:1fr}.catalog-top-sort-form{width:100%;max-width:100%}}

/* Final polish: compact top-left sort button and balanced count spacing. */
.catalog-topbar{flex-direction:row;align-items:center;gap:12px}
.catalog-title-block{flex:1 1 auto;min-width:0}
.catalog-top-actions{width:auto;flex:0 0 96px;grid-template-columns:96px}
.catalog-top-actions .catalog-open-drawer-button{display:none!important}
.catalog-top-sort-form{width:96px;height:36px;min-height:36px;border-radius:9px}
.catalog-top-sort-form select{min-height:36px;padding:0 8px 0 25px;border-radius:9px;font-size:12px;font-weight:700}
.catalog-top-sort-chevron{left:9px;font-size:11px}
.catalog-layout{padding-top:32px}
.catalog-result-count-row{margin-bottom:32px}
@media(max-width:700px){
  .catalog-page-intro{padding-block:20px 13px}
  .catalog-topbar{flex-direction:row;align-items:center;gap:10px}
  .catalog-title-block{flex:1 1 auto;min-width:0}
  .catalog-top-actions{width:auto;flex:0 0 88px;grid-template-columns:88px}
  .catalog-top-sort-form{width:88px;height:36px;min-height:36px}
  .catalog-top-sort-form select{min-height:36px;padding-inline:7px 24px;font-size:11px}
  .catalog-top-sort-chevron{left:8px}
  .catalog-title-block>h1,.catalog-sport-heading h1{font-size:21px}
  .catalog-sport-heading{gap:5px}
  .catalog-sport-heading>span:last-child{font-size:12px}
  .catalog-layout{padding-top:24px;padding-bottom:45px}
  .catalog-result-count-row{margin-bottom:24px}
}

/* Highlight the result number with the store accent while keeping its label neutral. */
.catalog-result-count-row .measure-number{color:var(--accent);font-weight:800}
.catalog-result-count-row .measure-unit{color:#343b40;font-weight:500}


/* Category pages use the selected category title and inline result count without repeating its sport. */
.catalog-category-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}
.catalog-category-heading h1{margin:0;font-size:clamp(25px,3vw,34px);font-weight:850;line-height:1.3}
.catalog-category-arrow{color:#91999d;font-size:16px}
.catalog-inline-category-count{display:inline-flex;align-items:baseline;color:#343b40;font-size:14px;font-weight:550;white-space:nowrap}
.catalog-inline-category-count .measure-value{display:inline-flex;align-items:baseline;gap:5px}
.catalog-inline-category-count .measure-number{color:var(--accent);font-weight:800}
.catalog-inline-category-count .measure-unit{color:#343b40;font-weight:500}
.catalog-layout.is-category-catalog{padding-top:21px}
@media(max-width:700px){
  .catalog-category-heading{gap:7px}
  .catalog-category-heading h1{font-size:23px}
  .catalog-inline-category-count{font-size:12px}
  .catalog-layout.is-category-catalog{padding-top:15px}
}


/* Dedicated category-results row: title and count anchored right, newest sort anchored left. */
.catalog-category-toolbar{direction:ltr;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:16px;margin:0 auto;padding-top:26px;padding-bottom:0}
.catalog-category-meta{grid-column:2;grid-row:1;display:flex;direction:rtl;align-items:baseline;justify-content:flex-start;gap:9px;min-width:0;white-space:nowrap}
.catalog-category-meta h1{margin:0;color:var(--ink);font-size:clamp(24px,3vw,32px);font-weight:850;line-height:1.3}
.catalog-category-meta .catalog-category-arrow{flex:0 0 auto;color:#91999d;font-size:16px}
.catalog-category-meta .catalog-inline-category-count{flex:0 0 auto;display:inline-flex;align-items:baseline;color:#343b40;font-size:14px;font-weight:550;white-space:nowrap}
.catalog-category-meta .catalog-inline-category-count .measure-value{display:inline-flex;align-items:baseline;gap:5px}
.catalog-category-meta .catalog-inline-category-count .measure-number{color:var(--accent);font-weight:800}
.catalog-category-meta .catalog-inline-category-count .measure-unit{color:#343b40;font-weight:500}
.catalog-category-sort{grid-column:1;grid-row:1;justify-self:start}
.catalog-category-sort .catalog-top-sort-form{width:96px;height:36px;min-height:36px;margin:0;border-radius:9px}
.catalog-category-sort .catalog-top-sort-form select{min-height:36px;padding:0 8px 0 25px;border-radius:9px;font-size:12px;font-weight:700}
.catalog-category-sort .catalog-top-sort-chevron{left:9px;font-size:11px}
.catalog-layout.is-category-catalog{padding-top:23px}
@media(max-width:700px){
  .catalog-category-toolbar{grid-template-columns:82px minmax(0,1fr);column-gap:10px;padding-top:19px}
  .catalog-category-meta{gap:6px}
  .catalog-category-meta h1{font-size:21px}
  .catalog-category-meta .catalog-inline-category-count{font-size:11px}
  .catalog-category-sort .catalog-top-sort-form{width:82px;height:34px;min-height:34px}
  .catalog-category-sort .catalog-top-sort-form select{min-height:34px;padding-left:22px;font-size:11px}
  .catalog-category-sort .catalog-top-sort-chevron{left:7px}
  .catalog-layout.is-category-catalog{padding-top:19px}
}

/* Give the inline category result count the same confident weight as the category heading. */
.catalog-category-meta .catalog-inline-category-count{font-size:16px;font-weight:700;line-height:1.35}
.catalog-category-meta .catalog-inline-category-count .measure-number{font-weight:850}
.catalog-category-meta .catalog-inline-category-count .measure-unit{font-weight:700;color:#343b40}
@media(max-width:700px){
  .catalog-category-meta .catalog-inline-category-count{font-size:14px;font-weight:700}
  .catalog-category-meta .catalog-inline-category-count .measure-number{font-weight:850}
  .catalog-category-meta .catalog-inline-category-count .measure-unit{font-weight:700}
}


/* Match inline category count typography exactly to the sport-page “الأصناف” label. */
.catalog-category-meta .catalog-inline-category-count{font-size:16px;font-weight:650;line-height:1.3}
.catalog-category-meta .catalog-inline-category-count .measure-number{font-weight:650}
.catalog-category-meta .catalog-inline-category-count .measure-unit{font-weight:650}
@media(max-width:700px){
  .catalog-category-meta .catalog-inline-category-count{font-size:12px;font-weight:650}
  .catalog-category-meta .catalog-inline-category-count .measure-number{font-weight:650}
  .catalog-category-meta .catalog-inline-category-count .measure-unit{font-weight:650}
}


/* One-step size increase for the category count; retain matched weight and colors. */
.catalog-category-meta .catalog-inline-category-count{font-size:17px;font-weight:650}
.catalog-category-meta .catalog-inline-category-count .measure-number{font-weight:650}
.catalog-category-meta .catalog-inline-category-count .measure-unit{font-weight:650}
@media(max-width:700px){
  .catalog-category-meta .catalog-inline-category-count{font-size:13px;font-weight:650}
  .catalog-category-meta .catalog-inline-category-count .measure-number{font-weight:650}
  .catalog-category-meta .catalog-inline-category-count .measure-unit{font-weight:650}
}


/* Match All Products heading exactly to the sport title typography. */
.catalog-category-toolbar.is-all-products-toolbar .catalog-category-meta h1{font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.3}
@media(max-width:700px){.catalog-category-toolbar.is-all-products-toolbar .catalog-category-meta h1{font-size:21px;font-weight:700}}


/* Local Flagpack country flag replaces the truck in the delivery strip. */
.top-strip-item img.top-strip-country-flag{display:block;width:19px;height:14px;flex:0 0 auto;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.country-info-card{max-width:760px;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfbfb}.country-info-card h2{margin:0;font-size:18px}.country-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.country-info-item{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.country-info-item span{color:var(--muted);font-size:11px}.country-info-item strong{font-size:14px}.country-info-flag img{width:42px;height:30px;object-fit:cover;border-radius:4px;border:1px solid #dfe2e4}.footer-country-badge{display:inline-flex;align-items:center;gap:9px;margin-top:15px;padding:7px 11px;border:0;border-radius:10px;color:#fff;font-size:12px}.footer-country-badge img{width:27px;height:19px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.5)}@media(max-width:700px){.country-info-grid{grid-template-columns:1fr}.footer-country-badge{margin-top:12px}}

/* Customer contact form and message administration */
.footer-contact-button{border:1px solid rgba(255,255,255,.35);background:transparent;color:inherit;border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer}.footer-contact-button:hover{background:rgba(255,255,255,.12)}
.contact-modal[hidden]{display:none}.contact-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px;overflow:auto}.contact-modal-backdrop{position:absolute;inset:0;background:rgba(15,19,22,.68)}.contact-modal-card{position:relative;z-index:1;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.28)}.contact-modal-card h2{margin:0 0 5px}.contact-modal-card form{display:grid;gap:12px}.contact-modal-card label{display:grid;gap:6px;font-weight:700}.contact-modal-card input,.contact-modal-card select,.contact-modal-card textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d7dadd;border-radius:9px;font:inherit}.contact-modal-card textarea{resize:vertical}.contact-modal-close{position:absolute;top:10px;inset-inline-end:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.contact-feedback{margin:0;min-height:0}.contact-feedback.is-success,.contact-feedback.is-error{padding:10px;border-radius:8px}.contact-feedback.is-success{background:#e8f5eb;color:#176332}.contact-feedback.is-error{background:#fff0ed;color:#9a3024}.contact-modal-card button[disabled]{opacity:.65;cursor:wait}.messages-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.messages-toolbar form,.messages-toolbar label{display:grid;gap:7px}.messages-toolbar select{min-width:min(320px,80vw);padding:10px;border:1px solid #d7dadd;border-radius:8px;font:inherit;background:#fff}.admin-unread-bell{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#fff0ed;color:#aa321f;font-weight:800}.admin-unread-bell[hidden]{display:none}.nav-unread-badge{min-width:21px;height:21px;display:inline-grid;place-items:center;border-radius:50%;background:#e94e32;color:white;font-size:11px}.messages-table-wrap{max-width:100%}.messages-table{min-width:1100px}.message-actions{min-width:250px;display:flex;flex-wrap:wrap;gap:5px}.message-actions .button{white-space:nowrap}.message-content{flex:1 0 100%;white-space:normal;overflow-wrap:anywhere;padding:12px;background:#f7f8f9;border-radius:8px;line-height:1.7}.message-content[hidden]{display:none}
@media(max-width:700px){.contact-modal{padding:10px}.contact-modal-card{padding:20px 15px;max-height:calc(100dvh - 20px)}.messages-toolbar{align-items:stretch;flex-direction:column}.messages-toolbar select{width:100%}.message-actions{min-width:200px}.footer-contact-button{font-size:11px;padding:7px 12px}}

.footer-grid>.footer-contact{grid-column:1;grid-row:2}.admin-dashboard-bell{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:7px 12px;border-radius:999px;background:#fff0ed;color:#aa321f;font-weight:800;text-decoration:none}.admin-dashboard-bell[hidden]{display:none}.admin-dashboard-bell svg,.admin-unread-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:700px){.footer-grid>.footer-contact{grid-column:auto;grid-row:auto}}

.contact-modal-card [hidden]{display:none!important}

/* Contact modal visual hierarchy, loading indicators, top-strip admin bell and message-table refinements */
.contact-modal-title{display:flex;align-items:center;gap:12px;margin:0 0 8px!important;padding:0 0 15px;border-bottom:1px solid #e7e9eb;color:#17191b;font-size:26px;font-weight:850;letter-spacing:-.3px}.contact-modal-title-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#fff0e9,#ffe0d4);color:#d94729}.contact-modal-title-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-modal-card label{color:#161819;font-size:14px;font-weight:750}.contact-modal-card .muted{color:#626a70}.contact-modal-card label input,.contact-modal-card label select,.contact-modal-card label textarea{color:#17191b;background:#fff}.contact-modal-card select option[value=""]{color:#687078}
button[aria-busy="true"]{position:relative;pointer-events:none;opacity:.86}button[aria-busy="true"]::after{content:"";display:inline-block;width:15px;height:15px;margin-inline-start:9px;vertical-align:-2px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;animation:grm-spin .7s linear infinite}@keyframes grm-spin{to{transform:rotate(360deg)}}
.top-strip-inner{position:relative}.top-strip-message-bell{position:relative;display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:32px;margin-inline-start:auto;color:#ffd56a;border-radius:9px;text-decoration:none}.top-strip-message-bell:hover{background:rgba(255,213,106,.14);color:#ffe49b}.top-strip-message-bell[hidden]{display:none}.top-strip-message-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.top-strip-message-count{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #17191b;border-radius:999px;background:#e84d38;color:#fff;font-size:10px;font-weight:850;line-height:1}.top-strip-message-bell[hidden] .top-strip-message-count{display:none}
.messages-page-intro{margin-top:16px!important;padding:16px 20px!important;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(20,24,28,.045)}.messages-page-intro h1{margin:0;font-size:25px;font-weight:850;color:#191b1d}.messages-page-intro .eyebrow{margin:0 0 4px}.messages-page-intro>p:last-child{margin:4px 0 0}.messages-admin-layout{padding-top:16px!important}.messages-admin-layout .admin-main{min-width:0}.messages-toolbar{margin-bottom:12px}.messages-toolbar label{color:#181a1c;font-weight:750}.messages-table th,.messages-table td{padding:12px 11px;font-size:14px;line-height:1.55}.message-actions{align-items:center}.message-action-select{min-height:38px;max-width:190px;padding:7px 10px;border:1px solid #cfd4d8;border-radius:9px;background:#fff;color:#272b2e;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.message-read-select.is-unread{border-color:#eab3a9;background:#fff0ed;color:#a53828}.message-read-select.is-read{border-color:#a9d6b5;background:#eaf7ee;color:#23623a}.messages-table [data-message-status-label]{font-weight:750}.messages-table [data-read="0"] [data-message-status-label]{color:#ae3c2d}.messages-table [data-read="1"] [data-message-status-label]{color:#267143}
@media(max-width:700px){.top-strip-inner{gap:9px}.top-strip-item{font-size:11px}.messages-page-intro{margin-top:14px!important;padding:14px!important}.messages-page-intro h1{font-size:22px}.messages-admin-layout{padding-top:12px!important}.messages-table th,.messages-table td{font-size:13px}.message-action-select{font-size:12px;min-height:36px}}

/* Align footer columns and keep the contact action compact under its heading */
.footer-country-badge{padding-inline:0;gap:4px}.footer-icon-link,.footer-grid .footer-heading-with-icon{gap:4px}.footer-contact-button{width:max-content;max-width:100%;justify-self:start;margin-top:0}

/* Light, quick add-to-cart confirmation toast */
.toast.toast-cart{background:#34383b;box-shadow:0 8px 20px rgba(0,0,0,.14);animation:cart-toast-in .16s ease-out both}.toast.toast-cart.toast-leave{animation:cart-toast-out .15s ease-in both}@keyframes cart-toast-in{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cart-toast-out{to{opacity:0;transform:translateY(3px) scale(.99)}}

/* Small requested color adjustments only; preserve bell position and red count badge */
.top-strip-message-bell,.top-strip-message-bell:hover{color:#fff}.footer-contact-button{color:#c1c5c8}

/* Messages management now follows the bordered admin-panel pattern used by catalog sections */
.messages-admin-layout{padding-top:16px!important}.messages-page-panel{margin:0 0 20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfbfa)}.messages-page-title{margin:0 0 16px!important;padding:0 0 13px;border-bottom:1px solid var(--line);font-size:22px!important;line-height:1.4;font-weight:850!important;color:#191b1d}.messages-toolbar{margin-bottom:14px}.messages-table th,.messages-table td{font-size:14px}.message-read-select.is-unread{border-color:#cfd4d8;background:#fff;color:#3e4448}.message-read-select.is-read{border-color:#a9d6b5;background:#eaf7ee;color:#23623a}.messages-table [data-message-status-label],.messages-table [data-read="0"] [data-message-status-label],.messages-table [data-read="1"] [data-message-status-label]{display:none}
.top-strip-message-bell,.top-strip-message-bell:hover{color:#fff}
@media(max-width:700px){.messages-admin-layout{padding-top:12px!important}.messages-page-panel{padding:14px;border-radius:13px}.messages-page-title{font-size:19px!important}.messages-table th,.messages-table td{font-size:13px}}

/* Refine contact modal copy and bring the messages panel closer to the admin navigation */
.contact-modal-card .contact-modal-intro{margin:8px 0 16px;padding:11px 14px;border:1px solid #e7edf0;border-inline-start:3px solid #e7a37e;border-radius:11px;background:linear-gradient(135deg,#f7fafb,#f2f6f7);color:#68757c;font-size:14px;font-weight:400;line-height:1.75}.contact-modal-card input,.contact-modal-card select,.contact-modal-card textarea{font-size:14px;font-weight:400;color:#333a3f}.contact-modal-card input::placeholder,.contact-modal-card textarea::placeholder{font-size:13px;font-weight:400;color:#9aa2a8;opacity:1}.messages-admin-layout{margin-top:16px!important;padding-top:0!important}
@media(max-width:700px){.messages-admin-layout{margin-top:12px!important;padding-top:0!important}}

/* Restore the previous stronger form typography while retaining the soft intro panel */
.contact-modal-card input,.contact-modal-card select,.contact-modal-card textarea{font-weight:700}.contact-modal-card input::placeholder,.contact-modal-card textarea::placeholder{font-weight:700}.messages-admin-layout{margin-top:8px!important;padding-top:0!important}
@media(max-width:700px){.messages-admin-layout{margin-top:6px!important}}

/* Prevent the admin grid's 70vh minimum height from stretching the mobile sidebar-to-panel gap */
.messages-admin-layout{min-height:0!important;align-content:start;grid-template-rows:auto auto;row-gap:16px}.messages-admin-layout .admin-main{margin:0!important}
@media(max-width:700px){.messages-admin-layout{min-height:0!important;align-content:start;grid-template-rows:auto auto;row-gap:14px;margin-top:8px!important;padding-top:0!important}}