.masthead[data-astro-cid-r6zpem2t]{position:sticky;inset-block-start:0;z-index:40}.masthead-inner[data-astro-cid-r6zpem2t]{display:flex;align-items:center;gap:var(--sp-4);min-block-size:58px}.lockup[data-astro-cid-r6zpem2t]{display:flex;align-items:center;gap:var(--sp-3);color:inherit;min-block-size:var(--hit-min)}.lockup[data-astro-cid-r6zpem2t]:hover{text-decoration:none}.lockup[data-astro-cid-r6zpem2t] img[data-astro-cid-r6zpem2t]{inline-size:36px;block-size:36px}.lockup-name[data-astro-cid-r6zpem2t]{font-family:var(--font-display);font-weight:800;font-size:var(--type-lockup-size);line-height:1;transform:translateY(2px)}.masthead-nav[data-astro-cid-r6zpem2t]{display:none}.masthead-actions[data-astro-cid-r6zpem2t]{display:flex;align-items:center;gap:2px;margin-inline-start:auto;margin-inline-end:calc(var(--sp-3) * -1)}.lang[data-astro-cid-r6zpem2t]{display:none;align-items:center;gap:var(--sp-2);padding-inline:var(--sp-3);block-size:var(--hit-min);color:var(--on-brand-muted);font-size:var(--type-label-size);font-weight:700;border-radius:var(--r-pill)}.lang[data-astro-cid-r6zpem2t]:hover{color:var(--on-brand);background:#fbffff1f;text-decoration:none}.lang[data-astro-cid-r6zpem2t] .icon[data-astro-cid-r6zpem2t]{inline-size:18px;block-size:18px}.cart-btn[data-astro-cid-r6zpem2t]{color:inherit}.cart-btn[data-astro-cid-r6zpem2t]:hover{text-decoration:none}.cart-btn[data-astro-cid-r6zpem2t] .icon[data-astro-cid-r6zpem2t]{inline-size:23px;block-size:23px}.cart-count[data-astro-cid-r6zpem2t]{position:absolute;inset-block-start:3px;inset-inline-end:2px;min-inline-size:17px;block-size:17px;padding-inline:var(--sp-1);display:grid;place-items:center;background:var(--brand-copper);color:var(--navy-950);border-radius:var(--r-pill);font-size:var(--type-micro-size);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.cart-count[data-astro-cid-r6zpem2t][hidden]{display:none}@media(min-width:960px){.masthead-nav[data-astro-cid-r6zpem2t]{display:flex;align-items:center;gap:var(--sp-6);margin-inline-start:var(--sp-8)}.masthead-nav[data-astro-cid-r6zpem2t] a[data-astro-cid-r6zpem2t]{display:inline-flex;align-items:center;min-block-size:var(--hit-min);color:var(--on-brand-muted);font-weight:700;font-size:var(--type-label-size)}.masthead-nav[data-astro-cid-r6zpem2t] a[data-astro-cid-r6zpem2t]:hover{color:var(--on-brand);text-decoration:none}.lang[data-astro-cid-r6zpem2t]{display:inline-flex}.menu-btn[data-astro-cid-r6zpem2t]{display:none}.masthead-inner[data-astro-cid-r6zpem2t]{min-block-size:68px}.lockup[data-astro-cid-r6zpem2t] img[data-astro-cid-r6zpem2t]{inline-size:40px;block-size:40px}.lockup-name[data-astro-cid-r6zpem2t]{font-size:var(--type-title2-size)}}.panel[data-astro-cid-exleorm6]{margin:0;padding:0;border:none;inline-size:100vw;max-inline-size:none;block-size:100dvh;max-block-size:none;inset:0;background:var(--surface-brand-deep);color:var(--on-brand);display:none;flex-direction:column;translate:-102% 0;transition:translate var(--dur-slow) var(--ease-standard),overlay var(--dur-slow) allow-discrete,display var(--dur-slow) allow-discrete}[dir=rtl] .panel[data-astro-cid-exleorm6]{translate:102% 0}.panel[data-astro-cid-exleorm6][open]{display:flex;translate:0 0}@starting-style{.panel[data-astro-cid-exleorm6][open]{translate:-102% 0}}[dir=rtl] .panel[data-astro-cid-exleorm6][open]{display:flex;translate:0 0}@starting-style{[dir=rtl] .panel[data-astro-cid-exleorm6][open]{translate:102% 0}}.panel[data-astro-cid-exleorm6]::backdrop{background:var(--soldout-scrim);opacity:0;transition:opacity var(--dur-slow) var(--ease-standard),overlay var(--dur-slow) allow-discrete,display var(--dur-slow) allow-discrete}.panel[data-astro-cid-exleorm6][open]::backdrop{opacity:1}@starting-style{.panel[data-astro-cid-exleorm6][open]::backdrop{opacity:0}}.panel-head[data-astro-cid-exleorm6]{flex:none;display:flex;align-items:flex-end;justify-content:space-between;min-block-size:96px;padding:0 var(--sp-3) var(--sp-2)}.panel-title[data-astro-cid-exleorm6]{display:inline-flex;align-items:center;min-block-size:var(--hit-min);padding-inline-start:var(--sp-2);font-family:var(--font-display);font-weight:800;font-size:var(--type-title2-size);color:var(--on-brand)}.panel-scroll[data-astro-cid-exleorm6]{flex:1;overflow-y:auto;padding:var(--sp-2) var(--sp-5) var(--sp-16)}.panel-nav[data-astro-cid-exleorm6] a[data-astro-cid-exleorm6]{display:flex;align-items:center;min-block-size:54px;color:var(--on-brand);font-size:var(--type-heading-size);font-weight:500;border-block-end:var(--bw) solid rgba(251,255,255,.12)}.panel-nav[data-astro-cid-exleorm6] li[data-astro-cid-exleorm6]:last-child a[data-astro-cid-exleorm6]{border-block-end:none}.panel-nav[data-astro-cid-exleorm6] a[data-astro-cid-exleorm6]:hover{color:var(--brand-copper);text-decoration:none}.panel-secondary[data-astro-cid-exleorm6]{margin-block-start:var(--sp-3)}.panel-secondary[data-astro-cid-exleorm6] a[data-astro-cid-exleorm6]{display:flex;align-items:center;min-block-size:var(--hit-min);color:var(--on-brand-muted);font-size:var(--type-tile-name)}.panel-secondary[data-astro-cid-exleorm6] a[data-astro-cid-exleorm6]:hover{color:var(--on-brand);text-decoration:none}.panel-lang[data-astro-cid-exleorm6]{display:inline-flex;align-items:center;gap:9px;margin-block-start:var(--sp-4);block-size:var(--control-h);padding-inline:var(--sp-5);border:var(--bw) solid rgba(251,255,255,.3);border-radius:var(--r-pill);color:var(--on-brand);font-size:var(--type-tile-name);font-weight:500}.panel-lang[data-astro-cid-exleorm6]:hover{background:#fbffff14;color:var(--on-brand);text-decoration:none}.panel-lang[data-astro-cid-exleorm6] .icon[data-astro-cid-exleorm6]{inline-size:18px;block-size:18px}html:has(.panel[open]){overflow:hidden}@media(min-width:960px){.panel[data-astro-cid-exleorm6],.panel[data-astro-cid-exleorm6][open]{display:none}}.site-foot[data-astro-cid-gcn2mc3v]{padding-block:var(--sp-8) var(--sp-6)}.foot-grid[data-astro-cid-gcn2mc3v]{display:grid;gap:var(--sp-6) var(--sp-4);grid-template-columns:1fr 1fr}.foot-head[data-astro-cid-gcn2mc3v]{font-size:var(--type-caption-size);font-weight:700;color:var(--copper-300);letter-spacing:.06em;margin-block-end:var(--sp-2)}[dir=rtl] .foot-head[data-astro-cid-gcn2mc3v]{letter-spacing:var(--tracking-arabic)}.foot-col[data-astro-cid-gcn2mc3v] li[data-astro-cid-gcn2mc3v]{display:flex;flex-direction:column;justify-content:center}.foot-col[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--on-brand);font-size:var(--type-label-size);font-weight:500;min-block-size:var(--hit-min)}.foot-col[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:hover{color:var(--brand-copper);text-decoration:none}.foot-col[data-astro-cid-gcn2mc3v] .icon[data-astro-cid-gcn2mc3v]{inline-size:16px;block-size:16px;flex:none}.foot-branch[data-astro-cid-gcn2mc3v]{padding-block:var(--sp-2)}.foot-branch-name[data-astro-cid-gcn2mc3v]{font-size:var(--type-label-size);font-weight:700}.foot-branch-hours[data-astro-cid-gcn2mc3v]{font-size:var(--type-caption-size);color:var(--on-brand-muted)}.foot-number[data-astro-cid-gcn2mc3v]{display:block;font-size:var(--type-caption-size);color:var(--on-brand-muted);font-variant-numeric:tabular-nums}.foot-bar[data-astro-cid-gcn2mc3v]{border-block-start:var(--bw) solid rgba(251,255,255,.14);margin-block-start:var(--sp-5);padding-block-start:var(--sp-4)}.foot-bar[data-astro-cid-gcn2mc3v] img[data-astro-cid-gcn2mc3v]{inline-size:40px;block-size:40px;margin-block-end:var(--sp-3)}.foot-vat[data-astro-cid-gcn2mc3v]{margin-block-start:var(--sp-3);font-size:var(--type-caption-size);color:var(--on-brand-muted);max-inline-size:34ch}@media(min-width:600px){.foot-grid[data-astro-cid-gcn2mc3v]{grid-template-columns:repeat(3,1fr)}}@media(min-width:960px){.site-foot[data-astro-cid-gcn2mc3v]{padding-block:var(--sp-12) var(--sp-10)}.foot-grid[data-astro-cid-gcn2mc3v]{gap:var(--sp-10)}.foot-bar[data-astro-cid-gcn2mc3v]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--sp-6);margin-block-start:var(--sp-8);padding-block-start:var(--sp-6)}.foot-bar[data-astro-cid-gcn2mc3v] img[data-astro-cid-gcn2mc3v]{margin-block-end:0}.foot-vat[data-astro-cid-gcn2mc3v]{margin-block-start:0;justify-self:end;text-align:end}}:root{--brand-navy: #22426B;--brand-copper: #C89878;--brand-near-white: #FBFFFF;--navy-950: #101F35;--navy-900: #162946;--navy-800: #1B3457;--navy-700: var(--brand-navy);--navy-600: #2C5385;--navy-500: #3A659E;--navy-300: #9DB2CE;--navy-200: #C4D1E3;--navy-100: #DEE6F0;--navy-50: #EEF2F8;--copper-800: #6E452A;--copper-700: #8A5F41;--copper-600: #A87A56;--copper-500: var(--brand-copper);--copper-300: #DCC0AA;--copper-200: #EAD7C8;--copper-100: #F3E7DC;--copper-50: #FAF3EC;--sand-25: #FCFAF7;--sand-50: #F7F2EC;--sand-100: #EFE7DE;--sand-200: #E3D8CC;--text-1: var(--navy-950);--text-2: #44546B;--text-3: #5D6E85;--text-disabled: #96A2B4;--border-strong: #B9C2CF;--border: #D9DEE6;--border-subtle: #E8ECF1;--border-warm: #E6DFD5;--surface-page: var(--brand-near-white);--surface-card: #FFFFFF;--surface-image: var(--sand-50);--surface-brand: var(--navy-700);--surface-brand-deep: var(--navy-800);--on-brand: var(--brand-near-white);--on-brand-muted: var(--navy-200);--success-700: #1F6D4A;--success-100: #DBF0E5;--warning-700: #8A5A0B;--warning-100: #FCEFD8;--error-700: #B23B32;--error-100: #F9E3E0;--info-700: var(--navy-500);--info-100: var(--navy-50);--soldout-bg: #EDF0F4;--soldout-text: #44546B;--soldout-scrim: rgba(16, 31, 53, .72);--sale-bg: var(--copper-700);--sale-text: var(--brand-near-white);--focus-ring: var(--navy-500);--focus-ring-on-brand: var(--brand-near-white)}:root{--font-display: "Zain", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-text: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--type-display-size: 30px;--type-display-weight: 800;--type-display-leading: 1.25;--type-title1-size: 24px;--type-title1-weight: 800;--type-title2-size: 20px;--type-title2-weight: 700;--type-heading-size: 17px;--type-body-size: 15px;--type-body-leading-ar: 1.75;--type-body-leading-en: 1.55;--type-label-size: 13.5px;--type-caption-size: 12.5px;--type-lockup-size: 19px;--type-tile-name: 14.5px;--type-tile-meta: 11.5px;--type-micro-size: 11px;--type-spot-name: 22px;--type-input-size: 16px;--type-price-lg: 22px;--type-price: 17px;--type-price-tile: 16px;--tracking-caps: .08em;--tracking-arabic: 0}@media(min-width:600px){:root{--type-spot-name: 28px}}@media(min-width:960px){:root{--type-display-size: 44px;--type-title1-size: 32px;--type-title2-size: 24px;--type-body-size: 16px;--type-spot-name: 34px}}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--e-1: 0 1px 2px rgba(16,31,53,.05), 0 1px 3px rgba(16,31,53,.06);--e-2: 0 4px 12px rgba(16,31,53,.1), 0 12px 32px rgba(16,31,53,.1);--e-3: 0 -8px 40px rgba(16,31,53,.18);--e-3-side: 0 0 40px rgba(16,31,53,.25);--bw: 1px;--bw-input: 1.5px;--hit-min: 44px;--control-h: 48px;--control-h-sm: 40px;--control-h-lg: 56px;--bp-tablet: 600px;--bp-laptop: 960px;--bp-wide: 1280px;--container-max: 1200px;--page-margin-phone: 16px;--page-margin-tablet: 24px;--page-margin-laptop: 32px;--grid-gap-phone: 12px;--grid-gap-tablet: 16px;--grid-gap-laptop: 20px;--column-reading-max: 680px;--image-ratio-product: 1 / 1;--image-ratio-hero-phone: 4 / 5;--image-ratio-hero-laptop: 21 / 9}:root{--dur-fast: .15s;--dur-med: .25s;--dur-slow: .35s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--press-scale: .98}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur-med: 1ms;--dur-slow: 1ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,ul,ol,dl,dd,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0}img,svg,picture{display:block;max-width:100%}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}:where(a,button,label,summary,.tile,.card,.chip,.option){touch-action:manipulation}body{background:var(--surface-page);color:var(--text-1);font-family:var(--font-text);font-size:var(--type-body-size);line-height:var(--type-body-leading-ar);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:var(--tracking-arabic)}:root[lang=en] body{line-height:var(--type-body-leading-en)}::selection{background:var(--copper-200);color:var(--navy-950)}:root{accent-color:var(--navy-700);caret-color:var(--navy-700)}html{scrollbar-color:var(--navy-300) var(--sand-50);scrollbar-width:thin}:where(a){text-underline-offset:.22em;text-decoration-thickness:from-font}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-xs)}.on-brand :where(a,button):focus-visible{outline-color:var(--focus-ring-on-brand)}bdi,.num,.price,input[inputmode=numeric],input[inputmode=tel]{font-variant-numeric:tabular-nums}.display,.t1,.t2{font-family:var(--font-display);line-height:var(--type-display-leading)}.display{font-size:var(--type-display-size);font-weight:var(--type-display-weight)}.t1{font-size:var(--type-title1-size);font-weight:var(--type-title1-weight)}.t2{font-size:var(--type-title2-size);font-weight:var(--type-title2-weight)}.heading{font-size:var(--type-heading-size);font-weight:700;line-height:1.4}.label{font-size:var(--type-label-size);font-weight:500}.caption{font-size:var(--type-caption-size);color:var(--text-3);line-height:1.5}.muted{color:var(--text-2)}em,i{font-style:normal;font-weight:700}a{color:var(--copper-700);text-decoration:none}a:hover{color:var(--navy-700);text-decoration:underline}.container{inline-size:100%;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--page-margin-phone)}@media(min-width:600px){.container{padding-inline:var(--page-margin-tablet)}}@media(min-width:960px){.container{padding-inline:var(--page-margin-laptop)}}.column{max-inline-size:var(--column-reading-max);margin-inline:auto}.band{background:var(--surface-brand);color:var(--on-brand)}.band-deep{background:var(--surface-brand-deep);color:var(--on-brand)}.band a,.band-deep a{color:var(--on-brand)}.stack>*+*{margin-block-start:var(--sp-4)}.stack-6>*+*{margin-block-start:var(--sp-6)}.section+.section{margin-block-start:var(--sp-12)}.section>.section-head{margin-block-end:var(--sp-5)}main{display:block;padding-block-end:var(--sp-12)}main:has(>:last-child.rest){padding-block-end:0}.skip-link{position:absolute;inset-block-start:var(--sp-2);inset-inline-start:var(--sp-2);z-index:100;padding:var(--sp-2) var(--sp-5);display:inline-flex;align-items:center;min-block-size:var(--hit-min);background:var(--surface-card);color:var(--text-1);border-radius:var(--r-pill);box-shadow:var(--e-2);transform:translateY(-200%)}.skip-link:focus{transform:none}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);block-size:var(--control-h);min-block-size:var(--hit-min);padding-inline:var(--sp-6);border:none;border-radius:var(--r-pill);font-size:15px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.btn:hover{text-decoration:none}.btn:active{transform:scale(var(--press-scale))}.btn-primary{background:var(--navy-700);color:var(--brand-near-white)}.btn-primary:hover{background:var(--navy-600);color:var(--brand-near-white)}.btn-promo{background:var(--brand-copper);color:var(--navy-950)}.btn-promo:hover{background:var(--copper-300);color:var(--navy-950)}.btn-outline{background:transparent;color:var(--navy-700);border:var(--bw-input) solid var(--navy-700)}.btn-outline:hover{background:var(--navy-50);color:var(--navy-700)}.btn-quiet{background:transparent;color:var(--text-2);padding-inline:var(--sp-3)}.btn-quiet:hover{background:var(--navy-50);color:var(--text-1)}.btn-lg{block-size:var(--control-h-lg);font-size:16px;padding-inline:var(--sp-8)}.btn-sm{block-size:var(--control-h-sm);font-size:var(--type-label-size);padding-inline:var(--sp-4)}.btn-block{inline-size:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--soldout-bg);color:var(--soldout-text);border-color:transparent;cursor:not-allowed}.btn:disabled:active,.btn[aria-disabled=true]:active{transform:none}.btn .icon{inline-size:19px;block-size:19px;flex:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--hit-min);block-size:var(--hit-min);border:none;background:transparent;color:currentColor;border-radius:var(--r-pill);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease-standard)}.icon-btn:hover{background:#fbffff1f}.icon-btn .icon{inline-size:24px;block-size:24px}.field{display:block}.field+.field{margin-block-start:var(--sp-5)}.field>.label{display:block;margin-block-end:var(--sp-2);font-weight:700;color:var(--text-1)}.field .hint{display:block;margin-block-start:var(--sp-2)}.input,.select,.textarea{inline-size:100%;block-size:var(--control-h);font-size:var(--type-input-size);padding-inline:var(--sp-4);background:var(--surface-card);border:var(--bw-input) solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-1);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.textarea{block-size:auto;min-block-size:calc(var(--control-h) * 2);padding-block:var(--sp-3);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:hover,.select:hover,.textarea:hover{border-color:var(--navy-500)}.input:focus,.select:focus,.textarea:focus{border-color:var(--navy-500);box-shadow:0 0 0 3px var(--navy-100);outline:none}.input:disabled,.select:disabled{background:var(--navy-50);color:var(--text-disabled);cursor:not-allowed}.select{appearance:none;padding-inline-end:var(--sp-10)}.select-wrap{position:relative;display:block}.select-wrap .select-caret{position:absolute;inset-inline-end:var(--sp-4);inset-block-start:50%;translate:0 -50%;inline-size:18px;block-size:18px;color:var(--text-2);pointer-events:none}.select-wrap:hover .select-caret{color:var(--navy-700)}.field[data-invalid] .input,.field[data-invalid] .select{border-color:var(--error-700)}.field-error{display:flex;align-items:flex-start;gap:var(--sp-2);margin-block-start:var(--sp-2);font-size:var(--type-label-size);color:var(--error-700)}.chev-forward{transform:rotate(-90deg)}:root[dir=rtl] .chev-forward{transform:rotate(90deg)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-3);border-radius:var(--r-pill);font-size:var(--type-caption-size);font-weight:700;line-height:1.4}.badge-soldout{background:var(--soldout-bg);color:var(--soldout-text)}.badge-sale{background:var(--sale-bg);color:var(--sale-text)}.badge-new{background:var(--navy-100);color:var(--navy-700)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);block-size:var(--control-h-sm);min-block-size:var(--hit-min);padding-inline:var(--sp-5);border:var(--bw) solid var(--border);border-radius:var(--r-pill);background:var(--surface-card);color:var(--text-1);font-size:var(--type-label-size);font-weight:700;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.chip:hover{background:var(--navy-50);border-color:var(--navy-300);color:var(--text-1);text-decoration:none}.chip[aria-current=true],.chip[data-active]{background:var(--navy-700);border-color:var(--navy-700);color:var(--brand-near-white)}.price{display:inline-flex;align-items:baseline;gap:.28em;font-weight:700;color:var(--text-1);white-space:nowrap}.price .rial{block-size:.8em;inline-size:1.2em;flex:none;align-self:center}.price-lg{font-size:var(--type-price-lg)}.price-md{font-size:var(--type-price)}.price-was{font-weight:500;color:var(--text-3);text-decoration:line-through;text-decoration-thickness:1px}.per-unit{font-size:var(--type-caption-size);font-weight:500;color:var(--text-3)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap-phone)}@media(min-width:600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap-tablet)}}@media(min-width:960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap-laptop)}}.card{display:flex;flex-direction:column;background:var(--surface-card);border:var(--bw) solid var(--border-subtle);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-2) var(--sp-3);block-size:100%;position:relative;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.card:hover{border-color:var(--border-strong);box-shadow:var(--e-1)}.card-media{position:relative;aspect-ratio:var(--image-ratio-product);background:var(--surface-image);border-radius:var(--r-sm);overflow:hidden}.card-media img{inline-size:100%;block-size:100%;object-fit:cover}.card-flag{position:absolute;inset-block-start:var(--sp-2);inset-inline-start:var(--sp-2);border-radius:var(--r-pill);padding:3px var(--sp-3);font-size:var(--type-micro-size)}.card-body{display:flex;flex-direction:column;flex:1;padding:var(--sp-3) var(--sp-2) 0}.card-roaster{font-size:var(--type-tile-meta);font-weight:500;color:var(--text-3)}.card-name{font-size:var(--type-tile-name);font-weight:700;line-height:1.35;color:var(--text-1);margin-block-start:2px}.card-name a{color:inherit}.card-name a:after{content:"";position:absolute;inset:0;border-radius:var(--r-md)}.card-name a:hover{color:var(--navy-700);text-decoration:none}.card:hover .card-name{color:var(--navy-700)}.card-notes{display:flex;flex-wrap:wrap;margin-block-start:var(--sp-1);font-size:var(--type-tile-meta);color:var(--copper-700);line-height:1.5}.card-notes li+li:before{content:"·";margin-inline:5px}.card-foot{margin-block-start:auto;padding-block-start:var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.card-price-row{display:flex;align-items:center}.card-price-row .price{font-size:var(--type-price-tile)}.card-unit{display:block;block-size:15px;line-height:15px;font-size:var(--type-micro-size);font-weight:500;color:var(--text-3)}.card-add{position:relative;z-index:1;inline-size:var(--hit-min);block-size:var(--hit-min);flex:none;display:grid;place-items:center;padding:0;border:none;border-radius:var(--r-pill);background:var(--navy-700);color:var(--brand-near-white);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.card-add:hover{background:var(--navy-600)}.card-add:active{transform:scale(.96)}.card-add .icon{inline-size:19px;block-size:19px}.card-add:disabled{background:var(--soldout-bg);color:var(--text-disabled);cursor:not-allowed}.card-add:disabled:active{transform:none}.card-add.is-added{background:var(--success-700)}.card[data-status=soldOut] .card-name,.card[data-status=soldOut] .price{color:var(--text-3)}.spec.box{padding-block:6px}.spec-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding-block:9px;border-block-start:var(--bw) solid var(--border-subtle)}.spec-row:first-child{border-block-start:none}.spec-key{color:var(--text-3);font-size:var(--type-label-size);flex:none}.spec-val{font-weight:500;text-align:end;font-size:var(--type-label-size)}.spec-notes{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-end}.note-tag{padding:6px 13px;background:var(--sand-50);border-radius:var(--r-pill);font-size:var(--type-caption-size);font-weight:500;color:var(--navy-700)}.spec-absent{color:var(--text-3);font-size:var(--type-label-size)}.notice{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-sm);border:var(--bw) solid transparent;font-size:var(--type-label-size);line-height:1.6}.notice .icon{inline-size:20px;block-size:20px;flex:none;margin-block-start:1px}.notice-info{background:var(--info-100);color:var(--navy-950);border-color:var(--navy-100)}.notice-warning{background:var(--warning-100);color:var(--warning-700);border-color:#f0ddb8}.notice-error{background:var(--error-100);color:var(--error-700);border-color:#f0cfcb}.notice-success{background:var(--success-100);color:var(--success-700);border-color:#bfe3d0}.notice-neutral{background:var(--soldout-bg);color:var(--soldout-text);border-color:var(--border)}.page-head{padding-block-start:var(--sp-4)}.page-head .crumbs{padding-block:0}.page-head-title{font-family:var(--font-display);font-size:var(--type-title1-size);font-weight:var(--type-title1-weight);line-height:var(--type-display-leading);margin-block-start:var(--sp-2);text-wrap:balance}.box{border:var(--bw) solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-card);padding:var(--sp-4)}.box+.box{margin-block-start:var(--sp-3)}.box-head{font-size:15px;font-weight:700;margin-block-end:var(--sp-3)}.empty{padding-block:var(--sp-16) var(--sp-12);text-align:center;display:flex;flex-direction:column;align-items:center}.empty-mark{inline-size:96px;block-size:96px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--sand-100);margin-block-end:var(--sp-6)}.empty-mark .icon{inline-size:40px;block-size:40px;color:var(--navy-700)}.empty-title{font-family:var(--font-display);font-size:var(--type-title1-size);font-weight:var(--type-title1-weight);line-height:var(--type-display-leading)}.empty-body{margin-block-start:var(--sp-2);color:var(--text-2);font-size:14px;line-height:1.65;max-inline-size:32ch}.empty-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-block-start:var(--sp-6)}.hit{display:inline-flex;align-items:center;min-block-size:var(--hit-min)}.summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-block:var(--sp-1);font-size:var(--type-label-size)}.summary-row .price{font-size:var(--type-label-size);font-weight:500}.summary-row>span:first-child{color:var(--text-2)}.summary-total{border-block-start:var(--bw) solid var(--border-subtle);padding-block-start:var(--sp-3);margin-block-start:var(--sp-2);font-size:var(--type-price-tile)}.summary-total .summary-label{font-weight:700;color:var(--text-1)}.summary-total .price{font-size:var(--type-price-tile);font-weight:700}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}