:root{--navy:#093b62;--blue:#075ec9;--aqua:#d8f5fc;--ink:#15364b;--muted:#587080;--pad:clamp(20px,5vw,88px)}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Anuphan,sans-serif;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ec9800;outline-offset:4px}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e1edf3;transition:opacity .3s,transform .3s}header.faded{opacity:0;transform:translateY(-100%);pointer-events:none}header:focus-within{opacity:1;transform:none;pointer-events:auto}.navwrap{max-width:1440px;margin:auto;padding:17px var(--pad);display:flex;align-items:center;gap:30px}.brand{font-size:36px;line-height:1;font-weight:700;display:flex;gap:12px;align-items:center}.brandicon{background:var(--blue);color:white;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:40px}.brand small{display:block;font-size:10px;font-weight:500;margin-top:9px}.navwrap nav{display:flex;gap:26px;margin-left:auto;font-size:14px;white-space:nowrap}nav a[aria-current]{color:var(--blue);border-bottom:2px solid var(--blue)}.cartbtn{background:#edf6fd;border:0;border-radius:30px;padding:10px 15px;color:var(--navy);white-space:nowrap}.cartbtn b{background:var(--blue);color:white;border-radius:50%;padding:1px 7px;margin-left:5px}.hero{max-width:1440px;padding:55px var(--pad) 70px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;background:linear-gradient(120deg,#fff 40%,#edfaff)}h1{font-size:clamp(35px,4vw,58px);line-height:1.25;letter-spacing:-1.8px;margin:18px 0 24px}h2{font-size:clamp(29px,3vw,43px);line-height:1.35;letter-spacing:-1px;margin:12px 0 24px}h3{line-height:1.5;font-size:20px}.eyebrow{color:var(--blue);font-size:14px;font-weight:600}.intro{font-size:16px;line-height:1.9;color:var(--muted)}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;background:var(--blue);color:white;border:0;padding:14px 24px;border-radius:6px;font-weight:600;text-align:center}.call{font-size:14px;font-weight:600}.herophotos{position:relative;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:300px 240px;gap:12px;align-self:center}.herophotos img{height:100%;border-radius:8px}.herophotos img:nth-child(1){border-radius:65px 8px 8px 8px}.herophotos img:nth-child(4){border-radius:8px 8px 65px 8px}.photocaption{position:absolute;bottom:10px;left:15px;background:rgba(9,59,98,.9);color:white;font-size:10px;padding:4px 10px;border-radius:4px}.section{max-width:1440px;padding:70px var(--pad);margin:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#f3f9fc}.about img{height:440px;border-radius:8px 80px 8px 8px}small{color:var(--muted);font-size:12px}.about p{max-width:560px}.textlink{color:var(--blue);display:inline-block;border-bottom:1px solid;padding-bottom:3px;margin-top:10px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.sectionhead p{font-size:14px;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefits article{border-top:2px solid #bcdced;padding-top:25px}.benefits span{font-size:36px;color:var(--blue)}.benefits p{color:var(--muted);font-size:14px}.promotion{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:12px;max-width:calc(1440px - 2 * var(--pad));margin:30px var(--pad);padding:45px 55px}.promotion p{color:#cde7f8}.promotion h2{margin:12px 0}.white{background:white;color:var(--navy);white-space:nowrap}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service{border:1px solid #dfebf1;border-radius:8px;overflow:hidden}.service img{height:220px}.cardbody{padding:22px}.cardbody h3{margin:0 0 10px}.cardbody p{font-size:14px;color:var(--muted)}.cardbody .price{font-weight:600;color:var(--navy);border-top:1px solid #e3edf3;padding-top:15px}.add{width:100%;background:#edf7fd;color:var(--blue);border:0;padding:10px 15px;text-align:left;border-radius:4px}.add span{float:right}.articles details{border-top:1px solid #cddfe9;padding:20px 0}.articles summary{cursor:pointer;list-style:none;font-size:20px;font-weight:500}.articles summary span{float:right;color:var(--blue)}.articles p{max-width:850px;color:var(--muted)}.privacystrip{padding:25px var(--pad);background:#eaf7fc;text-align:center}.privacystrip a{color:var(--blue);margin-left:20px}.reviews{text-align:center;background:#f6fbfd}.reviewempty{padding:20px}.reviewempty span{font-size:70px;color:#69b1db;line-height:1}.reviewempty p{font-size:22px}.policy{max-width:1100px}.policy p{color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;background:#edf8fd}.bigphone{font-size:32px;font-weight:600;color:var(--blue)}iframe{border:0;width:100%;height:370px;border-radius:8px}footer{background:var(--navy);color:white;padding:55px var(--pad) 20px}.footgrid{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px}footer p{font-size:14px;color:#c1d9e8}footer h3{font-size:16px}.copyright{max-width:1260px;margin:30px auto 0;border-top:1px solid #42667e;padding-top:20px;font-size:12px;color:#b9d3e3;display:flex;justify-content:space-between}.skip{position:fixed;top:-70px;z-index:100;background:white;padding:12px}.skip:focus{top:0}#shade{position:fixed;inset:0;background:#092b4a88;z-index:50}#drawer{position:fixed;right:0;top:0;height:100dvh;width:min(440px,100%);background:white;z-index:51;padding:25px;overflow-y:auto;box-shadow:-10px 0 45px #082a4a22}#drawer .button{display:block;width:100%;margin:12px 0}#drawer .outline{background:#e7f4fc;color:var(--blue)}.drawerhead{display:flex;justify-content:space-between;align-items:center}.drawerhead h2{font-size:26px}.drawerhead button,#clear{border:0;background:transparent;color:var(--navy)}.cartrow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce7ee;padding:18px 0;gap:10px}.cartrow button{border:0;background:#f1f5f7;color:#a63333}.note{font-size:13px;color:var(--muted)}[hidden]{display:none!important}body.cart-active{overflow:hidden}
@media(min-width:1440px){.promotion{margin:30px auto}}
@media(max-width:1000px){.navwrap{gap:15px;flex-wrap:wrap}.navwrap nav{order:3;width:100%;justify-content:space-between;margin:0;gap:15px;overflow-x:auto;padding:8px 0 2px}.cartbtn{margin-left:auto}.hero{gap:25px}.herophotos{grid-template-rows:260px 220px}.benefits{grid-template-columns:repeat(2,1fr)}.about{gap:35px}.catalog{gap:18px}.cardbody{padding:16px}.cardbody h3{font-size:18px}}
@media(max-width:650px){.navwrap{padding-top:12px;padding-bottom:10px}.brand{font-size:30px}.brandicon{height:36px;width:36px}.navwrap nav{font-size:12px;gap:20px;justify-content:flex-start}.hero{grid-template-columns:1fr;padding-top:30px;gap:30px}.herophotos{grid-template-rows:230px 190px;gap:8px}.herocopy h1{font-size:42px}.intro{font-size:15px}.section{padding-top:45px;padding-bottom:45px}.about,.contact{grid-template-columns:1fr}.about img{height:300px}.sectionhead{display:block}.catalog{grid-template-columns:1fr}.service{display:grid;grid-template-columns:36% 1fr}.service img{height:100%;min-height:220px}.cardbody p{font-size:12px}.promotion{padding:30px 24px;display:block}.promotion .button{margin-top:15px}.promotion p{font-size:14px}.benefits{gap:20px}.benefits h3{font-size:18px}.footgrid{grid-template-columns:1fr}.copyright{display:block}.copyright a{display:block;margin-top:10px}.privacystrip{font-size:13px}.privacystrip a{display:block;margin:8px 0}iframe{height:300px}.bigphone{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* แนวภาพเต็มพื้นที่และกราฟิกปาดสี สำหรับร้านอั้ง */
:root{--navy:#344553;--blue:#db6864;--aqua:#cee6fa;--ink:#363a3d;--muted:#72777c;--pad:clamp(24px,7vw,110px)}
.topbar{background:#cee6fa;color:#313e49;font-size:13px}.topinner{max-width:1200px;margin:auto;display:flex;justify-content:flex-end;align-items:center;gap:28px;padding:12px 24px}.topinner span{margin-right:auto}.navwrap{max-width:1200px;min-height:125px;padding:24px;gap:35px}.brand{color:#b79d55;gap:12px;font-size:39px}.brandseal{border:2px solid #c7ae65;border-radius:50%;height:59px;width:59px;display:grid;place-items:center;color:#c7ae65;font-size:55px;font-weight:400}.brand small{font-size:10px;color:#b79d55;line-height:1.3}.navwrap nav{font-size:14px;gap:28px}nav a[aria-current]{border:0}.cartbtn{background:#f8f2df;color:#7a693d;border-radius:2px}.cartbtn b{background:#c7ae65}header{border-bottom:0}.button{border-radius:2px;background:#db6864;padding:13px 32px}.hero-stage{position:relative;min-height:780px;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#6c7c85;margin:0 20px}.hero-backdrops,.hero-slide{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-slide{object-fit:cover;opacity:0;transition:opacity .45s}.hero-slide.active{opacity:1}.hero-stage:after{content:'';position:absolute;inset:0;background:#15263320;z-index:-1}.hero-art{text-align:center;padding:60px 20px 90px;width:min(700px,100%)}.brush{position:relative;margin:auto;isolation:isolate}.brush:before{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(3% 13%,13% 9%,9% 5%,44% 3%,76% 0,95% 7%,88% 11%,100% 18%,95% 24%,99% 32%,95% 46%,100% 54%,95% 63%,98% 72%,88% 84%,93% 90%,68% 92%,43% 97%,19% 96%,3% 100%,9% 87%,0 77%,5% 66%,0 52%,6% 42%,2% 34%,7% 22%)}.brush.cream{padding:52px 35px 50px;transform:rotate(-2deg);max-width:630px}.brush.cream:before{background:#fffbdc}.cream p{font-size:75px;font-weight:700;line-height:1;margin:10px 0 20px;color:#65624c}.cream h1{font-size:28px;letter-spacing:0;margin:10px 0;font-weight:600}.cream span{font-size:16px}.brush.sky{padding:36px 30px;max-width:440px;margin-top:-5px;transform:rotate(2deg)}.brush.sky:before{background:#cee6fa}.sky h2{font-size:36px;line-height:1.6;margin:0;color:#536775;letter-spacing:0}.hero-art>.button{margin-top:24px}.slide-controls{position:absolute;bottom:26px;display:flex;gap:10px}.slide-dot{width:35px;height:35px;border:1px solid #ffffffb0;background:#ffffff30;color:white;border-radius:50%}.slide-dot.selected{background:#db6864;border-color:#db6864}.stage-caption{position:absolute;bottom:8px;right:15px;color:white;font-size:9px}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px}.welcome h2{font-size:43px;color:#5d6264}.welcome-lines .intro{columns:2;font-size:16px;line-height:2.25}.eyebrow{color:#b39345}.opening-gallery{padding-top:10px;max-width:1360px}.fourphotos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fourphotos img{height:255px;border-radius:0}.sectionhead h2{color:#596168}.sectionhead h2:after{content:'';display:block;width:58px;height:3px;background:#dc7370;margin-top:18px}.about{background:#f4f8fa}.about img{border-radius:0}.about h2{color:#5d6264}.benefits article{border-color:#cde4f5;text-align:center}.benefits span{color:#b39c57}.benefits h3{color:#606366}.promotion{border-radius:0;background:#cee6fa;color:#536775;max-width:1200px;padding:55px}.promotion p{color:#596e7a}.promotion h2{color:#4b5f6a}.white{background:#db6864;color:white}.service{border:0;border-radius:0;background:#f6f8f9}.service img{height:250px;border-radius:0}.cardbody{padding:25px}.add{background:#cee6fa;color:#425a6c;border-radius:0}.price{color:#9a8045!important}.reviews{background:#fffbed}.reviewempty span{color:#c9b674}.contact{background:#eef6fc}footer{background:#cee6fa;color:#4e6473}footer p,.copyright{color:#5c7281}.copyright{border-color:#adcbdc}.bigphone{color:#b9964e}.privacystrip{background:#fffbed}.textlink{color:#bd5956}.note{color:#72777c}
@media(max-width:1000px){.navwrap{min-height:100px}.navwrap nav{justify-content:center}.hero-stage{min-height:750px}.welcome-lines .intro{columns:1}.fourphotos{grid-template-columns:repeat(2,1fr)}.fourphotos img{height:280px}.welcome{gap:35px}}
@media(max-width:650px){.topinner{font-size:10px;gap:10px;padding:8px 20px}.topinner span{display:none}.topinner a:first-of-type{margin-right:auto}.navwrap{padding:16px 22px;gap:20px}.brand{font-size:32px}.brandseal{width:45px;height:45px;font-size:42px}.navwrap nav{justify-content:flex-start;gap:23px;font-size:12px}.hero-stage{margin:0 12px;min-height:680px}.hero-art{padding:40px 10px 90px}.brush.cream{padding:45px 24px}.cream p{font-size:65px}.cream h1{font-size:22px}.cream span{font-size:12px}.brush.sky{max-width:300px;padding:25px 22px}.sky h2{font-size:29px}.welcome{grid-template-columns:1fr;gap:15px}.welcome h2{font-size:34px}.welcome-lines .intro{columns:2;font-size:12px;line-height:2.3}.fourphotos{gap:8px}.fourphotos img{height:180px}.sectionhead h2{font-size:28px}.promotion{padding:30px 24px}.service img{height:100%}.cardbody{padding:18px}.hero-backdrops img{object-position:45% center}}