:root{
  color-scheme:only light !important;
  --cream:#F3E3C6;
  --cream2:#FFF7E9;
  --ink:#5A321F;
  --red:#E6392E;
  --blue:#005BCC;
  --yellow:#FFC629;
  --green:#B7CF86;
  --sky:#BFE5FA;
  --orange:#EF9C4A;
  --paper:#FFFDF8;
  --shadow:0 18px 0 rgba(90,50,31,.12);
  --soft-shadow:0 18px 45px rgba(90,50,31,.16);
  --radius:32px;
}
*{box-sizing:border-box}
/* Browser color lock — prevent Brave / DuckDuckGo / auto-dark from recoloring the brand */
html{color-scheme:only light !important;background:#F3E3C6 !important}
body{background:#F3E3C6 !important;color:#5A321F !important}
@media (prefers-color-scheme:dark){
  :root,html{color-scheme:only light !important}
  html,body{background:#F3E3C6 !important;color:#5A321F !important}
}

html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Nunito",system-ui,sans-serif;overflow-x:hidden;max-width:100%;position:relative}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block;max-width:100%}
.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.section{padding:112px 0}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.page-loader{position:fixed;inset:0;z-index:1000;background:var(--cream);display:grid;place-items:center;align-content:center;transition:opacity .45s ease,visibility .45s ease}
.page-loader.hide{opacity:0;visibility:hidden}
.page-loader p{font-family:"Patrick Hand",cursive;font-size:22px;margin:10px 0 0}
.loader-paws{display:flex;align-items:center;gap:7px;color:var(--red);animation:loaderBounce .7s ease-in-out infinite alternate}
.loader-paws span{width:14px;height:14px;border-radius:50%;font-size:0;background:currentColor}.loader-paws b{font-size:34px;line-height:1}
@keyframes loaderBounce{to{transform:translateY(-8px) rotate(-4deg)}}

.floating-cloud{position:fixed;z-index:0;width:230px;height:auto;pointer-events:none;user-select:none;opacity:.34;filter:drop-shadow(0 8px 18px rgba(0,91,204,.06));animation:cloudDrift 17s ease-in-out infinite alternate;will-change:transform}
.cloud-a{top:14vh;left:-72px;transform:rotate(-7deg)}
.cloud-b{right:-86px;top:59vh;transform:scaleX(-1) rotate(5deg);animation-duration:22s;opacity:.28}
header,main,footer{position:relative;z-index:1}
@keyframes cloudDrift{to{translate:34px 14px}}

.nav-wrap{position:sticky;top:0;z-index:70;padding:14px 0 0;pointer-events:none}
.nav{pointer-events:auto;height:72px;padding:9px 10px 9px 18px;border:2px solid rgba(90,50,31,.14);border-radius:999px;background:rgba(255,247,233,.82);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 12px 40px rgba(90,50,31,.08)}
.brand{width:146px;display:block}.brand img{width:100%;height:45px;object-fit:contain}
.nav-links{display:flex;gap:28px;font-weight:800;font-size:14px}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--red);transform:translateY(-2px)}
.shop-pill,.btn{border:0;border-radius:999px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.shop-pill{background:var(--red);color:#fff;padding:14px 20px;box-shadow:0 7px 0 #9e261f}.shop-pill:hover{transform:translateY(-2px)}.shop-pill:active{transform:translateY(4px);box-shadow:0 2px 0 #9e261f}

.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding:78px 0 92px}
.eyebrow,.kicker{font-size:13px;letter-spacing:.14em;font-weight:900;color:var(--blue)}
.tiny-paw{letter-spacing:-7px;margin-right:10px;font-size:16px}
h1,h2,h3{font-family:"Fredoka","Arial Rounded MT Bold",sans-serif;margin:0;line-height:.95;letter-spacing:-.03em}
h1{font-size:clamp(64px,8vw,118px);max-width:720px}h1 span{color:var(--red);display:inline-block;transform:rotate(-1.7deg)}
.hero-lead{font-size:clamp(18px,2vw,22px);line-height:1.55;max-width:620px;margin:26px 0 0;font-weight:650}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{padding:16px 24px;border:2px solid var(--ink)}.btn.primary{background:var(--yellow);box-shadow:0 7px 0 var(--ink)}.btn.ghost{background:transparent}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 7px 0 rgba(0,0,0,.25)}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(3px);box-shadow:none}
.doodle{font-family:"Patrick Hand",cursive}.mini-note{margin:30px 0 0;font-size:25px;transform:rotate(-4deg);width:max-content}.mini-note span{color:var(--red)}
.hero-art{position:relative;max-width:660px;justify-self:end;perspective:1000px;transform-style:preserve-3d}
.hero-card{position:relative;overflow:hidden;border:4px solid var(--ink);border-radius:42px;box-shadow:20px 24px 0 rgba(90,50,31,.18);background:#fff;transform:rotate(1.7deg);transition:transform .22s ease-out}
.poster{aspect-ratio:4/5;object-fit:cover;width:100%}
.paper-tab{position:absolute;font-family:"Patrick Hand",cursive;font-size:21px;padding:9px 14px;border:3px solid var(--ink);border-radius:8px;box-shadow:5px 6px 0 rgba(90,50,31,.18)}
.tab-blue{top:4%;left:3%;background:var(--blue);color:#fff;transform:rotate(-5deg)}.tab-yellow{right:2%;bottom:4%;background:var(--yellow);transform:rotate(4deg)}
.float-sticker{position:absolute;width:150px;border-radius:34px;box-shadow:var(--soft-shadow);border:3px solid #fff;animation:floaty 5s ease-in-out infinite;pointer-events:none}.s1{left:-90px;bottom:8%;transform:rotate(-11deg)}.s2{right:-78px;top:12%;animation-delay:-2s;transform:rotate(9deg)}
@keyframes floaty{50%{translate:0 -15px;rotate:2deg}}
.burst{position:absolute;font-size:44px;animation:pop 2.8s ease-in-out infinite}.burst-1{color:var(--yellow);left:-40px;top:15%}.burst-2{color:var(--red);right:-30px;bottom:17%;animation-delay:-1.2s}@keyframes pop{50%{transform:scale(1.35) rotate(13deg)}}

.ticker{overflow:hidden;background:var(--red);border-block:3px solid var(--ink);transform:rotate(-1deg);width:100%;margin-left:0;contain:paint}.ticker-track{width:max-content;display:flex;gap:24px;align-items:center;padding:15px 0;color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:22px;letter-spacing:.06em;animation:ticker 22s linear infinite}.ticker-track i{color:var(--yellow);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}

.section-head{display:grid;grid-template-columns:1fr 1.2fr;column-gap:60px;align-items:end;margin-bottom:50px}.section-head .kicker{grid-column:1/-1;margin:0 0 18px}.section-head h2{font-size:clamp(50px,6vw,86px)}.section-head>p:last-child{font-size:18px;line-height:1.65;margin:0;max-width:560px}.section-head.compact{grid-template-columns:1.2fr .8fr}.section-head.compact h2{font-size:clamp(50px,5vw,74px)}
.sticker-stage{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:start}.sticker-card{position:relative;background:var(--paper);border:2px solid rgba(90,50,31,.23);border-radius:28px;padding:10px 10px 16px;box-shadow:0 9px 0 rgba(90,50,31,.11);transform:rotate(var(--rot,-2deg));transition:transform .25s ease,box-shadow .25s ease;cursor:grab}.sticker-card:nth-child(2n){--rot:2.5deg}.sticker-card:nth-child(3n){--rot:-1deg}.sticker-card:hover,.sticker-card.active{transform:translateY(-14px) rotate(0deg) scale(1.03);box-shadow:0 18px 0 rgba(90,50,31,.12)}.sticker-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}.sticker-card span{display:block;text-align:center;font-family:"Patrick Hand",cursive;font-size:22px;margin-top:8px}.sticker-card.tall{margin-top:46px}


/* Featured best seller */
.product-head{margin-bottom:42px}
.featured-product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:center;background:rgba(255,253,248,.72);border:3px solid var(--ink);border-radius:42px;padding:30px;box-shadow:18px 22px 0 rgba(90,50,31,.14);position:relative;overflow:hidden}
.featured-product:before{content:"";position:absolute;width:170px;height:170px;border:3px dashed rgba(0,91,204,.18);border-radius:50%;right:-70px;top:-70px;pointer-events:none}
.product-gallery{min-width:0}.product-main-wrap{position:relative;perspective:1000px;max-width:620px;margin:auto}.product-main-card{position:relative;background:#fff;border:3px solid var(--ink);border-radius:34px;padding:14px;box-shadow:14px 16px 0 rgba(90,50,31,.13);transform:rotate(-1.2deg);transition:transform .22s ease-out}.product-main-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px;border:2px solid rgba(90,50,31,.12);transition:opacity .16s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
.product-main-image.switching{opacity:.16;transform:scale(.985)}
.best-badge{position:absolute;z-index:2;top:28px;left:26px;background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:9px 13px;font-family:"Fredoka",sans-serif;font-size:13px;font-weight:800;letter-spacing:.07em;box-shadow:4px 5px 0 rgba(90,50,31,.2);transform:rotate(-4deg)}
.photo-note{position:absolute;z-index:2;right:22px;bottom:24px;background:var(--yellow);border:2px solid var(--ink);padding:7px 11px;border-radius:8px;font-size:20px;transform:rotate(3deg)}
.product-spark{position:absolute;font-size:36px;z-index:3;pointer-events:none;animation:pop 2.8s ease-in-out infinite}.spark-a{color:var(--yellow);right:-18px;top:15%}.spark-b{color:var(--red);left:-16px;bottom:18%;animation-delay:-1.1s}
.product-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.product-thumb{appearance:none;border:2px solid rgba(90,50,31,.26);border-radius:18px;background:var(--cream2);padding:7px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;min-width:0}.product-thumb:hover{transform:translateY(-4px)}.product-thumb.active{border-color:var(--red);box-shadow:0 6px 0 rgba(230,57,46,.18);transform:translateY(-2px)}.product-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.product-thumb span{display:block;font-family:"Fredoka",sans-serif;font-size:13px;font-weight:700;margin-top:6px}
.product-copy{position:relative;z-index:1;padding-right:14px}.product-mini-label{font-size:25px;color:var(--red);transform:rotate(-2deg);width:max-content;margin-bottom:12px}.product-copy h3{font-size:clamp(46px,5vw,72px);line-height:.98}.product-copy h3 span{display:inline-block;color:var(--blue);font-size:.58em;line-height:1.12;margin-top:11px;letter-spacing:-.01em}.product-desc{font-size:18px;line-height:1.68;margin:24px 0 22px;font-weight:650}.variant-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.variant-row span{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:9px 13px;font-weight:900;font-size:14px}.product-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 28px}.product-points div{background:var(--cream);border:2px solid rgba(90,50,31,.24);border-radius:18px;padding:14px 12px;text-align:center}.product-points b{display:block;font-family:"Fredoka",sans-serif;font-size:25px;color:var(--red)}.product-points span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.product-cta{width:max-content}.product-footnote{font-size:17px;margin:17px 0 0;opacity:.7}

.about-wrap{background:var(--sky);border-block:3px solid var(--ink);position:relative;overflow:hidden}.about-wrap:before{content:"";position:absolute;left:-5%;right:-5%;top:-24px;height:45px;background:var(--cream);border-radius:50%}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:84px;align-items:center}.about-visual{perspective:1000px}.postcard{background:#fff;padding:18px 18px 24px;border:3px solid var(--ink);box-shadow:18px 22px 0 rgba(90,50,31,.18);transform:rotate(-3deg);transition:transform .22s ease-out}.postcard img{border:2px solid rgba(90,50,31,.18);aspect-ratio:4/5;object-fit:cover}.postcard-caption{text-align:center;font-size:27px;margin-top:12px}.about-copy h2{font-size:clamp(50px,5vw,76px);margin-top:16px}.about-copy>p:not(.kicker){font-size:19px;line-height:1.65;margin:26px 0}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.badge-row span{background:var(--cream2);border:2px solid var(--ink);border-radius:999px;padding:9px 14px;font-weight:900}

.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.market-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:106px;padding:20px;border:3px solid var(--ink);border-radius:26px;background:var(--paper);box-shadow:0 8px 0 var(--ink);transition:transform .2s ease,box-shadow .2s ease}.market-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 13px 0 var(--ink)}.market-card>span{font-size:26px;font-weight:900}.market-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-family:"Fredoka",sans-serif;font-size:23px;font-weight:800;border:2px solid var(--ink)}.market-card small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;opacity:.65}.market-card strong{font-family:"Fredoka",sans-serif;font-size:23px}.wa .market-icon{background:#B7E8A0}.shopee .market-icon{background:#FFD0B8}.tokopedia .market-icon{background:#B8E9C1}.tiktok .market-icon{background:#C9C4FF}.instagram .market-icon{background:#FFD0E8}

.cta-zone{padding:40px 0 90px}.cta-inner{background:var(--yellow);border:4px solid var(--ink);border-radius:42px;min-height:390px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;overflow:hidden;box-shadow:18px 22px 0 rgba(90,50,31,.16);position:relative}.cta-inner>div{text-align:center;align-self:center;z-index:2;padding:38px 10px}.cta-inner .doodle{font-size:28px;margin:0 0 8px}.cta-inner h2{font-size:clamp(58px,6vw,92px);margin-bottom:24px}.cta-dog{max-height:330px;width:100%;object-fit:cover;align-self:end;mix-blend-mode:multiply}.cta-dog.left{transform:rotate(5deg) translate(-14px,18px)}.cta-dog.right{transform:rotate(-5deg) translate(14px,18px)}

footer{background:var(--ink);color:#fff;padding:30px 0}.footer-inner{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px}.footer-inner img{width:170px;filter:brightness(0) invert(1)}.footer-inner p{margin:0;font-weight:700}.footer-inner a{font-weight:900;color:var(--yellow)}

.floating-shop{display:none;position:fixed;right:16px;bottom:16px;z-index:65;border:3px solid var(--ink);border-radius:999px;background:var(--red);color:#fff;padding:13px 18px;font-weight:900;box-shadow:0 7px 0 var(--ink)}.floating-shop span{color:var(--yellow)}
.shop-sheet{position:fixed;inset:0;z-index:200;display:none}.shop-sheet.open{display:block}.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(44,25,16,.48);backdrop-filter:blur(4px)}.sheet-panel{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(640px,calc(100% - 28px));max-height:85vh;overflow:auto;background:var(--cream2);border:3px solid var(--ink);border-radius:34px;padding:14px 18px 24px;box-shadow:0 24px 70px rgba(0,0,0,.28);animation:sheetUp .28s ease-out}.sheet-handle{width:60px;height:6px;border-radius:999px;background:rgba(90,50,31,.24);margin:0 auto 12px}.sheet-top{display:flex;justify-content:space-between;align-items:center}.sheet-top .doodle{font-size:20px}.sheet-top h3{font-size:38px}.close-btn{width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:28px;cursor:pointer}.sheet-links{display:grid;gap:10px;margin-top:18px}.sheet-links a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#fff;border:2px solid var(--ink);border-radius:18px;transition:.2s}.sheet-links a:hover{transform:translateX(4px);background:#fff3cf}.sheet-links b{font-family:"Fredoka",sans-serif;font-size:19px}.sheet-links span{font-size:13px;text-align:right}.sheet-links a:nth-child(2),.sheet-links a:nth-child(3){background:#fff0e8}.sheet-links a:nth-child(4){background:#e9fbe7}.sheet-links a:nth-child(5){background:#efedff}.sheet-links a:nth-child(6){background:#ffeaf4}@keyframes sheetUp{from{transform:translate(-50%,40px);opacity:0}}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
.heart-pop{position:fixed;z-index:300;pointer-events:none;font-size:20px;color:var(--red);animation:heartFly .8s ease-out forwards}@keyframes heartFly{to{transform:translateY(-65px) rotate(22deg) scale(.4);opacity:0}}

@media (max-width:980px){
  .featured-product{grid-template-columns:1fr;gap:48px}.product-main-wrap{max-width:650px}.product-copy{padding-right:0}.product-cta{width:max-content}
  .nav-links{display:none}.hero{grid-template-columns:1fr;gap:50px;padding-top:58px}.hero-art{justify-self:center;max-width:690px;width:90%}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.mini-note{margin-inline:auto}.section-head,.section-head.compact{grid-template-columns:1fr;gap:22px}.sticker-stage{grid-template-columns:repeat(3,1fr)}.about{grid-template-columns:1fr;gap:58px}.about-visual{max-width:580px;margin:auto}.cta-inner{grid-template-columns:.8fr 1.2fr .8fr}.footer-inner{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media (max-width:640px){
  .featured-product{padding:16px;border-radius:28px;box-shadow:10px 12px 0 rgba(90,50,31,.14);gap:34px}.product-main-card{padding:9px;border-radius:24px;box-shadow:8px 10px 0 rgba(90,50,31,.13)}.product-main-image{border-radius:17px}.best-badge{top:18px;left:16px;font-size:10px;padding:7px 9px}.photo-note{right:12px;bottom:14px;font-size:16px}.product-thumbs{gap:7px;margin-top:17px}.product-thumb{padding:5px;border-radius:14px}.product-thumb img{border-radius:9px}.product-thumb span{font-size:11px}.product-copy h3{font-size:46px}.product-copy h3 span{font-size:.57em}.product-desc{font-size:16px;margin-top:19px}.variant-row span{font-size:12px;padding:8px 10px}.product-points{gap:7px}.product-points div{padding:11px 7px}.product-points b{font-size:20px}.product-points span{font-size:10px}.product-cta{width:100%}.product-footnote{font-size:15px}.product-spark{font-size:28px}
  .shell{width:min(100% - 24px,1180px)}.section{padding:78px 0}.nav-wrap{padding-top:9px;overflow-x:clip}.nav{height:62px;padding:7px 8px 7px 13px;max-width:100%}.brand{width:112px}.shop-pill{padding:11px 14px;font-size:13px}.hero{min-height:auto;padding:54px 0 74px;overflow-x:clip}.hero-copy{text-align:left}.eyebrow{font-size:11px}.hero h1{font-size:clamp(56px,18vw,78px)}.hero-lead{font-size:17px;margin-inline:0}.hero-actions{justify-content:flex-start}.btn{width:100%}.mini-note{margin-left:8px;max-width:calc(100vw - 48px)}.hero-art{width:92%;max-width:92vw;margin-top:8px}.hero-card{border-radius:28px;border-width:3px;box-shadow:12px 14px 0 rgba(90,50,31,.18)}.float-sticker{width:95px;border-radius:20px}.s1{left:-18px;bottom:9%}.s2{right:-18px;top:10%}.paper-tab{font-size:14px;border-width:2px}.ticker-track{font-size:17px;padding:11px 0}.section-head{margin-bottom:32px}.section-head h2,.section-head.compact h2{font-size:48px}.section-head>p:last-child{font-size:16px}.sticker-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-12px;padding:8px 12px 24px 0;scrollbar-width:none}.sticker-stage::-webkit-scrollbar{display:none}.sticker-card,.sticker-card.tall{flex:0 0 58vw;max-width:250px;margin-top:0;scroll-snap-align:center}.about{gap:46px}.about-copy h2{font-size:48px}.about-copy>p:not(.kicker){font-size:17px}.postcard{padding:12px 12px 18px}.market-grid{grid-template-columns:1fr}.market-card{min-height:92px;padding:16px}.market-card strong{font-size:21px}.cta-zone{padding:20px 0 70px}.cta-inner{min-height:500px;grid-template-columns:1fr 1fr;border-radius:30px}.cta-inner>div{grid-column:1/-1;grid-row:1;padding:36px 24px 0;align-self:start}.cta-inner h2{font-size:56px}.cta-dog{grid-row:1;align-self:end;max-height:230px}.cta-dog.left{grid-column:1}.cta-dog.right{grid-column:2}.floating-shop{display:block}.footer-inner img{width:150px}.sheet-panel{bottom:8px;border-radius:28px}.sheet-top h3{font-size:32px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Product 02 — Fresh Cooked Food */
.cooked-product{margin-top:64px;background:rgba(255,247,233,.86)}
.cooked-product:before{border-color:rgba(230,57,46,.16);right:auto;left:-72px;top:auto;bottom:-72px}
.fresh-badge{background:var(--blue)}
.size-switch{display:flex;gap:9px;justify-content:center;margin:22px auto 2px;padding:6px;width:max-content;max-width:100%;background:rgba(255,255,255,.72);border:2px solid rgba(90,50,31,.23);border-radius:999px}
.size-btn{appearance:none;border:2px solid transparent;border-radius:999px;background:transparent;padding:10px 22px;font-family:"Fredoka",sans-serif;font-weight:800;cursor:pointer;transition:.18s ease}
.size-btn:hover{transform:translateY(-2px)}
.size-btn.active{background:var(--yellow);border-color:var(--ink);box-shadow:0 4px 0 rgba(90,50,31,.18)}
.thumb-set[hidden]{display:none!important}
.cooked-thumbs{margin-top:14px}
.photo-coming{min-width:0;aspect-ratio:1/1;background:linear-gradient(145deg,#fff7e9,#f3e3c6);border:2px dashed rgba(90,50,31,.34);border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:8px}
.photo-coming strong{font-family:"Fredoka",sans-serif;font-size:18px;color:var(--red)}
.photo-coming span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:3px;opacity:.7}
.variant-groups{display:grid;gap:16px;margin:0 0 24px}
.variant-group{background:rgba(255,255,255,.52);border:2px dashed rgba(90,50,31,.2);border-radius:20px;padding:14px 15px 6px}
.variant-group>b{display:block;font-family:"Fredoka",sans-serif;font-size:16px;color:var(--blue);margin-bottom:9px}
.variant-group .variant-row{margin-bottom:4px}
.cooked-points b{font-size:20px;line-height:1.05}

@media (max-width:640px){
  .cooked-product{margin-top:42px}
  .size-switch{width:100%}.size-btn{flex:1;padding:9px 12px}
  .photo-coming{border-radius:14px}.photo-coming strong{font-size:15px}.photo-coming span{font-size:8px}
  .variant-group{padding:12px 11px 5px}.variant-group>b{font-size:14px}
  .cooked-points b{font-size:16px}
}

/* Direct Shopee links per product */
.product-shop-options{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;max-width:520px}
.product-shop-options .product-cta{width:100%;text-align:center;line-height:1.25}
.product-shop-options .btn.ghost{background:rgba(255,255,255,.58);box-shadow:0 5px 0 rgba(90,50,31,.18)}
.product-shop-options .btn.ghost:hover{background:#fff}

/* Product 03 — Fresh Goat Milk */
.goat-product{margin-top:64px;background:rgba(255,250,239,.9)}
.goat-product:before{border-color:rgba(255,198,41,.34);right:-72px;top:auto;bottom:-72px}
.goat-badge{background:var(--orange)}
.goat-thumbs{grid-template-columns:repeat(3,1fr)}
.goat-benefits{margin-bottom:22px}
.goat-points b{font-size:20px;line-height:1.05}

@media (min-width:720px){
  .product-shop-options{grid-template-columns:1fr 1fr;max-width:100%}
  .product-shop-options .product-cta{padding-inline:18px;font-size:14px}
}

@media (max-width:640px){
  .goat-product{margin-top:42px}
  .goat-thumbs{grid-template-columns:repeat(3,1fr)}
  .goat-points b{font-size:16px}
  .product-shop-options{margin-top:20px}
  .product-shop-options .product-cta{font-size:13px;padding:14px 12px}
}


@supports (overflow: clip){html,body,main,section,header,footer{overflow-x:clip}}

@media (max-width:640px){
  .floating-cloud{width:180px;opacity:.30}
  .cloud-a{top:15vh;left:-66px}
  .cloud-b{top:58vh;right:-72px;opacity:.25}
}

/* V7 — desktop scale refinement: keep hero + best sellers comfortably inside the viewport */
@media (min-width:981px){
  .shell{width:min(1120px,calc(100% - 56px))}
  .section{padding:76px 0}

  /* Top / hero: no longer fills almost the whole desktop screen */
  .hero{
    min-height:auto;
    grid-template-columns:.92fr 1.08fr;
    gap:48px;
    padding:44px 0 64px;
  }
  h1{font-size:clamp(58px,5.7vw,82px);max-width:560px}
  .hero-lead{font-size:18px;max-width:540px;margin-top:20px;line-height:1.48}
  .hero-actions{margin-top:26px}
  .hero-actions .btn{padding:14px 20px}
  .mini-note{font-size:22px;margin-top:24px}
  .hero-art{max-width:520px}
  .hero-card{border-radius:34px;box-shadow:15px 18px 0 rgba(90,50,31,.16)}
  .float-sticker{width:112px;border-radius:26px}
  .s1{left:-60px}.s2{right:-52px}
  .paper-tab{font-size:17px;padding:7px 11px}
  .burst{font-size:34px}

  /* Product section heading */
  .product-head{margin-bottom:28px}
  .section-head{margin-bottom:34px;column-gap:42px}
  .section-head .kicker{margin-bottom:10px}
  .section-head h2{font-size:clamp(42px,4.3vw,62px)}
  .section-head>p:last-child{font-size:16px;line-height:1.52;max-width:510px}

  /* All three best-seller cards */
  .featured-product{
    grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);
    gap:40px;
    padding:22px;
    border-radius:34px;
    box-shadow:13px 16px 0 rgba(90,50,31,.13);
  }
  .product-main-wrap{max-width:455px}
  .product-main-card{padding:10px;border-radius:28px;box-shadow:10px 12px 0 rgba(90,50,31,.12)}
  .product-main-image{border-radius:19px}
  .best-badge{top:20px;left:18px;font-size:11px;padding:7px 10px}
  .photo-note{right:16px;bottom:18px;font-size:17px;padding:6px 9px}
  .product-spark{font-size:29px}
  .product-thumbs{gap:8px;margin-top:15px}
  .product-thumb{padding:5px;border-radius:14px}
  .product-thumb img{border-radius:9px}
  .product-thumb span{font-size:11px;margin-top:4px}

  .product-copy{padding-right:4px}
  .product-mini-label{font-size:21px;margin-bottom:8px}
  .product-copy h3{font-size:clamp(38px,3.6vw,53px);line-height:1.01}
  .product-copy h3 span{font-size:.54em;margin-top:8px;line-height:1.12}
  .product-desc{font-size:15.5px;line-height:1.55;margin:18px 0 16px}
  .variant-row{gap:7px;margin-bottom:16px}
  .variant-row span{font-size:12px;padding:7px 10px}
  .product-points{gap:8px;margin-bottom:18px}
  .product-points div{border-radius:15px;padding:10px 8px}
  .product-points b,.cooked-points b,.goat-points b{font-size:19px}
  .product-points span{font-size:9.5px}
  .product-footnote{font-size:13px;margin-top:10px}
  .product-shop-options{gap:8px;margin-top:16px}
  .product-shop-options .product-cta{font-size:12px;padding:12px 14px}

  /* Product 2 is text-heavier, so keep its controls compact */
  .cooked-product,.goat-product{margin-top:42px}
  .size-switch{margin:15px auto 0;padding:4px}
  .size-btn{padding:7px 17px;font-size:13px}
  .cooked-thumbs{margin-top:10px}
  .variant-groups{gap:10px;margin-bottom:15px}
  .variant-group{border-radius:15px;padding:9px 10px 3px}
  .variant-group>b{font-size:13px;margin-bottom:6px}
  .variant-group .variant-row{margin-bottom:3px}
  .goat-benefits{margin-bottom:14px}
}

/* Slightly compact laptops / small desktop so cards do not get clipped by a sticky nav */
@media (min-width:981px) and (max-height:800px){
  .hero{padding:28px 0 44px;gap:38px}
  .hero-art{max-width:450px}
  h1{font-size:clamp(54px,5vw,72px)}
  .hero-lead{font-size:16.5px;margin-top:16px}
  .hero-actions{margin-top:20px}
  .mini-note{margin-top:18px}

  .section{padding:60px 0}
  .product-main-wrap{max-width:390px}
  .featured-product{gap:32px;padding:18px}
  .product-copy h3{font-size:clamp(34px,3.2vw,46px)}
  .product-desc{font-size:14.5px;margin:14px 0 13px}
  .product-thumbs{margin-top:11px}
  .product-shop-options{margin-top:12px}
  .cooked-product,.goat-product{margin-top:34px}
}

/* V8 — cleaner two-line Shopee CTA labels */
.product-shop-options .product-cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:72px;
  white-space:normal;
}
.product-shop-options .shop-label{
  display:block;
  font-family:"Fredoka",sans-serif;
  font-size:16px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
.product-shop-options .shop-area{
  display:block;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0;
}
.product-shop-options .shop-area b{
  font-size:12px;
  margin-left:2px;
}
@media (max-width:640px){
  .product-shop-options .product-cta{min-height:68px;gap:4px}
  .product-shop-options .shop-label{font-size:15px}
  .product-shop-options .shop-area{font-size:12px}
}

/* V12 — lifestyle photo collage in About */
.lifestyle-collage{position:relative;padding:10px 34px 34px 0}
.lifestyle-main{position:relative;z-index:1;transform:rotate(-2deg)}
.lifestyle-main img{aspect-ratio:4/5;object-fit:cover;object-position:center 56%}
.lifestyle-mini{position:absolute;right:-6px;bottom:-2px;z-index:3;width:42%;background:#fff;border:3px solid var(--ink);border-radius:24px;padding:9px 9px 12px;box-shadow:12px 14px 0 rgba(90,50,31,.15);transform:rotate(5deg)}
.lifestyle-mini img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 58%;border-radius:15px;border:2px solid rgba(90,50,31,.12)}
.lifestyle-mini span{display:block;text-align:center;font-size:19px;margin-top:8px;color:var(--red)}
@media (max-width:640px){
  .lifestyle-collage{padding:4px 10px 92px 0}
  .lifestyle-mini{width:44%;right:0;bottom:4px;border-radius:18px;padding:6px 6px 9px;box-shadow:8px 9px 0 rgba(90,50,31,.14)}
  .lifestyle-mini img{border-radius:11px}.lifestyle-mini span{font-size:14px;margin-top:5px}
  .lifestyle-main img{object-position:center 54%}
}

/* V13 — CTA photo treatment: full-bleed, natural color, flush to the card edges */
@media (min-width:641px){
  .cta-inner{
    min-height:430px;
    grid-template-columns:minmax(0,.95fr) minmax(390px,1.12fr) minmax(0,.95fr);
    align-items:stretch;
  }
  .cta-inner>div{
    align-self:center;
    padding:34px 22px;
  }
  .cta-dog{
    width:100%;
    height:100%;
    max-height:none;
    align-self:stretch;
    object-fit:cover;
    object-position:center 42%;
    mix-blend-mode:normal;
    filter:none;
    opacity:1;
  }
  .cta-dog.left,
  .cta-dog.right{
    transform:none;
  }
}

@media (max-width:640px){
  .cta-inner{
    min-height:540px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto 255px;
    align-items:stretch;
  }
  .cta-inner>div{
    grid-column:1/-1;
    grid-row:1;
    align-self:center;
    padding:30px 20px 26px;
  }
  .cta-inner h2{
    font-size:50px;
    margin-bottom:18px;
  }
  .cta-dog{
    grid-row:2;
    width:100%;
    height:255px;
    max-height:none;
    align-self:stretch;
    object-fit:cover;
    object-position:center 39%;
    mix-blend-mode:normal;
    filter:none;
    opacity:1;
  }
  .cta-dog.left{grid-column:1;transform:none}
  .cta-dog.right{grid-column:2;transform:none}
}

/* V15 — hard light-mode lock for Brave / DuckDuckGo (same strategy used on Jageun) */
:root,html,body{
  color-scheme:only light !important;
  -webkit-color-scheme:light !important;
}
html,body,body *{
  forced-color-adjust:none !important;
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
}
/* Use image-like fills for the main surfaces so browser auto-dark heuristics do not remap them. */
html,body{
  background-color:#F3E3C6 !important;
  background-image:linear-gradient(#F3E3C6,#F3E3C6) !important;
  color:#5A321F !important;
}
.nav{
  background-color:#FFF7E9 !important;
  background-image:linear-gradient(rgba(255,247,233,.92),rgba(255,247,233,.92)) !important;
}
.featured-product,.goat-product,.cooked-product{
  background-color:#FFFDF8 !important;
  background-image:linear-gradient(rgba(255,253,248,.96),rgba(255,253,248,.96)) !important;
}
.btn.primary,.size-btn.active{
  background-color:#FFC629 !important;
  background-image:linear-gradient(#FFC629,#FFC629) !important;
}
.shop-pill,.floating-shop{
  background-color:#E6392E !important;
  background-image:linear-gradient(#E6392E,#E6392E) !important;
}
.btn.dark{
  background-color:#5A321F !important;
  background-image:linear-gradient(#5A321F,#5A321F) !important;
}
/* Lock key brand text colours at the WebKit paint layer as well. */
body,.hero-lead,.product-desc,.product-footnote,.nav-links,.variant-row,.product-points,.market-card,.sheet-links{
  -webkit-text-fill-color:#5A321F;
}
h1,h2,h3,.product-copy h3,.about-copy h2,.cta-inner h2{
  color:#5A321F !important;
  -webkit-text-fill-color:#5A321F !important;
}
h1 span,.product-points b,.best-badge,.product-mini-label{
  color:#E6392E !important;
  -webkit-text-fill-color:#E6392E !important;
}
.eyebrow,.kicker,.product-copy h3 span,.variant-group>b{
  color:#005BCC !important;
  -webkit-text-fill-color:#005BCC !important;
}
.shop-pill,.floating-shop,.btn.dark,.tab-blue{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
@media (prefers-color-scheme:dark){
  :root,html,body{color-scheme:only light !important}
  html,body{
    background-color:#F3E3C6 !important;
    background-image:linear-gradient(#F3E3C6,#F3E3C6) !important;
    color:#5A321F !important;
  }
}

/* V16 — Pet Cookie Bites replaces Sausage Treats as Best Seller #1 */
.cookie-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
.cookie-options{margin-top:0}
.cookie-options .variant-row{margin-bottom:4px}
.cookie-product .product-points b{white-space:nowrap}

/* V16 — in-app browser badge paint fix.
   V15's global WebKit text-fill lock accidentally painted badge text red on its red badge.
   Keep every Best Seller pill white in Safari, Instagram/Threads in-app WebViews, Brave and DuckDuckGo. */
.best-badge,
.fresh-badge,
.goat-badge{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-fill-color:#fff !important;
  -webkit-text-stroke:0 transparent !important;
  forced-color-adjust:none !important;
}

@media (max-width:640px){
  .cookie-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cookie-thumbs .product-thumb span{font-size:9px}
  .cookie-options{gap:10px}
}