:root{--pine:#173f36;--paper:#f5f6f2;--ink:#213d35;--wood:#bda278;--line:#d4dbd4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 Anuphan,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc8a40;outline-offset:4px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}header{position:sticky;top:0;z-index:20;background:#f5f6f2f5;border-bottom:1px solid var(--line);transition:opacity .3s,transform .3s}header.faded{opacity:0;transform:translateY(-100%);pointer-events:none}.header-inner{min-height:100px;display:flex;align-items:center;gap:28px;justify-content:space-between}.logo{font-size:32px;font-weight:600;line-height:1.2}.logo span{display:block;font-size:11px;letter-spacing:2px;margin-top:9px;font-weight:400}nav{display:flex;gap:27px;align-items:center}nav a{font-size:14px;white-space:nowrap}nav a[aria-current]{border-bottom:2px solid var(--pine)}button{border:0;background:none;color:inherit}.cart-open{border:1px solid var(--line);padding:8px 14px;border-radius:24px;white-space:nowrap}.cart-open span{background:var(--pine);color:white;border-radius:50%;padding:2px 7px;font-size:12px}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(42px,5vw,76px);font-weight:500;line-height:1.2;letter-spacing:-2px}h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.35;margin-bottom:24px}h3{font-size:21px;font-weight:500;margin-bottom:10px}p{margin-bottom:18px}img{width:100%;display:block;object-fit:cover}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;padding-block:55px 65px;align-items:center}.brandline{display:block;font-size:13px;margin-bottom:24px}.eight{margin:26px 0}.eight p{margin:0;font-size:15px;line-height:1.9}.button{display:inline-block;background:var(--pine);color:white;padding:14px 25px;border-radius:3px}.hero-images{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}.hero-images figure:nth-child(2){margin-top:58px}.hero-images figure:nth-child(3){margin-top:-32px}.hero-images img{height:255px}.hero-images figure:nth-child(1) img{height:310px}.hero-images figcaption{font-size:12px;padding-top:6px}.section{padding-block:80px}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.feature-img{height:540px}.split p{max-width:530px}.textlink{display:inline-block;border-bottom:1px solid;margin:8px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.three article{border-top:1px solid var(--line);padding-top:28px}.three p{font-size:15px}.promo{background:var(--pine);color:#fff;position:relative}.promo .wrap{max-width:900px}.promo span{font-size:14px}.promo h2{font-size:50px;margin-top:16px}.promo p{max-width:650px;color:#d0ddd7}.light{background:#f0f2e9;color:var(--pine)}.section-title{display:flex;justify-content:space-between;gap:30px;margin-bottom:32px}.section-title p{font-size:13px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 28px;margin-top:35px}.product img{height:290px}.product>div{padding:18px 0}.product small{color:#687d72;font-size:12px}.product h3{margin-top:6px}.product p{font-size:14px;min-height:25px}.product strong{font-size:15px;font-weight:500}.add{display:block;border-bottom:1px solid var(--line);padding:12px 0;width:100%;text-align:left;font-size:14px;margin-top:10px}.add:hover{background:#e6ebe3}.compact{max-width:900px}.review{background:#e6ebe3;text-align:center}.review p{max-width:650px;margin:0 auto 16px}.note{font-size:12px;opacity:.8;margin-top:20px}iframe{width:100%;height:430px;border:0}.prose{max-width:850px}.prose h2{font-size:27px;margin-top:35px}.prose h1{margin-bottom:40px}footer{background:#17372f;color:#e7eee7;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}footer p{font-size:14px;margin-top:18px}footer h3{font-size:16px}footer a:not(.logo){display:block;font-size:14px;margin-bottom:8px}.copyright{border-top:1px solid #ffffff25;padding-top:20px;margin-top:35px;font-size:12px}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100%;max-height:100%;border:0;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0c211d88}.drawer-head{display:flex;justify-content:space-between;align-items:baseline}.drawer-head h2{font-size:28px}.drawer-head button{font-size:24px}.cart-row{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-row img{width:85px;height:85px}.cart-row h3{font-size:16px}.cart-row button{border:1px solid var(--line);margin:3px;padding:1px 9px}#total{font-weight:600;padding-top:24px}#send{display:block;text-align:center}.empty{padding:50px 0;text-align:center}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header-inner{flex-wrap:wrap;gap:18px;padding-block:18px}.logo{font-size:26px}nav{order:3;width:100%;justify-content:space-between;gap:22px;overflow-x:auto;padding-bottom:5px}.hero{gap:25px}.hero-images img{height:190px}.hero-images figure:nth-child(1) img{height:240px}.split{gap:35px}.product img{height:220px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header-inner{gap:12px}nav{gap:22px;justify-content:flex-start}nav a{font-size:13px}.logo span{font-size:10px}.hero{grid-template-columns:1fr;padding-top:35px;gap:40px}.hero-copy h1{font-size:54px}.hero-images img{height:200px}.hero-images figure:nth-child(1) img{height:240px}.hero-images figure:nth-child(2){margin-top:30px}.hero-images figure:nth-child(3){margin-top:-15px}.section{padding-block:50px}.split,.three,.footer-grid{grid-template-columns:1fr;gap:28px}.feature-img{height:340px}.catalog{grid-template-columns:1fr 1fr;gap:25px 16px}.product img{height:180px}.product h3{font-size:18px}.product p{font-size:13px;min-height:50px}.product strong{font-size:13px}.add{font-size:12px}.section-title{display:block}.promo h2{font-size:38px}iframe{height:330px}.footer-grid{gap:30px}.eight p{font-size:14px}h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero-images figure:nth-child(3){margin-top:0}
/* ธีมเฟอร์นิเจอร์ไม้ โทนธรรมชาติ */
:root{--pine:#68513e;--paper:#fffefa;--ink:#4b4036;--wood:#bc9d78;--line:#e9e2d8}
body{background:var(--paper);font-weight:300}.wrap{width:min(1320px,calc(100% - 80px))}header{background:#faf7f1f8}.announcement{text-align:center;background:#705a45;color:white;font-size:11px;letter-spacing:.4px;padding:6px 18px}.header-inner{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:18px;padding-top:22px;min-height:128px}.logo{font-weight:500;letter-spacing:2px;font-size:36px}.logo span{letter-spacing:1.5px;color:#8c7964}.cart-open{justify-self:end;border:0;border-radius:0}.cart-open span{background:none;color:var(--ink);padding:0}.cart-open span::before{content:'('}.cart-open span::after{content:')'}.site-search{display:flex;border:1px solid var(--line);background:#fff;height:42px}.site-search input{width:100%;min-width:0;border:0;padding:10px 15px;font:inherit;font-size:13px;outline-offset:2px}.site-search button{background:var(--pine);color:#fff;font-size:26px;width:45px}nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:42px;padding:10px 0 16px}nav a{font-size:14px}nav a[aria-current]{border-bottom:1px solid}.showroom{padding-top:26px}.showroom-photo{height:580px;position:relative;overflow:hidden}.showroom-photo>img{height:100%;object-position:50% 56%}.showroom-shade{position:absolute;inset:0;background:linear-gradient(90deg,#261f1766,#261f1730,#261f170d)}.showroom-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px}.showroom-caption h1{font-size:clamp(38px,4.6vw,66px);line-height:1.4;font-weight:400;letter-spacing:0;text-shadow:0 2px 20px #0004}.showroom-caption p{font-size:16px;margin-bottom:12px}.showroom-caption h1+p{margin:20px 0 26px}.showroom-caption .button{background:#fffefaed;color:#574432;border-radius:40px;padding:12px 30px}.photo-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.photo-choices button{padding:0;text-align:left;position:relative;border-bottom:2px solid transparent}.photo-choices button[aria-pressed=true]{border-bottom-color:var(--pine)}.photo-choices img{height:145px}.photo-choices span{display:block;text-align:center;font-size:13px;padding:9px}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:80px;border-bottom:1px solid var(--line);align-items:center}.welcome h2{font-size:42px;font-weight:400;margin:12px 0}.welcome-label{font-size:13px;color:#98836d}.welcome .eight{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;margin:0}.welcome .eight p{font-size:13px}h2{font-weight:400;letter-spacing:0}h3{font-weight:400}.button{border-radius:30px;font-size:14px}.section{padding-block:75px}.promo{background:#eee6da;color:var(--ink);text-align:center}.promo .wrap{max-width:760px}.promo p{color:#796855;margin-inline:auto}.promo h2{font-weight:400;font-size:44px}.light{background:var(--pine);color:white}.three article{border-top:0;padding:20px 0}.three article h3{padding-bottom:16px;border-bottom:1px solid var(--line)}.product{background:#fff}.product img{height:330px}.product h3{font-size:18px}.product small{color:#a08b73}.product p{color:#877a6d;font-size:13px}.product>div{text-align:center;padding:20px 12px}.add{text-align:center;border:1px solid #d6c7b7;border-radius:30px;width:85%;margin:18px auto 0;padding:9px;color:#68513e;background:transparent}.add:hover{background:#f3ede4}.catalog{gap:40px 26px}.section-title{align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.section-title h2{margin:0}.section-title p{margin:0;color:#8e7c68}.review{background:#f4efe8}.feature-img{height:520px}.textlink{font-size:14px}footer{background:#eae2d7;color:#62523f}.copyright{border-top:1px solid #cfc3b4}dialog{background:#fffdfa}.cart-row img{object-fit:cover}#search-status{font-size:14px;color:#8a7059}.product[hidden]{display:none}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{width:100%;gap:30px;order:initial}.header-inner{gap:16px}.logo{font-size:30px}.showroom-photo{height:520px}.photo-choices img{height:115px}.welcome{gap:28px}.welcome .eight{grid-template-columns:1fr}.product img{height:260px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.announcement{font-size:10px}.header-inner{grid-template-columns:1fr auto;gap:12px;padding-top:16px}.site-search{grid-column:1/-1;grid-row:2;height:36px}.cart-open{grid-column:2;grid-row:1}.logo{font-size:29px}nav{grid-row:3;justify-content:flex-start;gap:23px;padding:7px 0 12px}.showroom{padding-top:16px}.showroom-photo{height:510px}.showroom-caption{padding:25px 18px}.showroom-caption h1{font-size:36px}.showroom-caption p{font-size:13px}.photo-choices{gap:8px;margin-top:10px}.photo-choices img{height:80px}.photo-choices span{font-size:10px;line-height:1.5;padding:8px 0}.welcome{grid-template-columns:1fr;gap:22px;padding-block:45px}.welcome h2{font-size:33px}.welcome .eight{grid-template-columns:1fr 1fr;gap:8px 16px}.welcome .eight p{font-size:12px;line-height:1.9}.section{padding-block:48px}.product img{height:190px}.product>div{padding:14px 4px}.product h3{font-size:16px}.product p{font-size:12px}.product strong{font-size:12px}.add{width:100%;font-size:11px}.catalog{gap:25px 14px}.promo h2{font-size:34px}.feature-img{height:360px}.section-title p{margin-top:16px}h1{letter-spacing:0}}
