/*
Theme Name: Banani Thai Spa Luxury
Version: 3.0.0
Description: Spa landing page with WhatsApp booking.
Author: Banani Thai Spa Luxury BD
License: GPL-2.0-or-later
Text Domain: banani-thai-spa
*/
:root{--gold:#b27c39;--dark:#242f29;--cream:#faf7f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font:16px/1.7 Arial,sans-serif;color:var(--dark);background:white}a{color:inherit;text-decoration:none}p{color:#68716a}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h2{font-size:clamp(34px,4vw,49px);margin:15px 0 22px}h3{font-size:27px;margin:12px 0}img{max-width:100%}.topbar{background:var(--dark);color:#eee;padding:9px 7%;display:flex;justify-content:space-between;font-size:12px}header{position:sticky;top:0;z-index:20;background:#fffffff5;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 15px #0000000a}.brand{font-size:18px;font-weight:bold;letter-spacing:1px}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:5px}nav{display:flex;gap:23px;align-items:center;font-size:13px}.button{display:inline-block;background:var(--gold);border:1px solid var(--gold);color:#fff;padding:13px 22px;font:13px/1.6 Arial,sans-serif;border-radius:4px;cursor:pointer}.button:hover{background:#926329}.banner{position:relative;min-height:620px;display:flex;align-items:center;background:#29352d}.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 48%}.banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12251df0,#12251da0 45%,#12251d10)}.banner-inner{position:relative;z-index:1;padding:60px 8%;color:white}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.5px;text-transform:uppercase}.banner .eyebrow{color:#ead0a1}h1{font-size:clamp(48px,6vw,82px);margin:20px 0}h1 em{color:#eed2a4}.banner p{color:#f2eee5}.outline{background:transparent;border-color:#ffffff80;margin-left:12px}.section{padding:80px 8%}.section-title{text-align:center;max-width:700px;margin:0 auto 38px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.image-card{border-radius:10px;overflow:hidden;box-shadow:0 10px 35px #172a2410;border:1px solid #eee7da}.image-card>img{width:100%;height:230px;object-fit:cover;display:block}.image-card>div{padding:22px}.image-card a{font-size:13px;color:#8e6029}.about-grid{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.about-image img{width:100%;height:430px;object-fit:cover;border-radius:8px}.contact-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 8%;background:var(--dark);color:white;gap:20px}.contact-strip b,.contact-strip span,.contact-strip a{display:block}.contact-strip b{color:#e7c18e;font-size:14px}.contact-strip span,.contact-strip a{font-size:14px}.packages{background:#fff}.package{padding:30px;border:1px solid #e7ddca;border-radius:8px;background:#fcfaf5}.number{color:var(--gold);font-size:13px}.package .button{margin-top:15px}.cta{padding:50px 8%;background:#eae3d2;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}.note{font-size:12px}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#booking{background:var(--cream)}#booking>p{max-width:700px}#booking-form{max-width:850px}label{display:block;font-size:14px;margin-bottom:18px}input,textarea{display:block;width:100%;margin-top:6px;padding:14px;font:inherit;color:var(--dark);border:1px solid #c7cfc6;border-radius:4px;background:white}.visit{display:grid;grid-template-columns:1fr 1fr;gap:10%}.phone{font-size:27px;color:#916329}footer{padding:50px 8% 25px;background:var(--dark);color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer p{color:#c4cdc5}footer div>a:not(.brand),footer span{display:block;font-size:14px;margin-top:8px}footer b{color:#e6c18c}.copyright{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:20px;font-size:12px}.floating{position:fixed;bottom:20px;right:20px;z-index:30;background:#176b45;color:white;border-radius:30px;padding:12px 22px;box-shadow:0 5px 20px #0002;font-size:13px}.menu-toggle{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:12px;z-index:50}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b58c44;outline-offset:4px}@media(max-width:1000px){nav{gap:12px}.brand{font-size:14px}header{padding:16px 4%}}@media(max-width:760px){.menu-toggle{display:block;background:none;border:1px solid #ccc;padding:8px 12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 8px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch}.banner{min-height:580px}.banner:after{background:linear-gradient(90deg,#12251de8,#12251d70)}.banner>img{object-position:43% center}.banner-inner{padding:50px 6%}.section{padding:55px 6%}.three-grid,.about-grid,.visit,.booking-grid{grid-template-columns:1fr}.about-image img{height:320px}.contact-strip{grid-template-columns:1fr;padding:28px 6%}.cta{padding:40px 6%;align-items:flex-start;flex-direction:column}.gallery{gap:16px;grid-template-columns:1fr}.image-card>img{height:auto;aspect-ratio:3/2}footer{grid-template-columns:1fr;gap:20px;padding-bottom:80px}.topbar{font-size:11px}.booking-grid{gap:0}.floating{bottom:14px;right:14px}}

/* Lavender editorial design */
:root{--gold:#815f32;--dark:#383449;--cream:#f7f3ee}body{background:#fffdfa;color:#383449}p{color:#625e69}.topbar,footer,.contact-strip{background:#403c59}header{background:#fffdf9f5}header .brand{font-family:Georgia,serif;letter-spacing:.6px}.brand small{color:#876b44}.banner{min-height:650px}.banner>img{object-position:center}.banner:after{background:linear-gradient(90deg,#30283cd9 0%,#30283ca8 37%,#30283c05 78%)}h1{font-size:clamp(46px,5.5vw,78px);line-height:1.08;max-width:800px}h1 em{color:#f0d7ac}.banner-inner{max-width:1050px}.button{border-radius:2px;padding:13px 23px}.button:hover{background:#654620}.section-title .eyebrow{color:#756483}.image-card{box-shadow:none;border-radius:110px 110px 8px 8px;border-color:#e4dbe7}.image-card>img{height:270px}.image-card>div{text-align:center;padding:26px 15px}.about-image img{border-radius:180px 180px 8px 8px}.packages{background:#f4f0f6}.package{background:#fffdf9;border-color:#ded4e3;border-radius:6px;padding:30px}.package h3{font-size:29px;min-height:65px}.price-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e8e1e8;padding:13px 0;font-size:14px}.price-line strong{font-size:20px;font-weight:500}.package .button{margin-top:25px}.cta{background:#e9e0ed}.gallery img{border-radius:5px}.video-section{background:#fffdf9}.video-frame{max-width:1000px;margin:auto;aspect-ratio:16/9;background:#383449;border-radius:8px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.video-section>.note{text-align:center}.note a{text-decoration:underline}select{display:block;width:100%;margin-top:6px;padding:14px;font:inherit;color:var(--dark);border:1px solid #c7cfc6;border-radius:4px;background:white}select:focus-visible{outline:3px solid #b58c44;outline-offset:4px}#booking-form{max-width:none}#booking{background:#f1edf4}.phone{color:#715a85}.floating{background:#42384f}.contact-strip b,footer b{color:#ead2ac}footer .brand small{color:#ead2ac}@media(max-width:1100px){nav{gap:11px;font-size:12px}header{padding:18px 4%}}@media(max-width:900px){.menu-toggle{display:block;background:none;border:1px solid #ccc;padding:8px 12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdfa;padding:20px}nav.open{display:flex;flex-direction:column;align-items:stretch}}@media(max-width:760px){.banner{min-height:580px}.banner:after{background:linear-gradient(90deg,#30283ce8,#30283c80)}.banner>img{object-position:64% center}.banner-inner{padding:55px 6%}.three-grid{gap:18px}.package h3{min-height:0}.image-card>img{height:260px}.section-title{text-align:left}.video-frame{border-radius:3px}h1{font-size:48px}.topbar{gap:8px}.brand{font-size:14px}.banner .button{padding:12px 15px}.gallery{grid-template-columns:1fr 1fr;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}