@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(/assets/cairo-arabic-800-normal-CVTPwINa.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cairo-arabic-900-normal-DNm2WYV7.woff2) format("woff2"),url(/assets/cairo-arabic-900-normal-dTOb6H7Y.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-500-normal-DPXcppbm.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-400-normal-CFZh1unN.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-arabic-latin-500-normal-Cd6jVIg7.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-500-normal-BletK1Hp.woff) format("woff")}@layer reset,tokens,base,layout,components,utilities;@layer tokens{:root{color-scheme:dark;--bg: #111818;--surface: #182121;--surface-2: #202B2B;--border: #2A3636;--text: #FFFFFF;--text-muted: #9AA8A8;--accent: #E0160F;--accent-hover: #FF2A22;--on-accent: #FFFFFF;--accent-text: #FF6B66;--danger: #FF5C58;--success: #34D399;--warning: #FBBF24;--scrim: rgb(0 0 0 / .72);--font-display: "Barlow Condensed", "Cairo", system-ui, sans-serif;--font-heading-ar: "Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-latin-display: "Barlow Condensed", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;--text-12: .75rem;--text-14: .875rem;--text-16: 1rem;--text-20: 1.25rem;--text-28: 1.75rem;--text-40: 2.5rem;--text-64: 4rem;--text-96: 6rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.6;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--section-gap: var(--space-8);--gutter: var(--space-2);--container-max: 80rem;--header-h: 4rem;--touch-min: 2.75rem;--radius: 2px;--border-w: 1px;--focus-w: 2px;--focus-offset: 2px;--skew-angle: -8deg;--skew-unangle: 8deg;--shadow-overlay: 0 24px 48px rgb(0 0 0 / .65);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur: .18s;--hover-scale: 1.03;--z-header: 40;--z-Scrim: 80;--z-drawer: 90;--z-modal: 100;--z-toast: 110}@media(min-width:64rem){:root{--section-gap: var(--space-12);--gutter: var(--space-4)}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--hover-scale: 1}}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}img,svg,picture{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer}ul,ol{list-style:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}}@layer base{body{min-block-size:100dvh;background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-16);font-weight:400;line-height:var(--leading-normal);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:clip}body[data-scroll-lock]{overflow:hidden}h1,h2,h3,h4,.h-ar{font-family:var(--font-heading-ar);font-weight:800;font-style:normal;line-height:var(--leading-snug);letter-spacing:0}.h-display{font-family:var(--font-display);font-weight:800;font-style:italic;text-transform:uppercase;line-height:var(--leading-tight)}.h-latin{font-family:var(--font-latin-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.04em;line-height:var(--leading-tight);direction:ltr;unicode-bidi:isolate}.hero-title{font-family:var(--font-heading-ar);font-weight:900;font-size:var(--text-40);line-height:var(--leading-tight)}@media(min-width:64rem){.hero-title{font-size:var(--text-64)}.hero-title--xl{font-size:var(--text-96)}}.price-num,[data-tabular]{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}:focus{outline:none}:focus-visible{outline:var(--focus-w) solid var(--accent);outline-offset:var(--focus-offset)}::selection{background-color:var(--accent);color:var(--on-accent)}.sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;inset-block-start:var(--space-1);inset-inline-start:var(--space-2);z-index:var(--z-toast);padding-block:var(--space-1);padding-inline:var(--space-2);background-color:var(--accent);color:var(--on-accent);font-weight:800;border-radius:var(--radius);transform:translateY(-200%);transition:transform var(--dur-fast) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}@keyframes fade-up{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up var(--dur) var(--ease-out) both}}@layer layout{.container{inline-size:100%;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block-start:var(--section-gap)}.page-main{padding-block-end:var(--section-gap)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}@media(min-width:37.5rem){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}}@media(min-width:64rem){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-header{position:sticky;inset-block-start:0;z-index:var(--z-header);block-size:var(--header-h);background-color:var(--bg);border-block-end:var(--border-w) solid var(--border)}.site-header__inner{block-size:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.site-header__brand{display:inline-flex;align-items:center;min-block-size:var(--touch-min)}.site-header__logo{block-size:var(--space-4);inline-size:auto}.site-header__nav{display:none;align-items:center;gap:var(--space-3);font-weight:500;font-size:var(--text-14)}.site-header__link{min-block-size:var(--touch-min);display:inline-flex;align-items:center;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out)}.site-header__link:hover,.site-header__link[aria-current=page]{color:var(--text)}.site-header__actions{display:flex;align-items:center;gap:var(--space-1)}@media(min-width:64rem){.site-header__nav{display:flex}.site-header__menu-btn{display:none}}.site-footer{margin-block-start:var(--section-gap);padding-block:var(--space-8);background-color:var(--surface);border-block-start:var(--border-w) solid var(--border)}.site-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:37.5rem){.site-footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.site-footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.site-footer__title{font-family:var(--font-heading-ar);font-size:var(--text-14);font-weight:800;margin-block-end:var(--space-2)}.site-footer__list{display:grid;gap:var(--space-1);font-size:var(--text-14);color:var(--text-muted)}.site-footer__list a:hover{color:var(--text)}.site-footer__bottom{margin-block-start:var(--space-6);padding-block-start:var(--space-3);border-block-start:var(--border-w) solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);font-size:var(--text-12);color:var(--text-muted)}}@layer components{.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-block-size:var(--touch-min);padding-block:var(--space-1);padding-inline:var(--space-3);font-family:var(--font-heading-ar);font-size:var(--text-16);font-weight:800;line-height:var(--leading-snug);border-radius:var(--radius);user-select:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn--block{inline-size:100%}.btn--lg{min-block-size:var(--space-6);padding-inline:var(--space-4);font-size:var(--text-20)}.btn--primary{color:var(--on-accent);font-size:var(--text-20);padding-inline:var(--space-4)}.btn--primary:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--accent);border-radius:var(--radius);transform:skew(var(--skew-angle));transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn--primary:hover:not(:disabled):before,.btn--primary[data-state=hover]:before{background-color:var(--accent-hover)}.btn--primary.btn--block:before{transform:none}.btn--secondary{background-color:transparent;color:var(--text);border:var(--border-w) solid var(--border)}.btn--secondary:hover:not(:disabled),.btn--secondary[data-state=hover]{background-color:var(--surface-2);border-color:var(--text-muted)}.btn--ghost{background-color:transparent;color:var(--text-muted);padding-inline:var(--space-2)}.btn--ghost:hover:not(:disabled),.btn--ghost[data-state=hover]{color:var(--text);background-color:var(--surface)}.btn:active:not(:disabled),.btn[data-state=active]{transform:translateY(1px)}.btn:focus-visible,.btn[data-state=focus]{outline:var(--focus-w) solid var(--accent);outline-offset:var(--focus-offset)}.btn:disabled,.btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]{pointer-events:none;opacity:.75}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--touch-min);block-size:var(--touch-min);border-radius:var(--radius);color:var(--text);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.icon-btn:hover:not(:disabled){background-color:var(--surface-2)}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn__count{position:absolute;inset-block-start:4px;inset-inline-end:4px;min-inline-size:18px;block-size:18px;padding-inline:4px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:var(--on-accent);font-size:var(--text-12);font-weight:800;font-variant-numeric:tabular-nums;border-radius:var(--radius);line-height:1}.club-trigger{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);padding-inline:var(--space-2);background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);font-size:var(--text-14);font-weight:500;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.club-trigger:hover{background-color:var(--surface-2);border-color:var(--accent)}.club-trigger__dot{inline-size:var(--space-1);block-size:var(--space-1);background-color:var(--accent);border-radius:var(--radius)}}@layer components{.field{display:grid;gap:var(--space-1)}.field__label{font-size:var(--text-14);font-weight:500;color:var(--text);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1)}.field__opt{font-size:var(--text-12);color:var(--text-muted)}.input,.select,.textarea{inline-size:100%;min-block-size:var(--touch-min);padding-block:var(--space-1);padding-inline:var(--space-2);background-color:var(--surface-2);color:var(--text);border:var(--border-w) solid var(--border);border-radius:var(--radius);font-size:var(--text-16);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.textarea{min-block-size:var(--space-12);padding-block:var(--space-2);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus,.input[data-state=focus]{outline:none;border-color:var(--accent)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.45;cursor:not-allowed}.select{appearance:none;padding-inline-end:var(--space-5);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(var(--space-2) + 5px) 50%,var(--space-2) 50%;background-size:5px 5px;background-repeat:no-repeat}[dir=ltr] .select{background-position:calc(100% - var(--space-2) - 5px) 50%,calc(100% - var(--space-2)) 50%}.field__hint{font-size:var(--text-12);color:var(--text-muted)}.field__error{font-size:var(--text-12);color:var(--danger)}.search-box{position:relative;display:flex;align-items:center}.search-box__icon{position:absolute;inset-inline-start:var(--space-2);color:var(--text-muted);pointer-events:none}.search-box .input{padding-inline-start:var(--space-5);padding-inline-end:var(--space-5)}.search-box__clear{position:absolute;inset-inline-end:2px}.qty{display:inline-grid;grid-template-columns:var(--touch-min) minmax(var(--space-5),auto) var(--touch-min);align-items:center;background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius)}.qty__btn{block-size:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:background-color var(--dur-fast) var(--ease-out)}.qty__btn:hover:not(:disabled){background-color:var(--surface)}.qty__btn:disabled{opacity:.35;cursor:not-allowed}.qty__val{text-align:center;font-weight:800;font-variant-numeric:tabular-nums;padding-inline:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);padding-inline:var(--space-2);background-color:var(--surface);color:var(--text-muted);border:var(--border-w) solid var(--border);border-radius:var(--radius);font-size:var(--text-14);font-weight:500;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.chip:hover{color:var(--text);border-color:var(--text-muted)}.chip[aria-pressed=true],.chip--active{background-color:var(--surface-2);color:var(--text);border-color:var(--accent)}}@layer components{.badge{position:relative;isolation:isolate;display:inline-flex;align-items:center;padding-block:4px;padding-inline:var(--space-1);font-family:var(--font-heading-ar);font-size:var(--text-12);font-weight:800;line-height:1.2;color:var(--text)}.badge:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);transform:skew(var(--skew-angle))}.badge--sale{color:var(--on-accent)}.badge--sale:before{background-color:var(--accent);border-color:var(--accent)}.badge--new:before{background-color:var(--bg);border-color:var(--text)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-4)}.section-head__eyebrow{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:var(--space-1);padding-block:4px;padding-inline:var(--space-2);margin-block-end:var(--space-1);font-size:var(--text-12);font-weight:800;color:var(--on-accent)}.section-head__eyebrow:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--accent);border-radius:var(--radius);transform:skew(var(--skew-angle))}.section-head__title{font-size:var(--text-28);font-weight:900;line-height:var(--leading-tight)}@media(min-width:64rem){.section-head__title{font-size:var(--text-40)}}.section-head__sub{margin-block-start:var(--space-1);font-size:var(--text-14);color:var(--text-muted)}.section-head__more{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);font-size:var(--text-14);font-weight:800;color:var(--accent-text)}.section-head__more:hover{text-decoration:underline}.price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1)}.price__current{font-family:var(--font-heading-ar);font-weight:900;font-size:var(--text-20);font-variant-numeric:tabular-nums;color:var(--text)}.price--lg .price__current{font-size:var(--text-28)}.price__unit{font-size:var(--text-12);font-weight:500;color:var(--text-muted);margin-inline-start:4px}.price__old{font-size:var(--text-14);font-variant-numeric:tabular-nums;color:var(--text-muted);text-decoration:line-through}.size-picker{display:flex;flex-wrap:wrap;gap:var(--space-1)}.size-btn{min-inline-size:var(--touch-min);block-size:var(--touch-min);padding-inline:var(--space-2);display:inline-flex;align-items:center;justify-content:center;background-color:var(--surface);color:var(--text);border:var(--border-w) solid var(--border);border-radius:var(--radius);font-family:var(--font-latin-display);font-size:var(--text-16);font-weight:800;letter-spacing:.04em;direction:ltr;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.size-btn:hover:not(:disabled){border-color:var(--text)}.size-btn[aria-checked=true]{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.size-btn:disabled,.size-btn[aria-disabled=true]{color:var(--text-muted);opacity:.38;cursor:not-allowed;background-image:linear-gradient(to top right,transparent calc(50% - 1px),var(--border) calc(50% - 1px),var(--border) calc(50% + 1px),transparent calc(50% + 1px))}.color-picker{display:flex;flex-wrap:wrap;gap:var(--space-1)}.color-btn{inline-size:var(--touch-min);block-size:var(--touch-min);padding:6px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease-out)}.color-btn__swatch{inline-size:100%;block-size:100%;border-radius:var(--radius);background-color:var(--swatch, #000);border:var(--border-w) solid rgb(255 255 255 / .16)}.color-btn:hover:not(:disabled){border-color:var(--text-muted)}.color-btn[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.color-btn:disabled{opacity:.35;cursor:not-allowed}}@layer components{.media-placeholder{inline-size:100%;block-size:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background-color:var(--surface-2);color:var(--text-muted);font-size:var(--text-12);text-align:center;padding:var(--space-2)}.media-placeholder__mark{font-family:var(--font-latin-display);font-weight:800;font-style:italic;font-size:var(--text-20);letter-spacing:.08em;color:var(--border)}.product-card{position:relative;display:flex;flex-direction:column;background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);transition:border-color var(--dur) var(--ease-out)}.product-card:hover{border-color:var(--text-muted)}.product-card__media{position:relative;aspect-ratio:4 / 5;background-color:var(--surface-2);overflow:hidden}.product-card__img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--dur) var(--ease-out)}.product-card:hover .product-card__img{transform:scale(var(--hover-scale))}.product-card__badges{position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1);z-index:2;display:flex;flex-wrap:wrap;gap:var(--space-1)}.product-card__body{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.product-card__club{font-size:var(--text-12);font-weight:500;color:var(--accent-text)}.product-card__title{font-family:var(--font-heading-ar);font-size:var(--text-16);font-weight:800;line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__link:after{content:"";position:absolute;inset:0;z-index:1}.product-card__foot{margin-block-start:auto;padding-block-start:var(--space-1);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1)}.product-card__dots{display:inline-flex;align-items:center;gap:4px}.product-card__dot{inline-size:10px;block-size:10px;border-radius:var(--radius);background-color:var(--swatch, #888);border:1px solid rgb(255 255 255 / .25)}.product-card__dots-more{font-size:var(--text-12);color:var(--text-muted);font-variant-numeric:tabular-nums}.banner-strip{display:grid;gap:var(--space-2)}@media(min-width:37.5rem){.banner-strip--grid-2{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.banner-strip--grid-3{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}.banner{position:relative;display:flex;flex-direction:column;background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);overflow:hidden}.banner__media{position:relative;inline-size:100%;aspect-ratio:var(--ratio-m, var(--ratio, 16 / 9));background-color:var(--surface-2);overflow:hidden}@media(min-width:48rem){.banner__media{aspect-ratio:var(--ratio, 16 / 9)}}.banner[data-shape=square]{--ratio: 1 / 1}.banner[data-shape=portrait]{--ratio: 4 / 5}.banner[data-shape=story]{--ratio: 9 / 16}.banner[data-shape=landscape]{--ratio: 16 / 9}.banner[data-shape=wide]{--ratio: 21 / 9}.banner[data-shape-mobile=square]{--ratio-m: 1 / 1}.banner[data-shape-mobile=portrait]{--ratio-m: 4 / 5}.banner[data-shape-mobile=story]{--ratio-m: 9 / 16}.banner[data-shape-mobile=landscape]{--ratio-m: 16 / 9}.banner[data-shape-mobile=wide]{--ratio-m: 21 / 9}.banner__img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--dur) var(--ease-out)}a.banner:hover .banner__img,.banner:has(a:hover) .banner__img{transform:scale(var(--hover-scale))}.banner__body{padding:var(--space-3);background-color:var(--surface);border-block-start:var(--border-w) solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}@media(min-width:48rem){.banner[data-content=panel] .banner__body{position:absolute;inset-block-end:var(--space-4);inset-inline-start:var(--space-4);max-inline-size:30rem;border:var(--border-w) solid var(--border)}}.banner__title{font-size:var(--text-28);font-weight:900;line-height:var(--leading-tight)}.banner--hero .banner__title{font-size:var(--text-40)}@media(min-width:64rem){.banner--hero .banner__title{font-size:var(--text-64)}}.banner__sub{margin-block-start:var(--space-1);font-size:var(--text-16);color:var(--text-muted)}.fan-card{background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);overflow:hidden}.fan-card[data-focus=true]{border-color:var(--accent)}.fan-card__head{padding:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.fan-card__author{display:flex;align-items:center;gap:var(--space-2)}.fan-card__avatar{inline-size:var(--space-5);block-size:var(--space-5);display:inline-flex;align-items:center;justify-content:center;background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);font-family:var(--font-heading-ar);font-weight:800;color:var(--accent-text)}.fan-card__name{font-weight:800;font-size:var(--text-14)}.fan-card__time{font-size:var(--text-12);color:var(--text-muted)}.fan-card__caption{padding-inline:var(--space-2);padding-block-end:var(--space-2);font-size:var(--text-16)}.fan-card__media{background-color:var(--surface-2);border-block:var(--border-w) solid var(--border)}.fan-card__media img{inline-size:100%;max-block-size:38rem;object-fit:cover}.fan-card__product{padding:var(--space-2);background-color:var(--surface-2);border-block-end:var(--border-w) solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.fan-card__product-name{font-weight:800;font-size:var(--text-14)}.fan-card__actions{padding:var(--space-1) var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.like-btn[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent)}.like-btn[aria-pressed=true] svg{fill:currentColor}}@layer components{.scrim{position:fixed;inset:0;z-index:var(--z-Scrim);background-color:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out)}.scrim[data-open=true]{opacity:1;pointer-events:auto}.drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--z-drawer);inline-size:min(26rem,100vw);background-color:var(--surface);border-inline-start:var(--border-w) solid var(--border);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;transform:translate(-100%);visibility:hidden;transition:transform var(--dur) var(--ease-out),visibility var(--dur) var(--ease-out)}[dir=ltr] .drawer{transform:translate(100%)}.drawer--start{inset-inline-end:auto;inset-inline-start:0;border-inline-start:0;border-inline-end:var(--border-w) solid var(--border);transform:translate(100%)}[dir=ltr] .drawer--start{transform:translate(-100%)}.drawer[data-open=true]{transform:translate(0);visibility:visible}.drawer__head{min-block-size:var(--header-h);padding-inline:var(--space-3);border-block-end:var(--border-w) solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.drawer__title{font-size:var(--text-20);font-weight:800}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-3)}.drawer__foot{padding:var(--space-3);background-color:var(--surface-2);border-block-start:var(--border-w) solid var(--border);display:grid;gap:var(--space-2)}.cart-line{display:grid;grid-template-columns:4.5rem 1fr auto;gap:var(--space-2);padding-block:var(--space-2);border-block-end:var(--border-w) solid var(--border)}.cart-line__thumb{aspect-ratio:4 / 5;background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);overflow:hidden}.cart-line__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.cart-line__meta{font-size:var(--text-12);color:var(--text-muted);margin-block-start:2px}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-2);background-color:var(--scrim);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-out),visibility var(--dur) var(--ease-out)}.modal[data-open=true]{opacity:1;visibility:visible}.modal__panel{inline-size:min(34rem,100%);max-block-size:calc(100dvh - var(--space-4));overflow-y:auto;background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-overlay)}.modal__head{padding:var(--space-3);border-block-end:var(--border-w) solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.modal__body{padding:var(--space-3)}.club-grid{display:grid;gap:var(--space-2)}.club-card{inline-size:100%;padding:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);text-align:start;transition:border-color var(--dur-fast) var(--ease-out)}.club-card:hover{border-color:var(--text-muted)}.club-card[aria-checked=true]{border-color:var(--accent)}.club-card__swatches{display:inline-flex;gap:4px}.club-card__swatch{inline-size:var(--space-3);block-size:var(--space-3);border-radius:var(--radius);border:var(--border-w) solid rgb(255 255 255 / .2)}.toast-stack{position:fixed;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);inset-inline-end:var(--space-3);z-index:var(--z-toast);display:grid;justify-items:center;gap:var(--space-1);pointer-events:none}.toast{pointer-events:auto;inline-size:min(26rem,100%);padding-block:var(--space-2);padding-inline:var(--space-3);background-color:var(--surface-2);color:var(--text);border:var(--border-w) solid var(--border);border-inline-start:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-overlay);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-14);animation:fade-up var(--dur) var(--ease-out) both}.toast[data-tone=error]{border-inline-start-color:var(--danger)}.toast[data-tone=success]{border-inline-start-color:var(--success)}}@layer components{@keyframes skel-pulse{0%,to{opacity:.55}50%{opacity:.9}}.skel{background-color:var(--surface-2);border-radius:var(--radius);animation:skel-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.skel-line{block-size:var(--space-2)}.skel-line--sm{block-size:12px;inline-size:55%}.skel-media{aspect-ratio:4 / 5}.state-box{padding:var(--space-6) var(--space-3);background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);text-align:center;display:grid;justify-items:center;gap:var(--space-2)}.state-box__icon{color:var(--text-muted)}.state-box__title{font-size:var(--text-20);font-weight:800}.state-box__desc{max-inline-size:28rem;font-size:var(--text-14);color:var(--text-muted)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--text-12);color:var(--text-muted);padding-block:var(--space-2)}.crumbs a:hover,.crumbs [aria-current=page]{color:var(--text)}}@layer layout{.dept-card{padding:var(--space-4);background-color:var(--surface);border:var(--border-w) solid var(--border);border-inline-start:4px solid var(--accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.dept-card:hover{background-color:var(--surface-2);border-color:var(--text-muted);border-inline-start-color:var(--accent-hover)}.dept-card__title{font-size:var(--text-28);font-weight:900;line-height:var(--leading-tight);margin-block-start:var(--space-1)}.club-banner-callout{padding:var(--space-4);background-color:var(--surface);border:var(--border-w) solid var(--border);border-inline-start:4px solid var(--accent);border-radius:var(--radius);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.shop-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-2);margin-block-end:var(--space-3);border-block:var(--border-w) solid var(--border)}.shop-cats{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-block-end:var(--space-2)}.shop-filters{display:none;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);margin-block-end:var(--space-3);background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius)}@media(min-width:64rem){.shop-filters{display:flex}.shop-filter-mobile-btn{display:none}}.shop-filters__group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.shop-filters__label{font-size:var(--text-12);font-weight:800;color:var(--text-muted);margin-inline-end:var(--space-1)}.shop-more{margin-block-start:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pdp{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding-block-start:var(--space-2)}@media(min-width:64rem){.pdp{grid-template-columns:1.05fr .95fr;gap:var(--space-6);align-items:start}}.pdp-gallery{display:grid;gap:var(--space-2)}.pdp-gallery__stage{position:relative;aspect-ratio:4 / 5;background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);overflow:hidden}.pdp-gallery__stage img{inline-size:100%;block-size:100%;object-fit:cover}.pdp-gallery__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--space-1)}.pdp-thumb{aspect-ratio:4 / 5;background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);overflow:hidden;padding:0}.pdp-thumb[aria-current=true]{border-color:var(--accent)}.pdp-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.pdp-info{display:grid;gap:var(--space-3)}.pdp-info__title{font-size:var(--text-28);font-weight:900;line-height:var(--leading-tight)}@media(min-width:64rem){.pdp-info__title{font-size:var(--text-40)}}.pdp-info__desc{font-size:var(--text-16);color:var(--text-muted);padding-block:var(--space-2);border-block:var(--border-w) solid var(--border)}.pdp-option-block{display:grid;gap:var(--space-1)}.pdp-option-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1);font-size:var(--text-14);font-weight:800}.pdp-buy-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:stretch}.fans-layout{max-inline-size:40rem;margin-inline:auto;display:grid;gap:var(--space-3)}.fans-how{padding:var(--space-3);background-color:var(--surface);border:var(--border-w) solid var(--border);border-inline-start:4px solid var(--accent);border-radius:var(--radius);display:grid;gap:var(--space-1)}.fans-steps{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin-block-start:var(--space-1);font-size:var(--text-14);color:var(--text-muted)}@media(min-width:37.5rem){.fans-steps{grid-template-columns:repeat(3,1fr)}}.fans-step{padding:var(--space-2);background-color:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-1)}.fans-step__num{font-family:var(--font-latin-display);font-weight:800;font-style:italic;font-size:var(--text-20);color:var(--accent-text);line-height:1}.pdp-meta-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1);padding:var(--space-2);background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);font-size:var(--text-12);color:var(--text-muted)}.checkout-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media(min-width:64rem){.checkout-grid{grid-template-columns:1.2fr .8fr;gap:var(--space-6)}}.checkout-card{padding:var(--space-3);background-color:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-3)}.summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--text-14);padding-block:var(--space-1)}.summary-row--total{padding-block-start:var(--space-2);border-block-start:var(--border-w) solid var(--border);font-family:var(--font-heading-ar);font-size:var(--text-20);font-weight:900}.mobile-nav{display:grid;gap:var(--space-1)}.mobile-nav__link{min-block-size:var(--touch-min);padding-inline:var(--space-2);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-heading-ar);font-weight:800;font-size:var(--text-16);border-block-end:var(--border-w) solid var(--border)}.mobile-nav__sub{padding-inline-start:var(--space-2);padding-block:var(--space-1);display:grid;gap:4px;font-size:var(--text-14);color:var(--text-muted)}.mobile-nav__sub a{min-block-size:2.25rem;display:flex;align-items:center}}