/* Compact controls for smaller screens and FAQ content. */
.shop-filter-form{gap:.55rem}.shop-search-field span{display:block;margin-bottom:.35rem}.shop-search-field input{width:100%;border-radius:999px}.shop-filter-form>.advanced-filters{border-top:0;padding-top:0}.shop-filter-form>.advanced-filters>summary{padding:.4rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.shop-filter-form>.advanced-filters:not([open])>label,.shop-filter-form>.advanced-filters:not([open])>.filter-actions{display:none}
.faq-list{display:grid;gap:.65rem}.faq-item{border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;background:var(--surface)}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{margin:.7rem 0 0;color:var(--muted);line-height:1.7}.order-tracking{display:flex;justify-content:space-between;gap:1rem;margin:.9rem 0;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--brand-soft)}
.advanced-filters{display:grid;gap:.65rem;margin-top:.15rem;padding-top:.65rem;border-top:1px solid var(--line)}.advanced-filters summary{width:max-content;cursor:pointer;color:var(--brand);font-size:.82rem;font-weight:700;list-style:none}.advanced-filters summary::-webkit-details-marker{display:none}.advanced-filters summary::after{content:'+';display:inline-block;margin-left:.4rem}.advanced-filters[open] summary::after{content:'-'}
@media (max-width:600px){.container{width:min(100% - 1rem,1120px)}.shop-layout{grid-template-columns:1fr}.filters{padding:.7rem}.filters form{gap:.5rem}.filters label{font-size:.78rem}.filters input,.filters select{padding:.55rem;font-size:.82rem}.filter-actions{gap:.4rem}.filter-actions .button{min-height:2.2rem;padding:.45rem .65rem;font-size:.78rem}.result-heading{align-items:flex-start}.order-tracking{display:grid;gap:.2rem}}
.filters-enhanced{padding:.7rem}.filters-enhanced form{gap:.55rem}.filters-enhanced form>label:first-child{display:block}.filters-enhanced form>label:not(:first-child),.filters-enhanced form>.filter-actions{display:none}.advanced-filters{display:grid}.advanced-filters>label,.advanced-filters>.filter-actions{display:grid}
@media (max-width:600px){.filters-enhanced{padding:.55rem;border-radius:12px}.filters-enhanced form>label:first-child{font-size:0}.filters-enhanced form>label:first-child::before{content:'Cari produk';display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:600;color:var(--ink)}.filters-enhanced form>label:first-child input{height:2.75rem;padding:.55rem .8rem;font-size:.9rem;border-radius:999px}.advanced-filters{margin-top:.35rem;padding:.45rem .1rem 0}.advanced-filters summary{padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.76rem}.advanced-filters>label,.advanced-filters>.filter-actions{margin-top:.1rem}}
:root{--ink:#18232d;--muted:#718096;--line:#e7edf0;--surface:#fff;--canvas:#f7faf9;--brand:#0f766e;--brand-soft:#e6f5f1;--accent:#ef8354}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Poppins,sans-serif;font-size:14px}body.dark{--ink:#edf7f5;--muted:#a5b8b7;--line:#29403f;--surface:#142321;--canvas:#0c1716;--brand:#55c8b9;--brand-soft:#173c37}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 2rem));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:1rem;min-height:4.2rem}.store-logo{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.logo-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:9px;background:var(--brand);color:#fff}.desktop-nav{display:none;gap:1.3rem;margin-left:1.5rem;color:var(--muted);font-weight:600}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.header-search{display:none}.header-search input{width:150px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.header-search button{display:none}.theme-toggle,.menu-toggle{border:0;background:transparent;color:var(--ink);font-size:1.15rem;cursor:pointer}.cart-link{font-size:.8rem;font-weight:700}.cart-link span{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;margin-left:.2rem;border-radius:50%;background:var(--brand);color:#fff;font-size:.7rem}.mobile-nav{display:none;padding:0 1rem 1rem;gap:.8rem}.mobile-nav.open{display:grid}.hero{padding:2.2rem 0}.hero-inner{display:grid;gap:1.5rem;align-items:center}.hero-copy{padding:1rem 0}.eyebrow,.product-category{margin:0 0 .4rem;color:var(--brand);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero h1{max-width:680px;margin:.2rem 0 1rem;font-size:clamp(2.2rem,8vw,4.8rem);line-height:1.05;letter-spacing:0}.hero p{max-width:520px;color:var(--muted);font-size:1.05rem}.hero-art{min-height:260px;border-radius:18px;background:linear-gradient(135deg,#d7f2ec,#f9c9a7);display:grid;place-items:center;color:#0f766e;font-size:clamp(2rem,8vw,5rem);font-weight:800}.section{padding:2.5rem 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.section-heading h2{margin:0;font-size:1.55rem}.muted{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.category-card{padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-weight:700;transition:transform .2s}.category-card:hover{transform:translateY(-3px);border-color:var(--brand)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.product-image-wrap{position:relative;display:block;aspect-ratio:1/1;background:#eef2f2;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover img{transform:scale(1.04)}.badge{position:absolute;top:.65rem;left:.65rem;padding:.25rem .45rem;border-radius:5px;background:var(--brand);color:#fff;font-size:.65rem;font-weight:800}.badge.sale{background:var(--accent)}.product-card-body{padding:.8rem}.product-category{font-size:.62rem}.product-card h3{margin:.25rem 0 .4rem;font-size:.9rem;line-height:1.35}.rating{color:#e49b32;font-size:.75rem}.rating span{color:var(--muted)}.price-row{display:flex;align-items:center;gap:.4rem;margin:.55rem 0;font-size:.95rem}.price-row del{color:var(--muted);font-size:.72rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.65rem .9rem;border:0;border-radius:9px;background:var(--brand);color:#fff;font:inherit;font-weight:700;cursor:pointer}.button.secondary{background:var(--brand-soft);color:var(--brand)}.full-button{width:100%;font-size:.75rem}.shop-layout{display:grid;gap:1.2rem;padding:2rem 0}.filters{padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.filters form{display:grid;gap:.7rem}.filters input,.filters select,.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.filter-actions{display:flex;gap:.5rem}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-heading h1{margin:0;font-size:1.7rem}.product-detail{display:grid;gap:1.5rem;padding:2rem 0}.gallery-main{aspect-ratio:1/1;border-radius:15px;overflow:hidden;background:#eef2f2}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:.5rem;margin-top:.6rem;overflow:auto}.thumbs img{width:4rem;height:4rem;object-fit:cover;border-radius:7px;cursor:pointer}.detail-info h1{margin:.2rem 0 .7rem;font-size:clamp(1.7rem,6vw,2.6rem)}.detail-price{font-size:1.5rem;font-weight:800}.detail-price del{margin-left:.5rem;color:var(--muted);font-size:.9rem;font-weight:400}.detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;color:var(--muted);font-size:.8rem}.variant-group{margin:1rem 0}.variant-options{display:flex;flex-wrap:wrap;gap:.5rem}.variant-options label{cursor:pointer}.variant-options input{position:absolute;opacity:0}.variant-options span{display:block;padding:.5rem .75rem;border:1px solid var(--line);border-radius:7px}.variant-options input:checked+span{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.quantity{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.quantity input{width:5rem;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.cart-layout,.checkout-layout{display:grid;gap:1rem;padding:2rem 0}.cart-item{display:grid;grid-template-columns:4.5rem 1fr auto;gap:.75rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-item img{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:8px}.cart-item h3{margin:0;font-size:.9rem}.cart-item p{margin:.25rem 0;color:var(--muted);font-size:.75rem}.cart-item input{width:4rem;padding:.4rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.summary{padding:1.1rem;border:1px solid var(--line);border-radius:13px;background:var(--surface);height:max-content}.summary h2{margin-top:0}.summary-row{display:flex;justify-content:space-between;padding:.55rem 0}.summary-total{margin-top:.5rem;padding-top:.8rem;border-top:1px solid var(--line);font-weight:800}.checkout-form{display:grid;gap:.8rem}.checkout-form textarea{min-height:100px}.checkout-form label{display:grid;gap:.35rem;font-size:.8rem;font-weight:700}.site-footer{margin-top:3rem;padding:2.5rem 0 1rem;border-top:1px solid var(--line);background:var(--surface)}.footer-grid{display:grid;gap:1.2rem}.footer-grid h3{margin:0 0 .5rem;font-size:.9rem}.footer-grid p,.footer-grid a{display:block;margin:.35rem 0;color:var(--muted);font-size:.8rem}.footer-bottom{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.floating-wa{position:fixed;right:1rem;bottom:1rem;z-index:10;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#25d366;color:#fff;font-size:.75rem;font-weight:800;box-shadow:0 8px 20px #25d36655}.empty-state{padding:2rem 0;color:var(--muted)}.notice{padding:.8rem 1rem;border-radius:9px;background:var(--brand-soft);color:var(--brand)}@media(min-width:700px){.desktop-nav{display:flex}.menu-toggle{display:none}.header-search{display:flex}.hero-inner{grid-template-columns:1.05fr .95fr}.category-grid{grid-template-columns:repeat(5,1fr)}.product-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.shop-layout{grid-template-columns:220px 1fr}.product-detail{grid-template-columns:1fr 1fr;align-items:start}.cart-layout,.checkout-layout{grid-template-columns:1.4fr .7fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}