:root{--cream:#f7f3ea;--paper:#fffdf8;--ink:#191a1d;--muted:#716f69;--red:#ee3b45;--purple:#7658c6;--teal:#25b9b4;--yellow:#f3c84b;--line:#191a1d22;--shadow:0 25px 70px #382c211f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Thai","DM Sans",sans-serif;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{width:min(calc(100% - 64px),1440px);margin:auto}.nav{height:110px;position:absolute;z-index:20;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:15px 15px 15px 5px;background:var(--red);color:white;font:800 22px "DM Sans";transform:rotate(-3deg)}.brand>span:last-child{display:grid}.brand b{font:700 17px "DM Sans"}.brand small{color:var(--muted);font:600 7px "DM Sans";letter-spacing:.18em}.nav nav{display:flex;gap:38px}.nav nav a{font-size:12px;font-weight:600}.actions{display:flex;gap:10px}.lang{height:44px;padding:5px;border:1px solid var(--line);border-radius:50px;background:#fff5;display:flex}.lang>*{min-width:34px;display:grid;place-items:center;border-radius:30px;font:700 10px "DM Sans"}.lang .on,.lang b{background:var(--ink);color:white}.mini-cart{width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:white;position:relative}.mini-cart i,.dock-icon i{position:absolute;right:-3px;top:-3px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--red);font:700 9px "DM Sans"}.hero{min-height:900px;padding-top:150px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center}.hero-copy{z-index:2;padding-bottom:70px}.eyebrow,.index{font:700 9px "DM Sans";letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--red)}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px #ee3b4518}.hero h1{margin:30px 0 25px;font-size:clamp(72px,7.3vw,124px);line-height:.85;letter-spacing:-.075em}.hero h1 em,.wholesale h2 em,.contact-title h2 em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.hero h1 sup{margin-left:18px;color:var(--red);font-size:.35em}.lead{max-width:500px;color:var(--muted);font-size:15px;line-height:1.85}.cta-row{display:flex;align-items:center;gap:26px;margin-top:32px}.main-btn,.white-btn{height:58px;padding:0 9px 0 23px;display:flex;align-items:center;gap:22px;border-radius:50px;background:var(--ink);color:white;font-size:12px;font-weight:700;box-shadow:0 14px 35px #191a1d2b}.main-btn i,.white-btn i{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-style:normal}.line-btn{font-size:11px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.facts{margin-top:60px;display:flex;gap:45px}.facts span{display:grid;gap:5px}.facts b{font:700 19px "DM Sans"}.facts small{color:var(--muted);font-size:9px}.hero-art{height:675px;position:relative;border-radius:45% 45% 24px 45%;overflow:hidden;background:#e9dfce}.hero-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1s}.hero-art:hover img{transform:scale(1.035)}.new-card,.age-card{position:absolute;display:grid;background:#fffdf8e8;backdrop-filter:blur(12px);box-shadow:var(--shadow)}.new-card{top:35px;left:28px;width:105px;height:105px;padding:16px;border-radius:24px 24px 24px 5px;transform:rotate(-5deg)}.new-card small{color:var(--red);font:700 8px "DM Sans"}.new-card b{align-self:end;font:700 26px "DM Sans"}.age-card{right:22px;bottom:45px;width:85px;height:85px;place-content:center;text-align:center;border-radius:50%}.age-card b{font:700 28px "DM Sans"}.age-card small{color:var(--muted);font-size:9px}.categories{padding:30px 0 120px}.category-row{display:flex;gap:12px;margin-top:25px;overflow:auto;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.cat{min-width:200px;height:78px;padding:8px 13px;border:1px solid var(--line);border-radius:50px;background:transparent;display:grid;grid-template-columns:50px 1fr auto;gap:11px;align-items:center;transition:.25s}.cat i{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--paper);font:700 12px "DM Sans";font-style:normal}.cat span{text-align:left;font-size:11px;font-weight:700}.cat b{color:#aaa;font:700 8px "DM Sans"}.cat.active{background:var(--ink);color:white}.section-head{display:grid;grid-template-columns:1fr .5fr;gap:14%;align-items:end;margin-bottom:50px}.section-head h2,.contact-title h2{margin:24px 0 0;font-size:clamp(48px,5.5vw,84px);line-height:.97;letter-spacing:-.065em}.section-head>p{color:var(--muted);font-size:12px;line-height:1.8}.products{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.product{grid-column:span 4;min-height:500px;border-radius:30px;background:var(--paper);overflow:hidden;box-shadow:0 20px 60px #3228200e;animation:rise .45s both}.product:nth-child(1),.product:nth-child(5){grid-column:span 5;min-height:560px}.product:nth-child(2),.product:nth-child(6){grid-column:span 3;margin-top:60px}.visual{height:340px;display:grid;place-items:center;position:relative;overflow:hidden}.product:nth-child(1) .visual,.product:nth-child(5) .visual{height:395px}.visual:after{content:"";position:absolute;bottom:12%;width:60%;height:13%;border-radius:50%;background:#1d17141c;filter:blur(12px)}.emoji{z-index:1;font-size:clamp(90px,10vw,150px);filter:drop-shadow(0 20px 12px #3a2d2533);transition:.45s}.product:hover .emoji{transform:translateY(-10px) rotate(6deg) scale(1.05)}.badge{position:absolute;z-index:2;top:16px;left:16px;padding:8px 10px;border-radius:40px;background:#fff9;font:700 7px "DM Sans";letter-spacing:.1em}.product-info{padding:21px 23px;display:grid;grid-template-columns:1fr auto;gap:7px 12px;border-top:1px solid #191a1d10}.product-info small{grid-column:1/-1;color:var(--muted);font:600 8px "DM Sans";letter-spacing:.08em}.product-info h3{margin:0;font-size:14px}.product-info strong{font:700 15px "DM Sans"}.product-info p{margin:0;color:var(--muted);font-size:9px}.add{grid-column:2;grid-row:2/5;width:44px;height:44px;align-self:center;border:0;border-radius:50%;background:var(--ink);color:white;font-size:20px;transition:.25s}.add:hover{background:var(--red);transform:rotate(90deg)}.shop{padding-bottom:150px}.wholesale{min-height:600px;padding:70px;border-radius:42px;background:var(--purple);color:white;display:grid;grid-template-columns:1fr .8fr;gap:14%;position:relative;overflow:hidden;box-shadow:0 35px 90px #47308739}.index.light{color:#ffffff8f}.wholesale h2{margin:30px 0 22px;font-size:clamp(68px,7vw,105px);line-height:.83;letter-spacing:-.07em}.wholesale h2 em{color:var(--yellow)}.wholesale-copy>p:not(.index){max-width:470px;color:#ffffffb0;font-size:13px;line-height:1.85}.white-btn{width:max-content;margin-top:25px;background:white;color:var(--ink)}.steps{align-self:center}.steps article{padding:25px 0;display:grid;grid-template-columns:42px 1fr;gap:18px;border-top:1px solid #ffffff38}.steps article:last-child{border-bottom:1px solid #ffffff38}.steps article>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font:600 9px "DM Sans"}.steps b{font-size:14px}.steps p{margin:5px 0 0;color:#ffffff8c;font-size:10px}.sticker{position:absolute;top:55px;right:43%;width:100px;height:100px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);text-align:center;font:800 13px/.9 "DM Sans";transform:rotate(10deg)}.contact{padding:150px 0 110px}.contact-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.contact-title h2{text-align:right}.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.map{min-height:510px;position:relative;overflow:hidden;border-radius:35px;background:#c8ddd7;box-shadow:var(--shadow)}.roads{position:absolute;inset:-20%;opacity:.7;background:linear-gradient(25deg,transparent 46%,#fff 47% 52%,transparent 53%),linear-gradient(100deg,transparent 43%,#fff 44% 49%,transparent 50%),repeating-linear-gradient(0deg,#ffffff3a 0 2px,transparent 2px 67px),repeating-linear-gradient(90deg,#ffffff3a 0 2px,transparent 2px 67px);transform:rotate(-8deg)}.pin{position:absolute;left:54%;top:43%;width:70px;height:70px;display:grid;place-items:center;border:8px solid #ffffffc9;border-radius:50% 50% 50% 10%;background:var(--red);color:white;font:800 23px "DM Sans";transform:rotate(-45deg);box-shadow:0 18px 35px #38251f3b}.pin::first-letter{transform:rotate(45deg)}.map-tag{position:absolute;left:calc(54% + 70px);top:47%;display:grid;padding:12px 14px;border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.map-tag b{font:700 9px "DM Sans"}.map-tag small{color:var(--muted);font:600 6px "DM Sans";letter-spacing:.1em}.map>span{position:absolute;right:22px;bottom:20px;padding:11px 15px;border-radius:30px;background:var(--ink);color:white;font-size:9px;font-weight:700}.links{display:grid;gap:11px}.links a{min-height:160px;padding:23px;border:1px solid var(--line);border-radius:26px;display:grid;grid-template-columns:1fr auto;align-content:space-between;transition:.25s}.links a:hover{background:var(--ink);color:white;transform:translateX(-5px)}.links small{color:var(--muted);font:700 7px "DM Sans";letter-spacing:.14em}.links b{align-self:end;font:600 14px/1.4 "DM Sans"}.links i{grid-column:2;grid-row:1/3;font-style:normal}.address{margin-top:16px;padding:23px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:100px 1fr auto;align-items:center}.address small,.address span{color:var(--muted);font:700 8px "DM Sans";letter-spacing:.12em}.address p{margin:0;font-size:11px}footer{padding:60px max(30px,calc((100% - 1440px)/2));background:var(--ink);color:white}footer>div{font:800 clamp(58px,9.5vw,145px)/.85 "DM Sans";letter-spacing:-.075em}footer>div em{color:var(--red);font-style:normal}footer p{margin:45px 0 0;padding-top:20px;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;color:#999;font:600 8px "DM Sans";letter-spacing:.1em}.cart-dock{position:fixed;z-index:60;left:50%;bottom:18px;transform:translateX(-50%);width:min(calc(100% - 30px),480px);height:68px;padding:7px 9px;border:1px solid #ffffff1f;border-radius:50px;background:#191a1df2;color:white;backdrop-filter:blur(17px);box-shadow:0 18px 50px #1714114a;display:grid;grid-template-columns:54px 1fr auto 35px;gap:10px;align-items:center}.dock-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--red);position:relative}.dock-icon i{background:var(--yellow);color:var(--ink)}.cart-dock>span:nth-child(2){display:grid;text-align:left}.cart-dock small{color:#999;font-size:8px}.cart-dock b{font-size:10px}.cart-dock strong{font:700 16px "DM Sans"}.cart-dock>em{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#333;font-style:normal}.backdrop{position:fixed;inset:0;z-index:69;background:#0f0e0c70;backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.35s}.backdrop.open{opacity:1;pointer-events:auto}.cart-sheet{position:fixed;z-index:70;left:0;right:0;bottom:0;max-height:88vh;padding:16px max(30px,calc((100% - 1200px)/2)) 35px;border-radius:40px 40px 0 0;background:var(--paper);box-shadow:0 -35px 90px #191a1d33;transform:translateY(105%);visibility:hidden;transition:.42s;overflow:auto}.cart-sheet.open{transform:none;visibility:visible}.handle{width:50px;height:4px;margin:0 auto 22px;border-radius:4px;background:#d7d3cc}.cart-sheet header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.cart-sheet header h2{margin:6px 0 0}.cart-sheet header button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:23px}.cart-layout{display:grid;grid-template-columns:1fr 350px;gap:55px;padding-top:25px}.cart-items{min-height:260px}.empty-cart{height:250px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-cart b{display:block;margin-bottom:8px;color:var(--ink)}.cart-item{padding:13px 0;display:grid;grid-template-columns:75px 1fr auto auto;align-items:center;gap:15px;border-bottom:1px solid #191a1d13}.thumb{width:75px;height:75px;display:grid;place-items:center;border-radius:17px;font-size:40px}.cart-item h4{margin:0 0 5px;font-size:12px}.cart-item small{color:var(--muted);font-size:9px}.qty{display:flex;align-items:center;gap:10px;padding:4px;border:1px solid var(--line);border-radius:30px}.qty button{width:26px;height:26px;border:0;border-radius:50%;background:#eeeae2}.price{font:700 13px "DM Sans"}.remove{border:0;background:none;color:#aaa}.cart-layout aside{padding:25px;border-radius:27px;background:var(--cream)}aside h3{margin-top:0}aside>p{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}aside>p b{color:var(--ink)}aside .total{margin-top:15px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink);font-size:13px}.total b{font:700 21px "DM Sans"}.checkout{width:100%;height:56px;padding:0 9px 0 18px;border:0;border-radius:50px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;font-weight:700}.checkout i{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-style:normal}.checkout:disabled{opacity:.35}.copy{width:100%;margin:12px 0;border:0;background:transparent;text-decoration:underline;font-size:9px}.cart-layout aside>small{display:block;color:var(--muted);text-align:center;font-size:8px}.toast{position:fixed;z-index:90;top:22px;left:50%;transform:translate(-50%,-20px);padding:12px 18px;border-radius:30px;background:var(--ink);color:white;font-size:10px;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes rise{from{opacity:0;transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:950px){.wrap,.nav{width:min(calc(100% - 38px),850px)}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{padding-bottom:35px}.hero-art{height:600px}.products .product,.products .product:nth-child(n){grid-column:span 6;margin-top:0}.wholesale{grid-template-columns:1fr;gap:35px}.sticker{right:40px}.contact-grid{grid-template-columns:1fr}.links{grid-template-columns:repeat(3,1fr)}.links a{min-height:140px}}
@media(max-width:620px){.wrap,.nav{width:calc(100% - 28px)}.nav{height:82px}.brand-mark{width:40px;height:40px}.brand b{font-size:14px}.brand small{font-size:6px}.mini-cart{display:none}.lang{height:39px}.hero{min-height:auto;padding-top:105px}.hero h1{font-size:clamp(56px,17vw,80px)}.lead{font-size:12px}.cta-row{gap:14px}.main-btn{height:53px;padding-left:17px;gap:12px}.line-btn{font-size:9px}.facts{gap:22px;margin-top:38px;overflow:auto}.hero-art{height:440px;margin-top:18px;border-radius:45% 45% 20px 20px}.new-card{width:85px;height:85px}.categories{padding:70px 0}.cat{min-width:175px;height:70px;grid-template-columns:44px 1fr auto}.cat i{width:44px;height:44px}.section-head{grid-template-columns:1fr;gap:15px}.section-head h2,.contact-title h2{font-size:48px}.products{gap:10px}.products .product,.products .product:nth-child(n){grid-column:span 6;min-height:330px;border-radius:19px}.visual,.product:nth-child(n) .visual{height:215px}.emoji{font-size:82px}.product-info{padding:14px}.product-info h3{font-size:11px}.product-info strong{font-size:12px}.product-info p{display:none}.add{width:36px;height:36px}.shop{padding-bottom:85px}.wholesale{padding:35px 23px;border-radius:27px}.wholesale h2{font-size:70px}.sticker{width:76px;height:76px;right:20px;top:58px;font-size:10px}.contact{padding:85px 0 75px}.contact-title{display:block}.contact-title h2{text-align:left}.map{min-height:380px}.map-tag{left:15px;top:auto;bottom:15px}.map>span{display:none}.links{grid-template-columns:1fr}.links a{min-height:105px}.address{grid-template-columns:1fr;gap:10px}footer{padding:50px 18px 110px}footer>div{font-size:56px}.cart-dock{height:62px;grid-template-columns:49px 1fr auto}.dock-icon{width:49px;height:49px}.cart-dock>em{display:none}.cart-sheet{max-height:92vh;padding:12px 17px 25px;border-radius:27px 27px 0 0}.cart-layout{grid-template-columns:1fr;gap:22px}.cart-item{grid-template-columns:60px 1fr auto;gap:9px}.thumb{width:60px;height:60px;font-size:32px}.qty{grid-column:2}.price{grid-column:3;grid-row:1}.remove{grid-column:3;grid-row:2}}