/* Mohawla typography, official club identity and storefront enhancements — v2.5 */
@font-face{font-family:"Mohawla";font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/mohawla-regular.otf') format('opentype')}
@font-face{font-family:"Tajawal";font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/tajawal-400.ttf') format('truetype')}
@font-face{font-family:"Tajawal";font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/tajawal-500.ttf') format('truetype')}
@font-face{font-family:"Tajawal";font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/tajawal-700.ttf') format('truetype')}
@font-face{font-family:"Tajawal";font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/tajawal-800.ttf') format('truetype')}
@font-face{font-family:"Tajawal";font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/tajawal-900.ttf') format('truetype')}
.product-photo.has-upload{overflow:hidden;background:#f7f3ef!important;background-image:none!important}.product-photo.has-upload img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.product-image>.product-photo.has-upload img,.main-photo>.product-photo.has-upload img{transition:transform .35s ease}.product-card:hover .product-photo.has-upload img{transform:scale(1.025)}
@media(min-width:601px){.tracking-timeline article:not(:last-child):after{right:auto!important;left:calc(-50% + 24px)!important;transform:none!important}}
@media(max-width:600px){.tracking-timeline article:not(:last-child):after{right:21px!important;left:auto!important}}
:root{--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px}
body{font-family:"Mohawla","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;font-size:var(--text-md);line-height:1.65;text-rendering:optimizeLegibility}.header .admin-link{display:none}.filter-button{display:none!important}.store-main{padding-bottom:0}.home-page .catalog-section{margin-bottom:28px!important;padding-bottom:28px!important}.home-page .product-grid{gap:11px!important}.home-page .product-card{box-shadow:0 7px 20px rgba(107,45,21,.035)!important}.home-page .catalog-tools{margin-bottom:20px}.home-page footer{margin-top:0}footer{padding-top:52px!important}.product-body h3{letter-spacing:0!important}.home-page .hero h1,.section-title h2,.page-heading h1,.product-data h1,.track-hero h1,.success-page h1{font-family:"Mohawla","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
.crest.crest-logo{width:56px;height:56px;overflow:visible;padding:4px;border:1px solid rgba(177,117,51,.35);border-radius:17px;background:linear-gradient(145deg,#fff,#fff5e8);box-shadow:0 10px 24px rgba(83,10,25,.16)}.crest-logo img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(52,10,18,.15))}.home-page .header .crest.crest-logo{width:54px;height:54px;padding:4px;border-color:rgba(255,228,177,.6);background:rgba(255,250,243,.96);box-shadow:0 9px 25px rgba(49,0,11,.22)}.footer-logo{width:82px!important;height:82px!important;padding:6px!important;border-radius:24px!important;background:#fff8ee!important}.mobile-menu .crest.crest-logo{background:#fff8ef}
.topbar{font-size:12px!important}.brand small{font-size:11px!important}.header nav a,.home-page .header nav a{font-size:13px!important}.cart-pill{font-size:13px!important}.eyebrow{font-size:13px!important}.primary-button,.ghost-button,.white-button,.buy-button,.checkout-button,.confirm-button{font-size:14px!important}.home-page .hero-copy>p{font-size:17px!important;line-height:1.9}.hero-features b{font-size:13px!important}.hero-features small{font-size:11px!important}.category-tile small{font-size:11px!important}.category-tile b{font-size:15px!important}.section-title p,.home-page .section-title p b{font-size:13px!important}.chips a{font-size:12px!important}.inline-search input{font-size:13px!important}.inline-search button,.filter-button{font-size:12px!important}.product-badge{font-size:10px!important}.quick-look{font-size:11px!important}.product-body>small{font-size:10px!important}.product-body h3,.home-page .product-body h3{min-height:48px;font-size:16px!important}.product-bottom strong,.home-page .product-bottom strong{font-size:15px!important}.home-page .icon-button{font-size:13px!important}.drop-copy p,.matchday p{font-size:16px!important}.benefits b{font-size:13px!important}.benefits small{font-size:11px!important}.breadcrumbs,.back,.status,.category-label{font-size:12px!important}.detail-price{font-size:21px!important}.detail-price small,.rating small{font-size:11px!important}.description{font-size:15px!important}.size-head,.size-options span{font-size:13px!important}.stock{font-size:12px!important}.detail-benefits span{font-size:11px!important}.page-heading h1 small{font-size:13px!important}.page-heading p,.empty p{font-size:14px!important}.cart-line small,.cart-line p,.cart-line aside button{font-size:11px!important}.cart-line h3{font-size:18px!important}.cart-line aside>b{font-size:15px!important}.summary>p,.summary>div span,.total span{font-size:13px!important}.summary>small,.steps{font-size:11px!important}.checkout-form legend{font-size:14px!important}.checkout-form label,.admin-editor label,.admin-login label{font-size:12px!important}.checkout-form input,.admin-editor input,.admin-editor select,.admin-editor textarea,.admin-login input{font-size:14px!important}.payment-options b,.pickup b{font-size:12px!important}.payment-options small,.pickup small{font-size:10px!important}.mini-line b,.mini-line strong{font-size:11px!important}.mini-line small,.checkout-summary>p{font-size:10px!important}footer section p,footer a,footer section>span{font-size:12px!important}footer section>b{font-size:14px!important}footer>small{font-size:10px!important}.mobile-menu nav a{font-size:15px!important}.mobile-nav span{font-size:10px!important}

.track-page{min-height:760px;padding-bottom:96px;background-color:#fff8f2;background-image:repeating-linear-gradient(135deg,rgba(167,17,45,.025) 0,rgba(167,17,45,.025) 1px,transparent 1px,transparent 19px)}
.track-hero{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:55px max(24px,calc((100vw - 1120px)/2));overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(255,151,162,.32),transparent 30%),linear-gradient(115deg,#650619,#a40d2e 55%,#da2343);color:#fff}.track-hero>div{max-width:720px}.track-hero h1{margin:13px 0 7px;font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.06em}.track-hero p{max-width:620px;margin:0;color:#f7dce1;font-size:16px;line-height:1.9}.track-hero-icon{width:126px;height:126px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:35px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(78,0,18,.12));color:#f4d38c;box-shadow:0 25px 60px rgba(57,0,12,.26),inset 0 1px rgba(255,255,255,.18);transform:rotate(-5deg);backdrop-filter:blur(8px)}.track-hero-icon .ui-icon{width:58px;height:58px;stroke-width:1.35}
.track-shell{position:relative;z-index:2;width:min(1120px,calc(100% - 36px));margin:-35px auto 0}.track-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;padding:24px;border:1px solid #efdac8;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 22px 60px rgba(102,28,18,.13)}.track-form label{display:grid;gap:8px;color:#5f4b46;font-size:13px;font-weight:800}.track-form label>div{height:54px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:0 15px;border:1px solid #e5d6cc;border-radius:12px;background:#fffdfa;color:var(--red);transition:.2s}.track-form label>div:focus-within{border-color:var(--red);box-shadow:0 0 0 4px rgba(197,16,49,.08)}.track-form input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;text-align:right}.track-form input[dir=ltr]{text-align:left}.track-submit{height:54px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(110deg,#8d0822,#dc1d41);color:#fff;box-shadow:0 13px 28px rgba(165,9,40,.22);font-size:14px;font-weight:900;transition:.2s}.track-submit:hover{transform:translateY(-1px);box-shadow:0 16px 35px rgba(165,9,40,.28)}
.track-help,.track-alert{min-height:112px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;margin-top:18px;padding:22px 25px;border:1px solid #eadfd7;border-radius:18px;background:rgba(255,255,255,.78)}.track-help>span,.track-alert>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#fff0d0;color:#9c6722;font-size:20px;font-weight:900}.track-help b,.track-alert b{font-size:15px}.track-help p,.track-alert p{margin:4px 0 0;color:var(--muted);font-size:13px}.track-help>small{color:var(--muted);font-size:12px}.track-alert{border-color:#f0c7ce;background:#fff5f6}.track-alert>span{background:#f7d8de;color:var(--red)}
.tracking-result{margin-top:20px;overflow:hidden;border:1px solid #eadacf;border-radius:24px;background:#fff;box-shadow:0 26px 70px rgba(98,31,17,.1)}.tracking-result>header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 28px;border-bottom:1px solid #eee1d8;background:linear-gradient(145deg,#fffdfb,#fff7ed)}.tracking-result>header small{color:var(--muted);font-size:12px}.tracking-result>header h2{margin:4px 0;color:#6d0d20;font:800 24px/1.2 Arial;text-align:right}.tracking-result>header p{margin:0;color:var(--muted);font-size:11px}.current-status{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:#e6f5eb;color:#277247;font-size:13px;font-weight:900}.current-status.cancelled{background:#f9e2e6;color:#a10b2b}
.tracking-timeline{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 24px 29px;border-bottom:1px solid #eee1d8}.tracking-timeline article{position:relative;display:grid;justify-items:center;gap:10px;padding:0 9px;text-align:center}.tracking-timeline article:not(:last-child):after{content:"";position:absolute;top:21px;right:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:#eadfd6;transform:translateX(100%)}.tracking-timeline article.done:not(:last-child):after,.tracking-timeline article.active:not(:last-child):after{background:linear-gradient(90deg,#d61a3e,#c9953c)}.tracking-timeline i{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:2px solid #eadfd6;border-radius:50%;background:#fff;color:#a79c96;font-style:normal}.tracking-timeline .done i{border-color:#d5a348;background:#fff3d5;color:#93611d}.tracking-timeline .active i{border-color:#c10e31;background:var(--gradient);color:#fff;box-shadow:0 0 0 7px #fbe7eb}.tracking-timeline b{display:block;font-size:13px}.tracking-timeline small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6}.cancelled-order{margin:28px;padding:22px;border:1px solid #efc4cc;border-radius:15px;background:#fff5f6}.cancelled-order b{color:var(--red);font-size:16px}.cancelled-order p{margin:5px 0 0;color:var(--muted);font-size:13px}
.tracking-grid{display:grid;grid-template-columns:1.2fr .8fr}.tracking-grid h3{margin:0 0 18px;font-size:18px}.tracking-items{padding:27px;border-left:1px solid #eee1d8}.tracking-items>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #f1e8e2}.tracking-items>div>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#fff3dd;color:#a5752c}.tracking-items p{display:grid;gap:4px;margin:0}.tracking-items b{font-size:13px}.tracking-items small{color:var(--muted);font-size:11px}.tracking-items strong{color:#7b1024;font-size:13px}.tracking-summary{padding:27px;background:#fffaf4}.tracking-summary p{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:12px 0;color:var(--muted);font-size:12px}.tracking-summary p b{max-width:65%;color:var(--ink);text-align:left;font-size:12px}.tracking-summary>div{display:flex;align-items:flex-end;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid #eadbcf;font-size:13px;font-weight:900}.tracking-summary strong{color:var(--red);font-size:19px}.success-actions{display:flex;gap:10px}

.admin-sidebar nav a{font-size:12px!important}.db-card b,.admin-editor>div b{font-size:12px!important}.db-card p,.admin-editor>div small{font-size:10px!important}.admin-profile,.admin-save,.editor-actions a{font-size:12px!important}.admin-stats small{font-size:10px!important}.admin-table-wrap th{font-size:11px!important}.admin-table-wrap td{font-size:12px!important}.admin-table-wrap td small{font-size:10px!important}.status-form select{font-size:11px!important}

@media(max-width:900px){.track-form{grid-template-columns:1fr 1fr}.track-submit{grid-column:1/-1}.tracking-grid{grid-template-columns:1fr}.tracking-items{border-left:0;border-bottom:1px solid #eee1d8}}
@media(max-width:600px){:root{--text-md:15px}.topbar{font-size:10px!important}.header .crest.crest-logo,.home-page .header .crest.crest-logo{width:43px;height:43px;padding:3px;border-radius:13px}.home-page .hero-copy>p{font-size:14px!important}.home-page .hero-actions a{font-size:12px!important}.hero-features b{font-size:11px!important}.category-tile b{font-size:13px!important}.category-tile small{font-size:10px!important}.chips a{font-size:11px!important}.home-page .product-body h3{min-height:40px;font-size:13px!important}.home-page .product-bottom strong{font-size:13px!important}.home-page .icon-button{font-size:11px!important}.product-badge{font-size:9px!important}.benefits b{font-size:11px!important}.benefits small{font-size:9px!important}.track-hero{min-height:235px;padding:36px 18px 55px}.track-hero h1{font-size:45px}.track-hero p{font-size:13px}.track-hero-icon{display:none}.track-shell{width:calc(100% - 20px);margin-top:-35px}.track-form{grid-template-columns:1fr;padding:16px;border-radius:18px}.track-submit{grid-column:auto}.track-help,.track-alert{grid-template-columns:42px 1fr;padding:17px}.track-help>small{grid-column:1/-1}.tracking-result{border-radius:18px}.tracking-result>header{align-items:flex-start;padding:20px 16px}.tracking-result>header h2{font-size:18px}.current-status{padding:8px 10px;font-size:11px}.tracking-timeline{grid-template-columns:1fr;gap:0;padding:20px 16px}.tracking-timeline article{min-height:80px;grid-template-columns:44px 1fr;justify-items:stretch;align-items:start;gap:13px;padding:0;text-align:right}.tracking-timeline article:not(:last-child):after{top:44px;right:21px;width:2px;height:36px;transform:none}.tracking-timeline article span{padding-top:7px}.tracking-timeline small{font-size:11px}.tracking-items,.tracking-summary{padding:20px 15px}.tracking-items>div{grid-template-columns:38px 1fr}.tracking-items strong{grid-column:2}.success-actions{width:100%;max-width:320px;display:grid}}

/* Personal order confirmation — v2.8 */
.order-success{position:relative;min-height:760px;overflow:hidden;padding:40px 20px 65px;background:radial-gradient(circle at 18% 14%,rgba(255,219,153,.22),transparent 24%),radial-gradient(circle at 84% 74%,rgba(255,112,130,.18),transparent 29%),linear-gradient(145deg,#5d0618,#970b29 52%,#d51c3e);color:#fff}.order-success:before,.order-success:after{content:"";position:absolute;border:1px solid rgba(255,228,178,.2);border-radius:50%;pointer-events:none}.order-success:before{top:-220px;right:-150px;width:520px;height:520px;box-shadow:0 0 0 65px rgba(255,255,255,.018)}.order-success:after{bottom:-260px;left:-160px;width:560px;height:560px}.success-shell{position:relative;z-index:1;width:min(760px,100%);display:flex;flex-direction:column;align-items:center;margin:auto;text-align:center}.order-success .success-mark{width:46px;height:46px;margin:0 0 10px;border-color:rgba(255,232,183,.7);background:linear-gradient(145deg,#fff5d3,#d4a44d);color:#761025;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 12px 30px rgba(54,0,12,.22)}.order-success .success-mark span{font-size:19px;font-weight:900}.order-success .eyebrow{color:#ffe5ad;font-size:11px!important}.order-success .success-shell h1{margin:8px 0 8px;color:#fff;font-size:clamp(28px,3.3vw,38px);line-height:1.08}.order-success h1 em{color:#ffe1a2;font-style:normal}.success-shell>p{max-width:520px;margin:0;color:#f5dfe4;font-size:12px;line-height:1.7}.success-shell>p b{color:#fff2c9}
.order-ticket{position:relative;width:min(520px,100%);margin:28px 0 24px;padding:20px 21px 18px;overflow:hidden;border:1px solid rgba(255,227,175,.42);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,245,228,.96));color:#4d1c26;box-shadow:0 28px 70px rgba(49,0,10,.28),inset 0 1px #fff}.order-ticket:before,.order-ticket:after{content:"";position:absolute;top:93px;width:22px;height:22px;border-radius:50%;background:#930b28}.order-ticket:before{right:-11px}.order-ticket:after{left:-11px}.order-ticket>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px dashed #d8c5b4;text-align:right}.order-ticket>header>span{display:grid;gap:3px}.order-ticket>header small{color:#9b7e70;font-size:10px}.order-ticket>header b{color:#56202b;font-size:12px}.order-ticket>header i{color:#a8782d;font:800 9px Arial,sans-serif!important;letter-spacing:.14em}.order-digits{display:flex;justify-content:center;gap:9px;padding:22px 0 17px}.order-digits b{width:70px;height:82px;display:grid;place-items:center;border:1px solid #e4d5c7;border-radius:15px;background:linear-gradient(145deg,#fff,#f6ece3);color:#6c1327;font-size:43px;line-height:1;box-shadow:0 8px 18px rgba(71,27,19,.07)}html[dir] body[class] .order-ticket .order-digits b{font-family:Arial,sans-serif!important}.order-digits b.letter{border-color:#dcb65f;background:linear-gradient(145deg,#fff0bd,#d6a746);color:#711024;box-shadow:0 10px 24px rgba(151,105,27,.2)}.legacy-order{display:block;padding:27px 8px 20px;color:#721229;font-size:25px;letter-spacing:.05em}html[dir] body[class] .order-ticket .legacy-order{font-family:Arial,sans-serif!important}.copy-order{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #dfc9bb;border-radius:10px;background:#fff;color:#79142a;font-size:11px;font-weight:900;transition:.2s}.copy-order:hover{border-color:#a20f2d;background:#fff4f5}.copy-order.copied{border-color:#7bc497;background:#eaf8ef;color:#287449}.ticket-meta{display:flex;justify-content:center;gap:20px;margin-top:16px;padding-top:14px;border-top:1px dashed #d8c5b4;color:#80666a;font-size:10px;font-weight:800}
.confirmation-flow{width:min(590px,100%);display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;margin:0 0 25px;padding:15px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(78,0,17,.18);backdrop-filter:blur(8px)}.confirmation-flow>span{display:flex;align-items:center;gap:8px;text-align:right}.confirmation-flow>span>i{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#e7c5cc;font-style:normal;font-size:10px}.confirmation-flow>span.done>i{border-color:#f0ce83;background:#e5bd68;color:#661024}.confirmation-flow b{display:grid;gap:2px;color:#fff;font-size:11px}.confirmation-flow small{color:#dab7bf;font-size:8px;font-weight:500}.confirmation-flow>em{height:1px;background:rgba(255,255,255,.18)}.order-success .success-actions{display:flex;gap:10px}.order-success .success-actions .primary-button{background:linear-gradient(145deg,#fff3cc,#d6a64e);color:#741025;box-shadow:0 14px 32px rgba(52,0,11,.23)}.order-success .success-actions .ghost-button{border-color:rgba(255,255,255,.3);color:#fff}
@media(max-width:600px){.order-success{min-height:720px;padding:32px 10px 90px}.order-success .success-mark{width:42px;height:42px}.order-success .success-mark span{font-size:17px}.order-success .success-shell h1{font-size:27px}.success-shell>p{font-size:11px}.order-ticket{margin-top:18px;padding:16px 13px;border-radius:18px}.order-ticket>header i{display:none}.order-digits{gap:6px;padding:19px 0 15px}.order-digits b{width:57px;height:68px;border-radius:12px;font-size:35px}.ticket-meta{gap:10px;font-size:8px}.confirmation-flow{grid-template-columns:1fr 1fr 1fr;gap:5px;padding:11px 8px}.confirmation-flow>em{display:none}.confirmation-flow>span{justify-content:center}.confirmation-flow>span>i{width:25px;height:25px}.confirmation-flow b{font-size:9px}.confirmation-flow small{display:none}.order-success .success-actions{width:min(360px,100%);display:grid}.order-success .success-actions a{width:100%}}

/* Product-card size selection and add feedback — v3.0 */
.product-bottom .ajax-cart-form{display:grid;gap:9px}.card-size-picker{height:43px;display:grid!important;grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:8px;margin:0!important;padding:0 12px!important;border:1px solid #ead9c7;border-radius:12px!important;background:linear-gradient(145deg,#fff,#fff9ef);color:#806d63!important;box-shadow:inset 0 1px #fff;transition:border-color .2s,box-shadow .2s,background .2s}.card-size-picker>span{font-size:11px;font-weight:800;white-space:nowrap}.card-size-picker select{width:100%;height:100%;min-width:0;padding:0 4px;border:0;outline:0;appearance:none;background:transparent;color:#741329;text-align:center;font-size:13px!important;font-weight:900;cursor:pointer}.card-size-picker i{color:#b18136;font-style:normal;font-size:14px;text-align:center;pointer-events:none}.card-size-picker:focus-within{border-color:#c51031;background:#fff;box-shadow:0 0 0 4px rgba(197,16,49,.08)}.ajax-cart-form .icon-button{transition:transform .2s,box-shadow .2s,opacity .2s}.ajax-cart-form .icon-button.is-loading{opacity:.72;cursor:wait;box-shadow:none}.ajax-cart-form .icon-button:focus-visible,.card-size-picker select:focus-visible{outline:2px solid #c51031;outline-offset:2px}
@media(max-width:600px){.product-bottom .ajax-cart-form{gap:7px}.card-size-picker{height:39px;grid-template-columns:auto minmax(0,1fr) 13px;gap:4px;padding:0 8px!important;border-radius:10px!important}.card-size-picker>span{font-size:9px}.card-size-picker select{font-size:11px!important}.card-size-picker i{font-size:11px}.ajax-cart-form .icon-button.is-loading{font-size:9px!important}}

/* Centered storefront rhythm and unified surfaces — v3.1 */
.home-page{--home-border:#ead8c5;--home-surface:#fffaf2;--home-radius:18px;--home-shadow:0 14px 38px rgba(91,30,18,.085);--home-shadow-hover:0 20px 48px rgba(91,30,18,.14)}.home-page .hero-actions .primary-button,.home-page .hero-actions .ghost-button{min-height:52px;border-radius:13px}.home-page .category-strip{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:14px}.home-page .category-tile{width:auto;min-width:0;max-width:282px;flex:1 1 260px;height:108px;grid-template-columns:78px minmax(0,1fr) 30px;gap:12px;padding:12px;border:1px solid var(--home-border);border-radius:var(--home-radius);background:linear-gradient(145deg,#fff,#fff8ed);box-shadow:var(--home-shadow);transform:translateZ(0);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.home-page .category-tile .product-photo{width:78px;height:78px;border-radius:12px}.home-page .category-tile>span{min-width:0;gap:4px}.home-page .category-tile small{color:#8b7b72!important;font-size:11px!important;line-height:1.35}.home-page .category-tile b{overflow:hidden;color:#4d2029;font-size:15px!important;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.home-page .category-tile i{width:30px;height:30px;border:1px solid #f0dcb9;border-radius:50%;background:#fff3d8;color:#aa1732;transition:transform .22s ease,background .22s ease}.home-page .category-tile:hover{border-color:#d6b36f;box-shadow:var(--home-shadow-hover);transform:translateY(-3px)}.home-page .category-tile:hover i{background:#ffe8b8;transform:translateX(-2px)}.home-page .category-tile:focus-visible,.home-page .product-card:focus-within{outline:3px solid rgba(197,16,49,.17);outline-offset:3px}.home-page .catalog-section{border-color:var(--home-border);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,248,239,.95));box-shadow:0 24px 65px rgba(91,30,18,.1)}.home-page .section-title{align-items:center}.home-page .catalog-tools{border-color:#eadfd5;border-radius:13px}.home-page .product-grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:14px!important}.home-page .product-card{display:flex;flex:0 1 calc((100% - 42px)/4);flex-direction:column;min-width:0;border-color:var(--home-border);border-radius:var(--home-radius);box-shadow:0 8px 24px rgba(91,30,18,.055)!important}.home-page .product-card:hover{border-color:#d5ad67;box-shadow:var(--home-shadow-hover)!important;transform:translateY(-3px)}.home-page .product-body{display:flex;flex:1;flex-direction:column}.home-page .product-bottom{margin-top:auto}.home-page .product-image,.home-page .product-image>.product-photo{border-radius:13px}.home-page .card-size-picker{background:#fffdf9}.home-page .icon-button{border-radius:12px;box-shadow:0 9px 22px rgba(160,9,40,.16)}
@media(max-width:1100px){.home-page .product-card{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:700px){.home-page .category-strip{justify-content:flex-start;flex-wrap:nowrap;gap:10px;padding-inline:12px;overflow-x:auto;scroll-padding-inline:12px;scroll-snap-type:x proximity;scrollbar-width:none}.home-page .category-strip::-webkit-scrollbar{display:none}.home-page .category-tile{max-width:250px;flex:0 0 min(82vw,250px);height:98px;grid-template-columns:70px minmax(0,1fr) 28px;gap:9px;padding:10px;scroll-snap-align:center}.home-page .category-tile .product-photo{width:70px;height:70px}.home-page .category-tile b{font-size:13px!important}.home-page .category-tile small{font-size:10px!important}.home-page .product-grid{gap:10px!important}.home-page .product-card{flex-basis:calc((100% - 10px)/2)}.home-page .catalog-section{border-radius:22px}.home-page .section-title{align-items:flex-end}.home-page .hero-actions .primary-button,.home-page .hero-actions .ghost-button{min-height:48px;border-radius:11px}}

/* Managed hero image and premium product motion — v3.2 */
.home-page .showcase-card{will-change:transform;animation:showcase-card-drift 7s ease-in-out infinite}.home-page .showcase-photo{position:relative;isolation:isolate;overflow:hidden}.home-page .showcase-photo:before{content:"";position:absolute;z-index:0;right:16%;bottom:5%;width:68%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(92,9,27,.22),transparent 68%);filter:blur(8px);animation:showcase-shadow 4.8s ease-in-out infinite}.home-page .showcase-photo:after{content:"";position:absolute;z-index:3;top:-35%;bottom:-35%;left:-55%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.33),transparent);transform:skewX(-16deg);animation:showcase-sheen 6.5s ease-in-out infinite;pointer-events:none}.home-page .showcase-card .hero-shirt{position:relative;z-index:1;will-change:transform,filter;transform-origin:center 67%;animation:hero-product-motion 4.8s cubic-bezier(.45,.05,.55,.95) infinite!important}.home-page .hero-custom-image{display:block;height:auto;object-fit:contain;object-position:center;background:linear-gradient(145deg,#fff,#fff9f1)}.home-page .glow-ring{will-change:transform,opacity;animation:hero-ring-pulse 7s ease-in-out infinite}.home-page .edition{will-change:transform;animation:hero-edition-float 5.2s ease-in-out infinite}.home-page .showcase-card:hover .hero-shirt{animation-play-state:paused!important;filter:saturate(1.06) drop-shadow(0 15px 18px rgba(69,0,14,.16))}.home-page .showcase-card:hover .showcase-photo:after{animation-duration:3.2s}
@keyframes showcase-card-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(-.35deg)}}@keyframes hero-product-motion{0%,100%{transform:translateY(2px) scale(.985) rotate(-.25deg);filter:drop-shadow(0 10px 14px rgba(69,0,14,.08))}50%{transform:translateY(-9px) scale(1.025) rotate(.35deg);filter:drop-shadow(0 18px 20px rgba(69,0,14,.18))}}@keyframes showcase-shadow{0%,100%{opacity:.55;transform:scaleX(.88)}50%{opacity:.82;transform:scaleX(1.05)}}@keyframes showcase-sheen{0%,58%{left:-55%;opacity:0}68%{opacity:1}83%,100%{left:125%;opacity:0}}@keyframes hero-ring-pulse{0%,100%{opacity:.72;transform:scale(.97)}50%{opacity:1;transform:scale(1.035)}}@keyframes hero-edition-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.home-page .showcase-card,.home-page .showcase-card .hero-shirt,.home-page .showcase-photo:before,.home-page .showcase-photo:after,.home-page .glow-ring,.home-page .edition{animation:none!important}.home-page .showcase-card{transform:rotate(-1deg)}}

/* Database-driven category navigation — v3.3 */
.header{gap:14px}.header>.brand,.header>.header-tools{flex:0 0 auto}.header .store-navigation{min-width:0;flex:1;justify-content:safe center;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.header .store-navigation::-webkit-scrollbar{display:none}.header .store-navigation a{min-width:max-content;flex:0 0 auto;scroll-snap-align:center;white-space:nowrap}.header .store-navigation .nav-track{margin-inline-start:3px;opacity:.9}.home-page .header .store-navigation{padding:5px}.home-page .header .store-navigation a{padding:10px 14px;font-size:clamp(11px,1vw,13px)!important}.home-page .header .store-navigation a:focus-visible{outline:2px solid #ffe4a5;outline-offset:-2px}.mobile-menu{overflow-y:auto;overscroll-behavior:contain}.mobile-menu nav{padding-bottom:38px}.mobile-menu nav a{flex:0 0 auto}
@media(min-width:901px) and (max-width:1120px){.header{gap:9px}.home-page .header{padding-inline:13px}.home-page .header .store-navigation{gap:4px}.home-page .header .store-navigation a{padding-inline:10px;font-size:11px!important}.home-page .brand>span:last-child{display:none}.home-page .header .crest.crest-logo{width:48px;height:48px}}

/* Three-column storefront product layout — v3.4 */
.home-page .product-card{flex-basis:calc((100% - 28px)/3)}
@media(max-width:900px){.home-page .product-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:700px){.home-page .product-card{flex-basis:calc((100% - 10px)/2)}}

/* Store miniature mark beside the club crest — v3.5 */
.brand-marks{position:relative;display:flex;align-items:center;gap:7px;flex:0 0 auto}.store-mini-thumb{width:31px;height:31px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(226,188,112,.78);border-radius:10px;background:#fff;box-shadow:0 7px 18px rgba(62,0,14,.16),inset 0 1px rgba(255,255,255,.8);transform:translateY(5px)}.store-mini-thumb img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.22)}.home-page .header .store-mini-thumb{border-color:rgba(255,228,177,.75);background:#fffaf3;box-shadow:0 8px 20px rgba(49,0,11,.23)}.mobile-menu .store-mini-thumb{width:29px;height:29px;border-color:#e7c57c;transform:translateY(4px)}
@media(max-width:600px){.brand-marks{gap:5px}.store-mini-thumb{width:25px;height:25px;border-radius:8px;transform:translateY(4px)}}

/* Five-step order tracking, including customer contact */
@media(min-width:601px){.tracking-timeline{grid-template-columns:repeat(5,1fr)}}