:root{--neutral-0:#fff;--neutral-50:#cf9ee6;--neutral-200:#e9e5de;--neutral-300:#dcd7ce;--neutral-600:#6f6b63;--neutral-900:#21201c;--cream:#f4ebdd;--indigo-900:#e2ecf0;--tangerine:#f76b15;--color-bg:var(--neutral-50);--color-surface:var(--neutral-0);--color-placeholder:var(--neutral-200);--color-border:var(--neutral-300);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-header-bg:var(--indigo-900);--color-header-text:#ffffffbf;--color-header-muted:#154d7de6;--color-nav-bg:var(--cream);--color-accent:var(--tangerine);--color-on-accent:var(--neutral-900);--font-sans:"Cantarell", system-ui, sans-serif;--font-header-line3:"Sirivennela", system-ui, serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.875rem;--space-2xs:.25rem;--space-xs:.5rem;--space-s:.75rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-s:.375rem;--radius-m:.75rem;--radius-full:999px;--shadow-s:0 1px 2px #21201c0f, 0 1px 3px #21201c0a;--shadow-m:0 4px 14px #21201c1a;--page:75rem;--card-ratio:150 / 250;--header-pill-gap:var(--space-xl)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.5}h1,h2{letter-spacing:-.01em;line-height:1.2}h1{font-size:var(--text-2xl)}img{max-width:100%;display:block}a{color:inherit}main{max-width:var(--page);padding:0 var(--space-m);margin:0 auto}[hidden]{display:none!important}.pill{padding:var(--space-2xs) var(--space-s);border-radius:var(--radius-full);text-decoration:none;display:inline-block}.intro-header{text-align:center;padding:var(--space-2xl) var(--space-m) var(--space-l);color:#043d79e6;background:#dde0e1}.intro-header>*{max-width:40rem;margin-inline:auto}.intro{max-width:40rem;padding-block:var(--space-l) var(--space-2xl)}.site-name{color:var(--color-header-muted);margin:0}.intro-header h1{margin-top:var(--space-2xs)}.intro-cta{text-align:center;margin-top:var(--space-xl)}.intro-link{padding:var(--space-s) var(--space-l);font-size:var(--text-lg);color:var(--color-on-accent);background:#6086df;font-weight:700}.header-text{text-align:center;padding:var(--space-l) var(--space-m);color:var(--color-header-muted);background:var(--color-header-bg)}.header-text p{margin:0}.header-text p:first-child{margin-bottom:var(--space-2xs);font-size:var(--text-xl);color:#043d79e6;text-shadow:0 2px 4px #00000059;font-weight:700}.header-text p:nth-child(3){font-family:var(--font-header-line3);margin-top:10px;font-size:22px}.header-text a{text-decoration:none}.header-text .header-pills{justify-content:center;gap:var(--header-pill-gap);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.header-pill{color:#000;background:#d363e880;border:1px solid #ffffff59}.category-nav{gap:var(--space-2xs);white-space:nowrap;padding:var(--space-xs) var(--space-m);background:var(--color-nav-bg);scrollbar-width:thin;display:flex;overflow-x:auto}.category-nav a:first-child{margin-left:auto}.category-nav a:last-child{margin-right:auto}.category-nav a{color:var(--color-text-muted)}.category-nav a:hover{color:var(--color-text)}.category-nav a[aria-current],.product-category a{color:var(--color-on-accent);background:var(--color-accent);font-weight:700}.tag-bar{gap:var(--space-xs);padding-block:var(--space-m);flex-wrap:wrap;display:flex}.tag{font:inherit;font-size:var(--text-sm);border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);cursor:pointer}.tag:hover{border-color:var(--color-text-muted)}.tag[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);font-weight:700}.tag.reset{color:var(--color-text-muted)}.product-grid{gap:var(--space-l) var(--space-m);padding-bottom:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=800px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{padding-bottom:var(--space-s);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-s);text-decoration:none;transition:box-shadow .15s;display:block;overflow:hidden}.card:hover{box-shadow:var(--shadow-m)}.card-name,.card-summary,.card-price{padding-inline:var(--space-s)}.card-thumb{aspect-ratio:var(--card-ratio);background:var(--color-placeholder);position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-overlay{padding:var(--space-xs);text-align:center;font-size:var(--text-sm);color:var(--neutral-0);background:#21201cb3;font-weight:700;position:absolute;inset:auto 0 0}.card-name{font-size:var(--text-base);margin:var(--space-xs) 0 0}.card-summary{margin:var(--space-2xs) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.card-price{margin:var(--space-2xs) 0 0;font-weight:700}.card.unavailable{color:var(--color-text-muted)}.card.unavailable img{filter:grayscale();opacity:.6}.product{max-width:56rem;padding-block:var(--space-l) var(--space-2xl)}.carousel{position:relative}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-m);background:var(--color-placeholder);margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.carousel-slide{scroll-snap-align:start;aspect-ratio:4/3;flex:0 0 100%}.carousel-slide img{object-fit:contain;width:100%;height:100%}.carousel-arrow{width:3rem;height:5rem;color:var(--color-text);cursor:pointer;opacity:.6;background:0 0;border:0;font-size:2.5rem;position:absolute;top:50%;translate:0 -50%}.carousel-arrow:hover{opacity:1}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}.carousel-dots{justify-content:center;gap:var(--space-xs);padding-top:var(--space-s);display:flex}.carousel-dots button{background:var(--color-border);cursor:pointer;border:0;border-radius:50%;width:.5rem;height:.5rem;padding:0}.carousel-dots button[aria-current=true]{background:var(--color-text)}.product-info h1{margin-bottom:var(--space-2xs)}.product-unavailable{margin:var(--space-2xs) 0;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-s);font-size:var(--text-sm);color:var(--neutral-0);background:var(--color-text-muted);font-weight:700;display:inline-block}.product-price{font-size:var(--text-xl);margin:var(--space-2xs) 0;font-weight:700}.product-summary{color:var(--color-text-muted)}.product-tags{gap:var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.not-found{padding-block:var(--space-2xl)}
