@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap');
:root{
  --cream:#fff9f4; --paper:#fffdfb; --ink:#2c2826; --muted:#7d716b;
  --pink:#ffdce8; --rose:#e98aa7; --blue:#dbefff; --green:#dbead0; --gold:#c59d5f;
  --shadow:0 24px 70px rgba(65,42,34,.14); --radius:28px;
}
*{box-sizing:border-box} *:lang(th),body,button,input,select,textarea,a,p,span,strong,h1,h2,h3,h4,h5,h6,small,label{font-family:'Kanit',system-ui,sans-serif} html{scroll-behavior:smooth} body{margin:0;font-family:'Kanit',system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,#fff 0,#fff7fb 28%,var(--cream) 58%,#f7fbff 100%);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");z-index:50}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(255,249,244,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(44,40,38,.06)}.brand img{width:210px;max-width:52vw;display:block}nav{display:flex;gap:28px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-size:15px}.pill,.btn.primary{background:var(--ink);color:#fff!important;border-radius:999px;padding:12px 18px}.menu-btn{display:none;background:transparent;border:0;font-size:28px}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:72px 5vw 54px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:13px;margin:0 0 12px}.hero h1,.section-head h2,.contact h2{font-family:'Kanit',system-ui,sans-serif;font-size:clamp(48px,7vw,104px);line-height:.92;margin:0}.hero h1 span{color:var(--rose)}.lead{font-size:20px;color:var(--muted);max-width:720px;line-height:1.8}.hero-actions{display:flex;gap:14px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:14px 22px;border-radius:999px;font-weight:600}.btn.soft{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:640px}.stats div{padding:18px;background:rgba(255,255,255,.62);border:1px solid rgba(44,40,38,.07);border-radius:22px}.stats strong{display:block;font-size:18px}.stats span{color:var(--muted);font-size:14px}.hero-visual{position:relative;min-height:660px}.hero-img{position:absolute;object-fit:cover;border-radius:36px;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.72)}.hero-img.main{width:68%;height:72%;right:8%;top:7%;animation:float 6s ease-in-out infinite}.hero-img.mini{width:34%;height:38%;z-index:3}.hero-img.a{left:2%;top:0;transform:rotate(-8deg);animation:float 7s ease-in-out infinite reverse}.hero-img.b{left:7%;bottom:7%;transform:rotate(7deg);animation:float 6.5s ease-in-out infinite}.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.7}.orb.one{width:240px;height:240px;background:var(--pink);right:0;top:0}.orb.two{width:200px;height:200px;background:var(--blue);left:0;bottom:80px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -18px}}.marquee{overflow:hidden;border-block:1px solid rgba(44,40,38,.08);background:rgba(255,255,255,.5);padding:16px 0}.track{display:flex;gap:42px;white-space:nowrap;animation:marquee 24s linear infinite}.track span{font-family:'Kanit',system-ui,sans-serif;font-size:28px;color:#8b6258}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:88px 5vw}.section-head{text-align:center;max-width:860px;margin:0 auto 42px}.section-head h2,.contact h2{font-size:clamp(36px,5vw,68px);line-height:1.05}.section-head p{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:rgba(255,255,255,.72);border:1px solid rgba(44,40,38,.07);border-radius:var(--radius);padding:28px;box-shadow:0 12px 35px rgba(65,42,34,.06)}.info-card h3{font-size:24px;margin:0 0 8px}.info-card p{color:var(--muted);line-height:1.7}.toolbar{display:flex;gap:12px;margin:0 auto 28px;max-width:920px}input,select{width:100%;border:1px solid rgba(44,40,38,.1);background:#fff;border-radius:999px;padding:16px 18px;font:inherit;outline:none}select{max-width:210px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:rgba(255,255,255,.78);border:1px solid rgba(44,40,38,.08);border-radius:30px;overflow:hidden;box-shadow:0 16px 42px rgba(65,42,34,.08);transform:translateY(0);transition:.35s ease}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.product-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#fff;border:0;padding:0;width:100%;display:block;cursor:zoom-in;text-align:left;font:inherit;color:inherit}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-card:hover img{transform:scale(1.06)}.no-scroll{overflow:hidden}.image-lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:28px;background:rgba(32,28,26,.78);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.image-lightbox.open{opacity:1;visibility:visible}.image-lightbox img{max-width:min(94vw,1120px);max-height:82vh;object-fit:contain;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.35);background:#fff}.image-lightbox p{margin:0;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 16px}.lightbox-close{position:fixed;top:22px;right:24px;width:48px;height:48px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-size:34px;line-height:1;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.18)}.badge{position:absolute;top:14px;left:14px;border-radius:999px;padding:8px 12px;font-size:13px;background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(0,0,0,.08)}.status{position:absolute;top:14px;right:14px;border-radius:999px;padding:8px 12px;font-size:13px;background:#dff5df;color:#316b35}.status.soldout{background:#eee;color:#777}.product-body{padding:20px}.product-body h3{font-size:20px;line-height:1.25;margin:0 0 8px}.product-body p{color:var(--muted);line-height:1.55;margin:0 0 16px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:24px;font-weight:700;color:#9b5a50}.order{color:#fff;background:var(--rose);text-decoration:none;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:600}.contact-card{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;background:linear-gradient(135deg,#fff 0%,#fff1f6 55%,#ecf7ff 100%);border:1px solid rgba(44,40,38,.08);border-radius:38px;padding:46px;box-shadow:var(--shadow)}.contact-card p{color:var(--muted);line-height:1.7}.contact-links{display:grid;gap:12px}.contact-links a{background:#fff;border-radius:20px;padding:16px 18px;color:var(--ink);text-decoration:none;font-weight:600;box-shadow:0 10px 30px rgba(65,42,34,.08)}footer{display:flex;justify-content:space-between;gap:18px;padding:28px 5vw;color:var(--muted);border-top:1px solid rgba(44,40,38,.08)}footer a{color:var(--ink)}.floating-line{position:fixed;right:22px;bottom:22px;z-index:45;background:#08b34f;color:white;text-decoration:none;border-radius:999px;padding:15px 20px;font-weight:700;box-shadow:0 18px 45px rgba(8,179,79,.28)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{min-height:540px}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){nav{position:fixed;inset:70px 14px auto 14px;display:none;flex-direction:column;background:#fff;border-radius:26px;padding:22px;box-shadow:var(--shadow)}nav.open{display:flex}.menu-btn{display:block}.hero{padding-top:42px}.hero h1{font-size:54px}.stats,.intro-grid,.product-grid,.contact-card{grid-template-columns:1fr}.toolbar{flex-direction:column}select{max-width:none}.hero-visual{min-height:420px}.hero-img.main{width:74%;height:70%;right:0}.hero-img.mini{width:38%;height:34%}.section{padding:64px 5vw}.contact-card{padding:28px}footer{flex-direction:column}.track span{font-size:22px}.floating-line{left:18px;right:18px;text-align:center}.brand img{width:180px}}