/* Redesign visual Basreng Uhuyyy — detail produk dan fungsi keranjang tetap dipertahankan. */
:root{--ink:#2e201c;--orange:#df542e;--orange-dark:#b93a20;--yellow:#f9cb52;--cream:#fff8f0;--green:#45654c;--muted:#82756c;--line:#eee3d8}
body{background:#fffdfb;color:var(--ink)}
.announcement{height:30px;background:#352622;color:#fff0dd;font-size:9px;font-weight:700;letter-spacing:.8px}
.site-header{height:74px;position:sticky;top:0;z-index:4;padding-inline:max(5%,calc((100% - 1190px)/2));box-shadow:0 3px 16px #3828200b}
.brand{font-size:20px}.brand-icon{border-radius:12px 12px 15px 15px;box-shadow:3px 3px 0 var(--yellow)}
.site-header nav{gap:30px}.site-header nav a{transition:color .15s}.cart-button{border-radius:999px;padding:8px 9px 8px 14px;transition:border-color .15s,background .15s}.cart-button:hover{border-color:#e2b7a2;background:#fff8f2}
.hero{max-width:1500px;margin:auto;padding:58px max(7.2%,calc((100% - 1190px)/2)) 60px;background:radial-gradient(ellipse at 82% 14%,#ffefcf 0%,transparent 33%),linear-gradient(117deg,#fff9f0 0%,#fff6e8 55%,#f8eadb 100%);min-height:510px;gap:5%;}
.hero h1{font-size:clamp(53px,5.6vw,75px);line-height:.96;letter-spacing:-3.8px;color:#382720}.hero h1 em{color:var(--orange)}
.hero-copy>p{max-width:410px;font-size:13px;color:#75675d}.pill{border:1px solid #f1dfcf;background:#fff;padding:9px 13px;box-shadow:0 4px 12px #7b43200b}
.primary-button{border-radius:8px;box-shadow:0 5px 0 #b43e1e;font-size:11px;transition:transform .16s,box-shadow .16s,background .16s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #b43e1e}.primary-button:active{transform:translateY(2px);box-shadow:0 2px 0 #b43e1e}
.hero-visual{height:385px;border-radius:30px 110px 30px 110px;background:linear-gradient(145deg,#f2cf8a,#f5deb7 52%,#ebba8d);box-shadow:0 19px 46px #8c542321;transform:rotate(1deg)}
.blob-yellow{background:#ffda68}.blob-orange{background:#ed7a4a}.packet-main{filter:drop-shadow(0 12px 8px #65412622)}.packet-back{filter:drop-shadow(0 12px 8px #65412624)}
.hero-sticker{border:3px solid #fff6e2;width:76px;height:76px}.floating-chip{border:1px solid #fff9ef;box-shadow:0 8px 22px #67452a20;padding:9px 12px}
.hero-scribble{font-size:13px;color:#bf4e2e}.social-proof{margin-top:23px}
.trust-row{max-width:1300px;margin:auto;padding:25px max(10%,calc((100% - 1080px)/2));border-bottom:1px solid var(--line);gap:30px}.trust-row>div{padding:8px 0}.trust-row>div>span{display:grid;place-items:center;width:39px;height:39px;background:#fff3e7;border-radius:50%;font-size:19px}.trust-row strong{font-size:10px}.trust-row small{font-size:9px}
.flavours{max-width:1500px;margin:auto;padding:83px max(7.2%,calc((100% - 1190px)/2)) 88px}.section-title{margin-bottom:33px}.eyebrow{color:#a36a4f}.section-title h2,.how-title h2{font-size:41px;letter-spacing:-1.8px}.section-title>p{max-width:385px;font-size:11px}
.product-grid{gap:20px}.product-card{border:1px solid #f0e6dc;border-radius:15px;overflow:hidden;min-height:305px;box-shadow:0 8px 24px #543b2810;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #543b2819}.product-art{min-height:305px}.product-card.original .product-art{background:radial-gradient(ellipse at 48% 48%,#f7dbab,#f4ead9 72%)}.product-card.spicy .product-art{background:radial-gradient(ellipse at 48% 48%,#f4cbb6,#f5e6dc 72%)}
.product-tag{border-radius:999px;box-shadow:0 3px 8px #50362113}.pack-art{border-radius:10px 10px 18px 18px;box-shadow:8px 14px 20px #56321f36}.product-content{padding:22px 20px}.product-name h3{font-size:16px;line-height:1.25}.product-overline{font-size:7px}.product-content>p{font-size:9.5px;line-height:1.7;margin:12px 0 17px}.size-option{border-radius:8px;padding:9px 5px;transition:background .15s,border-color .15s}.size-option:hover{border-color:#e4a88e}.size-option.selected{background:#fff2e9;border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.size-option strong{font-size:10px}.add-to-cart{border-radius:7px;padding:11px 12px;font-size:9px;background:#352622}.add-to-cart:hover{background:var(--orange)}
.how-to{padding:64px max(7.2%,calc((100% - 1190px)/2)) 70px;background:#fff7ed}.how-title h2{font-size:35px}.steps{gap:17px;margin-top:31px}.steps>div{border:1px solid #f2e8dc;border-radius:12px;min-height:174px;padding:21px 23px;box-shadow:0 7px 18px #553c2810;transition:transform .18s}.steps>div:hover{transform:translateY(-3px)}.steps>div>b{color:#f1e4d6}.step-icon{border-radius:11px;background:#fff0df}.steps h3{font-size:13px}.steps p{font-size:10px}
.last-call{background:linear-gradient(120deg,#d94e2d,#ed7541);padding:65px 20px 69px}.last-call h2{font-size:42px}.last-call .primary-button{border-radius:8px;background:#352622;box-shadow:0 5px 0 #211715}.last-call .primary-button:hover{background:#4a352e}.last-call .primary-button:active{box-shadow:0 2px 0 #211715}.decor-star{color:#ffe080}
footer{max-width:1300px;margin:auto;padding:28px max(7.2%,calc((100% - 1190px)/2))}footer p,footer small{font-size:9px}
.cart-panel{box-shadow:-15px 0 40px #221b161c}.panel-heading h2,.checkout-modal h2{letter-spacing:-.6px}.icon-close{width:37px;height:37px;border-radius:50%;background:#fff6ee;font-size:24px;transition:background .15s,color .15s}.icon-close:hover{background:#f8e5d7;color:var(--orange)}.cart-line{grid-template-columns:54px 1fr auto 18px}.cart-thumb{border-radius:9px}.quantity button{border-radius:6px}.cart-summary .primary-button{border-radius:8px}.modal-wrap{backdrop-filter:blur(3px)}.checkout-modal{border-radius:16px;box-shadow:0 24px 70px #160d0950}.checkout-modal input,.checkout-modal textarea{border-radius:7px}.qr-frame{border-radius:12px;background:#fffdfb}.manual-note{border-radius:7px}.secondary-button{border-radius:7px}.order-actions .primary-button{border-radius:7px}
@media(max-width:950px){.hero{padding:52px 5%}.flavours{padding:70px 5%}.product-grid{gap:14px}.product-content{padding:18px 15px}.trust-row{padding-inline:5%}.how-to{padding-inline:5%}}
@media(max-width:680px){.site-header{height:65px}.site-header nav{gap:12px}.hero{padding:40px 6% 38px;gap:25px}.hero h1{font-size:54px;letter-spacing:-2.7px}.hero-visual{height:320px;border-radius:25px 76px 25px 76px}.flavours{padding:55px 5% 60px}.section-title h2{font-size:36px}.product-card{border-radius:13px;min-height:274px}.product-art{min-height:274px}.product-content{padding:17px 14px}.product-name h3{font-size:14px}.how-to{padding:48px 5%}.steps>div{min-height:135px}.last-call{padding:52px 15px}.last-call h2{font-size:37px}.modal-wrap{backdrop-filter:none}}
@media(max-width:390px){.site-header nav{gap:8px}.hero h1{font-size:47px}.hero-visual{height:280px}.trust-row{padding:17px 5%}.product-content{padding:14px 11px}.product-name h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}