*{box-sizing:border-box}body{margin:0;background:#f5f0e6;color:#123f36;font-family:"IBM Plex Sans Thai",sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 5vw;border-bottom:1px solid #cbd6c9;background:#fffdf6}header>span{letter-spacing:.12em;font-size:14px}select{font:inherit;color:#123f36;background:#eff6ef;border:1px solid #b5cdbd;border-radius:8px;padding:9px}main{max-width:1080px;margin:36px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.gallery-card{min-width:0;border:1px solid #c5d1bf;border-radius:16px;overflow:hidden;background:#fffdf6}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:3/4;overscroll-behavior-x:contain}.gallery::-webkit-scrollbar{display:none}.gallery img{width:100%;height:100%;flex:0 0 100%;object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always;background:#ede9df}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.gallery-controls button{width:42px;height:42px;border:1px solid #b6c7b6;border-radius:50%;background:#123f36;color:white;font-size:28px;cursor:pointer}.gallery-controls button:disabled{opacity:.35;cursor:default}.details{padding:26px 0}.eyebrow{font-size:11px;letter-spacing:.12em;color:#91753d}h1{font-size:36px;font-weight:500;margin:20px 0 6px}dl{margin:28px 0}dl>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #cbd6c9}dd{margin:0;text-align:right}.book{display:block;background:#123f36;color:white;text-align:center;padding:15px;border-radius:8px}.phone{display:block;text-align:center;padding:16px}button:focus-visible,a:focus-visible{outline:3px solid #c2a45e;outline-offset:3px}@media(max-width:680px){header{padding:14px 16px;flex-wrap:wrap;font-size:13px}header>span{display:none}main{grid-template-columns:1fr;gap:16px;margin:20px auto;padding:0 18px;max-width:500px}.gallery{max-height:65svh}.details{padding:6px 0 20px}h1{font-size:30px}}.gallery-card{padding:10px 10px 0;border:1.5px solid #bdd8b9;border-radius:28px;background:linear-gradient(150deg,#fafff7,#eaf5e5);box-shadow:0 8px 24px #245a3714}.gallery{border-radius:20px 20px 5px 5px}.gallery-controls{padding:14px 8px}.gallery-controls button{background:linear-gradient(135deg,#398452,#123f36);border-color:#8ab497;box-shadow:0 3px 8px #123f3618}

.details h1{text-align:center}