*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden;max-width:100%}
/* Perluas area tap ikon header/drawer jadi minimal 44x44 tanpa mengubah ukuran visual
ikon atau tata letak dynamic island - pakai ::after transparan posisi absolute
supaya tidak ikut dihitung flex-gap/layout normal. */
[data-r~="hamburgerbtn"],[data-r~="mobonly"],[data-r="acctbtn"],[data-r="cartbtn"],[data-r="navclose"]{position:relative}
[data-r~="hamburgerbtn"]::after,[data-r~="mobonly"]::after,[data-r="acctbtn"]::after,[data-r="cartbtn"]::after,[data-r="navclose"]::after{
content:'';position:absolute;top:50%;left:50%;width:44px;height:44px;min-width:44px;min-height:44px;transform:translate(-50%,-50%)
}
input,select,textarea,button{font-family:'Montserrat',sans-serif}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#B7BFA9;border-radius:6px}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
[data-rvl]{opacity:0;transform:translateY(22px);will-change:opacity,transform}
[data-rvl].rvl-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,.7,.2,1),transform .7s cubic-bezier(.22,.7,.2,1)}
@media(prefers-reduced-motion:reduce){[data-rvl]{opacity:1!important;transform:none!important;transition:none!important}}
@media(min-width:821px){
[data-r~="aboutvalwrap"]{max-width:1240px!important}
[data-r~="aboutstorywrap"]{max-width:1240px!important}
[data-r~="statsband"]{padding:20px 24px 80px!important}
[data-r~="mobonly"]{display:none!important}
[data-r~="hdr"]{padding-right:24px!important}
[data-r~="hdricons"]{gap:22px!important}
[data-r~="formg2"]{grid-template-columns:1fr 1fr!important}
[data-r~="fullrow"]{grid-column:1/3!important}
[data-r~="gcatgrid"]{grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:206px!important;gap:20px!important}
[data-r~="gcatgrid"]>div{height:auto!important}
[data-r~="gcatgrid"]>div:nth-child(1){grid-column:1/3!important;grid-row:1/3!important}
[data-r~="gcatgrid"]>div:nth-child(2){grid-column:3/5!important;grid-row:1/2!important}
[data-r~="gcatgrid"]>div:nth-child(3){grid-column:3/4!important;grid-row:2/3!important}
[data-r~="gcatgrid"]>div:nth-child(4){grid-column:4/5!important;grid-row:2/3!important}
[data-r~="catcta"]{display:inline-flex!important}
[data-r~="gcatgrid"]>div:nth-child(3) [data-r~="catcta"],[data-r~="gcatgrid"]>div:nth-child(4) [data-r~="catcta"]{display:none!important}
[data-r~="homewrap"]>*{padding-top:48px!important;padding-bottom:48px!important}
[data-r~="heroSec"]{padding:0!important;margin-top:-104px!important}
[data-r~="featwrap"]{padding-top:0!important;padding-bottom:22px!important}
[data-r~="vouchsec"]{padding-top:0!important;padding-bottom:0!important}
[data-r~="flashsec"]{padding-top:26px!important}
[data-r~="acctgrid"]{gap:16px!important}
[data-r~="acctcard"]{padding:32px 20px 28px!important;gap:16px!important;border:1px solid rgba(59,64,48,.07)!important;transition:transform .18s ease,box-shadow .18s ease!important}
[data-r~="acctcard"]:hover{transform:translateY(-3px)!important;box-shadow:0 14px 32px rgba(59,64,48,.13)!important}
[data-r="gcatgrid"]>*{transition:transform .24s cubic-bezier(.22,.7,.2,1)!important}
[data-r="gcatgrid"]>*:hover{transform:translateY(-5px)!important}
[data-r="gcat"]>div{transition:transform .26s cubic-bezier(.22,.7,.2,1),box-shadow .26s ease!important}
[data-r="gcat"]>div:hover{transform:translateY(-5px)!important;box-shadow:0 16px 36px rgba(59,64,48,.13)!important}
[data-r~="accticon"]{width:48px!important;height:48px!important;border-radius:50%!important;background:#EFE7DA!important}
[data-r~="acctcard"] span{font-size:13px!important}
}
@media(max-width:820px){
[data-r~="promodesk"]{display:none!important}
[data-r~="promomob"]{display:block!important}
[data-r~="reviewsec"]{padding:22px 18px!important;border-radius:16px!important;margin-top:28px!important}
[data-r~="revtop"]{gap:20px!important}
[data-r~="revphotos"]{grid-template-columns:repeat(3,1fr)!important}
[data-r~="helpwrap"]{padding:28px 24px 56px!important}
[data-r~="helpcard"]{max-width:none!important;width:auto!important;padding:26px 18px!important;border-radius:22px!important}
[data-r~="helpgrid"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:26px!important}
[data-r~="helptabs"]{overflow-x:auto!important;flex-wrap:nowrap!important;padding:2px 2px 6px!important;margin:0 -18px 18px!important;padding-left:18px!important;padding-right:18px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
[data-r~="helptabs"]::-webkit-scrollbar{display:none}
[data-r~="trackwrap"]{padding:28px 24px 56px!important}
[data-r~="trackcard"]{max-width:none!important;padding:22px 18px!important;border-radius:16px!important}
[data-r~="trackhead"]{flex-wrap:wrap!important;row-gap:8px!important}
[data-r~="trackstep"] span{font-size:9.5px!important}
[data-r~="trackstep"]>div{gap:6px!important}
[data-r~="trackcta"]{flex-direction:column!important}
[data-r~="helpcta"]{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
[data-r~="g4"]{grid-template-columns:repeat(2,1fr)!important}
[data-r~="aboutvalwrap"]{margin:28px 24px 0!important;padding:44px 6px!important;width:auto!important;background:#fff!important;border-radius:22px!important;box-shadow:0 16px 40px rgba(60,50,35,.10)!important;height:auto!important;min-height:0!important}
[data-r~="aboutvalwrap"] [data-r~="g4"]{row-gap:44px!important;column-gap:0!important}
[data-r~="aboutvalwrap"] [data-r~="g4"]>div{padding-top:0!important;padding-bottom:0!important}
[data-r~="aboutstorywrap"]{padding-top:28px!important}
[data-r~="aboutstory"]{grid-template-columns:1fr!important;gap:24px!important}
[data-r~="aboutstory"]>div:first-child{height:240px!important}
[data-r~="locwrap"]{padding:20px 24px 48px!important}
[data-r~="locgrid"]{grid-template-columns:1fr!important;gap:18px!important}
[data-r~="locmap"]{min-height:200px!important}
[data-r~="blogintro"] h1{font-size:26px!important}
[data-r~="blogpills"]{flex-wrap:nowrap!important;overflow-x:auto!important;margin:0 -24px 24px!important;padding:0 24px 2px!important;scrollbar-width:none!important}
[data-r~="blogpills"]::-webkit-scrollbar{display:none}
[data-r~="blogpills"] span{white-space:nowrap!important}
[data-r~="blogfeatured"]{grid-template-columns:1fr!important;border-radius:16px!important;margin-bottom:16px!important}
[data-r~="blogfeaturedimg"]{height:200px!important}
[data-r~="blogfeaturedtxt"]{padding:24px 20px!important}
[data-r~="blogfeaturedtxt"] h2{font-size:19px!important;margin:0 0 10px!important}
[data-r~="blogfeaturedtxt"] p{font-size:13px!important;margin:0 0 16px!important}
[data-r~="bloggrid"]{grid-template-columns:1fr!important;gap:16px!important}
[data-r~="featdesk"]{display:none!important}
[data-r~="featmob"]{display:block!important}
[data-r~="featwrap"]{padding:0 0 40px!important}
[data-r~="featwrap"] [data-r~="g4"]{display:flex!important;overflow-x:auto!important;gap:12px!important;padding:0 20px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;scrollbar-width:none!important}
[data-r~="featwrap"] [data-r~="g4"]>div{flex:0 0 auto!important;width:150px!important;background:#fff!important;border:1px solid rgba(43,38,32,.08)!important;border-radius:16px!important;padding:18px 12px!important}
[data-r~="featwrap"] [data-r~="g4"]>div>div:first-child{width:40px!important;height:40px!important;margin-bottom:10px!important}
[data-r~="featwrap"] [data-r~="g4"]>div>div:first-child svg{width:17px!important;height:17px!important}
[data-r~="featwrap"] [data-r~="g4"]>div>div:nth-child(2){font-size:11px!important;margin-bottom:5px!important}
[data-r~="featwrap"] [data-r~="g4"]>div>div:nth-child(3){font-size:10px!important;line-height:1.4!important}
[data-r~="gcatgrid"]{grid-template-columns:1fr 1fr!important;gap:14px!important}
[data-r~="gcatgrid"]>div:nth-child(1){grid-column:1/3!important;height:232px!important}
[data-r~="gcatgrid"]>div:nth-child(2){height:186px!important}
[data-r~="gcatgrid"]>div:nth-child(3){height:186px!important}
[data-r~="gcatgrid"]>div:nth-child(4){display:none!important}
[data-r~="catcta"]{display:inline-flex!important}
[data-r~="flashsec"]{display:block!important;padding-top:26px!important}
[data-r~="flashcard"]{width:150px!important}
[data-r~="flashimg"]{height:150px!important}
[data-r~="flashttl"]{font-size:14px!important}
[data-r~="g3"]{grid-template-columns:repeat(2,1fr)!important}
[data-r~="gcat"]{grid-template-columns:repeat(2,1fr)!important}
[data-r~="wishlistgrid"]{grid-template-columns:repeat(2,1fr)!important}
[data-r~="g2"],[data-r~="gside"],[data-r~="gsum"]{grid-template-columns:1fr!important}
html{scrollbar-gutter:stable!important}
[data-r~="cartpad"]{padding-left:24px!important;padding-right:24px!important;max-width:none!important}
[data-r~="formg2"]{grid-template-columns:1fr!important}
[data-r~="hdrlogo"]{order:1!important;height:24px!important;margin-right:auto!important}
[data-r~="hdrnav"]{display:flex!important;order:0!important}
[data-r~="hdrsearch"]{display:none!important}
[data-r~="hdrsearch"] input{display:none!important}
[data-r~="hdrsearch"]>div:not([data-r~="searchicon"]){display:none!important}
[data-r~="searchicon"]{width:20px!important;height:20px!important}
[data-r~="hdricons"]{order:3!important;gap:18px!important;margin-left:auto!important}
[data-r~="wishheadericon"]{width:15px!important;height:15px!important}
[data-r~="hdrbar"]{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:10px 24px!important;box-shadow:none!important}
[data-r~="hdrbar"] [data-r~="hdr"]{background:rgba(247,242,233,.72)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 10px 30px rgba(30,24,16,.16)!important;padding:8px 16px!important;gap:9px!important;flex-wrap:nowrap!important}
[data-r~="hidem"]{display:block!important}
[data-r~="hdrsearch"] input::placeholder{color:transparent!important}
[data-r~="glow"]{display:none!important}
[data-r~="hdr"]{gap:14px!important}
[data-r~="stack"]{flex-direction:column!important;align-items:flex-start!important;gap:22px!important;padding:34px 26px!important}
[data-r~="heroSec"]{min-height:auto!important}
[data-r~="heroSec"]{min-height:auto!important;height:472px!important;display:flex!important;align-items:flex-end!important;margin-top:-108px!important}
[data-r~="heroPh"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}
[data-r~="heroPh"] img{object-position:center 72%!important}
[data-r~="heroscrim"]{display:block!important}
[data-r~="herowrap"]{width:100%!important;padding:0!important}
[data-r~="heroTx"]{width:100%!important;max-width:none!important;padding:0 24px 34px!important}
[data-r~="deskonly"]{display:none!important}
[data-r~="heroov"]{background:linear-gradient(to top,rgba(38,34,26,.9),rgba(38,34,26,.32) 55%,rgba(38,34,26,.05))!important}
[data-r~="heroTx"] h1{color:#fff!important;font-size:32px!important;line-height:1.14!important;margin:0 0 14px!important}
[data-r~="heroTx"] h1 span{color:#E3DAC9!important}
[data-r~="heroTx"] p{color:#EFE7DA!important;font-size:14px!important;margin:0 0 22px!important;max-width:none!important}
[data-r~="herobtn"]{background:#F4EFE6!important;color:#2B2620!important}
[data-r~="herobtnc"]{background:#3B4030!important}
[data-r~="herobtnc"] svg{stroke:#F4EFE6!important}
[data-r~="featwrap"]{margin-top:10px!important;padding:10px 0 30px!important}
[data-r~="catsec"]{padding-bottom:22px!important}
[data-r~="g2"]{padding:28px 22px!important;gap:26px!important}
[data-r~="pdgrid"]{grid-template-columns:1fr!important;gap:26px!important}
[data-r~="pdgallery"]{position:static!important;top:auto!important}
[data-r~="descgrid"]{margin-top:30px!important}
[data-r~="naimg"]{height:auto!important;aspect-ratio:1/1!important}
[data-r~="foot"]{grid-template-columns:1fr 1fr!important;gap:30px 24px!important}
[data-r~="footbrand"]{grid-column:1/3!important}
[data-r~="footshop"]{display:none!important}
[data-r~="footcontact"]{display:none!important}
[data-r~="gside"]>div:first-child{position:static!important}
[data-r~="gsum"]>div:last-child{position:static!important}
[data-r~="g2"]>div:first-child{position:static!important}
[data-r~="homewrap"]>*{padding-top:30px!important;padding-bottom:30px!important}
[data-r~="promomob"]{padding-top:14px!important;padding-bottom:14px!important}
[data-r~="featmob"]{padding-top:8px!important;padding-bottom:8px!important}
[data-r~="vouchsec"]{padding-bottom:8px!important}
[data-r~="flashsec"]{padding-top:10px!important}
[data-r~="vpct"]{font-size:16px!important}
[data-r~="flashttl"]{white-space:nowrap!important}
[data-r~="flashhead"]{padding-left:16px!important;padding-right:16px!important}
[data-r~="flashlead"]{gap:8px!important;flex-wrap:nowrap!important}
[data-r~="flashcd"]{gap:3px!important;flex:none!important}
[data-r~="flashmore"]{font-size:12px!important;white-space:nowrap!important;flex:none!important}
[data-r~="heroSec"]{padding:0!important}
[data-r~="featwrap"]{margin-top:0!important}
[data-r~="flashsec"]{padding-bottom:12px!important}
[data-r~="cushero"]{padding:36px 24px 30px!important}
[data-r~="cushero"] h1{font-size:33px!important;line-height:1.08!important;margin:0 0 14px!important}
[data-r~="cushero"] p{font-size:14px!important}
[data-r~="namerow"]{grid-template-columns:1fr!important;gap:14px!important}
[data-r~="custgrid"]{grid-template-columns:1fr!important;gap:22px!important;padding:0!important}
[data-r~="mobfilter"]{display:block!important;margin-bottom:22px!important}
[data-r~="desktools"]{display:none!important}
[data-r~="catfilter"]{display:none!important}
[data-r~="gside"]{grid-template-columns:1fr!important}
[data-r~="acctgrid"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
}
@media(max-width:520px){
[data-r~="g3"]{grid-template-columns:1fr!important}
[data-r~="actrow"]{flex-direction:column!important}
[data-r~="catfilter"]{display:none!important}
[data-r~="gside"]{gap:0!important}
[data-r~="heroTx"] h1{font-size:34px!important;line-height:1.15!important;margin-left:0!important}
h2{font-size:27px!important;line-height:1.15!important}
}