:root{color:#241d17;background:#f7f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #241d17;--green: #283a2f;--mint: #e2e8df;--coral: #9b7352;--amber: #b99361;--cream: #f7f1e8;--paper: #fffdf8;--surface: #fffdf8;--line: rgba(36, 29, 23, .13);--muted: #766c61;--accent: #9b7352;--danger: #9f3a2f;--shadow: 0 18px 44px rgba(50, 38, 28, .11)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.select-required-proxy{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2337423c' d='M7 10l5 5 5-5H7Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}button{cursor:pointer}img{max-width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(247,241,232,.98),rgba(255,253,248,.9) 360px),var(--cream)}.app-shell>main{flex:1 0 auto}.site-footer{flex-shrink:0}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(128px,auto) minmax(0,1fr) minmax(0,max-content);align-items:center;gap:14px;padding:9px clamp(18px,4vw,56px);border-bottom:1px solid var(--line);background:rgba(255,253,248,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;min-width:128px;width:fit-content}.brand-logo{width:clamp(116px,10vw,156px);height:48px;border:0;border-radius:0;object-fit:contain;object-position:left center;background:transparent}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-width:0}.nav-links a,.profile-pill,.language-switch{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:#31423a;font-size:13px;font-weight:750;white-space:nowrap}.nav-links a:hover,.profile-pill:hover,.language-switch:hover{border-color:var(--line);background:#ffffff}.nav-links a.promo-nav-link{color:#9f3a2f;background:#fff1e8;border-color:#f3c4a8}.nav-links a.promo-nav-link svg{color:#d95f2f}.nav-links a.promo-nav-link span{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:999px;background:#d95f2f;color:#fffdf8;font-size:10px;font-weight:900;text-transform:uppercase}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.mobile-head-actions,.mobile-quick-links{display:none}.header-search{display:flex;align-items:center;gap:8px;width:clamp(180px,18vw,280px);min-height:38px;padding:0 12px;border:1px solid rgba(36,29,23,.12);border-radius:8px;background:#ffffff;box-shadow:0 8px 18px #32261c0b}.header-search svg{flex:0 0 auto;color:var(--coral)}.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.language-switch{background:#ffffff;border-color:var(--line)}.language-switch select{border:0;outline:0;background-color:transparent;max-width:76px}.profile-pill{min-width:0;max-width:150px}.profile-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fff;font-weight:800;font-size:14px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button{padding:0 18px}.button.small{min-height:38px;padding-inline:13px}.button.ghost,.icon-button{background:#ffffff;color:var(--green)}.contact-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(155,115,82,.28);border-radius:8px;background:rgba(255,253,248,.86);color:#6f523b;font-size:14px;font-weight:800}.contact-link svg{color:#6f523b}.mobile-menu-page-backdrop{display:none}.floating-whatsapp{position:fixed;right:clamp(18px,3vw,34px);bottom:calc(20px + env(safe-area-inset-bottom));z-index:70;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 18px;border:1px solid rgba(37,211,102,.28);border-radius:999px;background:#128c4a;color:#fff;font-size:14px;font-weight:900;box-shadow:0 18px 38px #12372a33}.floating-whatsapp:hover{transform:translateY(-2px);background:#0f7f42;box-shadow:0 22px 46px #12372a3d}.floating-whatsapp svg{flex:0 0 auto}.mobile-menu-page-backdrop+.floating-whatsapp{display:none}.button:hover,.icon-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #12372a24}.button:disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}.icon-button{width:40px;min-height:40px;padding:0}.cart-button{position:relative}.cart-button span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;border:2px solid #ffffff;border-radius:999px;background:var(--coral);color:#fff;font-size:10px;font-weight:900}.mobile-menu{display:none}.offline-banner{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 18px;background:#f7ded4;color:#6f2b23;font-weight:700}.hero-section{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);align-items:stretch;min-height:460px;padding:clamp(20px,3vw,38px) clamp(18px,4vw,56px);overflow:hidden}.hero-copy{z-index:2;display:flex;flex-direction:column;justify-content:center;max-width:540px;padding:18px 0 36px}.eyebrow,.section-heading span{margin:0 0 10px;color:var(--coral);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;color:var(--green);font-size:clamp(28px,3.5vw,42px);line-height:1.08;letter-spacing:0}h2{margin-bottom:12px;color:var(--green);font-size:clamp(22px,2.5vw,30px);letter-spacing:0}h3{margin-bottom:0;color:var(--ink);font-size:17px;letter-spacing:0}.hero-copy p:not(.eyebrow){max-width:520px;color:#405148;font-size:15px;line-height:1.7}.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 22px}.hero-points span,.trust-strip span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(18,55,42,.1);border-radius:8px;background:rgba(255,250,242,.82);color:#31423a;font-size:12px;font-weight:900}.hero-points span{min-height:34px;padding:0 10px}.hero-points svg,.trust-strip svg{color:var(--coral)}.hero-actions,.detail-actions,.center-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-image{position:relative;display:block;min-height:360px;border-radius:8px;background:linear-gradient(90deg,rgba(247,241,232,.95) 0%,rgba(247,241,232,.22) 38%,rgba(247,241,232,0) 64%),var(--hero-image-url, url(/assets/hero-raga.png)) center / cover no-repeat;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.hero-image:hover,.hero-image:focus-visible{transform:translateY(-2px);box-shadow:0 24px 58px #12372a29}.hero-section-full{grid-template-columns:1fr;min-height:auto;padding-top:clamp(18px,2.4vw,30px);padding-bottom:clamp(18px,2.4vw,30px)}.hero-section-full .hero-copy,.hero-section-full .hero-image{grid-area:1 / 1}.hero-section-full .hero-image{z-index:1;width:100%;min-height:clamp(280px,30vw,460px);aspect-ratio:21 / 7;background:linear-gradient(90deg,rgba(247,241,232,.92) 0%,rgba(247,241,232,.5) 30%,rgba(247,241,232,.04) 66%),var(--hero-image-url, url(/assets/hero-raga.png)) center / cover no-repeat}.hero-section-full .hero-copy{align-self:center;justify-self:start;max-width:min(560px,50%);padding:clamp(20px,2.6vw,34px);pointer-events:none}.hero-section-full .hero-copy .hero-actions,.hero-section-full .hero-copy a,.hero-section-full .hero-copy button{pointer-events:auto}.hero-section-full .hero-copy h1{max-width:15ch;margin-bottom:8px;font-size:clamp(28px,4.2vw,48px);line-height:1.06}.hero-section-full .hero-copy p:not(.eyebrow){max-width:480px;margin-bottom:16px;color:#405148;font-size:clamp(15px,1.55vw,18px);font-weight:750;line-height:1.5}.hero-section-full .hero-points{margin-bottom:18px}.hero-section-full .hero-points span{min-height:32px;background:rgba(255,253,248,.72);font-size:11px}.hero-section-full .hero-actions .button{min-height:40px;padding-inline:14px;font-size:13px}.hero-dots{position:absolute;right:18px;bottom:18px;display:inline-flex;gap:7px;padding:8px;border-radius:999px;background:rgba(255,250,242,.9);box-shadow:0 10px 24px #12372a1f}.hero-dots button{width:9px;height:9px;border:0;border-radius:999px;padding:0;background:rgba(18,55,42,.25)}.hero-dots button.active{width:24px;background:var(--green)}.trust-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 clamp(18px,4vw,56px) 28px;margin-top:-26px;position:relative;z-index:3}.trust-strip span{min-height:42px;padding:0 14px;background:#ffffff;box-shadow:0 10px 24px #12372a14}.content-band,.storefront-band,.catalog-page,.detail-page,.auth-page,.profile-page{padding:clamp(30px,4.2vw,54px) clamp(18px,4vw,56px)}.content-band.muted{background:rgba(226,232,223,.42)}.section-heading{max-width:680px;margin-bottom:18px}.storefront-band{padding-top:clamp(22px,3vw,34px)}.storefront-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.storefront-head span{display:inline-block;margin:0 0 8px;color:var(--coral);font-size:12px;font-weight:900;text-transform:uppercase}.storefront-head h2{margin-bottom:8px}.storefront-head p{max-width:680px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.storefront-head>a{display:inline-flex;align-items:center;gap:7px;min-height:38px;flex:0 0 auto;border:1px solid rgba(155,115,82,.28);border-radius:8px;padding:0 12px;background:#ffffff;color:#6f523b;font-size:13px;font-weight:900}.home-promo-band{position:relative;overflow:hidden;margin-inline:clamp(18px,4vw,56px);padding:clamp(22px,3.4vw,38px);border:1px solid rgba(217,95,47,.2);border-radius:16px;background:linear-gradient(135deg,rgba(255,241,232,.98),rgba(255,253,248,.94) 48%,rgba(226,232,223,.84)),#fffdf8;box-shadow:0 22px 52px #9f3a2f1f}.home-promo-band:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#d95f2f,#b99361)}.home-promo-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.home-promo-head span{display:inline-flex;align-items:center;gap:7px;min-height:28px;margin-bottom:8px;padding:0 10px;border-radius:999px;background:#d95f2f;color:#fffdf8;font-size:12px;font-weight:900;text-transform:uppercase}.home-promo-head h2{margin:0 0 6px;color:#6f2d23}.home-promo-head p{max-width:620px;margin:0;color:#6b5648;font-size:14px;line-height:1.6;font-weight:650}.home-promo-head>a{display:inline-flex;align-items:center;gap:7px;min-height:38px;flex:0 0 auto;border:1px solid rgba(217,95,47,.28);border-radius:8px;background:#fffdf8;color:#9f3a2f;padding:0 12px;font-size:13px;font-weight:900}.home-promo-band .product-grid{position:relative}.home-promo-band .product-card{border-color:#d95f2f38;box-shadow:0 14px 30px #9f3a2f14}.section-heading p{color:var(--muted);font-size:15px;line-height:1.7}.product-grid,.value-grid{display:grid;gap:16px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card,.value-card,.how-to-grid article,.auth-panel,.profile-panel{border:1px solid rgba(36,29,23,.1);border-radius:8px;background:rgba(255,253,248,.94);box-shadow:0 10px 26px #32261c0e}.shop-category-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 10px;scrollbar-width:thin}.shop-category-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:106px;padding:12px 14px 12px 12px;border:1px solid rgba(36,29,23,.1);border-radius:8px;background:rgba(255,253,248,.96);box-shadow:0 10px 26px #32261c0e;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.shop-category-card>svg{color:var(--coral);opacity:.88}.shop-category-card:hover{border-color:#9b735257;transform:translateY(-2px);box-shadow:0 16px 34px #32261c17}.shop-category-media{display:grid;place-items:center;width:74px;height:74px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,rgba(247,241,232,.9),rgba(226,232,223,.56))}.shop-category-media img{width:100%;height:100%;object-fit:cover;display:block}.shop-category-media .product-visual{width:100%;height:100%;min-height:0;border-radius:0;box-shadow:none}.shop-category-copy,.shop-category-copy strong,.shop-category-copy span,.shop-category-copy em{display:block}.shop-category-copy span{margin-top:5px;color:var(--muted);line-height:1.45;font-size:13px}.shop-category-copy em{margin-top:8px;color:var(--coral);font-size:12px;font-style:normal;font-weight:900;text-transform:uppercase}.value-band{background:linear-gradient(180deg,rgba(255,253,248,.68),rgba(226,232,223,.32)),var(--cream)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-card{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:132px;padding:14px;border:1px solid rgba(36,29,23,.1);border-radius:8px;background:rgba(255,253,248,.96);box-shadow:0 10px 26px #32261c0e}.collection-card strong,.collection-card small{display:block}.collection-card strong{color:var(--green);font-size:15px}.collection-card small{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.5}.collection-card>svg{color:var(--coral)}.value-card{display:grid;align-content:start;gap:9px;min-height:190px;padding:20px}.value-card svg{width:40px;height:40px;border-radius:8px;padding:9px;background:#f7efe5;color:var(--coral)}.value-card p,.how-to-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.how-to-band{background:rgba(40,58,47,.05)}.how-to-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.how-to-grid article{position:relative;display:grid;align-content:start;gap:10px;min-height:210px;padding:20px}.how-to-grid article svg{color:var(--green)}.how-to-grid article strong{width:max-content;border-radius:999px;padding:5px 9px;background:#dff0e6;color:var(--green);font-size:12px}.landing-empty-state{display:grid;place-items:center;min-height:220px;gap:8px;border:1px dashed var(--line);border-radius:8px;background:rgba(255,250,242,.72);color:var(--muted);text-align:center}.landing-empty-state strong{color:var(--green);font-size:16px}.landing-empty-state p{max-width:520px;margin:0;line-height:1.6}.catalog-intro{max-width:680px;margin-bottom:20px}.catalog-intro h1{margin-bottom:8px;font-size:clamp(28px,3.3vw,40px)}.catalog-intro p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.7}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(168px,210px);gap:12px;align-items:center;margin-bottom:16px}.catalog-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);grid-template-areas:"filters results";align-items:start;gap:22px}.catalog-results{grid-area:results;min-width:0}.search-box,.input-icon{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;border:1px solid rgba(36,29,23,.11);border-radius:8px;background:rgba(255,253,248,.94);box-shadow:0 8px 20px #32261c0b}.search-box svg,.input-icon svg{flex:0 0 auto;color:var(--coral)}.search-box input,.input-icon input,.auth-panel input,.profile-panel input,.filter-group select,.sort-control select{width:100%;min-width:0;border:0;outline:0;background-color:transparent;color:var(--ink);font-size:14px}.sort-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:1px solid rgba(36,29,23,.11);border-radius:8px;background:rgba(255,253,248,.94);box-shadow:0 8px 20px #32261c0b}.sort-control span,.filter-group span{color:var(--muted);font-size:12px;font-weight:800}.sort-control select,.filter-group select{min-width:0;padding:6px 34px 6px 8px;border:1px solid rgba(36,29,23,.1);border-radius:8px;background-color:#fff}.filter-panel{grid-area:filters;position:sticky;top:92px;display:grid;align-content:start;gap:10px;max-height:calc(100vh - 116px);overflow:hidden;padding:14px;border:1px solid rgba(23,33,29,.1);border-radius:8px;background:rgba(255,250,242,.96);box-shadow:0 10px 28px #12372a0f}.filter-panel-head{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--green);font-size:14px;font-weight:900}.filter-panel-close,.mobile-filter-toggle,.filter-backdrop{display:none}.filter-group{display:grid;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}.filter-group::-webkit-scrollbar{width:7px}.filter-group::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(70,83,78,.26)}.filter-section{display:grid;gap:0;border:1px solid rgba(36,29,23,.1);border-radius:8px;background:rgba(255,253,248,.72);overflow:hidden}.filter-section summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 11px;color:var(--green);font-size:13px;line-height:1.25;font-weight:900;cursor:pointer;list-style:none}.filter-section summary::-webkit-details-marker{display:none}.filter-section summary svg{flex:0 0 auto;color:var(--coral);transition:transform .16s ease}.filter-section[open] summary{border-bottom:1px solid rgba(36,29,23,.08)}.filter-section[open] summary svg{transform:rotate(180deg)}.filter-options{display:grid;gap:2px;max-height:220px;overflow-y:auto;padding:8px}.filter-options button{width:100%;min-height:32px;display:flex;align-items:center;justify-content:flex-start;border:1px solid transparent;border-radius:6px;padding:6px 8px;background:transparent;color:#35443e;font-size:13px;font-weight:750;text-align:left}.filter-options button:hover{background:rgba(220,233,223,.56)}.filter-options button.active{border-color:#e07a5f47;background:#fff0eb;color:#c84f34}.filter-empty{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.mobile-filter-toggle{align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid rgba(36,29,23,.11);border-radius:8px;background:#fffdf8;color:var(--green);font-size:13px;font-weight:900;box-shadow:0 8px 20px #32261c0b}.product-card{overflow:hidden}.product-media{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden}.product-promo-badge,.detail-promo-badge{display:inline-flex;align-items:center;width:fit-content;min-height:26px;padding:0 10px;border-radius:999px;background:#d95f2f;color:#fffdf8;font-size:12px;font-weight:900;letter-spacing:0}.product-promo-badge{position:absolute;left:12px;top:12px;z-index:2;box-shadow:0 8px 18px #9f3a2f33}.product-photo,.gallery-main-media img,.gallery-main-media video,.gallery-thumb-button img,.gallery-thumb-button video{width:100%;height:100%;object-fit:cover;display:block}.product-photo{background:#f3eee5;transition:transform .18s ease}.product-card:hover .product-photo{transform:scale(1.03)}.stock-badge{position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:8px;background:#ffffff;color:var(--danger);font-size:12px;font-weight:900}.product-info{display:flex;justify-content:space-between;gap:14px;padding:15px 15px 7px}.product-info p{margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:700}.product-info h3{font-size:15px;line-height:1.38}.favorite-button{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--green)}.favorite-button.active,.favorite-cta.active{color:#fff;background:var(--coral);border-color:var(--coral)}.product-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 15px 15px}.product-bottom strong{display:grid;gap:2px;color:var(--green);font-size:14px}.product-bottom del,.variant-price del,.quantity-price del,.cart-item-info del{color:var(--muted);font-size:12px;font-weight:750;text-decoration-color:#9f3a2fb3}.product-bottom a{display:inline-flex;align-items:center;gap:5px;color:var(--coral);font-size:13px;font-weight:900}.product-visual{position:relative;width:100%;height:100%;min-height:150px;overflow:hidden;background:linear-gradient(135deg,#e8f1e7,#fff6ea 48%,#f1d1c4)}.product-visual.large{min-height:420px;border-radius:8px}.product-visual.compact{min-height:86px;border-radius:8px}.visual-shadow,.visual-bottle,.visual-cap,.visual-accent{position:absolute;display:block}.visual-shadow{left:24%;bottom:18%;width:52%;height:14%;border-radius:50%;background:rgba(18,55,42,.16);filter:blur(8px)}.visual-bottle{left:39%;top:22%;width:23%;height:52%;border:2px solid rgba(255,255,255,.72);border-radius:18px 18px 10px 10px;background:rgba(255,250,242,.72);box-shadow:inset 0 -28px 60px #12372a1f,0 18px 36px #12372a29}.visual-cap{left:43%;top:14%;width:15%;height:12%;border-radius:7px 7px 3px 3px;background:var(--green)}.visual-accent{right:18%;top:22%;width:56px;height:56px;border-radius:8px;background:var(--coral);transform:rotate(18deg)}.tone-petal,.tone-body-mist{background:linear-gradient(135deg,#ffe3dc,#fff9ef 48%,#cfe6da)}.tone-cedar{background:linear-gradient(135deg,#d6e1d5,#f7efe0 50%,#b78b5b)}.tone-citrus{background:linear-gradient(135deg,#f7dc6f,#ffffff 46%,#6ab187)}.tone-linen,.tone-laundry-perfume{background:linear-gradient(135deg,#d8e9ed,#fffaf2 52%,#91b2a3)}.tone-rain{background:linear-gradient(135deg,#b7d5df,#ffffff 48%,#b9cf87)}.tone-velvet{background:linear-gradient(135deg,#dfb6a3,#fff7e8 48%,#8e6a86)}.tone-candle,.tone-souvenir{background:linear-gradient(135deg,#f6d8c8,#fffaf2 50%,#c9a95c)}.tone-keychain{background:linear-gradient(135deg,#cfdfd1,#fffaf2 50%,#e07a5f)}.tone-soap{background:linear-gradient(135deg,#dbe7f0,#fffaf2 48%,#98c6bc)}.detail-layout{display:grid;grid-template-columns:minmax(320px,520px) minmax(320px,1fr);max-width:1240px;margin:0 auto;gap:clamp(24px,4vw,48px);align-items:start}.gallery-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px}.gallery-main-media{width:100%;min-height:0;height:clamp(360px,42vw,520px);overflow:hidden;border:1px solid rgba(155,115,82,.2);border-radius:8px;padding:0;background:#f4efe7;cursor:zoom-in;box-shadow:0 14px 34px #32261c14}.gallery-strip:has(.gallery-thumb-button){grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.gallery-thumb-button{position:relative;height:78px;overflow:hidden;border:1px solid rgba(36,29,23,.12);border-radius:8px;padding:0;background:#f4efe7;cursor:pointer;opacity:.76;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.gallery-thumb-button:hover{opacity:.95;transform:translateY(-1px)}.gallery-thumb-button.active{border-color:var(--coral);box-shadow:inset 0 0 0 2px #9b735257;opacity:1}.gallery-thumb-button span{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;background:rgba(18,55,42,.88);color:#fff;font-size:10px;font-weight:900}.hero-thumb{min-height:86px;border-radius:8px;background:url(/assets/hero-raga.png) center / cover no-repeat}.detail-copy h1{max-width:720px;margin-bottom:12px;font-size:clamp(28px,3.2vw,40px);line-height:1.12}.detail-copy p{color:var(--muted);font-size:15px;line-height:1.7}.product-description-panel{max-width:1240px;margin:28px auto 32px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.product-description-panel h2{margin-bottom:10px;color:var(--green);font-size:17px}.product-description-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.8;white-space:pre-line;text-align:left}.detail-actions .button,.detail-actions .favorite-cta{min-height:42px;padding-inline:16px;font-size:14px}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.meta-row span,.status{padding:6px 9px;border-radius:8px;background:#ffffff;color:var(--green);font-size:12px;font-style:normal;font-weight:900}.variant-panel{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,253,248,.9)}.variant-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.variant-panel h2{margin:0;font-size:20px}.variant-panel-head span{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:800}.variant-search{display:flex;align-items:center;gap:9px;min-height:42px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:0 12px}.variant-search svg{width:18px;height:18px;fill:var(--muted);flex:0 0 auto}.variant-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.selected-variant-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;margin-bottom:12px;border:1px solid #cbe3d5;border-radius:8px;background:#eef8f1;padding:11px 12px}.selected-variant-card span{grid-column:1 / -1;color:#53635c;font-size:11px;font-weight:900;text-transform:uppercase}.selected-variant-card strong{min-width:0;overflow:hidden;color:var(--green);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.selected-variant-card small{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:900;white-space:nowrap}.selected-variant-card small em,.variant-promo-badge{width:fit-content;border-radius:999px;background:#f06f45;color:#fff;font-size:11px;font-style:normal;font-weight:950;line-height:1;padding:5px 8px}.variant-list{display:grid;gap:10px;max-height:min(58vh,560px);overflow-y:auto;padding-right:4px}.variant-row{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:center;gap:14px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.variant-row strong{min-width:0;overflow:hidden;color:var(--ink);font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.variant-row>span{color:var(--ink);font-size:14px;white-space:nowrap}.status.in{color:#20684d;background:#dff0e6}.status.out{color:var(--danger);background:#f7ded4}.button.shopee{background:var(--coral);border-color:var(--coral)}.media-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(16,13,10,.72)}.media-preview-content{position:relative;width:min(94vw,980px);max-height:88vh}.media-preview-content img,.media-preview-content video{display:block;width:100%;max-height:88vh;border-radius:8px;object-fit:contain;background:#111}.media-preview-close{position:fixed;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,253,248,.94);color:var(--danger)}.media-preview-nav{position:fixed;top:50%;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:999px;background:rgba(255,253,248,.92);color:var(--green);transform:translateY(-50%);box-shadow:0 12px 28px #0000002e}.media-preview-nav.previous{left:24px}.media-preview-nav.next{right:24px}.media-preview-counter{position:absolute;left:50%;bottom:14px;border-radius:999px;padding:6px 11px;background:rgba(16,13,10,.72);color:#fff;font-size:12px;font-weight:900;transform:translate(-50%)}.helper-text,.message{margin-top:12px;color:var(--danger);font-weight:700}.related-section{max-width:1240px;margin:42px auto 0}.related-section .section-heading{margin-bottom:16px}.related-section .section-heading h2{font-size:clamp(22px,2.4vw,30px)}.related-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.auth-page,.profile-page{display:grid;place-items:center;min-height:calc(100vh - 150px)}.auth-panel,.profile-panel{width:min(100%,540px);padding:clamp(20px,4vw,34px)}.auth-panel h1,.profile-panel h1{font-size:clamp(28px,4vw,38px)}.auth-panel label,.profile-panel label{display:grid;gap:8px;margin:14px 0;color:var(--muted);font-weight:800}.auth-panel>label>input,.profile-panel>label>input{min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.auth-panel .button,.profile-panel .button{width:100%;margin-top:10px}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px}.auth-links button,.auth-links a{border:0;background:transparent;color:var(--coral);font-weight:900}.spinner{display:grid;min-height:160px;place-items:center}.spinner span{width:34px;height:34px;border:3px solid rgba(18,55,42,.15);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.verify-box{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:8px;background:#f7ded4;color:var(--danger);font-weight:900}.verify-box.verified{background:#dff0e6;color:#20684d}.password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-page{place-items:start center}.profile-layout{width:min(100%,1040px);display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:18px;align-items:start}.profile-content{display:grid;gap:14px}.profile-summary-card{display:grid;gap:16px;padding:clamp(20px,3vw,28px);border:1px solid rgba(36,29,23,.1);border-radius:8px;background:rgba(255,253,248,.94);box-shadow:0 10px 26px #32261c0e}.profile-avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:18px;background:var(--green);color:#fffaf2;font-family:Georgia,serif;font-size:30px;font-weight:900;text-transform:uppercase}.profile-summary-card .eyebrow,.profile-card-head span{margin:0 0 5px;color:var(--coral);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.profile-summary-card h1{margin:0;color:var(--green);font-size:clamp(24px,3vw,32px);line-height:1.1}.profile-summary-card p:not(.eyebrow),.profile-card-note,.profile-security-card p{margin:0;color:var(--muted);line-height:1.6}.profile-summary-list{display:grid;gap:10px}.profile-summary-list>div:not(.verify-box){display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink);font-weight:800}.profile-summary-list svg{color:var(--coral);flex:0 0 auto}.profile-page .profile-panel{width:100%}.profile-form-card,.profile-security-card,.password-change-panel{padding:clamp(20px,3vw,28px)}.profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.profile-card-head svg{color:var(--green);flex:0 0 auto}.profile-card-head h1,.profile-card-head h2{margin:0;color:var(--green);font-size:clamp(22px,2.6vw,28px);line-height:1.15}.profile-card-note{margin:-2px 0 12px;font-size:14px}.profile-security-card{display:grid;gap:12px}.profile-security-card .button{justify-self:start;width:auto;padding-inline:18px}.profile-password-page{place-items:start center}.password-change-panel{width:min(100%,560px)}.profile-back-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:18px;color:var(--coral);font-weight:900}.profile-back-link:hover{color:var(--green)}.profile-password-hint{display:flex;align-items:center;gap:9px;margin-top:8px;padding:12px;border-radius:8px;background:#f7f2ea;color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.profile-password-hint svg{color:var(--coral);flex:0 0 auto}.empty-state{display:grid;place-items:center;min-height:220px;gap:10px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center}.empty-state p{max-width:520px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.center-row{justify-content:center;margin-top:24px}.contact-band{padding-top:12px}.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:clamp(22px,3vw,30px);border:1px solid rgba(155,115,82,.18);border-radius:8px;background:linear-gradient(135deg,rgba(255,253,248,.98),rgba(247,241,232,.92)),var(--paper);box-shadow:0 16px 38px #32261c14}.contact-panel span{display:inline-flex;align-items:center;gap:8px;color:var(--coral);font-size:12px;font-weight:900;text-transform:uppercase}.contact-panel h2{margin:8px 0}.contact-panel p{max-width:680px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.contact-details{display:grid;gap:10px;min-width:260px}.contact-details span{justify-content:flex-start;color:#4a4037;font-size:13px;font-weight:800;text-transform:none}.site-footer{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:24px clamp(18px,4vw,56px);border-top:1px solid var(--line);background:rgba(255,253,248,.72);color:var(--muted)}.footer-brand{display:inline-flex;align-items:center;min-width:92px}.footer-brand img{width:clamp(86px,7vw,112px);height:34px;border:0;border-radius:0;object-fit:contain;object-position:left center;background:transparent}.footer-links{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;color:#4a4037;font-size:13px;font-weight:800}.footer-contact{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid rgba(155,115,82,.25);border-radius:8px;color:#6f523b;font-size:13px;font-weight:900}@media (max-width: 1240px){.site-header{gap:10px}.header-search{width:clamp(160px,16vw,230px)}.contact-link span{display:none}}@media (max-width: 1040px){.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand mobile" "search search" "nav nav" "quick quick";gap:8px 12px}.brand{grid-area:brand;min-width:112px}.brand-logo{width:128px;height:46px}.mobile-menu-page-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;display:block;border:0;padding:0;background:transparent;cursor:default}.mobile-head-actions{grid-area:mobile;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.mobile-menu{display:inline-flex}.nav-links{display:none;grid-area:nav;grid-column:1 / -1;justify-content:stretch;flex-direction:column;gap:7px;padding-top:4px}.nav-links.open{display:flex}.nav-links a{justify-content:flex-start;min-height:42px;border-color:var(--line);background:rgba(255,253,248,.9)}.mobile-quick-links{grid-area:quick;grid-column:1 / -1;gap:7px}.mobile-quick-links.open{display:grid}.mobile-quick-links a,.mobile-quick-links button{display:flex;align-items:center;gap:9px;min-height:40px;width:100%;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:rgba(255,253,248,.9);color:#31423a;font:inherit;font-size:13px;font-weight:800;text-align:left}.mobile-quick-links svg{color:var(--coral);flex:0 0 auto}.header-actions{grid-area:search;grid-column:1 / -1;display:grid;grid-template-columns:1fr}.header-actions>:not(.header-search){display:none}.header-actions .header-search{width:100%;min-height:42px}.contact-panel,.site-footer{grid-template-columns:1fr;align-items:start}.contact-details{min-width:0}.hero-section,.detail-layout,.toolbar{grid-template-columns:1fr}.catalog-layout{grid-template-columns:1fr;grid-template-areas:"filters" "results"}.filter-panel{position:static;max-height:none;grid-template-columns:1fr}.hero-section{min-height:auto}.hero-section-full .hero-copy{max-width:min(540px,66%)}.hero-copy{padding-bottom:20px}.hero-image{min-height:360px}.gallery-main-media{height:min(520px,72vw)}.collection-grid,.product-grid,.value-grid,.how-to-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-promo-head{align-items:flex-start;flex-direction:column}.related-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.site-header{padding-inline:14px;padding-block:8px 10px}.brand{min-width:0}.brand small{display:none}.brand-logo{width:104px;height:40px}.mobile-head-actions{gap:6px}.mobile-head-actions .icon-button,.mobile-head-actions .language-switch,.mobile-head-actions .button.small{min-width:38px;min-height:38px;padding-inline:9px}.mobile-head-actions .language-switch{max-width:70px}.mobile-head-actions .language-switch select{max-width:44px;font-size:12px}.mobile-login-button{gap:6px;font-size:0}.mobile-login-button svg{margin:0}.header-actions .icon-button,.header-actions .contact-link,.language-switch,.button.small{min-height:38px}.profile-pill{max-width:calc(100vw - 32px)}.header-search{flex-basis:100%;width:100%;min-height:42px;padding-inline:12px}.header-search input{font-size:13px}.floating-whatsapp{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:52px;min-height:52px;padding:0}.floating-whatsapp span{display:none}.mobile-quick-links.open,.nav-links.open{padding-top:2px}.hero-section{padding:24px 14px}.hero-section-full{padding:18px 14px}.hero-section-full .hero-image{width:100%;min-height:300px;aspect-ratio:auto;background:linear-gradient(90deg,rgba(247,241,232,.94) 0%,rgba(247,241,232,.58) 40%,rgba(247,241,232,.06) 68%),var(--hero-image-url, url(/assets/hero-raga.png)) 82% center / auto 118% no-repeat;background-color:#fbf6ef}.hero-section-full .hero-copy{max-width:78%;padding:16px;pointer-events:none}.hero-section-full .hero-copy h1{max-width:16ch;font-size:clamp(22px,7.2vw,31px)}.hero-section-full .hero-copy p:not(.eyebrow){max-width:34ch;font-size:14px;font-weight:750}.hero-section-full .hero-points{display:none}.hero-image,.product-visual.large,.gallery-main-media{min-height:280px}.gallery-main-media{height:min(430px,88vw)}.gallery-strip:has(.gallery-thumb-button){grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-thumb-button{height:64px}.media-preview-nav{width:40px;height:40px}.media-preview-nav.previous{left:12px}.media-preview-nav.next{right:12px}.toolbar{grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.toolbar .search-box{grid-column:1 / -1}.mobile-filter-toggle{display:inline-flex;min-width:112px}.sort-control{grid-template-columns:auto minmax(0,1fr);min-width:0}.sort-control span{font-size:11px}.sort-control select{font-size:13px}.catalog-layout{display:block}.filter-backdrop.visible{position:fixed;top:0;right:0;bottom:0;left:0;z-index:78;display:block;border:0;background:rgba(18,14,10,.34)}.filter-panel{position:fixed;inset:auto 0 0;z-index:79;display:grid;max-height:min(78vh,620px);overflow:hidden;border-radius:18px 18px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom));background:#fffdf8;box-shadow:0 -18px 42px #12372a29;transform:translateY(105%);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.filter-panel.mobile-open{transform:translateY(0);opacity:1;pointer-events:auto}.filter-panel-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding-bottom:12px;font-size:14px}.filter-panel-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:#a33a2a}.filter-group{max-height:calc(min(78vh,620px) - 86px);gap:9px;padding-right:2px}.filter-options{max-height:190px}h1{font-size:30px}h2{font-size:24px}.collection-grid,.product-grid,.value-grid,.how-to-grid,.profile-layout,.password-grid{grid-template-columns:1fr}.home-promo-band{margin-inline:14px;padding:20px 16px;border-radius:12px}.home-promo-head h2{font-size:23px}.shop-category-card{grid-template-columns:64px minmax(0,1fr) auto;grid-auto-columns:auto;min-width:260px}.shop-category-grid{grid-auto-columns:minmax(260px,84vw)}.shop-category-media{width:64px;height:64px}.filter-group{gap:14px;max-height:360px}.filter-panel.mobile-open .filter-group{max-height:calc(min(78vh,620px) - 86px);gap:9px}.sort-control{grid-template-columns:auto minmax(0,1fr);align-items:center}.variant-row{grid-template-columns:minmax(0,1fr) max-content}.variant-row .status{grid-column:1 / -1;justify-self:start}.profile-pill span{display:none}.site-footer{flex-direction:column}.footer-links{justify-content:flex-start}.related-section .product-grid{grid-template-columns:1fr}}.message.error{color:#b42318}.snackbar-stack{position:fixed;right:24px;bottom:24px;z-index:1200;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.snackbar{border-radius:8px;padding:13px 15px;color:#fff;font-weight:700;line-height:1.45;box-shadow:0 18px 36px #0f172a33;animation:snackbar-in .18s ease-out}.snackbar.success{background:#15803d}.snackbar.error{background:#b42318}.snackbar.info{background:#2563eb}.global-loading-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;padding:24px;background:rgba(18,14,10,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:wait}.global-loading-card{width:min(340px,100%);display:grid;justify-items:center;gap:10px;border:1px solid rgba(40,58,47,.16);border-radius:8px;background:var(--paper);padding:24px;text-align:center;box-shadow:0 22px 52px #32261c33}.global-loading-card strong{color:var(--green);font-size:15px}.global-loading-card small{color:var(--muted);font-weight:750}.global-loading-spinner{width:34px;height:34px;border:3px solid #e5dccf;border-top-color:var(--green);border-radius:999px;animation:global-loading-spin .76s linear infinite}@keyframes snackbar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes global-loading-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.snackbar-stack{right:16px;bottom:16px;left:16px;width:auto}}.commerce-page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:30px 0 54px}.commerce-heading{margin-bottom:16px}.commerce-heading span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.commerce-heading h1{margin:4px 0 0;font-size:clamp(1.35rem,2.4vw,1.9rem)}.commerce-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:18px;align-items:start}.commerce-list{display:grid;gap:12px}.commerce-list.compact{gap:8px}.commerce-item,.address-card,.order-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;min-width:0;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;text-decoration:none;box-shadow:0 8px 20px #32261c0b}.address-card{grid-template-columns:auto minmax(0,1fr) auto auto}.address-card.needs-update{border-color:#c4452d3d;background:#fff7f3}.address-card span{display:block;margin-top:4px;color:var(--muted);font-size:.88rem;line-height:1.45}.address-add-row{display:flex;justify-content:flex-end;margin-top:14px}.order-row{grid-template-columns:minmax(0,1fr) auto;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.order-row:hover{border-color:#9b735247;transform:translateY(-1px);box-shadow:0 14px 30px #32261c14}.commerce-item>div,.order-row>div{min-width:0}.commerce-item strong,.order-row strong{overflow-wrap:anywhere}.order-row>span{color:var(--green);font-weight:900;white-space:nowrap}.commerce-item img{width:72px;height:72px;border-radius:8px;object-fit:cover;background:#f7f2ea}.cart-item{grid-template-columns:76px minmax(0,1fr) auto auto auto}.cart-item-media{display:grid;place-items:center;width:76px;height:76px;overflow:hidden;border:1px solid rgba(36,29,23,.09);border-radius:8px;background:#f7f2ea}.cart-item-media img{width:100%;height:100%;border:0;border-radius:0;object-fit:cover}.cart-item-media span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:var(--green);color:#fff;font-weight:900}.cart-item-info{display:grid;gap:4px}.cart-item-info a{color:var(--ink);font-weight:900;line-height:1.35}.cart-item-info a:hover{color:var(--coral)}.cart-item-info span{display:grid;gap:2px;color:var(--green);font-weight:900}.cart-quantity-stepper{display:grid;grid-template-columns:34px 48px 34px;align-items:center;overflow:hidden;border:1px solid rgba(36,29,23,.12);border-radius:8px;background:#ffffff}.cart-quantity-stepper button,.cart-quantity-stepper input{width:100%;min-height:38px;border:0;background:transparent;color:var(--ink)}.cart-quantity-stepper button{display:grid;place-items:center;color:var(--green)}.cart-quantity-stepper button:hover:not(:disabled){background:#eef6f0}.cart-quantity-stepper button:disabled{cursor:not-allowed;color:#241d1747}.cart-quantity-stepper input{border-inline:1px solid rgba(36,29,23,.1);text-align:center;font-weight:900;outline:0}.commerce-item p,.address-card p,.order-row p{margin:4px 0;color:var(--muted)}.order-row small{display:block;margin-top:4px;color:var(--green);font-size:.8rem;font-weight:850}.address-warning-badge{display:inline-flex;width:fit-content;margin-top:8px;border-radius:999px;padding:5px 9px;background:#f7ded4;color:#9b2d1f;font-size:.76rem;font-style:normal;font-weight:900}.commerce-summary,.commerce-form,.payment-instructions{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 20px #32261c0b}.commerce-summary{position:sticky;top:88px}.commerce-summary p{margin:0;color:var(--muted)}.commerce-summary strong{overflow-wrap:anywhere;color:var(--green);font-size:1rem}.commerce-form input,.commerce-form select,.commerce-form textarea,.commerce-summary select,.purchase-box input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;font:inherit;background-color:#fff}.commerce-form select{padding-right:38px}.commerce-summary label{display:grid;gap:7px;color:#4f5d56;font-size:.86rem;font-weight:700}.commerce-summary select{min-height:40px;padding-right:34px}.commerce-form textarea{min-height:92px;resize:vertical}.shipping-rate-box{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.checkout-address-warning{display:grid;gap:8px;padding:12px;border:1px solid rgba(196,69,45,.24);border-radius:8px;background:#fff7f3;color:#6f2b23}.checkout-address-warning p{margin:0;color:#8a473b;font-size:.88rem}.checkout-address-warning .button{width:fit-content}.checkout-address-select-label{position:relative}.checkout-address-select{position:relative;width:100%}.checkout-address-trigger{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;text-align:left}.checkout-address-trigger>span{min-width:0;display:grid;gap:4px}.checkout-address-trigger strong{font-size:.95rem;line-height:1.25}.checkout-address-trigger small{color:var(--muted);line-height:1.35;white-space:normal}.checkout-address-trigger svg{flex:0 0 auto;color:var(--muted)}.checkout-address-select.open .checkout-address-trigger{border-color:#283a2f80;box-shadow:0 0 0 3px #283a2f1c}.checkout-address-menu{position:absolute;z-index:45;inset:calc(100% + 6px) 0 auto 0;display:grid;gap:8px;border:1px solid rgba(36,29,23,.14);border-radius:10px;background:#fff;padding:8px;box-shadow:0 18px 42px #32261c29}.checkout-address-add-option{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;background:#edf4ec;color:var(--green);padding:8px 10px;font-weight:800;text-align:left}.checkout-address-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff}.checkout-address-search svg{flex:0 0 auto;color:var(--muted)}.checkout-address-search input{width:100%;min-height:38px;border:0;outline:0;color:var(--ink);background:transparent}.checkout-address-options{max-height:260px;overflow:auto;display:grid;gap:4px}.checkout-address-options button,.checkout-address-options p{width:100%;display:grid;gap:4px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:10px;text-align:left;margin:0}.checkout-address-options button strong{font-size:.92rem;line-height:1.25}.checkout-address-options button span,.checkout-address-options button small,.checkout-address-options p{color:var(--muted);font-size:.82rem;line-height:1.35}.checkout-address-options button:hover,.checkout-address-options button.selected{background:#eef6f0}.shipping-rate-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.shipping-rate-head button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent);font-weight:900;cursor:pointer}.shipping-rate-list{display:grid;gap:8px}.shipping-rate-groups{display:grid;gap:12px}.shipping-rate-group{display:grid;gap:8px}.shipping-rate-group h3{margin:0;color:var(--green);font-size:.9rem}.shipping-dropdowns{display:grid;gap:10px}.shipping-dropdowns label{display:grid;gap:6px;color:var(--muted);font-size:.86rem;font-weight:800}.shipping-selected-summary{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f4fbf6}.shipping-selected-summary strong,.shipping-selected-summary span,.shipping-selected-summary b{display:block}.shipping-selected-summary span{color:var(--muted);font-size:.82rem}.shipping-selected-summary b{color:var(--green)}.shipping-rate-list label,.manual-shipping-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.shipping-rate-list label.selected,.manual-shipping-option.selected{border-color:var(--accent);background:#f4fbf6}.shipping-rate-list span,.shipping-rate-list small{display:block}.shipping-rate-list small,.form-hint{color:var(--muted);font-size:.82rem}.form-hint{margin:0}.form-hint.danger{color:#c4452d}.manual-shipping-option select{min-width:170px}.check-row{display:flex;gap:10px;align-items:center;font-weight:700}.check-row input{width:auto}.plain-icon{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:6px}.plain-icon.danger{color:#b42318}.variant-row{width:100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(88px,.48fr) auto minmax(86px,.42fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.variant-promo-badge{justify-self:start}.variant-row.selected{border-color:var(--green);background:#eef8f1}.variant-empty{margin:0;border:1px dashed var(--line);border-radius:8px;background:#ffffff;padding:14px;color:var(--muted);font-size:14px;font-weight:800}.purchase-box{max-width:160px;margin:12px 0}.variant-price{display:grid;gap:2px;white-space:nowrap}.quantity-price{display:grid;justify-items:end;gap:2px}.variant-stock{display:grid;justify-items:start;gap:1px;color:var(--muted);font-size:12px;line-height:1.15}.variant-stock b{color:var(--ink);font-size:15px;line-height:1}.quantity-modal-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:rgba(17,27,23,.44)}.quantity-modal{position:relative;width:min(420px,100%);display:grid;gap:18px;border:1px solid rgba(18,55,42,.16);border-radius:8px;background:var(--paper);padding:22px;box-shadow:0 24px 70px #12372a3d}.address-modal{position:relative;width:min(720px,100%);max-height:min(92vh,820px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden;border:1px solid rgba(18,55,42,.16);border-radius:8px;background:var(--paper);padding:0;box-shadow:0 24px 70px #12372a3d}.address-modal-form{display:grid;gap:12px;overflow-y:auto;min-height:0;padding:0 22px 18px;border:0;border-radius:0;background:transparent;box-shadow:none;scrollbar-gutter:stable}.address-modal-form>input,.address-modal-form>textarea,.address-modal .destination-search select{min-height:44px;border-color:#241d171f;background:rgba(255,255,255,.92);font-size:14px}.address-modal-form>input:focus,.address-modal-form>textarea:focus,.address-modal .destination-search select:focus{border-color:#283a2f6b;box-shadow:0 0 0 3px #283a2f17;outline:0}.address-modal-form>textarea{min-height:86px;line-height:1.5}.address-modal-form>textarea:last-of-type{min-height:72px}.address-modal-form::-webkit-scrollbar{width:8px}.address-modal-form::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(40,58,47,.28)}.address-modal-form::-webkit-scrollbar-track{background:transparent}.address-modal-form .form-actions{position:sticky;bottom:-18px;display:flex;justify-content:flex-end;gap:10px;margin:4px -22px -18px;padding:14px 22px 16px;border-top:1px solid rgba(36,29,23,.09);background:linear-gradient(180deg,rgba(255,253,248,.88),var(--paper) 42%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.address-modal-form .form-actions .button{width:auto;min-width:112px}.quantity-modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#9b2d1f;padding:0}.address-modal .quantity-modal-close{top:18px;right:18px;z-index:2;color:#9b2d1f}.address-modal .quantity-modal-close:hover{background:rgba(159,58,47,.08)}.quantity-modal-head{display:grid;gap:6px;padding:24px 60px 8px 22px;border-bottom:1px solid rgba(36,29,23,.08)}.quantity-modal-head span{width:fit-content;border-radius:999px;background:#edf7f1;color:var(--green);padding:5px 9px;font-size:12px;font-weight:800}.quantity-modal-head h2,.quantity-modal-head p{margin:0}.quantity-modal-head h2{color:var(--green);font-size:24px;line-height:1.2}.quantity-modal-head p{color:var(--muted);font-weight:700;line-height:1.35}.quantity-modal-summary,.quantity-modal-total{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.quantity-modal-summary span,.quantity-modal-total span{color:var(--muted);font-size:13px;font-weight:700}.quantity-modal-summary strong,.quantity-modal-total strong{color:var(--ink);font-size:15px;text-align:right}.quantity-modal-total{border-top:1px solid var(--line);padding-top:14px}.quantity-modal-total strong{color:var(--green);font-size:20px}.quantity-stepper{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center}.quantity-stepper button,.quantity-stepper input{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fffaf2;color:var(--ink)}.quantity-stepper button{display:grid;place-items:center}.quantity-stepper button:disabled{cursor:not-allowed;opacity:.45}.quantity-stepper input{text-align:center;font-weight:900}.address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.address-modal .address-grid{padding:2px 0 0}.address-grid label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:800}.address-grid label span{padding-left:2px}.address-grid>input{grid-column:span 2}.searchable-select{position:relative}.destination-search{position:relative;display:grid;gap:7px;color:#6c5f52;font-size:.82rem;font-weight:800}.searchable-select__field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--muted)}.searchable-select__field svg{color:var(--coral)}.commerce-form .searchable-select__field input{border:0;border-radius:0;padding:11px 0;background:transparent;outline:0;font-weight:800}.searchable-select__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #10463414}.searchable-select__menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:grid;max-height:220px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 40px #241c1224}.searchable-select__menu button{width:100%;border:0;border-radius:6px;padding:9px 10px;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:.9rem;cursor:pointer}.searchable-select__menu button strong,.searchable-select__menu button small{display:block}.searchable-select__menu button small{margin-top:3px;color:var(--muted);font-size:.76rem;font-weight:700}.searchable-select__menu button:hover{background:#f7f2ea}.searchable-select__menu p{margin:0;padding:10px;color:var(--muted);font-size:.88rem}.address-region-preview{display:grid;gap:6px;padding:12px 13px;border:1px solid rgba(32,104,77,.18);border-radius:8px;background:#f6fbf7}.address-region-preview strong{display:inline-flex;align-items:center;gap:7px;color:var(--text)}.address-region-preview strong svg{color:var(--green);flex:0 0 auto}.address-region-preview span{color:var(--muted);font-size:.84rem;line-height:1.45}.payment-instructions pre{white-space:pre-wrap;margin:0;padding:12px;border-radius:8px;background:#f7f2ea;font-family:inherit}.payment-method-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #d7e4da;border-radius:8px;background:#f8fbf7}.payment-method-preview div{display:grid;gap:4px;min-width:0}.payment-method-preview span,.payment-method-preview small{color:var(--muted);font-size:.84rem;font-weight:700}.payment-method-preview p{margin:0;color:var(--green);font-weight:900}.payment-method-preview img{width:132px;height:132px;object-fit:contain;flex:0 0 auto;border:1px solid #d8e2d7;border-radius:8px;background:#fff;padding:6px}.order-qris-preview{display:grid;justify-items:center;gap:12px;padding:18px;border:1px solid #d7e4da;border-radius:8px;background:#f8fbf7;text-align:center}.order-qris-preview span{color:var(--green);font-size:.95rem;font-weight:900}.order-qris-preview img{width:min(100%,300px);max-height:300px;object-fit:contain;border:1px solid #d8e2d7;border-radius:10px;background:#fff;padding:10px}.payment-proof-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #cfe2d6;border-radius:8px;background:#f4fbf6;box-shadow:0 8px 20px #32261c0b}.payment-proof-card div{display:grid;gap:3px;min-width:0}.payment-proof-card span{color:var(--muted);font-size:.8rem;font-weight:800}.payment-proof-card strong,.payment-proof-card p{overflow-wrap:anywhere}.payment-proof-card p{margin:0;color:var(--green);font-size:.86rem;font-weight:900}.payment-proof-card a{flex:0 0 auto;border-radius:8px;padding:9px 12px;background:var(--green);color:#fff;font-weight:900}.payment-proof-history{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 20px #32261c0b}.payment-proof-history>strong{display:block}.payment-proof-history a{overflow-wrap:anywhere;color:var(--green);font-weight:800}.order-timeline-card,.shipment-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 20px #32261c0b}.order-timeline-card h2,.shipment-card h2{margin:0;font-size:1.05rem}.order-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:8px}.order-timeline span{display:grid;align-content:center;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fffaf2;color:var(--muted);font-size:.76rem;font-weight:850;text-align:center}.order-timeline span.active{border-color:#283a2f38;background:#e8f3ec;color:var(--green)}.shipment-card div{display:grid;gap:3px}.shipment-card span{color:var(--muted);font-size:.82rem;font-weight:800}.shipment-card strong{overflow-wrap:anywhere;color:var(--ink)}.shipment-card a{width:fit-content;border-radius:8px;padding:9px 12px;background:var(--green);color:#fff;font-weight:900}@media (max-width: 820px){.commerce-page{width:min(100% - 24px,720px);padding-top:24px}.commerce-layout{grid-template-columns:1fr}.commerce-form{order:1}.commerce-summary{position:static;order:2}.commerce-item,.cart-item{grid-template-columns:64px minmax(0,1fr) auto}.cart-item-media{width:64px;height:64px}.cart-quantity-stepper{grid-column:2;width:fit-content}.commerce-item b,.commerce-item .plain-icon{grid-column:auto}.variant-row,.address-grid{grid-template-columns:1fr}.address-grid>input{grid-column:auto}.payment-proof-card,.payment-method-preview,.order-qris-preview{align-items:flex-start;flex-direction:column}.order-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.commerce-page{width:min(100% - 20px,520px)}.commerce-item{grid-template-columns:56px minmax(0,1fr);align-items:start}.cart-item{grid-template-columns:56px minmax(0,1fr)}.cart-item-media{width:56px;height:56px}.commerce-item b{grid-column:2;justify-self:start}.cart-quantity-stepper{grid-column:2}.order-row{grid-template-columns:1fr}.order-row>span{justify-self:start}.order-timeline{grid-template-columns:1fr}.shipping-rate-head{align-items:flex-start;flex-direction:column}.manual-shipping-option{grid-template-columns:auto minmax(0,1fr)}.manual-shipping-option select{grid-column:1 / -1;min-width:0}}.checkout-voucher-box{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.commerce-summary .checkout-voucher-box{margin:2px 0 4px;border-color:#e1d7c8;background:#fffaf2}.voucher-selected-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid #cde7d9;border-radius:8px;background:#eef8f1;color:#12372a}.voucher-selected-summary>svg{margin-top:2px}.voucher-selected-summary strong,.voucher-selected-summary span{display:block}.voucher-selected-summary span{margin-top:2px;color:#66746a;font-size:.86rem}.voucher-selected-summary b{grid-column:2;color:#0f5132;font-size:.9rem;white-space:nowrap}.voucher-wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.voucher-wallet-card{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}.voucher-wallet-card.available{border-color:#cde7d9;background:#f6fbf7}.voucher-wallet-card.muted{opacity:.72}.voucher-wallet-main{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.voucher-wallet-main svg{color:#b36b28}.voucher-wallet-main span{color:#b36b28;font-size:.8rem;font-weight:800;letter-spacing:0}.voucher-wallet-main h2{margin:2px 0 4px;color:#12372a;font-size:1.05rem}.voucher-wallet-main p,.voucher-wallet-meta span{color:#66746a;font-size:.9rem}.voucher-wallet-meta{display:grid;gap:5px}.voucher-wallet-meta strong{color:#12372a;font-size:1.1rem}.voucher-wallet-meta b{width:fit-content;padding:5px 10px;border-radius:999px;background:#e5efe9;color:#12372a;font-size:.78rem}
