:root{--ink:#020604;--forest:#06110d;--forest2:#091812;--forest3:#10241b;--gold:#d6aa4f;--gold-hi:#f3d486;--ivory:#f6ecd4;--muted:#a8afa5;--line:rgba(214,170,79,.36);--shadow:rgba(0,0,0,.58)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--forest);color:#f5f0e4;font-family:'DM Sans',Arial,sans-serif;font-size:13px;letter-spacing:.01em}body.drawer-open,body.modal-open{overflow:hidden}a,button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500}h2{color:var(--ivory)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{height:54px;position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;padding:0 2.7%;background:rgba(2,7,5,.94);border-bottom:1px solid rgba(217,173,85,.22);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;min-width:185px}.brand img{width:150px;height:auto;display:block}.nav nav{display:flex;gap:23px;align-items:center;margin:auto}.nav nav a{color:#e6e2d8;text-decoration:none;font-size:10px;white-space:nowrap;transition:.25s}.nav nav a:hover,.nav nav a:focus{color:var(--gold-hi)}.nav-actions{display:flex;align-items:center;gap:8px}.gold-btn,.outline-btn,.dark-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;padding:11px 18px;border:1px solid var(--gold);text-decoration:none;font-weight:700;font-size:10px;letter-spacing:.15px;transition:.25s}.gold-btn{background:linear-gradient(135deg,#f4d27b,#d7a947);color:#171206;box-shadow:0 7px 22px rgba(215,169,71,.14)}.gold-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(215,169,71,.26)}.outline-btn,.dark-btn{background:rgba(5,14,11,.78);border-color:rgba(217,173,85,.6);color:#f0d69a}.dark-btn{padding:9px 16px}.lang{height:34px;padding:0 11px;background:transparent;color:#eee8db;border:1px solid rgba(217,173,85,.38);border-radius:4px}.hamb{display:none;background:none;border:0;color:#fff;font-size:22px}
.hero{position:relative;min-height:371px;margin-top:54px;padding:72px 4.1% 46px;display:flex;align-items:center;background:url('/assets/hero-clean.jpg') 58% center/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,5,.98) 0%,rgba(2,7,5,.9) 27%,rgba(2,7,5,.4) 61%,rgba(2,7,5,.52) 100%),linear-gradient(0deg,rgba(4,11,8,.95),transparent 45%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}.hero-content{position:relative;z-index:2;max-width:620px}.eyebrow{margin:0 0 8px;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi);font-weight:600}.hero h1{font-family:'Cinzel',serif;color:#f0cf7a;font-size:31px;line-height:1.05;letter-spacing:1.8px;margin-bottom:6px}.hero h2{font-size:58px;line-height:.78;letter-spacing:-1px;text-shadow:0 3px 22px rgba(0,0,0,.35)}.hero h2 i{color:#e6bf68;font-weight:400}.hero-copy{max-width:410px;color:#e0dbcf;font-size:11px;line-height:1.65;margin:17px 0}.actions{display:flex;gap:10px}.hero-dots{position:absolute;z-index:2;right:5%;top:43%;display:flex;flex-direction:column;gap:6px;color:#cfc7b0;font-size:10px}.hero-dots b{color:#f3d37c}.hero-scroll{display:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 10.5%;background:#07110e;border-top:1px solid rgba(217,173,85,.24);border-bottom:1px solid rgba(217,173,85,.24)}.stats div{display:flex;align-items:center;justify-content:center;gap:11px;min-height:55px;border-right:1px solid rgba(217,173,85,.22)}.stats div:last-child{border-right:0}.stats b{font:500 28px 'Cormorant Garamond',serif;color:var(--gold-hi)}.stats span{font-size:8px;line-height:1.3;color:#c0c2b9}
.section{padding:31px 1.15% 34px;position:relative}.signature-section{background:radial-gradient(circle at 0 55%,rgba(34,70,54,.28),transparent 30%),#07130f}.therapists-section{background:linear-gradient(180deg,#07130f,#06100d)}.offers-section{background:linear-gradient(180deg,#07130f,#081611)}.membership-section{background:linear-gradient(180deg,#07130f,#0a1712)}.gallery-section{background:#07130f}.testimonials-section{background:#06100d}.section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.72;background:radial-gradient(ellipse at -3% 42%,rgba(53,91,67,.24),transparent 22%),radial-gradient(ellipse at 103% 75%,rgba(53,91,67,.18),transparent 23%),radial-gradient(ellipse at 20% 105%,rgba(18,50,37,.18),transparent 24%)}.section-head{position:relative;z-index:2;max-width:1500px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.section-head.centered{justify-content:center;text-align:center}.section-head h2{font-size:34px;line-height:1;color:#f1e2bd}.section-head p:not(.eyebrow){margin:7px 0 0;color:#aeb4ab;font-size:8px;line-height:1.55}.section-tools{display:flex;align-items:center;gap:6px}.round-btn{width:31px;height:31px;border-radius:50%;border:1px solid rgba(217,173,85,.55);background:#091713;color:var(--gold-hi);font-size:18px}.round-btn:hover{background:#d9ad55;color:#171206}.cards{position:relative;z-index:2;max-width:1500px;margin:auto;display:flex;gap:9px}.carousel-track{overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scrollbar-width:none;scroll-snap-type:x mandatory}.carousel-track::-webkit-scrollbar{display:none}.carousel-track .card{flex:0 0 calc((100% - 45px)/6);scroll-snap-align:start}.card{position:relative;overflow:hidden;border:1px solid rgba(217,173,85,.46);border-radius:5px;background:linear-gradient(180deg,#10211a,#07100d);box-shadow:0 12px 26px rgba(0,0,0,.42);transition:.3s}.card:hover{transform:translateY(-3px);border-color:#d7b261;box-shadow:0 17px 35px rgba(0,0,0,.62)}.card-img{height:121px;background-position:center;background-size:cover;position:relative}.card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(2,7,5,.75))}.card-body{padding:9px 9px 10px}.card h3{font-size:16px;color:#f0e2c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desc{font-size:7px;line-height:1.35;color:#bbbfb6;min-height:29px;margin:5px 0 7px}.tier-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:7px}.tier-row span{border:1px solid rgba(217,173,85,.36);border-radius:3px;padding:4px 2px;text-align:center;background:#080f0c}.tier-row b,.tier-row em{display:block;font-style:normal}.tier-row b{font-size:6px;color:#ddd6c7}.tier-row em{font-size:7px;color:#f1c96d;margin-top:2px}.card .gold-btn{width:100%;padding:8px 5px;font-size:8px}
.therapist-grid .card{flex-basis:calc((100% - 50px)/6)}.therapist-card .card-img{height:173px}.therapist-card .card-body{text-align:center}.therapist-card h3{font-size:17px}.role{font-size:7px;color:#b9beb6;margin-top:2px}.status{position:absolute;right:6px;top:6px;z-index:2;background:#12b75e;color:white;border-radius:10px;padding:4px 7px;font-size:6px;font-weight:700}.status.vip{background:#d5aa49;color:#201708}.status.busy{background:#e64c3e}.therapist-card .stars{margin:5px 0;color:#f0c65d;font-size:8px}.stars small{color:#aaa;font-size:7px}
.offers{position:relative;z-index:2;max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px}.offer{min-height:142px;border:1px solid rgba(217,173,85,.46);border-radius:5px;background-size:cover;background-position:center;position:relative;overflow:hidden}.offer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,5,.95),rgba(2,7,5,.65) 48%,rgba(2,7,5,.08))}.offer-content{position:relative;z-index:2;padding:17px;max-width:70%}.offer h3{font-size:23px;color:#f0d188}.offer p:not(.eyebrow){font-size:7px;line-height:1.45;color:#d6d2c7;margin:3px 0}.offer strong{display:block;color:#f2c963;font-size:11px;margin:7px 0}.offer .gold-btn{padding:7px 12px;font-size:7px}
.membership-wrap{position:relative;z-index:2;max-width:1500px;margin:auto;display:grid;grid-template-columns:1.28fr 1fr;gap:10px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plan{border:1px solid rgba(217,173,85,.42);border-radius:5px;background:linear-gradient(180deg,#12231b,#08120f);padding:17px 12px;box-shadow:0 12px 28px rgba(0,0,0,.32)}.plan.featured{border-color:#e1bf70;box-shadow:0 15px 35px rgba(220,176,79,.1)}.plan.featured:before{content:"Most Popular";position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#e0b95e;color:#1c1608;padding:3px 9px;border-radius:8px;font-size:6px;font-weight:700}.plan h3{text-align:center;font-size:18px;color:#e9dbb9}.amount{text-align:center;font:500 22px 'Cormorant Garamond',serif;color:#f2c866;margin:7px}.amount small{font:7px 'DM Sans',sans-serif;color:#9fa69d}.plan ul{list-style:none;padding:0;margin:9px 0 12px}.plan li{font-size:7px;line-height:1.9;color:#c2c5bc}.plan .gold-btn{width:100%;padding:8px;font-size:7px}.experience{position:relative;overflow:hidden;min-height:220px;border:1px solid rgba(217,173,85,.45);border-radius:5px;background:#0b1612}.experience-bg{position:absolute;inset:0;background:url('/assets/room-hd.jpg') center/cover}.experience-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,5,.93),rgba(2,7,5,.5) 58%,rgba(2,7,5,.1))}.experience-copy{position:relative;z-index:2;padding:28px 25px;max-width:64%}.experience-copy h2{font-size:37px;line-height:.86}.experience-copy p:not(.eyebrow){font-size:8px;line-height:1.6;color:#d4d1c7}
.gallery{position:relative;z-index:2;max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid rgba(217,173,85,.34);background:#091511;color:#cbc9bf;border-radius:999px;padding:7px 12px;font-size:7px}.filters .active{background:#dfb85e;color:#211707;border-color:#efcf80}.gallery-item{height:112px;border:1px solid rgba(217,173,85,.4);border-radius:5px;background-size:cover;background-position:center;transition:.3s}.gallery-item:hover{transform:scale(1.015)}
.reviews{position:relative;z-index:2;max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.review{min-height:128px;padding:15px;border:1px solid rgba(217,173,85,.36);border-radius:5px;background:linear-gradient(180deg,#0d1b16,#07100d)}.quote{font:32px 'Cormorant Garamond',serif;color:#d9ad55;line-height:.6}.review p{font:14px 'Cormorant Garamond',serif;line-height:1.35;color:#ddd7c9;margin:9px 0}.reviewer{display:flex;align-items:center;gap:8px}.avatar{width:29px;height:29px;border-radius:50%;border:1px solid #6e5728;background-size:cover;background-position:center}.reviewer b{font-size:8px}.review .stars{font-size:8px;color:#e2b85d}
.cta{position:relative;z-index:2;max-width:1500px;margin:15px auto 45px;display:grid;grid-template-columns:1fr 1.15fr .85fr;overflow:hidden;border:1px solid rgba(217,173,85,.44);border-radius:5px;background:#0a1511}.cta-photo{min-height:150px;background:url('/assets/stone-leaf-hd.jpg') center/cover}.cta-copy{padding:27px}.cta h2{font-size:42px}.cta h3{font:500 12px 'DM Sans',sans-serif;color:#f0cb74;margin:4px 0}.cta small{font-size:7px;color:#aeb3aa}.cta .gold-btn{margin-top:10px}.cta-points{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:20px}.cta-points span{display:grid;grid-template-columns:28px 1fr;column-gap:6px}.cta-points i{grid-row:1/3;color:#dfb75d;font-style:normal}.cta-points b{font-size:8px}.cta-points small{font-size:6px;color:#8f9890}
.faq-section{padding-bottom:48px}.faq-grid{position:relative;z-index:2;max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px}.faq{position:relative;padding:11px 13px;border:1px solid rgba(217,173,85,.28);border-radius:3px;background:#091511;cursor:pointer}.faq strong{font:500 13px 'Cormorant Garamond',serif;color:#e8ddc3}.faq>span{position:absolute;right:12px;color:#e2b85e}.answer{display:none;color:#aeb5ad;font-size:8px;line-height:1.6;padding-top:8px}.faq.open .answer{display:block}.faq.open>span{transform:rotate(45deg)}
footer{background:#030806;border-top:1px solid rgba(217,173,85,.2)}.footer-main{display:grid;grid-template-columns:1.5fr .8fr 1fr 1.25fr;gap:38px;padding:42px 5%;max-width:1500px;margin:auto}.footer-brand img{width:145px}.footer-main>div>p{font-size:8px;color:#8f9992;line-height:1.7}.footer-main h4{font:600 8px 'Cinzel',serif;letter-spacing:1.5px;color:#e5cf94;margin:3px 0 12px}.footer-main a{display:block;color:#929b95;text-decoration:none;font-size:8px;line-height:1.9}.socials{color:#c7a65b;margin-top:14px}.map{position:relative;min-height:145px;border:1px solid rgba(217,173,85,.28);border-radius:4px;overflow:hidden;background:linear-gradient(135deg,#2d403b,#b5aa83 50%,#35504a);background-image:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.3)),url('/assets/gallery-1.jpg');background-size:cover;background-position:center}.map-label{position:absolute;top:15px;left:15px;background:rgba(3,8,6,.83);padding:7px 10px}.map-label b{display:block;color:#f2d181;font-size:12px}.map-label small{font:7px 'DM Sans',sans-serif;color:#d5d2c8}.map button{position:absolute;right:10px;bottom:10px;border:0;background:#e1b85d;color:#201708;border-radius:3px;padding:7px 9px;font-size:7px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;padding:12px 5%;border-top:1px solid rgba(217,173,85,.14);color:#69736c;font-size:6px}
.float-chat{position:fixed;z-index:450;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f2d183,#c69740);border:1px solid #f4d98f;color:#181205;box-shadow:0 12px 35px rgba(0,0,0,.55);cursor:pointer}.chat{position:fixed;z-index:460;right:20px;bottom:78px;width:315px;background:#07110e;border:1px solid rgba(217,173,85,.45);border-radius:6px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.75);display:none}.chat.show{display:block}.chat-head{display:flex;justify-content:space-between;padding:13px;background:#10211a;color:#f1d286}.chat-head button{background:none;border:0;color:white;font-size:18px}.chat-messages{height:240px;padding:12px;overflow:auto}.chat-messages p{max-width:82%;padding:8px 10px;border-radius:4px;font-size:9px;line-height:1.4}.chat-messages .bot{background:#12241c}.chat-messages .user{background:#dcb35e;color:#1a1407;margin-left:auto}.chat form{display:flex;padding:8px;border-top:1px solid rgba(217,173,85,.15)}.chat input{flex:1;background:#0d1b15;border:1px solid #2f4137;color:white;padding:9px;border-radius:3px}.chat form button{width:42px;border:0;background:#dcb35e;border-radius:3px;margin-left:5px}
.booking-overlay{position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.22);backdrop-filter:blur(2px);visibility:hidden;opacity:0;transition:.3s}.booking-overlay.show{visibility:visible;opacity:1}.booking-drawer{position:absolute;right:0;top:15px;bottom:15px;width:min(522px,34.8vw);min-width:430px;background:linear-gradient(180deg,#090c0a,#030605);border:1px solid rgba(217,173,85,.55);border-radius:14px 0 0 14px;box-shadow:-25px 0 70px rgba(0,0,0,.62);overflow:auto}.drawer-close{position:absolute;z-index:4;right:12px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(217,173,85,.65);background:rgba(2,6,4,.65);color:#fff;font-size:24px}.drawer-photo{height:184px;margin:20px 18px 0;border-radius:9px;background-size:cover;background-position:center;border:1px solid rgba(217,173,85,.28)}.drawer-body{padding:10px 20px 18px}.drawer-body h2{font-size:29px}.drawer-rating{margin:4px 0 10px}.drawer-rating span{color:#f2c75e;letter-spacing:2px}.drawer-rating small{color:#b7b7ae;font-size:8px}.drawer-body>p:not(.eyebrow){font-size:9px;line-height:1.55;color:#d4d2ca}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-bottom:1px solid rgba(217,173,85,.16);padding:10px 0 12px}.benefits span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#edc866;font-size:18px;border-right:1px solid rgba(217,173,85,.15)}.benefits span:last-child{border-right:0}.benefits b{font:7px 'DM Sans',sans-serif;color:#d0d0c7}.drawer-body h4{font:600 10px 'DM Sans',sans-serif;color:#f1e7d1;margin:12px 0 7px}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.duration{position:relative;min-height:57px;background:#080d0b;border:1px solid #3a3c36;border-radius:5px;color:#eee;display:flex;flex-direction:column;justify-content:center;gap:3px}.duration span{font-size:8px}.duration strong{font-size:12px;color:#f0cb72}.duration.selected{border-color:#e2bd68;box-shadow:inset 0 0 0 1px #e2bd68}.duration b{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#e7c36d;color:#201708;border-radius:8px;padding:3px 7px;font-size:6px;white-space:nowrap}.drawer-therapists{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.drawer-therapist{background:#0a110e;border:1px solid #343c35;border-radius:6px;color:#fff;padding:4px;display:flex;flex-direction:column;text-align:left}.drawer-therapist img{width:100%;height:82px;object-fit:cover;border-radius:4px}.drawer-therapist b{font-size:8px;margin-top:4px}.drawer-therapist small{font-size:6px;color:#aaa}.drawer-therapist em{font-style:normal;color:#f0c55d;font-size:6px;margin-top:3px}.drawer-therapist span{margin-top:5px;background:#efc965;color:#211807;text-align:center;padding:5px;border-radius:3px;font-size:7px;font-weight:700}.drawer-therapist.selected{border-color:#e2bd68}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.date,.time{border:1px solid #313733;background:#101613;color:#ddd;border-radius:4px;padding:6px 2px;font-size:7px;white-space:pre-line}.date.selected,.time.selected{border-color:#e2bd68;color:#f4d28a;background:#151712}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:5px}.booking-summary{display:flex;align-items:center;gap:9px;margin-top:10px;padding:8px;border:1px solid rgba(217,173,85,.24);border-radius:5px}.booking-summary img{width:65px;height:40px;object-fit:cover;border-radius:3px}.booking-summary div{flex:1}.booking-summary b,.booking-summary small{display:block}.booking-summary b{font-size:9px}.booking-summary small{font-size:7px;color:#aaa}.booking-summary strong{font-size:11px;color:#f0c965}.drawer-book{width:100%;margin-top:8px}
.customer-modal{position:fixed;inset:0;z-index:800;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.customer-modal.show{display:flex}.customer-card{width:min(500px,100%);position:relative;padding:28px;border:1px solid rgba(217,173,85,.55);border-radius:8px;background:linear-gradient(180deg,#102018,#06100d);box-shadow:0 30px 100px rgba(0,0,0,.8)}.customer-card .close{position:absolute;right:12px;top:10px;border:0;background:none;color:#fff;font-size:26px}.customer-card h2{font-size:40px}.customer-intro{color:#aaa;font-size:9px}.customer-card form{display:grid;gap:8px;margin-top:15px}.customer-card input,.customer-card select,.customer-card textarea{width:100%;background:#09130f;border:1px solid rgba(217,173,85,.25);border-radius:4px;color:#eee;padding:11px;font-size:9px}.customer-card textarea{min-height:75px;resize:vertical}.customer-card .gold-btn{width:100%}
@media(max-width:1250px){.nav nav{gap:13px}.nav nav a{font-size:9px}.brand{min-width:165px}.brand img{width:140px}.carousel-track .card,.therapist-grid .card{flex-basis:calc((100% - 30px)/4)}.booking-drawer{width:42vw}}
@media(max-width:900px){.nav{padding:0 4%;height:60px}.nav nav{display:none}.nav-actions .nav-book{display:none}.hamb{display:block}.hero{margin-top:60px;min-height:510px;padding:105px 7% 45px;background-position:66% center}.hero h1{font-size:24px}.hero h2{font-size:53px}.hero-copy{font-size:10px}.stats{padding:10px 3%}.section{padding:40px 3.5%}.section-head h2{font-size:38px}.carousel-track .card,.therapist-grid .card{flex-basis:calc((100% - 20px)/3)}.gallery{grid-template-columns:repeat(3,1fr)}.gallery-item{height:125px}.membership-wrap{grid-template-columns:1fr}.booking-drawer{top:0;bottom:0;width:90vw;min-width:0;border-radius:12px 0 0 12px}.footer-main{grid-template-columns:1fr 1fr}.map{min-height:130px}}
@media(max-width:600px){.nav{height:52px}.brand img{width:116px}.nav-actions{gap:4px}.lang{height:29px;font-size:8px}.hero{margin-top:52px;min-height:315px;padding:62px 6% 26px;background-position:66% center}.hero h1{font-size:16px;letter-spacing:1.3px}.hero h2{font-size:38px;line-height:.8}.hero-copy{font-size:8px;line-height:1.5;max-width:260px;margin:12px 0}.eyebrow{font-size:6px;letter-spacing:2.1px}.gold-btn,.outline-btn{padding:8px 11px;font-size:7px}.hero-dots{right:4%;font-size:7px}.stats{grid-template-columns:repeat(4,1fr);padding:7px 2%}.stats div{min-height:42px;gap:4px}.stats b{font-size:18px}.stats span{font-size:5px}.section{padding:24px 2.2% 25px}.section-head{align-items:center;margin-bottom:11px}.section-head h2{font-size:26px}.section-head p:not(.eyebrow){font-size:6px;line-height:1.35}.section-tools .dark-btn{display:none}.round-btn{width:24px;height:24px;font-size:14px}.carousel-track .card,.therapist-grid .card{flex-basis:82vw}.card-img{height:105px}.therapist-card .card-img{height:180px}.card-body{padding:7px}.card h3{font-size:13px}.desc{font-size:6px;min-height:23px}.tier-row{gap:2px}.tier-row b{font-size:5px}.tier-row em{font-size:6px}.card .gold-btn{font-size:6px;padding:7px}.offers{grid-template-columns:1fr;gap:6px}.offer{min-height:118px}.offer-content{padding:13px;max-width:70%}.offer h3{font-size:20px}.membership-wrap{gap:7px}.plans{grid-template-columns:repeat(3,1fr);gap:4px}.plan{padding:11px 6px}.plan h3{font-size:13px}.amount{font-size:17px}.plan li{font-size:5px}.plan .gold-btn{font-size:5px;padding:6px}.experience{min-height:170px}.experience-copy{padding:20px 15px;max-width:70%}.experience-copy h2{font-size:29px}.gallery{grid-template-columns:repeat(3,1fr);gap:4px}.gallery-item{height:70px}.filters button{font-size:5px;padding:5px 8px}.reviews{grid-template-columns:1fr;gap:5px}.review{min-height:100px;padding:10px}.review p{font-size:11px}.cta{grid-template-columns:1fr;margin:6px 0 25px}.cta-photo{min-height:120px}.cta-copy{padding:18px}.cta h2{font-size:34px}.cta-points{display:grid;grid-template-columns:repeat(3,1fr);padding:14px}.faq-grid{grid-template-columns:1fr}.faq strong{font-size:11px}.footer-main{grid-template-columns:1fr 1fr;gap:18px;padding:28px 5%}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px;font-size:5px}.chat{right:10px;width:calc(100vw - 20px)}.float-chat{right:13px;bottom:13px}.booking-drawer{width:100vw;border-radius:0;top:0;bottom:0}.drawer-photo{height:145px;margin:11px 11px 0}.drawer-body{padding:8px 12px 15px}.drawer-body h2{font-size:26px}.benefits span{font-size:15px}.benefits b{font-size:5px}.drawer-therapists img{height:67px}.duration-grid{gap:4px}.duration{min-height:52px}.date-grid{gap:3px}.time-grid{grid-template-columns:repeat(4,1fr)}.customer-card{padding:22px}.customer-card h2{font-size:32px}}

/* ===== APON LUXURY HD / RESPONSIVE UPGRADE ===== */
:root{
  --ink:#030605;--forest:#06100c;--forest2:#091812;--forest3:#10271c;
  --gold:#d9ad55;--gold-hi:#f7dc92;--ivory:#fff4d8;--muted:#b9beb5;
  --line:rgba(224,181,91,.38);--shadow:rgba(0,0,0,.65);
}
body{font-size:15px;background:#030806;overflow-x:hidden}
body:after{content:"";position:fixed;left:-180px;top:15vh;width:430px;height:75vh;background:url('/assets/stone-leaf-hd.jpg') left center/cover no-repeat;opacity:.16;filter:saturate(.8) contrast(1.1);pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,#000,transparent)}
.nav{height:72px;padding:0 3.2%;background:rgba(2,6,4,.88);border-bottom-color:rgba(238,199,112,.32);box-shadow:0 8px 35px rgba(0,0,0,.28)}
.brand{min-width:205px}.brand img{width:168px}.nav nav{gap:25px}.nav nav a{font-size:12px;letter-spacing:.02em}.gold-btn,.outline-btn,.dark-btn{min-height:44px;padding:12px 22px;font-size:12px;border-radius:6px}.lang{height:40px;font-size:12px}.hamb{font-size:26px}
.hero{min-height:620px;margin-top:72px;padding:125px 5.2% 70px;background-image:url('/assets/hero-hd.jpg');background-position:center;background-size:cover}.hero-overlay{background:linear-gradient(90deg,rgba(1,5,3,.96) 0%,rgba(1,5,3,.79) 31%,rgba(1,5,3,.20) 67%,rgba(1,5,3,.40) 100%),linear-gradient(0deg,rgba(1,5,3,.92),transparent 46%)}.hero-content{max-width:760px}.eyebrow{font-size:12px;letter-spacing:4px;margin-bottom:13px}.hero h1{font-size:47px;letter-spacing:2.5px;margin-bottom:11px}.hero h2{font-size:82px;line-height:.82}.hero-copy{max-width:560px;font-size:15px;line-height:1.65;margin:25px 0}.hero-dots{right:4.5%;font-size:13px;gap:10px}.hero .gold-btn,.hero .outline-btn{min-height:52px;padding:14px 28px;font-size:13px}.stats{padding:16px 10%;background:linear-gradient(180deg,#07120e,#040b08)}.stats div{min-height:74px;gap:15px}.stats b{font-size:36px}.stats span{font-size:11px}
.section{padding:55px 2.2% 60px;overflow:hidden}.section:before{opacity:.55;background:radial-gradient(ellipse at -2% 45%,rgba(39,85,61,.36),transparent 26%),radial-gradient(ellipse at 102% 30%,rgba(34,74,53,.25),transparent 24%),linear-gradient(90deg,rgba(3,9,6,.15),transparent 25%,transparent 75%,rgba(3,9,6,.2))}.signature-section{background:linear-gradient(90deg,rgba(4,13,9,.96),rgba(6,19,13,.92)),url('/assets/stone-leaf-hd.jpg') left center/42% 100% no-repeat,#07130f}.therapists-section{background:linear-gradient(90deg,rgba(4,13,9,.97),rgba(6,18,13,.92)),url('/assets/room-hd.jpg') right center/35% 100% no-repeat,#06100d}.offers-section{background:linear-gradient(90deg,rgba(4,13,9,.94),rgba(5,18,12,.9)),url('/assets/pool-hd.jpg') right center/38% 100% no-repeat,#081611}.membership-section{background:linear-gradient(90deg,rgba(4,13,9,.96),rgba(5,17,12,.90)),url('/assets/stone-leaf-hd.jpg') left center/35% 100% no-repeat,#0a1712}.gallery-section{background:linear-gradient(90deg,rgba(4,13,9,.94),rgba(5,16,12,.9)),url('/assets/pool-hd.jpg') center/cover no-repeat}.testimonials-section{background:linear-gradient(90deg,rgba(4,13,9,.96),rgba(4,15,10,.93)),url('/assets/room-hd.jpg') left center/40% 100% no-repeat}
.section-head{max-width:1580px;margin-bottom:28px}.section-head h2{font-size:46px;line-height:1.02}.section-head p:not(.eyebrow){font-size:12px;line-height:1.65;margin-top:10px}.section-tools{gap:9px}.round-btn{width:40px;height:40px;font-size:22px}.cards{max-width:1580px;gap:14px}.carousel-track{padding:4px 4px 18px}.carousel-track .card{flex-basis:calc((100% - 70px)/6)}
.card{border-radius:9px;box-shadow:0 18px 38px rgba(0,0,0,.48);background:linear-gradient(180deg,rgba(15,34,25,.97),rgba(4,12,9,.98))}.card-img{height:178px}.card-body{padding:15px 14px 16px}.card h3{font-size:23px}.desc{font-size:11px;line-height:1.5;min-height:48px;margin:8px 0 11px}.tier-row{gap:5px;margin-bottom:10px}.tier-row span{padding:7px 3px}.tier-row b{font-size:9px}.tier-row em{font-size:10px}.card .gold-btn{padding:11px 7px;font-size:11px}
.therapist-grid .card{flex-basis:calc((100% - 70px)/6)}.therapist-card .card-img{height:275px}.therapist-card h3{font-size:23px}.role{font-size:10px}.therapist-card .stars{font-size:12px}.stars small{font-size:9px}.status{font-size:9px;padding:6px 10px}
.offers{max-width:1580px;gap:14px}.offer{min-height:210px;border-radius:9px}.offer-content{padding:26px;max-width:74%}.offer h3{font-size:31px}.offer p:not(.eyebrow){font-size:11px;line-height:1.55}.offer strong{font-size:21px}.offer .gold-btn{font-size:11px}
.membership-wrap{max-width:1580px;gap:14px}.plans{gap:12px}.plan{padding:24px 18px;border-radius:9px}.plan h3{font-size:24px}.amount{font-size:32px;margin:10px}.amount small{font-size:10px}.plan li{font-size:10px;line-height:2.05}.plan .gold-btn{font-size:10px;padding:11px}.plan.featured:before{font-size:8px}.experience{min-height:330px;border-radius:9px;background:#091510}.experience-bg{background-image:url('/assets/room-hd.jpg')}.experience-copy{padding:45px 35px;max-width:70%}.experience-copy h2{font-size:52px}.experience-copy p:not(.eyebrow){font-size:11px;line-height:1.7}
.gallery{max-width:1580px;gap:10px}.filters{gap:7px}.filters button{padding:9px 15px;font-size:10px}.gallery-item{height:170px;border-radius:8px}
.reviews{max-width:1580px;gap:14px}.review{padding:22px;border-radius:9px}.review p{font-size:13px;line-height:1.65}.review b{font-size:12px}
.cta{max-width:1580px;margin:25px auto 65px;border-radius:9px;grid-template-columns:1fr 1.2fr .9fr}.cta-photo{min-height:235px;background-image:url('/assets/stone-leaf-hd.jpg')}.cta-copy{padding:40px}.cta h2{font-size:54px}.cta h3{font-size:18px}.cta small{font-size:11px}.cta-points{gap:18px;padding:28px}.cta-points b{font-size:11px}.cta-points small{font-size:9px}
.faq-section{padding-bottom:75px}.faq-grid{max-width:1180px;gap:9px}.faq{padding:16px 18px;border-radius:6px}.faq strong{font-size:17px}.answer{font-size:11px}.footer-main{max-width:1580px;padding:60px 5%;gap:50px}.footer-brand img{width:165px}.footer-main>div>p{font-size:11px}.footer-main h4{font-size:11px;margin-bottom:16px}.footer-main a{font-size:11px;line-height:2.1}.map{min-height:185px}.map-label b{font-size:15px}.map-label small{font-size:9px}.map button{font-size:10px;padding:9px 12px}.footer-bottom{padding:16px 5%;font-size:9px}
.float-chat{width:56px;height:56px;right:28px;bottom:28px}.chat{width:360px;right:28px}.chat-messages p{font-size:11px}.chat input{font-size:11px}
.booking-drawer{width:min(590px,39vw);min-width:470px}.drawer-photo{height:225px}.drawer-body{padding:14px 24px 22px}.drawer-body h2{font-size:38px}.drawer-body>p:not(.eyebrow){font-size:12px}.drawer-body h4{font-size:13px}.duration{min-height:68px}.duration span{font-size:10px}.duration strong{font-size:15px}.drawer-therapist b{font-size:10px}.drawer-therapist small{font-size:8px}.drawer-therapist em{font-size:8px}.drawer-therapist span{font-size:9px}.date,.time{font-size:9px;padding:9px 3px}.booking-summary b{font-size:11px}.booking-summary small{font-size:9px}.booking-summary strong{font-size:14px}.drawer-book{font-size:12px}

/* Mobile-first readability and true responsive behavior */
@media(max-width:1200px){.nav nav{gap:15px}.nav nav a{font-size:10px}.brand{min-width:175px}.brand img{width:145px}.hero{min-height:570px}.hero h1{font-size:40px}.hero h2{font-size:68px}.section-head h2{font-size:40px}.carousel-track .card,.therapist-grid .card{flex-basis:calc((100% - 42px)/4)}.card-img{height:165px}.therapist-card .card-img{height:235px}.booking-drawer{width:48vw}}
@media(max-width:900px){
  .nav{height:66px;padding:0 4%}.nav nav{display:none}.nav-actions .nav-book{display:none}.hamb{display:block}
  body.menu-open .nav nav{display:flex;position:absolute;top:66px;left:3%;right:3%;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:rgba(3,9,6,.98);border:1px solid rgba(224,181,91,.38);border-radius:0 0 12px 12px;box-shadow:0 20px 60px rgba(0,0,0,.7)}
  body.menu-open .nav nav a{font-size:15px;padding:13px 16px;border-bottom:1px solid rgba(224,181,91,.12)}
  .hero{margin-top:66px;min-height:560px;padding:105px 7% 50px;background-position:58% center}.hero h1{font-size:34px}.hero h2{font-size:62px}.hero-copy{font-size:14px;max-width:470px}.stats{padding:13px 4%}.stats b{font-size:31px}.stats span{font-size:10px}.section{padding:48px 4% 52px}.section-head h2{font-size:38px}.section-head p:not(.eyebrow){font-size:11px}.carousel-track .card,.therapist-grid .card{flex-basis:calc((100% - 28px)/3)}.card-img{height:175px}.therapist-card .card-img{height:240px}.offers{grid-template-columns:1fr}.offer{min-height:210px}.membership-wrap{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.gallery-item{height:145px}.cta{grid-template-columns:1fr 1.2fr}.cta-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.booking-drawer{width:88vw;min-width:0}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
  .nav{height:58px}.brand{min-width:auto}.brand img{width:125px}.lang{height:34px;font-size:10px}.hamb{font-size:24px}.hero{margin-top:58px;min-height:620px;padding:110px 6% 40px;background-position:63% center}.hero-overlay{background:linear-gradient(90deg,rgba(1,5,3,.95),rgba(1,5,3,.62) 62%,rgba(1,5,3,.40)),linear-gradient(0deg,rgba(1,5,3,.88),transparent 60%)}.eyebrow{font-size:10px;letter-spacing:3px}.hero h1{font-size:27px;line-height:1.05}.hero h2{font-size:53px;line-height:.82}.hero-copy{font-size:13px;line-height:1.6;max-width:330px}.hero .gold-btn,.hero .outline-btn{min-height:46px;padding:12px 17px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr);padding:10px 5%}.stats div{min-height:62px}.stats div:nth-child(2){border-right:0}.stats b{font-size:28px}.stats span{font-size:9px}.section{padding:42px 4% 46px}.section-head{align-items:flex-end}.section-head h2{font-size:34px}.section-head p:not(.eyebrow){font-size:10px}.section-tools .dark-btn{display:none}.round-btn{width:36px;height:36px}.carousel-track .card,.therapist-grid .card{flex-basis:86vw}.card-img{height:195px}.card-body{padding:15px}.card h3{font-size:22px}.desc{font-size:10px;min-height:43px}.tier-row b{font-size:8px}.tier-row em{font-size:9px}.card .gold-btn{font-size:10px;padding:10px}.therapist-card .card-img{height:280px}.therapist-card h3{font-size:23px}.role{font-size:10px}.offers{gap:10px}.offer{min-height:185px}.offer-content{padding:22px}.offer h3{font-size:28px}.offer p:not(.eyebrow){font-size:10px}.offer strong{font-size:19px}.plans{grid-template-columns:1fr}.plan{padding:22px 18px}.plan h3{font-size:23px}.amount{font-size:30px}.plan li{font-size:10px}.experience{min-height:290px}.experience-copy{padding:30px 22px;max-width:78%}.experience-copy h2{font-size:43px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery-item{height:125px}.filters{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:4px}.filters button{font-size:9px;padding:8px 13px;white-space:nowrap}.reviews{grid-template-columns:1fr}.review p{font-size:12px}.cta{grid-template-columns:1fr;margin:10px 0 40px}.cta-photo{min-height:190px}.cta-copy{padding:28px}.cta h2{font-size:48px}.cta h3{font-size:16px}.cta small{font-size:10px}.cta-points{grid-template-columns:1fr;gap:12px}.faq-grid{grid-template-columns:1fr}.faq strong{font-size:16px}.answer{font-size:10px}.footer-main{grid-template-columns:1fr;gap:28px;padding:42px 7%}.footer-main>div:first-child{grid-column:auto}.footer-bottom{font-size:8px;gap:7px}.float-chat{width:52px;height:52px;right:15px;bottom:15px}.chat{right:10px;bottom:75px;width:calc(100vw - 20px)}.booking-drawer{width:100vw;border-radius:0}.drawer-photo{height:180px;margin:10px 10px 0}.drawer-body{padding:10px 14px 18px}.drawer-body h2{font-size:32px}.benefits span{font-size:17px}.benefits b{font-size:7px}.drawer-therapists{grid-template-columns:repeat(2,1fr)}.drawer-therapist img{height:120px}.duration-grid{grid-template-columns:repeat(2,1fr)}.date-grid{grid-template-columns:repeat(4,1fr)}.time-grid{grid-template-columns:repeat(3,1fr)}.customer-card h2{font-size:35px}
}
@media(max-width:390px){.hero{min-height:590px}.hero h1{font-size:24px}.hero h2{font-size:46px}.hero-copy{font-size:12px}.section-head h2{font-size:30px}.carousel-track .card,.therapist-grid .card{flex-basis:91vw}.card h3{font-size:20px}.card-img{height:185px}.therapist-card .card-img{height:260px}.offer h3{font-size:25px}.experience-copy h2{font-size:38px}.gallery-item{height:110px}}

/* Luxury photo atmosphere + richer demo presentation */
body{background:#030a07}
.signature-section,.therapists-section,.offers-section,.membership-section,.gallery-section,.testimonials-section,.faq-section{overflow:hidden}
.signature-section:after,.therapists-section:after,.offers-section:after,.membership-section:after,.gallery-section:after,.testimonials-section:after,.faq-section:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-repeat:no-repeat;background-size:cover;background-position:center;mix-blend-mode:screen}
.signature-section:after{background-image:linear-gradient(90deg,rgba(2,8,5,.96),rgba(2,8,5,.55),rgba(2,8,5,.93)),url('/assets/luxury-sanctuary-hd.png')}
.therapists-section:after{background-image:linear-gradient(90deg,rgba(2,8,5,.94),rgba(2,8,5,.48),rgba(2,8,5,.95)),url('/assets/room-hd.jpg')}
.offers-section:after{background-image:linear-gradient(90deg,rgba(2,8,5,.96),rgba(2,8,5,.48),rgba(2,8,5,.92)),url('/assets/stone-leaf-hd.jpg')}
.membership-section:after{background-image:linear-gradient(90deg,rgba(2,8,5,.96),rgba(2,8,5,.55),rgba(2,8,5,.94)),url('/assets/pool-hd.jpg')}
.gallery-section:after{background-image:linear-gradient(90deg,rgba(2,8,5,.90),rgba(2,8,5,.44),rgba(2,8,5,.90)),url('/assets/luxury-sanctuary-hd.png')}
.testimonials-section:after{background-image:linear-gradient(90deg,rgba(2,8,5,.96),rgba(2,8,5,.50),rgba(2,8,5,.96)),url('/assets/stone-leaf-hd.jpg')}
.faq-section:after{background-image:linear-gradient(90deg,rgba(2,8,5,.96),rgba(2,8,5,.50),rgba(2,8,5,.96)),url('/assets/room-hd.jpg')}
.section>*{position:relative;z-index:2}
.hero{background-image:url('/assets/hero-hd.jpg'),url('/assets/luxury-sanctuary-hd.png');background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background:url('/assets/stone-leaf-hd.jpg') left bottom/28% auto no-repeat;opacity:.22;z-index:1;pointer-events:none}
.experience-bg{background-image:linear-gradient(90deg,rgba(4,12,9,.18),rgba(4,12,9,.1)),url('/assets/luxury-sanctuary-hd.png')!important;background-size:cover!important;background-position:center!important}
.cta-photo{background-image:url('/assets/luxury-sanctuary-hd.png')!important;background-size:cover!important;background-position:center!important}
.plan{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,18,13,.88),rgba(2,8,6,.98)),var(--plan-bg) center/cover no-repeat!important}
.plan:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.55));pointer-events:none}
.plan-content{position:relative;z-index:2}
.socials{display:flex;align-items:center;gap:10px;margin-top:16px}
.social{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(243,212,134,.42);border-radius:50%;background:rgba(4,12,9,.74);color:#f3d486;transition:.25s;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.social:hover{transform:translateY(-3px);background:linear-gradient(135deg,#f3d486,#c99732);color:#171006;border-color:#f3d486}
.social svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1.4}
.social svg rect,.social svg circle{fill:none}
.social svg .fill{fill:currentColor;stroke:none}.social svg .cut{fill:#08110c;stroke:none}
@media(max-width:600px){.social{width:35px;height:35px}.social svg{width:16px;height:16px}.signature-section:after,.therapists-section:after,.offers-section:after,.membership-section:after,.gallery-section:after,.testimonials-section:after,.faq-section:after{opacity:.22}.hero:before{background-size:55% auto;opacity:.16}.plan{min-height:190px}}

/* APON reference-matched footer */
.footer-faq-section{padding:24px 6.1% 42px!important;background:#020806 url('/assets/footer-top-leaves.png') center top/cover no-repeat!important;border-bottom:1px solid #d6aa4f;position:relative;overflow:hidden}
.footer-faq-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,5,.08),rgba(1,7,5,.78));opacity:1!important}
.footer-faq-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1360px;margin:0 auto}
.footer-faq-grid .faq{min-height:66px;padding:0 58px 0 74px;display:flex;align-items:center;border:1px solid #c89b39;border-radius:10px;background:rgba(2,7,5,.88);box-shadow:0 0 0 1px rgba(243,212,134,.07) inset;cursor:pointer}
.footer-faq-grid .faq:before{content:"";position:absolute;left:21px;top:18px;width:28px;height:28px;border-radius:5px;background:#f3d486;box-shadow:0 4px 15px rgba(0,0,0,.25)}
.footer-faq-grid .faq:after{content:"";position:absolute;left:29px;top:23px;width:12px;height:12px;background:linear-gradient(#1c170b,#1c170b) center/12px 3px no-repeat,linear-gradient(#1c170b,#1c170b) center/3px 12px no-repeat}
.footer-faq-grid .faq strong{font-family:'Poppins',sans-serif!important;font-size:16px!important;font-weight:500;color:#f4f1e9;letter-spacing:.1px;line-height:1.3}
.footer-faq-grid .faq-plus{position:absolute;right:19px;top:12px!important;transform:none!important;color:#f3d486;font:400 32px/1 'Poppins',sans-serif!important}
.footer-faq-grid .faq .answer{display:none;color:#aeb5ad;font:400 11px/1.55 'Poppins',sans-serif;padding:10px 0 13px}
.footer-faq-grid .faq.open{align-items:flex-start;padding-top:18px;padding-bottom:16px;display:block}
.footer-faq-grid .faq.open:before{top:18px}.footer-faq-grid .faq.open:after{top:30px;background:#1c170b;width:12px;height:3px}.footer-faq-grid .faq.open strong{display:block;padding-right:25px}.footer-faq-grid .faq.open .answer{display:block;margin-top:7px}

.apon-footer{position:relative;background:#010604;color:#f4f0e6;border-top:0;overflow:hidden;font-family:'Poppins','DM Sans',Arial,sans-serif}
.apon-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(15,37,25,.12),transparent 42%);pointer-events:none}
.footer-leaf{position:absolute;top:0;bottom:0;width:145px;background-repeat:no-repeat;background-size:100% 100%;opacity:.95;pointer-events:none;z-index:0}
.footer-leaf-left{left:0;background-image:url('/assets/footer-left-leaves.png');background-position:left center}
.footer-leaf-right{right:0;background-image:url('/assets/footer-right-leaves.png');background-position:right center}
.apon-footer .footer-main{position:relative;z-index:2;max-width:1420px;margin:0 auto;padding:23px 26px 27px;display:grid;grid-template-columns:1.55fr 1.15fr 1.2fr 1.35fr;gap:30px;align-items:stretch}
.apon-footer .footer-main>div{min-width:0}
.apon-footer .footer-main>div+div{border-left:1px solid rgba(214,170,79,.48);padding-left:25px}
.apon-footer .footer-about{border-left:0!important;padding-left:0!important}
.footer-logo{display:inline-block!important;margin:0 0 9px!important}
.footer-logo img{display:block;width:265px;height:auto;max-width:100%;image-rendering:auto}
.apon-footer .footer-about p{margin:0;color:#eeeae1;font:400 14px/1.55 'Poppins',sans-serif;letter-spacing:-.1px}
.footer-socials{display:flex;align-items:center;gap:24px;margin-top:14px}
.footer-socials a{display:grid!important;place-items:center!important;width:28px;height:28px;color:#f3d486!important;text-decoration:none!important;line-height:1!important}
.footer-socials svg{width:27px;height:27px;fill:currentColor;stroke:currentColor;stroke-width:1.25}
.footer-socials svg rect,.footer-socials svg circle{fill:none}.footer-socials svg .solid{fill:currentColor;stroke:none}.footer-socials svg .cut{fill:#010604;stroke:none}
.apon-footer .footer-column h4{margin:1px 0 11px;color:#f3d486;font:700 20px/1.2 'Poppins',sans-serif;letter-spacing:-.25px}
.apon-footer .footer-links .link-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.apon-footer .footer-links a{display:block;color:#eeeae1!important;text-decoration:none!important;font:400 15px/2.02 'Poppins',sans-serif!important;white-space:nowrap}
.apon-footer .footer-links a:hover{color:#f3d486!important}
.apon-footer .footer-contact p{display:flex;align-items:center;gap:13px;margin:0;color:#eeeae1;font:400 14px/1.95 'Poppins',sans-serif;white-space:nowrap}
.contact-icon{width:25px;display:inline-grid;place-items:center;font-weight:700;font-size:21px;flex:0 0 25px}.contact-icon.phone,.contact-icon.location,.contact-icon.clock{color:#f3d486}.contact-icon.whatsapp{color:#25d366}.contact-icon.email{color:#39a9ff}.contact-icon.instagram{color:#e84c92}
.footer-map{position:relative!important;border:1px solid rgba(220,184,92,.22)!important;border-radius:11px!important;overflow:hidden!important;min-height:238px!important;background:#16211e!important;padding:0!important}
.apon-footer .footer-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.98)}
.footer-map:after{content:"";position:absolute;inset:0;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);pointer-events:none}
.footer-map button{position:absolute;right:13px;bottom:13px;z-index:3;border:0;border-radius:25px;background:linear-gradient(135deg,#f4d27b,#d6a948);color:#191307;padding:13px 21px;font:700 14px 'Poppins',sans-serif;box-shadow:0 9px 25px rgba(0,0,0,.24)}
.footer-map button span{font-size:18px;margin-left:6px}
.apon-footer .footer-bottom{position:relative;z-index:2;min-height:58px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c49b42;color:#eeeae1;font:400 14px 'Poppins',sans-serif}
.apon-footer .footer-bottom>div{display:flex;align-items:center;gap:18px}.apon-footer .footer-bottom a{color:#eeeae1!important;text-decoration:none!important;font:400 14px 'Poppins',sans-serif!important}.apon-footer .footer-bottom a:hover{color:#f3d486!important}.apon-footer .footer-bottom i{height:21px;width:1px;background:#c49b42;display:block}
.footer-top{position:absolute;right:23px;bottom:13px;transform:translateY(-58px);z-index:5;width:57px;height:57px;border:0;border-radius:50%;background:#f4c85e;color:#171106;font:700 27px/1 'Poppins',sans-serif;box-shadow:0 8px 25px rgba(0,0,0,.3)}

@media(max-width:1100px){.apon-footer .footer-main{grid-template-columns:1.3fr 1fr 1.2fr;}.footer-map{grid-column:1/-1;min-height:210px!important}.apon-footer .footer-main>div:nth-child(4){border-left:0;padding-left:0}.footer-logo img{width:240px}.apon-footer .footer-about p{font-size:13px}.apon-footer .footer-links a,.apon-footer .footer-contact p{font-size:13px}}
@media(max-width:700px){.footer-faq-section{padding:18px 4% 27px}.footer-faq-grid{grid-template-columns:1fr;gap:9px}.footer-faq-grid .faq{min-height:58px;padding-left:63px}.footer-faq-grid .faq strong{font-size:13px!important}.footer-faq-grid .faq:before{left:17px;top:15px;width:25px;height:25px}.footer-faq-grid .faq:after{left:24px;top:20px}.footer-faq-grid .faq-plus{font-size:27px!important;right:15px;top:12px!important}
  .footer-leaf{width:78px;opacity:.75}.apon-footer .footer-main{grid-template-columns:1fr;gap:23px;padding:32px 8% 28px}.apon-footer .footer-main>div+div{border-left:0;border-top:1px solid rgba(214,170,79,.38);padding:20px 0 0}.apon-footer .footer-about{padding-top:0!important;border-top:0!important}.footer-logo img{width:235px}.apon-footer .footer-about p{font-size:12px}.footer-socials{gap:18px}.apon-footer .footer-column h4{font-size:18px}.apon-footer .footer-links a,.apon-footer .footer-contact p{font-size:12px}.footer-map{min-height:205px!important}.apon-footer .footer-bottom{min-height:88px;padding:13px 7%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;font-size:10px}.apon-footer .footer-bottom a{font-size:10px!important}.apon-footer .footer-bottom>div{gap:10px}.apon-footer .footer-bottom i{height:15px}.footer-top{right:16px;bottom:14px;transform:none;width:52px;height:52px;font-size:24px}}

/* APON footer — rebuilt as CSS UI, not a photographic footer */
.footer-faq-section{background:#030907!important;background-image:radial-gradient(ellipse at 8% 0%,rgba(38,73,47,.45),transparent 30%),radial-gradient(ellipse at 92% 0%,rgba(45,78,50,.42),transparent 30%),linear-gradient(180deg,#07120d 0%,#020806 100%)!important;border-bottom:1px solid rgba(232,190,89,.82)!important}
.footer-faq-section:before{background:linear-gradient(180deg,rgba(1,7,5,.05),rgba(1,7,5,.22))!important}
.footer-faq-section:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background:radial-gradient(ellipse at 0 0,rgba(103,145,78,.5) 0 2%,transparent 2.4%),radial-gradient(ellipse at 100% 0,rgba(103,145,78,.45) 0 2%,transparent 2.4%);background-size:150px 90px,170px 100px;background-position:0 0,100% 0}
.apon-footer{background:linear-gradient(180deg,#020806 0%,#010403 100%)!important}
.apon-footer:before{background:radial-gradient(circle at 50% 20%,rgba(35,69,43,.18),transparent 45%),linear-gradient(90deg,rgba(6,19,12,.3),transparent 18%,transparent 82%,rgba(6,19,12,.3))!important}
.footer-botanical{position:absolute;top:0;bottom:0;width:180px;pointer-events:none;z-index:0;opacity:.95}
.footer-botanical:before,.footer-botanical:after{content:"";position:absolute;border-radius:100% 0 100% 0;transform:rotate(-24deg);filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.footer-botanical-left{left:0;background:radial-gradient(ellipse at 0 6%,#4e7f42 0 5%,transparent 5.8%),radial-gradient(ellipse at 13% 19%,#2c6136 0 7%,transparent 7.8%),radial-gradient(ellipse at 1% 33%,#5b8844 0 6%,transparent 6.8%),radial-gradient(ellipse at 17% 49%,#275832 0 8%,transparent 8.8%),radial-gradient(ellipse at 3% 68%,#467a3c 0 7%,transparent 7.8%),radial-gradient(ellipse at 20% 85%,#234d2f 0 8%,transparent 8.8%)}
.footer-botanical-right{right:0;transform:scaleX(-1);background:radial-gradient(ellipse at 0 6%,#4e7f42 0 5%,transparent 5.8%),radial-gradient(ellipse at 13% 19%,#2c6136 0 7%,transparent 7.8%),radial-gradient(ellipse at 1% 33%,#5b8844 0 6%,transparent 6.8%),radial-gradient(ellipse at 17% 49%,#275832 0 8%,transparent 8.8%),radial-gradient(ellipse at 3% 68%,#467a3c 0 7%,transparent 7.8%),radial-gradient(ellipse at 20% 85%,#234d2f 0 8%,transparent 8.8%)}
.footer-botanical-left:before{width:105px;height:32px;left:-8px;top:28px;background:linear-gradient(90deg,#6d9b4e,#2b5c35);box-shadow:18px 72px 0 -2px #376b39,5px 150px 0 -1px #6a984d,20px 250px 0 -3px #315f35,4px 365px 0 -1px #527f43}
.footer-botanical-left:after{width:75px;height:20px;left:15px;bottom:38px;background:#305f35;box-shadow:35px -75px 0 -2px #47783d,0 -145px 0 -1px #668f49}
.footer-main{position:relative}
.footer-logo img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.45));}
.footer-socials a{transition:transform .22s ease,color .22s ease,filter .22s ease}.footer-socials a:hover{transform:translateY(-3px);color:#fff1bb!important;filter:drop-shadow(0 3px 8px rgba(243,212,134,.35))}
.footer-map{background:#dfe8df!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 12px 25px rgba(0,0,0,.25)!important}
.map-grid{position:absolute;inset:0;background-color:#dce8dc;background-image:linear-gradient(18deg,transparent 47%,rgba(255,255,255,.92) 48%,rgba(255,255,255,.92) 51%,transparent 52%),linear-gradient(83deg,transparent 44%,rgba(255,255,255,.95) 45%,rgba(255,255,255,.95) 48%,transparent 49%),linear-gradient(125deg,transparent 67%,rgba(198,211,198,.9) 68%,rgba(198,211,198,.9) 72%,transparent 73%),linear-gradient(8deg,transparent 24%,rgba(188,204,189,.8) 25%,rgba(188,204,189,.8) 27%,transparent 28%);overflow:hidden}
.map-grid:before{content:"";position:absolute;inset:15% 48% 0 0;background:#c5dec4;border-radius:50% 45% 40% 55%;opacity:.85}.map-grid:after{content:"";position:absolute;right:4%;top:20%;width:30%;height:54%;border-radius:48% 52% 58% 42%;background:#bcd9bb;opacity:.78}
.road{position:absolute;display:block;background:rgba(255,255,255,.94);box-shadow:0 0 0 1px rgba(176,190,177,.45)}.road-a{width:115%;height:12px;left:-7%;top:48%;transform:rotate(-9deg)}.road-b{width:115%;height:9px;left:-6%;top:22%;transform:rotate(21deg)}.road-c{width:9px;height:125%;left:52%;top:-10%;transform:rotate(16deg)}.road-d{width:8px;height:120%;left:27%;top:-8%;transform:rotate(-28deg)}
.park{position:absolute;right:5%;bottom:13%;font:600 11px/1.1 'Poppins',sans-serif;color:#558052;text-align:center;z-index:2}.map-pin{position:absolute;left:54%;top:42%;z-index:4;color:#ef4d3d;font-size:37px;line-height:1;text-shadow:0 2px 5px rgba(0,0,0,.22)}.map-pin small{display:block;position:absolute;left:25px;top:10px;white-space:nowrap;color:#b63a2e;font:700 8px 'Poppins',sans-serif;background:rgba(255,255,255,.88);padding:4px 7px;border-radius:4px}.map-label{position:absolute;z-index:2;color:#728074;font:700 8px 'Poppins',sans-serif;letter-spacing:1px}.map-gulshan{left:61%;top:63%}.map-card-title{position:absolute;z-index:5;left:14px;top:13px;background:rgba(255,255,255,.94);padding:10px 13px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:2px}.map-card-title b{font:700 12px 'Poppins',sans-serif;color:#33443a}.map-card-title a{font:500 9px 'Poppins',sans-serif;color:#2572b8;text-decoration:none}.footer-map button{z-index:6}
@media(max-width:700px){.footer-botanical{width:80px;opacity:.65}.map-card-title{left:9px;top:9px}.map-card-title b{font-size:10px}.map-card-title a{font-size:8px}.map-pin{left:50%;top:40%;font-size:30px}.map-pin small{font-size:7px}}

/* Admin image upload controls */
.upload-field{grid-column:1/-1;padding:14px;border:1px dashed rgba(231,194,101,.4);border-radius:12px;background:rgba(255,255,255,.025)}
.upload-field .upload-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upload-field input[type=file]{max-width:100%;font-size:12px;color:#e9e4d7}.upload-field small{display:block;color:#9ea69f;margin-top:7px}.upload-preview{width:90px;height:64px;object-fit:cover;border-radius:8px;border:1px solid rgba(231,194,101,.35);display:none}.upload-preview.show{display:block}


/* Visitor-site botanical frame — decorative foliage only, never used as a content image */
.site-botanical{position:fixed;top:54px;bottom:0;width:clamp(78px,12vw,190px);background-repeat:no-repeat;background-position:center top;background-size:100% auto;pointer-events:none;z-index:20;opacity:.92;filter:drop-shadow(0 12px 18px rgba(0,0,0,.42));}
.site-botanical-left{left:0;background-image:url('/assets/botanical-left.svg');}
.site-botanical-right{right:0;background-image:url('/assets/botanical-right.svg');}
.site-botanical:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,7,5,.06),transparent 70%);}
.site-botanical-right:after{transform:scaleX(-1);}
main,.nav,footer{position:relative;}
main{z-index:1;}
.nav{z-index:500;}
.apon-footer{z-index:2;}
@media(max-width:1100px){.site-botanical{width:clamp(58px,9vw,110px);opacity:.72}}
@media(max-width:700px){.site-botanical{top:52px;width:58px;opacity:.48;background-size:145% auto}.site-botanical-left{left:-4px}.site-botanical-right{right:-4px}}


/* APON botanical luxury treatment — uses the supplied leaf photography as transparent decorative layers. */
body{background:#020806;overflow-x:hidden}
main{position:relative;z-index:1}
.nav{left:4.4%;right:4.4%;top:10px;height:62px;border:1px solid rgba(222,181,82,.55);border-radius:12px;background:rgba(2,8,6,.72);box-shadow:0 14px 40px rgba(0,0,0,.28);backdrop-filter:blur(18px);padding:0 20px}
.nav .brand{min-width:205px}.nav .brand img{width:168px}.nav nav{gap:20px}.nav nav a{font-size:11px}.nav-actions .lang{display:none}
.hero{margin-top:0;min-height:575px;padding:128px 9% 70px;background-image:url('/assets/hero-clean.jpg');background-position:center 42%;border-bottom:0}
.hero-overlay{background:linear-gradient(90deg,rgba(1,8,5,.97) 0%,rgba(1,8,5,.88) 31%,rgba(1,8,5,.20) 61%,rgba(1,8,5,.30) 100%),linear-gradient(0deg,rgba(1,8,5,.95),transparent 52%)}
.hero-content{max-width:610px}.hero .eyebrow{font-size:10px;letter-spacing:4px}.hero h1{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:4px;font-weight:500;color:#f2d477;margin-bottom:16px}.hero h2{font-family:'Cormorant Garamond',serif;font-size:70px;line-height:.88;letter-spacing:-1.5px;color:#f3d17a;text-shadow:0 4px 30px rgba(0,0,0,.5)}.hero h2 i{color:#f3d17a}.hero-copy{font-size:13px;max-width:475px;line-height:1.7;margin:20px 0 22px;color:#eee8db}.actions .gold-btn,.actions .outline-btn{font-size:12px;padding:13px 20px;border-radius:7px}
.stats{position:relative;z-index:4;margin:-1px auto 0;max-width:1080px;border:1px solid rgba(221,180,82,.6);border-radius:12px;background:rgba(2,10,7,.86);box-shadow:0 20px 50px rgba(0,0,0,.35);padding:0 18px;transform:translateY(-28px)}.stats div{min-height:78px}.stats b{font-size:34px}.stats span{font-size:10px}
.section{padding:72px 5.2% 80px;overflow:hidden}.signature-section,.therapists-section,.offers-section,.membership-section,.gallery-section,.testimonials-section{background:linear-gradient(180deg,rgba(3,12,8,.90),rgba(2,9,6,.98))}.section:before{opacity:.42}.section-head{max-width:1120px;margin-bottom:25px}.section-head h2{font-size:45px;color:#f2d17b}.section-head p:not(.eyebrow){font-size:12px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:3.5px}.cards{max-width:1120px;gap:16px}.carousel-track .card{flex-basis:calc((100% - 48px)/4)}.card{border-radius:10px;background:rgba(5,16,12,.86);border-color:rgba(220,179,82,.55)}.card-img{height:190px}.card-body{padding:15px}.card h3{font-size:22px}.desc{font-size:10px;min-height:42px}.tier-row{gap:6px}.tier-row span{padding:6px 3px}.tier-row b{font-size:8px}.tier-row em{font-size:9px}.card .gold-btn{font-size:10px;padding:10px}
.offers{max-width:1120px;gap:16px}.offer{min-height:220px;border-radius:10px}.offer-content{padding:24px}.offer h3{font-size:28px}.offer p:not(.eyebrow){font-size:10px}.offer strong{font-size:14px}
.membership-wrap{max-width:1120px}.plans{gap:12px}.plan{border-radius:10px;padding:20px}.plan h3{font-size:24px}.amount{font-size:28px}
.gallery{max-width:1120px;margin:auto}.gallery-item{border-radius:10px}
.reviews{max-width:1120px;margin:auto}.review{border-radius:10px}
.cta{position:relative;z-index:2;max-width:1120px;margin:0 auto 70px;border-radius:14px;overflow:hidden;border:1px solid rgba(220,179,82,.58);box-shadow:0 25px 60px rgba(0,0,0,.38)}
.footer-faq-section{position:relative;z-index:2}

/* Visitor-site botanical side frame — supplied foliage stays on the left and right edges only. */
.site-botanical{position:fixed;top:0;bottom:0;width:clamp(150px,18vw,285px);pointer-events:none;z-index:6;background-repeat:no-repeat;background-position:center center;background-size:cover;filter:drop-shadow(0 14px 26px rgba(0,0,0,.48));opacity:.96}
.site-botanical-left{left:-12px;background-image:url('/assets/botanical-side-transparent.webp');background-position:left center}
.site-botanical-right{right:-12px;background-image:url('/assets/botanical-side-transparent.webp');background-position:right center;transform:scaleX(-1)}
.site-botanical:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,4,.02),transparent 72%);}
.site-botanical-right:after{transform:scaleX(-1)}
main,.nav,footer{position:relative}
main{z-index:1}
.nav{z-index:500}
.apon-footer{z-index:7}
@media(max-width:1100px){.site-botanical{width:clamp(105px,14vw,180px);opacity:.82}.site-botanical-left{left:-8px}.site-botanical-right{right:-8px}}
@media(max-width:700px){.site-botanical{width:72px;opacity:.55}.site-botanical-left{left:-10px}.site-botanical-right{right:-10px}}

/* Botanical atmosphere behind the main content; content remains fully readable and interactive. */
main:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 14%,rgba(50,91,57,.17),transparent 24%),radial-gradient(circle at 50% 72%,rgba(44,80,51,.12),transparent 30%)}

@media(max-width:1100px){.nav{left:2%;right:2%}.nav nav{gap:12px}.hero{padding-left:7%;padding-right:7%}.hero h2{font-size:58px}.site-botanical-left,.site-botanical-right{width:110px;opacity:.72}carousel-track .card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:700px){.nav{top:7px;height:56px;padding:0 12px}.nav .brand img{width:135px}.nav nav{display:none}.hamb{display:block}.nav-actions{margin-left:auto}.hero{min-height:650px;padding:112px 6% 75px;background-position:57% center}.hero h1{font-size:8px;letter-spacing:2.7px}.hero h2{font-size:46px;line-height:.91}.hero-copy{font-size:11px}.stats{margin:-18px 4% 0;padding:0 8px;grid-template-columns:repeat(2,1fr);transform:none}.stats div{min-height:62px}.stats b{font-size:27px}.stats span{font-size:8px}.section{padding:54px 4% 60px}.section-head h2{font-size:36px}.carousel-track .card{flex-basis:82vw}.site-botanical-left,.site-botanical-right{width:74px;opacity:.42}cta{margin:0 4% 50px}.footer-faq-section{padding-left:4%;padding-right:4%}}

/* ===== FINAL BOTANICAL EDGE FRAME — left crop on left, right crop on right ===== */
body:after{content:none !important;}
.hero:before{content:none !important;}
.site-botanical{
  position:fixed !important;
  top:0 !important;
  bottom:0 !important;
  width:clamp(105px,14vw,235px) !important;
  height:auto !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  background-position:center !important;
  pointer-events:none !important;
  z-index:3 !important;
  opacity:1 !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.45)) !important;
}
.site-botanical-left{
  left:0 !important;
  right:auto !important;
  background-image:url('/assets/botanical-left-edge.png') !important;
  transform:none !important;
}
.site-botanical-right{
  right:0 !important;
  left:auto !important;
  background-image:url('/assets/botanical-right-edge.png') !important;
  transform:none !important;
}
.site-botanical:after{content:none !important;}
/* Keep every visitor-site component readable above the foliage. */
.nav{z-index:500 !important;}
main,footer{position:relative;z-index:4;}
.hero-content,.hero-dots,.hero-scroll,.stats,.section-head,.cards,.offers,.membership-wrap,.gallery,.reviews,.cta,.faq-grid{position:relative;z-index:5;}

@media (max-width:1100px){
  .site-botanical{width:clamp(78px,12vw,165px) !important;}
}
@media (max-width:700px){
  .site-botanical{width:58px !important;opacity:.92 !important;}
  .site-botanical-left{left:0 !important;}
  .site-botanical-right{right:0 !important;}
}
/* Layering correction: foliage sits between the page background and readable UI. */
main,footer{z-index:auto !important;}
.hero-overlay{z-index:1 !important;}
.hero-content,.hero-dots,.hero-scroll,.stats,.section>*,.cta,.faq-grid,.footer-main,.footer-bottom,.footer-top{position:relative;z-index:4;}

/* ===== APON REFERENCE NAVBAR + FOOTER REFINEMENT ===== */
@media (min-width: 1001px){
  .nav{
    top:14px;
    left:50%;
    right:auto;
    width:min(1340px, calc(100% - 56px));
    height:68px;
    transform:translateX(-50%);
    padding:0 24px;
    border:1px solid rgba(222,181,91,.62);
    border-radius:12px;
    background:rgba(2,8,6,.86);
    box-shadow:0 12px 38px rgba(0,0,0,.38), inset 0 0 28px rgba(214,170,79,.035);
    backdrop-filter:blur(18px);
  }
  .brand{min-width:205px}
  .brand img{width:164px}
  .nav nav{gap:24px;margin:0 auto}
  .nav nav a{font-size:12px;font-weight:500;letter-spacing:.05px}
  .nav-actions{gap:10px}
  .nav-book{min-width:142px;min-height:43px;border-radius:24px!important;font-size:12px!important}
  .lang{height:36px;font-size:11px}
  .hero{margin-top:0;padding-top:112px}

  /* Give the visitor content a little more breathing room while keeping the page wide. */
  .section-head,.cards,.offers,.membership-wrap,.gallery,.reviews,.cta{max-width:1440px}
  .faq-grid{max-width:1320px}
  .footer-faq-grid{max-width:1360px;gap:18px}

  /* Reference-style footer proportions */
  .apon-footer .footer-main{
    max-width:1400px;
    padding:30px 22px 30px;
    grid-template-columns:1.35fr 1.05fr 1.18fr 1.22fr;
    gap:28px;
  }
  .apon-footer .footer-main>div+div{padding-left:27px}
  .footer-logo img{width:235px}
  .apon-footer .footer-about p{font-size:14px;line-height:1.6}
  .apon-footer .footer-column h4{font-size:19px;margin-bottom:10px}
  .apon-footer .footer-links a{font-size:14px!important;line-height:1.95!important}
  .apon-footer .footer-contact p{font-size:13px;line-height:1.9}
  .footer-map{min-height:225px!important}
  .apon-footer .footer-bottom{min-height:62px;padding:0 max(26px, calc((100% - 1400px)/2));font-size:13px}
  .apon-footer .footer-bottom a{font-size:13px!important}
  .footer-top{right:22px;bottom:14px;transform:translateY(-60px);width:58px;height:58px}
}

@media (min-width: 1001px) and (max-width: 1250px){
  .nav{width:calc(100% - 28px);padding:0 16px}
  .brand{min-width:175px}.brand img{width:145px}
  .nav nav{gap:15px}.nav nav a{font-size:10px}
  .nav-book{min-width:116px;font-size:10px!important}
}

@media (max-width: 1000px){
  .nav{left:0;right:0;top:0;transform:none;width:100%;border-radius:0;border-left:0;border-right:0}
}

@media (min-width: 701px){
  .section{padding-left:1.7%;padding-right:1.7%}
}


/* Footer refinement: compact reference layout with complete FAQ section */
.footer-faq-section{padding:28px 4.5% 34px!important;}
.footer-faq-heading{position:relative;z-index:2;text-align:center;margin:0 auto 18px;max-width:900px;}
.footer-faq-heading .eyebrow{margin:0 0 4px;color:#e2b85b;font-size:11px;letter-spacing:3px;font-weight:600;}
.footer-faq-heading h2{margin:0;color:#f4d27b;font:600 34px/1.05 'Cormorant Garamond','Times New Roman',serif;letter-spacing:.2px;}
.footer-faq-grid{max-width:1320px!important;grid-template-columns:1fr 1fr!important;gap:8px 18px!important;}
.footer-faq-grid .faq{min-height:54px!important;padding:0 52px 0 60px!important;border-color:rgba(214,170,79,.55)!important;border-radius:8px!important;background:rgba(2,7,5,.76)!important;}
.footer-faq-grid .faq:before{left:17px!important;top:13px!important;width:23px!important;height:23px!important;border-radius:4px!important;}
.footer-faq-grid .faq:after{left:23px!important;top:18px!important;width:11px!important;height:11px!important;background:linear-gradient(#1c170b,#1c170b) center/10px 2px no-repeat,linear-gradient(#1c170b,#1c170b) center/2px 10px no-repeat!important;}
.footer-faq-grid .faq strong{font-size:14px!important;font-weight:500!important;line-height:1.2!important;}
.footer-faq-grid .faq-plus{right:17px!important;top:11px!important;font-size:24px!important;}
.footer-faq-grid .faq.open{padding-top:13px!important;padding-bottom:12px!important;}
.footer-faq-grid .faq.open:before{top:13px!important}.footer-faq-grid .faq.open:after{top:23px!important;}
. apon-footer{}
.apon-footer .footer-main{max-width:1320px!important;padding:18px 22px 21px!important;grid-template-columns:1.22fr 1.02fr 1.12fr 1.18fr!important;gap:17px!important;}
.apon-footer .footer-main>div+div{padding-left:18px!important;}
.footer-logo img{width:220px!important;}
.apon-footer .footer-about p{font-size:12.5px!important;line-height:1.48!important;}
.footer-socials{gap:18px!important;margin-top:11px!important;}
.apon-footer .footer-column h4{font-size:17px!important;margin-bottom:7px!important;}
.apon-footer .footer-links .link-columns{gap:14px!important;}
.apon-footer .footer-links a{font-size:12.5px!important;line-height:1.72!important;}
.apon-footer .footer-contact p{font-size:12px!important;line-height:1.72!important;gap:9px!important;}
.footer-map{min-height:198px!important;}
.apon-footer .footer-bottom{min-height:52px!important;padding-left:max(22px,calc((100% - 1320px)/2))!important;padding-right:max(22px,calc((100% - 1320px)/2))!important;font-size:12px!important;}
.apon-footer .footer-bottom a{font-size:12px!important;}
.footer-top{right:18px!important;width:52px!important;height:52px!important;transform:translateY(-54px)!important;}
@media(max-width:1100px){.apon-footer .footer-main{grid-template-columns:1.2fr 1fr 1.1fr!important;gap:15px!important}.footer-map{grid-column:1/-1;min-height:180px!important}.apon-footer .footer-main>div:nth-child(4){border-left:0!important;padding-left:0!important}}
@media(max-width:700px){.footer-faq-section{padding:25px 4% 30px!important}.footer-faq-heading h2{font-size:30px}.footer-faq-grid{grid-template-columns:1fr!important;gap:7px!important}.footer-faq-grid .faq{min-height:52px!important;padding-left:56px!important}.footer-faq-grid .faq strong{font-size:12px!important}.apon-footer .footer-main{grid-template-columns:1fr!important;gap:16px!important;padding:25px 6% 22px!important}.apon-footer .footer-main>div+div{border-left:0!important;border-top:1px solid rgba(214,170,79,.28);padding:15px 0 0!important}.apon-footer .footer-about{padding-top:0!important}.footer-logo img{width:205px!important}.footer-map{min-height:190px!important}.apon-footer .footer-bottom{min-height:82px!important;padding:12px 6%!important}.footer-top{right:13px!important;bottom:12px!important;transform:none!important;width:48px!important;height:48px!important}}

/* =========================================================
   FINAL VISITOR LAYOUT FIX — compact sections, protected FAQ/footer,
   and responsive botanical side framing
   ========================================================= */

/* Keep the botanical frame behind the visitor content. */
.site-botanical{
  z-index:1 !important;
  width:clamp(78px,9.5vw,155px) !important;
  opacity:.92 !important;
  background-size:100% 100% !important;
  background-position:center top !important;
}
.site-botanical-left{left:0 !important;right:auto !important}
.site-botanical-right{right:0 !important;left:auto !important}

/* FAQ and footer are intentionally opaque and above the foliage.
   This keeps their left/right content completely unobstructed. */
.footer-faq-section{
  position:relative !important;
  z-index:20 !important;
  background:#030907 !important;
  isolation:isolate;
}
.footer-faq-section:after{
  z-index:-1 !important;
}
.apon-footer{
  position:relative !important;
  z-index:20 !important;
  isolation:isolate;
  background:linear-gradient(180deg,#020806 0%,#010403 100%) !important;
}
.apon-footer:before{z-index:-1 !important}
.footer-botanical{display:none !important}

/* Bring the main visitor sections closer together. */
.section{
  padding:42px 3% 48px !important;
}
.section-head{
  margin-bottom:17px !important;
}
.section-head h2{line-height:1.02 !important}
.cards,.offers,.membership-wrap,.gallery,.reviews,.cta{
  max-width:1280px !important;
}
.cards{gap:13px !important}
.offers{gap:13px !important}
.membership-wrap{gap:13px !important}
.gallery{gap:8px !important}
.reviews{gap:12px !important}
.cta{margin-bottom:42px !important}

/* Prevent decorative section effects from creating apparent vertical gaps. */
.signature-section:after,
.therapists-section:after,
.offers-section:after,
.membership-section:after,
.gallery-section:after,
.testimonials-section:after{
  pointer-events:none !important;
}

/* The FAQ sits immediately after the CTA with a compact transition. */
.footer-faq-section{
  margin-top:0 !important;
  padding-top:30px !important;
  padding-bottom:34px !important;
}
.footer-faq-heading{margin-bottom:16px !important}
.footer-faq-grid{gap:8px 16px !important}

/* Footer content uses the full available width without large empty gutters. */
.apon-footer .footer-main{
  max-width:1360px !important;
  width:calc(100% - 48px) !important;
  padding:20px 18px 22px !important;
  gap:18px !important;
}
.apon-footer .footer-main>div+div{padding-left:18px !important}
.apon-footer .footer-bottom{
  padding-left:24px !important;
  padding-right:24px !important;
}

/* Desktop: the central content is wider while side foliage remains visible. */
@media (min-width:1001px){
  .section-head,.cards,.offers,.membership-wrap,.gallery,.reviews,.cta{max-width:1280px !important}
  .footer-faq-grid{max-width:1320px !important}
  .site-botanical{width:clamp(88px,8.5vw,150px) !important}
}

/* Tablet: keep foliage narrow and never allow it to crowd content. */
@media (max-width:1000px){
  .site-botanical{
    width:72px !important;
    opacity:.72 !important;
  }
  .section{padding:38px 3.5% 44px !important}
  .section-head,.cards,.offers,.membership-wrap,.gallery,.reviews,.cta{max-width:100% !important}
  .apon-footer .footer-main{width:calc(100% - 32px) !important}
}

/* Mobile: compact, single-column layout with narrow edge foliage. */
@media (max-width:700px){
  body{overflow-x:hidden !important}
  .site-botanical{
    position:fixed !important;
    top:56px !important;
    bottom:0 !important;
    width:44px !important;
    opacity:.62 !important;
    background-size:100% 100% !important;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.35)) !important;
  }
  .site-botanical-left{left:0 !important}
  .site-botanical-right{right:0 !important}

  .nav{width:100% !important;left:0 !important;right:0 !important}
  .hero{min-height:610px !important;padding-left:8% !important;padding-right:8% !important}
  .hero-content{max-width:calc(100% - 8px) !important}
  .stats{margin-left:4% !important;margin-right:4% !important}

  .section{padding:34px 5% 40px !important}
  .section-head{margin-bottom:14px !important;gap:10px !important}
  .section-head h2{font-size:32px !important}
  .section-head p:not(.eyebrow){font-size:9px !important}
  .carousel-track .card{flex-basis:78vw !important}
  .offers{grid-template-columns:1fr !important}
  .membership-wrap{grid-template-columns:1fr !important}
  .plans{grid-template-columns:1fr !important}
  .gallery{grid-template-columns:repeat(2,1fr) !important}
  .reviews{grid-template-columns:1fr !important}
  .cta{margin:0 5% 34px !important}

  .footer-faq-section{
    padding:26px 5% 30px !important;
  }
  .footer-faq-heading h2{font-size:29px !important}
  .footer-faq-grid{grid-template-columns:1fr !important;gap:7px !important}
  .footer-faq-grid .faq{min-height:54px !important}

  .apon-footer .footer-main{
    width:100% !important;
    max-width:none !important;
    padding:24px 7% 20px !important;
    gap:13px !important;
  }
  .apon-footer .footer-main>div+div{padding-top:13px !important;padding-left:0 !important}
  .footer-logo img{max-width:205px !important}
  .footer-map{min-height:185px !important}
  .apon-footer .footer-bottom{
    padding:12px 7% !important;
    min-height:76px !important;
  }
}

/* =========================================================
   APON MOBILE LUXURY PRESENTATION
   Keep the desktop composition, but re-compose it for a
   premium mobile viewport instead of shrinking the desktop.
   ========================================================= */
@media (max-width:700px){
  :root{--mobile-gutter:18px;--mobile-gold:#e7bf68;--mobile-bg:#020906}
  html{scroll-behavior:smooth}
  body{background:#020806;overflow-x:hidden}

  /* Elegant compact mobile navigation */
  .nav{
    top:8px!important;left:10px!important;right:10px!important;width:auto!important;
    height:58px!important;padding:0 12px!important;border:1px solid rgba(225,183,88,.42)!important;
    border-radius:12px!important;background:rgba(2,8,6,.90)!important;
    box-shadow:0 10px 35px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(18px)!important;z-index:800!important
  }
  .nav .brand{min-width:0!important;flex:1}
  .nav .brand img{width:138px!important;max-width:48vw!important}
  .nav-actions{gap:7px!important}
  .nav-actions .lang{display:none!important}
  .nav-actions .nav-book{display:inline-flex!important;padding:9px 12px!important;min-height:38px!important;font-size:9px!important;border-radius:999px!important}
  .hamb{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(225,183,88,.35)!important;border-radius:50%!important;background:rgba(7,17,12,.72)!important;font-size:19px!important;color:#f4d27b!important;line-height:1}
  body.menu-open .nav{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
  body.menu-open .nav nav{
    display:flex!important;position:absolute!important;top:57px!important;left:-1px!important;right:-1px!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px!important;
    background:rgba(2,8,6,.985)!important;border:1px solid rgba(225,183,88,.42)!important;
    border-top:0!important;border-radius:0 0 12px 12px!important;box-shadow:0 22px 55px rgba(0,0,0,.7)!important
  }
  body.menu-open .nav nav a{font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:12px 14px!important;border-bottom:1px solid rgba(225,183,88,.13)!important;color:#eee8da!important}
  body.menu-open .nav nav a:last-child{border-bottom:0!important}

  /* Mobile hero remains a hero, not a compressed desktop banner */
  .hero{
    margin-top:0!important;min-height:680px!important;padding:128px 8% 48px!important;
    align-items:flex-end!important;background-position:64% center!important;
    border-bottom:1px solid rgba(225,183,88,.25)!important
  }
  .hero-overlay{background:linear-gradient(90deg,rgba(1,7,5,.96) 0%,rgba(1,7,5,.72) 48%,rgba(1,7,5,.34) 100%),linear-gradient(0deg,rgba(1,7,5,.96),transparent 55%)!important}
  .hero-content{max-width:100%!important;width:100%!important}
  .hero .eyebrow{font-size:9px!important;letter-spacing:3px!important;margin-bottom:9px!important}
  .hero h1{font-size:10px!important;letter-spacing:3px!important;margin-bottom:8px!important;color:#e9c66e!important}
  .hero h2{font-size:47px!important;line-height:.9!important;letter-spacing:-.7px!important;max-width:330px!important;color:#f1cf79!important}
  .hero-copy{font-size:12px!important;line-height:1.65!important;max-width:335px!important;margin:17px 0 20px!important;color:#eee8db!important}
  .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-width:340px!important}
  .actions .gold-btn,.actions .outline-btn{min-height:45px!important;padding:11px 10px!important;font-size:10px!important;border-radius:7px!important}
  .hero-dots{right:6%!important;top:50%!important;font-size:9px!important}
  .hero-scroll{display:block!important;bottom:17px!important;font-size:7px!important;letter-spacing:2px!important;opacity:.72!important}

  /* Stats become a premium two-by-two glass strip */
  .stats{
    margin:-1px 12px 0!important;padding:0!important;grid-template-columns:repeat(2,1fr)!important;
    border:1px solid rgba(225,183,88,.35)!important;border-radius:10px!important;overflow:hidden!important;
    background:rgba(4,13,9,.88)!important;box-shadow:0 16px 35px rgba(0,0,0,.3)!important
  }
  .stats div{min-height:68px!important;padding:9px 5px!important;border-right:1px solid rgba(225,183,88,.18)!important;border-bottom:1px solid rgba(225,183,88,.18)!important}
  .stats div:nth-child(2n){border-right:0!important}
  .stats div:nth-last-child(-n+2){border-bottom:0!important}
  .stats b{font-size:28px!important}.stats span{font-size:8px!important}

  /* Consistent luxury section rhythm */
  .section{padding:42px var(--mobile-gutter) 44px!important}
  .signature-section,.therapists-section,.offers-section,.membership-section,.gallery-section,.testimonials-section{background:linear-gradient(180deg,rgba(2,10,7,.97),rgba(2,8,6,.995))!important}
  .section-head{margin-bottom:17px!important;display:flex!important;align-items:flex-end!important;gap:10px!important}
  .section-head h2{font-size:34px!important;line-height:.98!important;margin-bottom:7px!important}
  .section-head p:not(.eyebrow){font-size:10px!important;line-height:1.55!important;max-width:340px!important}
  .section-head p br{display:none!important}
  .section-tools{flex-shrink:0!important}
  .section-tools .dark-btn{display:none!important}
  .round-btn{width:34px!important;height:34px!important}

  /* Service/therapist cards keep the same premium card language */
  .cards{gap:10px!important}
  .carousel-track{overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:5px!important;scrollbar-width:none!important}
  .carousel-track::-webkit-scrollbar{display:none!important}
  .carousel-track .card,.therapist-grid .card{flex:0 0 82vw!important;scroll-snap-align:start!important}
  .card{border-radius:11px!important;box-shadow:0 14px 35px rgba(0,0,0,.3)!important}
  .card-img{height:205px!important}
  .card-body{padding:14px!important}
  .card h3{font-size:21px!important}
  .desc{font-size:10px!important;line-height:1.5!important}
  .therapist-card .card-img{height:300px!important}

  /* Offers: two compact premium cards that remain visually rich */
  .offers{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
  .offer{min-height:205px!important;border-radius:11px!important}
  .offer-content{padding:21px!important}
  .offer h3{font-size:28px!important}

  /* Membership remains visually consistent, not a long plain list */
  .membership-wrap{gap:13px!important}
  .plans{grid-template-columns:1fr!important;gap:11px!important}
  .plan{min-height:205px!important;padding:21px!important;border-radius:11px!important}
  .plan h3{font-size:24px!important}.amount{font-size:31px!important}
  .experience{min-height:300px!important;border-radius:11px!important}

  /* Gallery is edge-to-edge luxury grid */
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .gallery-item{height:142px!important;border-radius:7px!important}
  .filters{gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .filters::-webkit-scrollbar{display:none!important}
  .filters button{font-size:8px!important;padding:7px 11px!important}

  .reviews{grid-template-columns:1fr!important;gap:10px!important}
  .review{padding:18px!important;border-radius:11px!important}

  /* CTA becomes a luxury stacked card */
  .cta{margin:0 var(--mobile-gutter) 38px!important;border-radius:12px!important;overflow:hidden!important;display:grid!important;grid-template-columns:1fr!important}
  .cta-photo{min-height:210px!important}.cta-copy{padding:27px 21px!important}.cta h2{font-size:46px!important}.cta h3{font-size:16px!important}.cta-points{grid-template-columns:1fr!important;padding:17px 21px!important;gap:12px!important}

  /* FAQ: clean, full-width and never under foliage */
  .footer-faq-section{padding:39px var(--mobile-gutter) 32px!important;background:#020806!important;overflow:hidden!important}
  .footer-faq-heading{margin-bottom:15px!important}
  .footer-faq-heading .eyebrow{font-size:8px!important;letter-spacing:2.5px!important}
  .footer-faq-heading h2{font-size:32px!important;line-height:1!important}
  .footer-faq-grid{grid-template-columns:1fr!important;gap:7px!important}
  .footer-faq-grid .faq{min-height:54px!important;border-radius:8px!important;padding-left:55px!important;background:rgba(5,14,11,.92)!important}
  .footer-faq-grid .faq strong{font-size:11px!important}

  /* Footer: compact but still premium on mobile */
  .apon-footer{position:relative!important;z-index:20!important;background:#010604!important;overflow:hidden!important}
  .apon-footer .footer-main{width:100%!important;padding:25px 20px 20px!important;gap:15px!important;grid-template-columns:1fr!important}
  .apon-footer .footer-main>div+div{border-top:1px solid rgba(214,170,79,.22)!important;padding:15px 0 0!important}
  .footer-logo img{width:190px!important;max-width:72vw!important}
  .apon-footer .footer-about p{font-size:11px!important;line-height:1.55!important}
  .footer-socials{gap:15px!important;margin-top:12px!important}
  .footer-socials a{width:30px!important;height:30px!important}
  .apon-footer .footer-column h4{font-size:17px!important;margin-bottom:8px!important}
  .apon-footer .footer-links .link-columns{gap:18px!important}
  .apon-footer .footer-links a{font-size:11px!important;line-height:1.8!important}
  .apon-footer .footer-contact p{font-size:11px!important;line-height:1.6!important;gap:8px!important;white-space:normal!important}
  .footer-map{min-height:185px!important;border-radius:10px!important}
  .apon-footer .footer-bottom{min-height:95px!important;padding:13px 20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;font-size:9px!important}
  .apon-footer .footer-bottom>div{flex-wrap:wrap!important;gap:8px!important}.apon-footer .footer-bottom a{font-size:9px!important}.footer-top{right:14px!important;bottom:13px!important;width:45px!important;height:45px!important}

  /* Botanical frame: narrow edge-only crop, behind all content */
  .site-botanical{position:fixed!important;top:70px!important;bottom:0!important;width:32px!important;opacity:.62!important;background-size:auto 100%!important;z-index:1!important;pointer-events:none!important}
  .site-botanical-left{left:0!important;background-position:left center!important}
  .site-botanical-right{right:0!important;background-position:right center!important;transform:none!important}
  main,.nav,footer{position:relative!important}
  .nav{z-index:800!important}.footer-faq-section,.apon-footer{z-index:20!important}
}

@media (min-width:701px) and (max-width:1000px){
  .section{padding-top:46px!important;padding-bottom:50px!important}
  .site-botanical{width:62px!important;opacity:.7!important}
  .hero{min-height:590px!important}
  .section-head h2{font-size:40px!important}
}

/* =========================================================
   MOBILE COMPACT EXPERIENCE — inspired by supplied reference
   Three compact cards remain visible at once, with touch swipe.
   ========================================================= */
.mobile-bottom-nav{display:none}

@media (max-width:700px){
  body{padding-bottom:58px!important}
  .nav{height:52px!important;top:5px!important;left:8px!important;right:8px!important;padding:0 9px!important;border-radius:10px!important}
  .nav .brand img{width:118px!important;max-width:43vw!important}
  .nav-actions{gap:5px!important}
  .nav-actions .nav-book{min-height:32px!important;padding:7px 10px!important;font-size:8px!important}
  .hamb{width:34px!important;height:34px!important;font-size:16px!important}

  /* Compact hero: same visual identity, much less vertical space. */
  .hero{min-height:500px!important;padding:90px 7% 34px!important;background-position:62% center!important}
  .hero h1{font-size:8px!important;letter-spacing:2.2px!important;margin-bottom:7px!important}
  .hero h2{font-size:39px!important;line-height:.91!important;max-width:285px!important}
  .hero-copy{font-size:10px!important;line-height:1.48!important;max-width:285px!important;margin:12px 0 15px!important}
  .actions{max-width:290px!important;gap:6px!important}
  .actions .gold-btn,.actions .outline-btn{min-height:37px!important;padding:8px 8px!important;font-size:8px!important}
  .stats{margin:-9px 10px 0!important}
  .stats div{min-height:55px!important;padding:7px 3px!important}
  .stats b{font-size:22px!important}.stats span{font-size:7px!important}

  /* Small section rhythm — reference uses compact stacked modules. */
  .section{padding:24px 10px 26px!important}
  .section-head{margin-bottom:10px!important;gap:5px!important}
  .section-head h2{font-size:24px!important;line-height:1!important;margin-bottom:3px!important}
  .section-head p:not(.eyebrow){font-size:8px!important;line-height:1.35!important;max-width:245px!important}
  .eyebrow{font-size:7px!important;letter-spacing:2px!important}
  .section-tools{gap:4px!important}
  .round-btn{width:27px!important;height:27px!important;font-size:16px!important}

  /* Services and therapists: three compact cards visible, swipe for more. */
  .carousel-track{display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;padding:1px 0 5px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
  .carousel-track::-webkit-scrollbar{display:none!important}
  .carousel-track .card,.therapist-grid .card{flex:0 0 calc((100% - 12px)/3)!important;min-width:0!important;scroll-snap-align:start!important;border-radius:8px!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important}
  .card-img{height:104px!important}
  .card-body{padding:7px!important}
  .card h3{font-size:10px!important;line-height:1.08!important;margin:3px 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .desc{font-size:6px!important;line-height:1.25!important;min-height:24px!important;margin:3px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .tier-row{gap:2px!important;margin:4px 0!important}
  .tier-row span{padding:3px 1px!important;border-radius:3px!important}
  .tier-row b{font-size:4.5px!important}.tier-row em{font-size:5px!important}
  .card .gold-btn{font-size:5.5px!important;padding:5px 4px!important;min-height:22px!important;border-radius:5px!important;width:100%!important}
  .therapist-card .card-img{height:145px!important}
  .therapist-card h3{font-size:11px!important}
  .role{font-size:5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .therapist-card .stars{font-size:6px!important}.stars small{font-size:5px!important}
  .status{font-size:4.5px!important;padding:3px 4px!important;top:5px!important;right:5px!important}

  /* Offers: compact horizontal cards instead of tall one-per-row blocks. */
  .offers{display:flex!important;gap:6px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:1px 0 5px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .offers::-webkit-scrollbar{display:none!important}
  .offer{flex:0 0 calc((100% - 12px)/3)!important;min-height:145px!important;height:145px!important;border-radius:8px!important;scroll-snap-align:start!important}
  .offer-content{padding:9px!important;max-width:90%!important}
  .offer h3{font-size:12px!important;line-height:1.05!important}.offer p:not(.eyebrow){font-size:5.5px!important;line-height:1.25!important}
  .offer strong{font-size:8px!important}.offer .gold-btn{font-size:5px!important;padding:5px 7px!important}

  /* Membership: three compact cards like the reference. */
  .membership-wrap{display:block!important}
  .plans{display:flex!important;gap:6px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding-bottom:5px!important}
  .plans::-webkit-scrollbar{display:none!important}
  .plan{flex:0 0 calc((100% - 12px)/3)!important;min-height:165px!important;height:165px!important;padding:9px 7px!important;border-radius:8px!important;scroll-snap-align:start!important}
  .plan h3{font-size:10px!important;line-height:1.05!important}.amount{font-size:13px!important}.amount small{font-size:5px!important}
  .plan li{font-size:5px!important;line-height:1.25!important;margin:2px 0!important}.plan .gold-btn{font-size:5px!important;padding:5px!important}
  .experience{margin-top:7px!important;min-height:145px!important;border-radius:8px!important}
  .experience-copy{padding:15px 11px!important;max-width:82%!important}.experience-copy h2{font-size:24px!important}.experience-copy p:not(.eyebrow){font-size:7px!important;line-height:1.35!important}

  /* Gallery: dense 3-column luxury mosaic. */
  .gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  .gallery-item{height:78px!important;border-radius:5px!important}
  .filters{gap:4px!important}.filters button{font-size:5px!important;padding:5px 7px!important}

  /* Testimonials: compact swipe cards. */
  .reviews{display:flex!important;gap:6px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .reviews::-webkit-scrollbar{display:none!important}
  .review{flex:0 0 calc((100% - 12px)/3)!important;min-height:145px!important;padding:9px!important;border-radius:8px!important;scroll-snap-align:start!important}
  .review p{font-size:6px!important;line-height:1.4!important}.reviewer b{font-size:7px!important}.reviewer .stars{font-size:6px!important}

  /* CTA compact module. */
  .cta{margin:4px 10px 25px!important;border-radius:8px!important}
  .cta-photo{min-height:130px!important}.cta-copy{padding:15px!important}.cta h2{font-size:30px!important}.cta h3{font-size:11px!important}.cta-points{padding:10px!important;gap:7px!important}.cta-points b{font-size:7px!important}.cta-points span{font-size:5px!important}

  /* FAQ stays completely above the footer and away from botanical frame. */
  .footer-faq-section{padding:25px 10px 22px!important;overflow:visible!important}
  .footer-faq-heading{margin-bottom:9px!important}.footer-faq-heading h2{font-size:25px!important}.footer-faq-heading .eyebrow{font-size:7px!important}
  .footer-faq-grid{gap:4px!important}.footer-faq-grid .faq{min-height:39px!important;padding:7px 34px 7px 38px!important;border-radius:6px!important}
  .footer-faq-grid .faq strong{font-size:7px!important}.footer-faq-grid .faq-plus{width:20px!important;height:20px!important;left:9px!important;font-size:11px!important}.footer-faq-grid .answer{font-size:6px!important;line-height:1.35!important}

  /* Footer remains compact and fully visible. */
  .apon-footer .footer-main{padding:18px 14px 14px!important;gap:11px!important}
  .footer-logo img{width:145px!important}.apon-footer .footer-about p{font-size:7px!important;line-height:1.4!important}
  .footer-socials{gap:7px!important;margin-top:7px!important}.footer-socials a{width:23px!important;height:23px!important}
  .apon-footer .footer-column h4{font-size:11px!important;margin-bottom:5px!important}.apon-footer .footer-links .link-columns{gap:15px!important}.apon-footer .footer-links a,.apon-footer .footer-contact p{font-size:7px!important;line-height:1.55!important}
  .footer-map{min-height:135px!important;border-radius:7px!important}.map-card-title{padding:6px 8px!important}.map-card-title b{font-size:7px!important}.map-card-title a{font-size:5px!important}.footer-map button{font-size:7px!important;padding:8px 11px!important}.map-pin{font-size:23px!important}
  .apon-footer .footer-bottom{min-height:58px!important;padding:8px 14px!important;font-size:6px!important}.apon-footer .footer-bottom a{font-size:6px!important}.footer-top{width:34px!important;height:34px!important;right:10px!important;bottom:10px!important}

  /* Edge foliage: only narrow side strips, never a full photo over content. */
  .site-botanical{top:58px!important;bottom:0!important;width:26px!important;opacity:.48!important;background-size:auto 100%!important;z-index:1!important}
  .site-botanical-left{left:0!important;background-position:left center!important}
  .site-botanical-right{right:0!important;background-position:right center!important;transform:none!important}

  /* Compact fixed mobile navigation, matching the supplied site's behavior. */
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:50%;bottom:6px;transform:translateX(-50%);width:min(94vw,430px);height:48px;padding:3px 5px;z-index:1000;border:1px solid rgba(225,183,88,.45);border-radius:22px;background:rgba(2,10,7,.96);box-shadow:0 10px 28px rgba(0,0,0,.6),inset 0 0 20px rgba(218,174,73,.06);backdrop-filter:blur(14px)}
  .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;background:none;color:#b8b7ad;text-decoration:none;font:inherit;min-width:0}
  .mobile-nav-item span{font-size:13px;line-height:1;color:#d7b45f}.mobile-nav-item small{font-size:6px;letter-spacing:.25px;color:#d6d1c4}.mobile-nav-item.active{background:linear-gradient(180deg,#e6bd65,#c99936);border-radius:17px;color:#09100b;box-shadow:0 3px 12px rgba(225,183,88,.25)}.mobile-nav-item.active span,.mobile-nav-item.active small{color:#081009}
}

@media (max-width:390px){
  .hero{min-height:470px!important}.hero h2{font-size:36px!important}
  .carousel-track .card,.therapist-grid .card,.offers .offer,.plans .plan,.reviews .review{flex-basis:calc((100% - 8px)/3)!important}
  .card-img{height:92px!important}.therapist-card .card-img{height:128px!important}.offer{height:132px!important;min-height:132px!important}.plan{height:150px!important;min-height:150px!important}.gallery-item{height:68px!important}
}

/* APON — unified left-to-right mobile card rails */
@media (max-width: 700px){
  /* Every repeatable card collection stays on one horizontal rail. */
  .carousel-track,
  .offers,
  .plans,
  .reviews{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    width:100% !important;
    gap:7px !important;
    padding:2px 1px 8px !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  .carousel-track::-webkit-scrollbar,
  .offers::-webkit-scrollbar,
  .plans::-webkit-scrollbar,
  .reviews::-webkit-scrollbar{display:none !important}

  /* Three compact cards are visible from left to right. */
  .carousel-track .card,
  .therapist-grid .card,
  .offers .offer,
  .plans .plan,
  .reviews .review{
    flex:0 0 calc((100% - 14px)/3) !important;
    width:calc((100% - 14px)/3) !important;
    min-width:0 !important;
    margin:0 !important;
    scroll-snap-align:start !important;
  }

  .offers .offer{height:145px !important; min-height:145px !important}
  .plans .plan{height:165px !important; min-height:165px !important}
  .reviews .review{height:145px !important; min-height:145px !important; padding:9px !important}

  .reviews .review p{
    font-size:7px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:4 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .reviews .reviewer b{font-size:7px !important}
  .reviews .stars{font-size:6px !important}

  /* Keep the gallery compact while preserving its visual grid. */
  .gallery{width:100% !important}
}

@media (max-width: 390px){
  .carousel-track .card,
  .therapist-grid .card,
  .offers .offer,
  .plans .plan,
  .reviews .review{
    flex-basis:calc((100% - 10px)/3) !important;
    width:calc((100% - 10px)/3) !important;
  }
  .offers .offer{height:132px !important;min-height:132px !important}
  .plans .plan{height:150px !important;min-height:150px !important}
  .reviews .review{height:132px !important;min-height:132px !important}
}

/* =========================================================
   APON FINAL — SAME CARD COMPOSITION ON DESKTOP + MOBILE
   All repeatable cards stay in a left-to-right horizontal rail.
   Mobile keeps the desktop visual language; only dimensions scale.
   ========================================================= */

/* Never show the extra mobile bottom navigation. */
.mobile-bottom-nav{display:none !important;}

/* Remove excessive vertical whitespace between content sections. */
.section{
  padding-top:14px !important;
  padding-bottom:14px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.section-head{margin-bottom:9px !important;}

/* Every card collection is a horizontal rail on every viewport. */
.cards,
.carousel-track,
.offers,
.plans,
.reviews{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
.cards::-webkit-scrollbar,
.carousel-track::-webkit-scrollbar,
.offers::-webkit-scrollbar,
.plans::-webkit-scrollbar,
.reviews::-webkit-scrollbar{display:none !important;}

/* Desktop: generous but compact premium card rail. */
.carousel-track .card,
.therapist-grid .card{
  flex:0 0 calc((100% - 50px) / 6) !important;
  width:calc((100% - 50px) / 6) !important;
  min-width:0 !important;
  margin:0 !important;
  scroll-snap-align:start !important;
}
.offers .offer{
  flex:0 0 calc((100% - 20px) / 3) !important;
  width:calc((100% - 20px) / 3) !important;
  min-width:0 !important;
  margin:0 !important;
  scroll-snap-align:start !important;
}
.plans .plan{
  flex:0 0 calc((100% - 16px) / 3) !important;
  width:calc((100% - 16px) / 3) !important;
  min-width:0 !important;
  margin:0 !important;
  scroll-snap-align:start !important;
}
.reviews .review{
  flex:0 0 calc((100% - 40px) / 4) !important;
  width:calc((100% - 40px) / 4) !important;
  min-width:0 !important;
  margin:0 !important;
  scroll-snap-align:start !important;
}

/* Membership experience remains beneath the horizontal plan rail, without a
   large blank block separating it from the cards. */
.membership-wrap{display:block !important;}
.experience{margin-top:10px !important;}

/* Keep CTA/FAQ/footer tight to the preceding content. */
.cta{margin-top:0 !important;margin-bottom:10px !important;}
.footer-faq-section{margin-top:0 !important;padding-top:14px !important;padding-bottom:14px !important;}
.footer-faq-heading{margin-bottom:9px !important;}
.apon-footer .footer-main{margin-top:0 !important;}

/* Mobile: same composition, scaled down. Three cards remain visible left-to-right. */
@media (max-width:700px){
  body{overflow-x:hidden !important;}
  .mobile-bottom-nav{display:none !important;}

  /* Keep the desktop-style top navigation, but compact enough for a phone. */
  .nav{
    top:6px !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    height:52px !important;
    border-radius:10px !important;
  }
  .nav .brand img{width:120px !important;max-width:42vw !important;}
  .nav-actions .nav-book{padding:8px 10px !important;min-height:34px !important;font-size:8px !important;}
  .hamb{width:34px !important;height:34px !important;font-size:17px !important;}

  .hero{min-height:500px !important;padding:92px 8% 30px !important;}
  .stats{margin-left:4% !important;margin-right:4% !important;}

  /* No large vertical gaps between card sections. */
  .section{
    padding:8px 3% !important;
    margin:0 !important;
  }
  .section-head{margin-bottom:6px !important;gap:6px !important;}
  .section-head h2{font-size:25px !important;}
  .section-head p:not(.eyebrow){font-size:7px !important;line-height:1.3 !important;}

  /* All card rails use the same left-to-right composition as desktop. */
  .cards,.carousel-track,.offers,.plans,.reviews{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:1px 0 3px !important;
    scroll-snap-type:x mandatory !important;
  }
  .carousel-track .card,
  .therapist-grid .card,
  .offers .offer,
  .plans .plan,
  .reviews .review{
    flex:0 0 calc((100% - 12px)/3) !important;
    width:calc((100% - 12px)/3) !important;
    min-width:0 !important;
    margin:0 !important;
    scroll-snap-align:start !important;
  }

  .card-img{height:100px !important;}
  .card-body{padding:6px !important;}
  .card h3{font-size:10px !important;line-height:1.05 !important;}
  .desc{font-size:5.5px !important;min-height:22px !important;margin:3px 0 4px !important;}
  .tier-row{gap:2px !important;margin-bottom:4px !important;}
  .tier-row span{padding:3px 1px !important;}
  .tier-row b{font-size:4.5px !important;}.tier-row em{font-size:5px !important;}
  .card .gold-btn{font-size:5.5px !important;padding:5px 3px !important;min-height:21px !important;}
  .therapist-card .card-img{height:135px !important;}
  .therapist-card h3{font-size:10px !important;}
  .role{font-size:5px !important;}.therapist-card .stars{font-size:6px !important;}

  .offers .offer{height:135px !important;min-height:135px !important;}
  .offer-content{padding:8px !important;}
  .offer h3{font-size:11px !important;}.offer p:not(.eyebrow){font-size:5px !important;}
  .offer strong{font-size:7px !important;margin:4px 0 !important;}
  .offer .gold-btn{font-size:5px !important;padding:4px 6px !important;}

  .plans .plan{height:150px !important;min-height:150px !important;padding:8px 6px !important;}
  .plan h3{font-size:10px !important;}.amount{font-size:13px !important;margin:4px !important;}
  .plan li{font-size:4.8px !important;line-height:1.25 !important;margin:1px 0 !important;}
  .plan .gold-btn{font-size:5px !important;padding:4px !important;}
  .experience{margin-top:5px !important;min-height:135px !important;}

  .gallery{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:4px !important;}
  .reviews .review{height:135px !important;min-height:135px !important;padding:8px !important;}
  .reviews .review p{font-size:5.5px !important;line-height:1.35 !important;}
  .reviews .reviewer b{font-size:6.5px !important;}

  .cta{margin:5px 3% 6px !important;}
  .footer-faq-section{padding:10px 3% 10px !important;}
  .footer-faq-heading{margin-bottom:6px !important;}
  .footer-faq-heading h2{font-size:23px !important;}
  .footer-faq-grid{gap:4px !important;}
  .footer-faq-grid .faq{min-height:38px !important;padding:6px 30px 6px 35px !important;}
  .footer-faq-grid .faq strong{font-size:6.5px !important;}
  .apon-footer .footer-main{padding:12px 4% 10px !important;gap:9px !important;}
}

@media (max-width:390px){
  .carousel-track .card,
  .therapist-grid .card,
  .offers .offer,
  .plans .plan,
  .reviews .review{
    flex-basis:calc((100% - 12px)/3) !important;
    width:calc((100% - 12px)/3) !important;
  }
}

/* =========================================================
   APON — REFERENCE CARD DENSITY / LEFT-TO-RIGHT COMPOSITION
   Match the supplied reference: compact cards, six-up service/therapist
   rows, three-up package/membership rows, and tight section rhythm.
   ========================================================= */
.section{padding-top:10px !important;padding-bottom:10px !important;}
.section + .section{margin-top:0 !important;}
.section-head{margin-top:0 !important;margin-bottom:7px !important;}

/* Keep the desktop card rails compact and left-to-right. */
.carousel-track .card,
.therapist-grid .card{
  flex:0 0 calc((100% - 30px)/6) !important;
  width:calc((100% - 30px)/6) !important;
}
.offers .offer{flex:0 0 calc((100% - 12px)/3) !important;width:calc((100% - 12px)/3) !important;}
.plans .plan{flex:0 0 calc((100% - 12px)/3) !important;width:calc((100% - 12px)/3) !important;}
.reviews .review{flex:0 0 calc((100% - 20px)/3) !important;width:calc((100% - 20px)/3) !important;}

/* No oversized blank area inside membership or after rails. */
.membership-wrap{margin:0 !important;padding:0 !important;}
.experience{margin-top:6px !important;}
.cta{margin-top:5px !important;margin-bottom:5px !important;}
.footer-faq-section{margin-top:0 !important;}

@media (max-width:700px){
  /* The mobile composition intentionally mirrors the supplied reference.
     Six service/therapist cards are visible in one compact row. */
  .section{padding:6px 2.5% !important;margin:0 !important;}
  .section-head{margin-bottom:5px !important;}
  .section-head h2{font-size:22px !important;}
  .section-head p:not(.eyebrow){font-size:6.5px !important;}
  .eyebrow{font-size:6px !important;letter-spacing:1.7px !important;}

  .carousel-track,
  .therapist-grid,
  .offers,
  .plans,
  .reviews{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:5px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 2px !important;
    margin:0 !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }
  .carousel-track::-webkit-scrollbar,
  .therapist-grid::-webkit-scrollbar,
  .offers::-webkit-scrollbar,
  .plans::-webkit-scrollbar,
  .reviews::-webkit-scrollbar{display:none !important;}

  /* EXACT reference density: six compact cards across the viewport. */
  .carousel-track .card,
  .therapist-grid .card{
    flex:0 0 calc((100% - 25px)/6) !important;
    width:calc((100% - 25px)/6) !important;
    min-width:0 !important;
    scroll-snap-align:start !important;
  }

  .card{border-radius:5px !important;}
  .card-img{height:70px !important;}
  .therapist-card .card-img{height:92px !important;}
  .card-body{padding:4px !important;}
  .card h3{font-size:7px !important;line-height:1.05 !important;margin:2px 0 !important;}
  .desc{font-size:4px !important;line-height:1.15 !important;min-height:15px !important;margin:2px 0 !important;}
  .tier-row{gap:1px !important;margin:2px 0 !important;}
  .tier-row span{padding:2px 1px !important;border-radius:2px !important;}
  .tier-row b{font-size:3.2px !important;}.tier-row em{font-size:3.5px !important;}
  .card .gold-btn{font-size:3.8px !important;padding:3px 2px !important;min-height:15px !important;border-radius:3px !important;}
  .therapist-card h3{font-size:7px !important;}
  .role{font-size:3.5px !important;}
  .therapist-card .stars{font-size:4px !important;}
  .stars small{font-size:3.5px !important;}
  .status{font-size:3px !important;padding:2px 3px !important;top:3px !important;right:3px !important;}

  /* Packages: three compact cards across. */
  .offers .offer{
    flex:0 0 calc((100% - 10px)/3) !important;
    width:calc((100% - 10px)/3) !important;
    height:112px !important;
    min-height:112px !important;
    border-radius:5px !important;
  }
  .offer-content{padding:6px !important;}
  .offer h3{font-size:9px !important;line-height:1.02 !important;}
  .offer p:not(.eyebrow){font-size:4px !important;line-height:1.15 !important;}
  .offer strong{font-size:6px !important;margin:2px 0 !important;}
  .offer .gold-btn{font-size:3.8px !important;padding:3px 5px !important;}

  .plans .plan{
    flex:0 0 calc((100% - 10px)/3) !important;
    width:calc((100% - 10px)/3) !important;
    height:125px !important;
    min-height:125px !important;
    padding:6px 5px !important;
    border-radius:5px !important;
  }
  .plan h3{font-size:8px !important;line-height:1 !important;}
  .amount{font-size:10px !important;margin:2px !important;}
  .amount small{font-size:4px !important;}
  .plan li{font-size:3.5px !important;line-height:1.15 !important;margin:1px 0 !important;}
  .plan .gold-btn{font-size:3.8px !important;padding:3px !important;}
  .experience{margin-top:4px !important;min-height:125px !important;border-radius:5px !important;}

  /* Gallery stays dense and six-up like the reference. */
  .gallery{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:3px !important;}
  .gallery-item{height:62px !important;border-radius:4px !important;}

  /* Reviews: three compact cards. */
  .reviews .review{
    flex:0 0 calc((100% - 10px)/3) !important;
    width:calc((100% - 10px)/3) !important;
    height:118px !important;
    min-height:118px !important;
    padding:6px !important;
    border-radius:5px !important;
  }
  .reviews .review p{font-size:4px !important;line-height:1.25 !important;-webkit-line-clamp:4 !important;}
  .reviews .reviewer b{font-size:5px !important;}.reviews .stars{font-size:4px !important;}

  /* Tighten all following modules. */
  .cta{margin:3px 2.5% 4px !important;}
  .footer-faq-section{padding:6px 2.5% 7px !important;}
  .footer-faq-heading{margin-bottom:5px !important;}
  .footer-faq-heading h2{font-size:21px !important;}
  .footer-faq-grid{gap:3px !important;}
  .footer-faq-grid .faq{min-height:31px !important;padding:5px 26px 5px 30px !important;}
  .footer-faq-grid .faq strong{font-size:5.5px !important;}
  .footer-faq-grid .faq-plus{width:16px !important;height:16px !important;left:7px !important;font-size:9px !important;}

  /* Side foliage remains behind content and only occupies the page edges. */
  .site-botanical{width:20px !important;opacity:.42 !important;pointer-events:none !important;z-index:1 !important;}
  .site-botanical-left{left:0 !important;background-position:left center !important;}
  .site-botanical-right{right:0 !important;background-position:right center !important;}
}


/* APON Membership: exactly three plans + APON Experience on the right */
.membership-wrap{
  grid-template-columns:minmax(0, 1.55fr) minmax(260px, .95fr) !important;
  align-items:stretch !important;
  gap:14px !important;
}
.membership-wrap .plans{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
.membership-wrap .experience{height:100%;min-height:220px;}

/* Keep the three plans and the experience card together on compact screens too. */
@media (max-width:900px){
  .membership-wrap{
    display:grid !important;
    grid-template-columns:minmax(0, 1.7fr) minmax(170px, .8fr) !important;
    gap:8px !important;
  }
  .membership-wrap .plans{
    display:flex !important;
    overflow-x:auto !important;
    gap:5px !important;
    min-width:0 !important;
    scrollbar-width:none !important;
  }
  .membership-wrap .plans::-webkit-scrollbar{display:none!important}
  .membership-wrap .plans .plan{
    flex:0 0 calc((100% - 10px)/3) !important;
    width:calc((100% - 10px)/3) !important;
    min-width:0 !important;
  }
  .membership-wrap .experience{min-width:0 !important;height:100%;}
}
@media (max-width:600px){
  .membership-wrap{
    grid-template-columns:minmax(0, 1.68fr) minmax(145px, .72fr) !important;
    gap:6px !important;
  }
  .membership-wrap .plans{gap:4px!important}
  .membership-wrap .plans .plan{
    flex-basis:calc((100% - 8px)/3) !important;
    width:calc((100% - 8px)/3) !important;
    height:150px !important;
    min-height:150px !important;
    padding:8px 5px !important;
  }
  .membership-wrap .plan h3{font-size:10px!important}
  .membership-wrap .amount{font-size:13px!important;margin:4px!important}
  .membership-wrap .plan li{font-size:4.8px!important;line-height:1.2!important}
  .membership-wrap .plan .gold-btn{font-size:5px!important;padding:4px!important}
  .membership-wrap .experience{min-height:150px!important;border-radius:7px!important}
  .membership-wrap .experience-copy{padding:12px 8px!important;max-width:100%!important}
  .membership-wrap .experience-copy h2{font-size:18px!important;line-height:.9!important}
  .membership-wrap .experience-copy p:not(.eyebrow){font-size:5px!important;line-height:1.35!important}
  .membership-wrap .experience-copy .gold-btn{font-size:5px!important;padding:5px 6px!important}
}


/* =========================================================
   APON FINAL — PERMANENT TOP NAVIGATION
   The visitor navbar remains visible while the user scrolls.
   No separate mobile bottom navigation is used.
   ========================================================= */
html{scroll-padding-top:72px !important;}
.nav{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin:0 !important;
  z-index:5000 !important;
}
body{padding-top:0 !important;overflow-x:hidden;}
.mobile-bottom-nav{display:none !important;}
@media(max-width:700px){
  .nav{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:52px !important;
    border-radius:0 0 10px 10px !important;
  }
  .hero{margin-top:0 !important;padding-top:84px !important;}
}

/* =========================================================
   APON REFINEMENT — CENTERED FIXED NAV + FOUR-UP MOBILE RAILS
   ========================================================= */
.nav{
  left:50% !important;
  right:auto !important;
  width:min(1400px, calc(100% - 48px)) !important;
  max-width:1400px !important;
  transform:translateX(-50%) !important;
  box-sizing:border-box !important;
}
@media (max-width:700px){
  .nav{
    left:50% !important;
    right:auto !important;
    width:calc(100% - 20px) !important;
    max-width:none !important;
    transform:translateX(-50%) !important;
    padding:0 10px !important;
    margin:0 !important;
  }

  /* Four compact cards visible at once on mobile, left-to-right. */
  .carousel-track .card,
  .therapist-grid .card,
  .offers .offer,
  .plans .plan,
  .reviews .review{
    flex:0 0 calc((100% - 15px) / 4) !important;
    width:calc((100% - 15px) / 4) !important;
    min-width:0 !important;
  }

  /* Keep the membership composition: 3 plans + APON Experience = 4 cards. */
  .membership-wrap{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:5px !important;
    overflow:hidden !important;
  }
  .membership-wrap .plans{
    flex:0 0 calc(75% - 2px) !important;
    width:calc(75% - 2px) !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow:hidden !important;
    gap:5px !important;
  }
  .membership-wrap .plans .plan{
    flex:0 0 calc((100% - 10px) / 3) !important;
    width:calc((100% - 10px) / 3) !important;
  }
  .membership-wrap .experience{
    flex:0 0 calc(25% - 3px) !important;
    width:calc(25% - 3px) !important;
    min-width:0 !important;
    margin-top:0 !important;
  }
}


/* =========================================================
   APON — CONTINUOUS LUXURY CARD RAILS
   Cards continuously glide horizontally like the supplied reference video.
   ========================================================= */
.carousel-track,.offers,.plans,.reviews{
  scroll-behavior:auto !important;
  overscroll-behavior-x:contain;
  touch-action:pan-x;
}
.carousel-track > *, .offers > *, .plans > *, .reviews > *{
  will-change:transform;
}
@media (prefers-reduced-motion: reduce){
  .carousel-track,.offers,.plans,.reviews{scroll-behavior:auto!important;}
}


/* =========================================================
   APON FINAL REFERENCE — MOBILE CARD COMPOSITION + TRUE AUTO RAILS
   Based on the supplied mobile reference image.
   ========================================================= */
/* Keep the premium desktop proportions intact. */
.carousel-track,.therapist-grid,.offers,.reviews,.plans{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.carousel-track::-webkit-scrollbar,.therapist-grid::-webkit-scrollbar,
.offers::-webkit-scrollbar,.reviews::-webkit-scrollbar,.plans::-webkit-scrollbar{display:none !important;}

/* The JS animation owns movement; don't let CSS snapping fight it. */
.carousel-track,.therapist-grid,.offers,.reviews,.plans{
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
}

@media (max-width:700px){
  /* Reference mobile: compact but still readable luxury cards. */
  .section{padding:8px 2.5% !important;}
  .section-head{margin-bottom:7px !important;}
  .section-head h2{font-size:20px !important;line-height:1.05 !important;}
  .section-head p:not(.eyebrow){font-size:6.5px !important;line-height:1.3 !important;}
  .eyebrow{font-size:5.8px !important;letter-spacing:1.6px !important;}

  .carousel-track,.therapist-grid,.offers,.reviews{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 !important;
    margin:0 !important;
    align-items:stretch !important;
  }

  /* Services + therapists: 4 compact cards visible at once. */
  .carousel-track .card,.therapist-grid .card{
    flex:0 0 calc((100% - 18px)/4) !important;
    width:calc((100% - 18px)/4) !important;
    min-width:0 !important;
    border-radius:7px !important;
  }
  .carousel-track .card-img{height:86px !important;}
  .therapist-grid .therapist-card .card-img{height:112px !important;}
  .card-body{padding:5px !important;}
  .card h3{font-size:8px !important;line-height:1.1 !important;margin:2px 0 !important;}
  .desc{font-size:4.5px !important;line-height:1.2 !important;min-height:17px !important;margin:2px 0 !important;}
  .tier-row{gap:2px !important;margin:3px 0 !important;}
  .tier-row span{padding:2px !important;}
  .tier-row b{font-size:3.1px !important;}.tier-row em{font-size:3.3px !important;}
  .card .gold-btn{font-size:4.5px !important;padding:4px 3px !important;min-height:19px !important;border-radius:4px !important;}
  .therapist-card h3{font-size:8px !important;}
  .role{font-size:4px !important;}
  .therapist-card .stars{font-size:5px !important;}
  .stars small{font-size:4px !important;}
  .status{font-size:3.2px !important;padding:2px 4px !important;top:4px !important;right:4px !important;}

  /* Offers: exactly the visual density of the supplied mobile image — 3-up. */
  .offers .offer{
    flex:0 0 calc((100% - 12px)/3) !important;
    width:calc((100% - 12px)/3) !important;
    height:142px !important;
    min-height:142px !important;
    border-radius:8px !important;
  }
  .offer-content{padding:9px !important;}
  .offer h3{font-size:11px !important;line-height:1.05 !important;}
  .offer p:not(.eyebrow){font-size:4.8px !important;line-height:1.25 !important;}
  .offer strong{font-size:7px !important;margin:3px 0 !important;}
  .offer .gold-btn{font-size:4.5px !important;padding:4px 7px !important;}

  /* Membership: 3 plans beside the APON Experience card. */
  .membership-wrap{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }
  .membership-wrap .plans{
    flex:0 0 calc(75% - 3px) !important;
    width:calc(75% - 3px) !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
    overflow:hidden !important;
  }
  .membership-wrap .plans .plan{
    flex:0 0 calc((100% - 10px)/3) !important;
    width:calc((100% - 10px)/3) !important;
    min-width:0 !important;
    height:190px !important;
    min-height:190px !important;
    padding:9px 6px !important;
    border-radius:8px !important;
  }
  .membership-wrap .plan h3{font-size:10px !important;}
  .membership-wrap .amount{font-size:13px !important;margin:5px 0 !important;}
  .membership-wrap .amount small{font-size:4px !important;}
  .membership-wrap .plan li{font-size:4.5px !important;line-height:1.3 !important;margin:2px 0 !important;}
  .membership-wrap .plan .gold-btn{font-size:5px !important;padding:5px 3px !important;}
  .membership-wrap .experience{
    flex:0 0 calc(25% - 3px) !important;
    width:calc(25% - 3px) !important;
    min-width:0 !important;
    min-height:190px !important;
    height:190px !important;
    margin:0 !important;
    border-radius:8px !important;
  }
  .membership-wrap .experience-copy{padding:16px 8px !important;}
  .membership-wrap .experience-copy h2{font-size:18px !important;line-height:.95 !important;}
  .membership-wrap .experience-copy p:not(.eyebrow){font-size:5px !important;line-height:1.35 !important;}
  .membership-wrap .experience-copy .gold-btn{font-size:5px !important;padding:5px 6px !important;}

  /* Testimonials: 3-up, matching the reference density. */
  .reviews .review{
    flex:0 0 calc((100% - 12px)/3) !important;
    width:calc((100% - 12px)/3) !important;
    height:130px !important;
    min-height:130px !important;
    padding:7px !important;
    border-radius:7px !important;
  }
  .reviews .review p{font-size:4.5px !important;line-height:1.3 !important;-webkit-line-clamp:5 !important;}
  .reviews .reviewer b{font-size:5px !important;}.reviews .stars{font-size:4px !important;}

  /* Gallery stays dense and rectangular. */
  .gallery{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:3px !important;}
  .gallery-item{height:64px !important;border-radius:5px !important;}

  /* No large gaps between sections. */
  .signature-section,.therapists-section,.offers-section,.membership-section,
  .gallery-section,.testimonials-section{margin:0 !important;}
}

@media (max-width:390px){
  .carousel-track .card,.therapist-grid .card{flex-basis:calc((100% - 18px)/4) !important;width:calc((100% - 18px)/4) !important;}
  .carousel-track .card-img{height:78px !important;}
  .therapist-grid .therapist-card .card-img{height:102px !important;}
  .offers .offer{height:132px !important;min-height:132px !important;}
  .membership-wrap .plans .plan,.membership-wrap .experience{height:176px !important;min-height:176px !important;}
}


/* =========================================================
   APON FINAL MOBILE REFINEMENT — SLOW RAILS + PACKAGE/MEMBERSHIP BALANCE
   ========================================================= */
@media (max-width:700px){
  /* Keep the mobile reference dense, but readable. */
  .offers{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding:0 1px !important;
  }
  .offers .offer{
    flex:0 0 calc((100% - 16px)/3) !important;
    width:calc((100% - 16px)/3) !important;
    height:168px !important;
    min-height:168px !important;
    border-radius:9px !important;
  }
  .offers .offer-content{padding:11px !important;max-width:78% !important;}
  .offers .offer h3{font-size:13px !important;line-height:1.05 !important;margin:3px 0 4px !important;}
  .offers .offer p:not(.eyebrow){font-size:5.4px !important;line-height:1.3 !important;}
  .offers .offer strong{font-size:8px !important;margin:5px 0 !important;display:block !important;}
  .offers .offer .gold-btn{font-size:5px !important;padding:5px 9px !important;min-height:20px !important;}

  /* Membership: three readable plans on the left + APON Experience on the right. */
  .membership-wrap{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:8px !important;
    overflow:hidden !important;
    max-width:none !important;
  }
  .membership-wrap .plans{
    flex:0 0 66% !important;
    width:66% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    overflow:hidden !important;
    min-width:0 !important;
  }
  .membership-wrap .plans .plan{
    flex:0 0 calc((100% - 14px)/3) !important;
    width:calc((100% - 14px)/3) !important;
    height:225px !important;
    min-height:225px !important;
    padding:11px 7px !important;
    border-radius:9px !important;
  }
  .membership-wrap .plan h3{font-size:11px !important;line-height:1.1 !important;}
  .membership-wrap .amount{font-size:15px !important;margin:7px 0 !important;}
  .membership-wrap .amount small{font-size:4.5px !important;}
  .membership-wrap .plan ul{margin:8px 0 9px !important;}
  .membership-wrap .plan li{font-size:5px !important;line-height:1.45 !important;margin:3px 0 !important;}
  .membership-wrap .plan .gold-btn{font-size:5.5px !important;padding:6px 3px !important;}
  .membership-wrap .experience{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:225px !important;
    min-height:225px !important;
    margin:0 !important;
    border-radius:9px !important;
  }
  .membership-wrap .experience-copy{padding:22px 11px !important;max-width:88% !important;}
  .membership-wrap .experience-copy h2{font-size:21px !important;line-height:.94 !important;margin:4px 0 8px !important;}
  .membership-wrap .experience-copy p:not(.eyebrow){font-size:5.2px !important;line-height:1.45 !important;}
  .membership-wrap .experience-copy .gold-btn{font-size:5px !important;padding:6px 7px !important;}

  /* Do not make mobile cards microscopic on very narrow phones. */
  .carousel-track .card,.therapist-grid .card{
    flex-basis:calc((100% - 18px)/4) !important;
    width:calc((100% - 18px)/4) !important;
  }
}

@media (max-width:390px){
  .offers .offer{height:154px !important;min-height:154px !important;}
  .membership-wrap .plans{flex-basis:64% !important;width:64% !important;}
  .membership-wrap .plans .plan,.membership-wrap .experience{height:205px !important;min-height:205px !important;}
  .membership-wrap .experience-copy h2{font-size:18px !important;}
}

/* =========================================================
   APON FINAL MOBILE POLISH — SLOW MOTION + PREMIUM PACKAGES
   ========================================================= */
@media (max-width:700px){
  /* Two premium landscape offer cards visible at once. */
  .offers{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    overflow-x:auto !important;
    padding:0 2px !important;
    scroll-snap-type:x proximity !important;
  }
  .offers .offer{
    flex:0 0 calc((100% - 10px)/2) !important;
    width:calc((100% - 10px)/2) !important;
    height:142px !important;
    min-height:142px !important;
    border-radius:10px !important;
    scroll-snap-align:start !important;
  }
  .offers .offer-content{
    padding:13px !important;
    max-width:86% !important;
  }
  .offers .offer .eyebrow{font-size:7px !important;letter-spacing:.8px !important;}
  .offers .offer h3{font-size:14px !important;line-height:1.08 !important;margin:3px 0 5px !important;}
  .offers .offer p:not(.eyebrow){font-size:7px !important;line-height:1.25 !important;max-width:92% !important;}
  .offers .offer strong{font-size:10px !important;margin:5px 0 !important;display:block !important;}
  .offers .offer .gold-btn{font-size:7px !important;padding:6px 11px !important;min-height:23px !important;}

  /* Membership: exactly three plans in the desktop-style row, then APON Experience below. */
  .membership-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .membership-wrap .plans{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:100% !important;
    flex:0 0 auto !important;
    overflow:visible !important;
    margin:0 !important;
  }
  .membership-wrap .plans .plan{
    flex:0 0 calc((100% - 16px)/3) !important;
    width:calc((100% - 16px)/3) !important;
    min-width:0 !important;
    height:225px !important;
    min-height:225px !important;
    padding:12px 7px !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
  }
  .membership-wrap .plans .plan h3{
    font-size:10px !important;
    line-height:1.15 !important;
    margin:3px 0 5px !important;
    white-space:nowrap !important;
  }
  .membership-wrap .plan .amount{
    font-size:13px !important;
    line-height:1.1 !important;
    margin:5px 0 9px !important;
    white-space:nowrap !important;
  }
  .membership-wrap .plan .amount small{font-size:5px !important;}
  .membership-wrap .plan ul{
    margin:7px 0 10px !important;
    padding-left:0 !important;
  }
  .membership-wrap .plan li{
    font-size:6.2px !important;
    line-height:1.45 !important;
    margin:4px 0 !important;
    white-space:normal !important;
  }
  .membership-wrap .plan .gold-btn{
    font-size:6.5px !important;
    padding:7px 5px !important;
    min-height:24px !important;
    width:100% !important;
  }
  .membership-wrap .experience{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    height:190px !important;
    min-height:190px !important;
    margin:0 !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
  }
  .membership-wrap .experience-copy{
    padding:22px 18px !important;
    max-width:68% !important;
  }
  .membership-wrap .experience-copy h2{
    font-size:25px !important;
    line-height:1 !important;
    margin:5px 0 9px !important;
  }
  .membership-wrap .experience-copy p:not(.eyebrow){
    font-size:7px !important;
    line-height:1.45 !important;
    max-width:95% !important;
  }
  .membership-wrap .experience-copy .gold-btn{
    font-size:7px !important;
    padding:7px 11px !important;
    min-height:25px !important;
  }

  /* Keep the membership block aligned with the main content, never pushed left. */
  .membership-section .container,
  .membership-section .section-inner,
  .membership-section .membership-wrap{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:390px){
  .offers .offer{height:136px !important;min-height:136px !important;}
  .offers .offer h3{font-size:12px !important;}
  .offers .offer p:not(.eyebrow){font-size:6.2px !important;}
  .offers .offer strong{font-size:9px !important;}
  .membership-wrap .plans .plan{height:218px !important;min-height:218px !important;}
  .membership-wrap .plan li{font-size:5.8px !important;}
  .membership-wrap .experience{height:180px !important;min-height:180px !important;}
  .membership-wrap .experience-copy h2{font-size:22px !important;}
}

/* =========================================================
   APON — SIGNATURE MEMBERSHIP CARD DESIGN
   Inspired by the supplied luxury membership reference.
   ========================================================= */
.membership-wrap{align-items:stretch!important}
.membership-wrap .plans{align-items:stretch!important}
.membership-luxury-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:510px!important;
  padding:0!important;
  border:1.5px solid rgba(226,184,92,.72)!important;
  border-radius:24px!important;
  background:#07110d!important;
  box-shadow:0 18px 45px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.025)!important;
  isolation:isolate;
}
.membership-luxury-card .plan-photo{
  position:absolute;inset:0 0 auto 0;height:47%;z-index:0;
  background-image:var(--plan-bg);background-size:cover;background-position:center;
}
.membership-luxury-card .plan-photo:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(4,11,8,.18) 55%,#07110d 100%);
}
.membership-luxury-card .plan-content{
  position:relative!important;z-index:2;height:100%;min-height:510px;
  padding:188px 28px 22px!important;
  display:flex;flex-direction:column;align-items:stretch;
  box-sizing:border-box;
}
.membership-luxury-card .plan-lotus{
  text-align:center;color:#f3c965;font-size:30px;line-height:1;margin-bottom:7px;
  text-shadow:0 0 12px rgba(231,190,89,.25);
}
.membership-luxury-card h3{
  text-align:center!important;color:#f4dfaa!important;font-family:'Cormorant Garamond',serif!important;
  font-size:31px!important;letter-spacing:1px!important;line-height:1!important;margin:0!important;text-transform:uppercase;
}
.membership-luxury-card .plan-subtitle{
  text-align:center;color:#e7d7b0;font-family:'Cinzel',serif;font-size:12px;letter-spacing:3px;margin-top:7px;
}
.membership-luxury-card .amount{
  text-align:center!important;color:#f6d37b!important;font-family:'Cormorant Garamond',serif!important;
  font-size:36px!important;line-height:1!important;margin:15px 0 6px!important;
}
.membership-luxury-card .amount small{font-family:'Cormorant Garamond',serif!important;font-size:17px!important;color:#eee1c0!important}
.membership-luxury-card .plan-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(228,188,100,.65),transparent);margin:7px 0 13px}
.membership-luxury-card ul{list-style:none!important;padding:0!important;margin:0 0 18px!important;display:flex;flex-direction:column;gap:10px}
.membership-luxury-card li{display:flex;align-items:center;gap:11px;color:#eee7d5!important;font-family:'Cormorant Garamond',serif!important;font-size:17px!important;line-height:1.15!important;margin:0!important}
.membership-luxury-card li span{width:22px;flex:0 0 22px;color:#f4c75e;font-size:19px;text-align:center}
.membership-luxury-card .membership-join{
  margin-top:auto;width:100%;min-height:52px;border-radius:28px;border:1px solid #e8b957;
  background:transparent;color:#f4dfaa;font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;letter-spacing:.8px;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:.25s;
}
.membership-luxury-card .membership-join b{font-size:27px;vertical-align:-2px;margin-left:8px}
.membership-luxury-card .membership-join:hover{background:linear-gradient(180deg,#f3cb72,#d99d35);color:#171106;box-shadow:0 8px 24px rgba(221,174,70,.22)}
.membership-luxury-card.featured{
  border-color:#f1c65d!important;
  box-shadow:0 0 0 1px rgba(241,198,93,.25),0 0 34px rgba(231,180,63,.24),0 22px 55px rgba(0,0,0,.5)!important;
  transform:translateY(-8px);
}
.membership-luxury-card.featured .membership-join{background:linear-gradient(180deg,#f5d17d,#e3ae4f);color:#1d1507}
.membership-luxury-card .plan-badge{
  position:absolute;z-index:4;top:0;left:50%;transform:translate(-50%,-1px);
  padding:10px 27px;border-radius:0 0 24px 24px;background:linear-gradient(180deg,#f4d17d,#e6b14e);
  color:#211805;font-family:'Cinzel',serif;font-size:12px;letter-spacing:1.2px;white-space:nowrap;box-shadow:0 5px 18px rgba(221,175,72,.28)
}

@media(max-width:1100px){
  .membership-luxury-card{min-height:450px!important;border-radius:18px!important}
  .membership-luxury-card .plan-content{min-height:450px;padding:160px 18px 17px!important}
  .membership-luxury-card h3{font-size:25px!important}.membership-luxury-card .amount{font-size:30px!important}
  .membership-luxury-card li{font-size:14px!important}.membership-luxury-card .plan-lotus{font-size:25px}.membership-luxury-card .membership-join{min-height:46px;font-size:17px}
}

@media(max-width:700px){
  /* Mobile: keep all three plans together like desktop, then put APON Experience below. */
  .membership-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .membership-wrap .plans{display:flex!important;width:100%!important;max-width:100%!important;gap:8px!important;overflow:visible!important;flex-wrap:nowrap!important}
  .membership-wrap .plans .membership-luxury-card{
    flex:1 1 0!important;width:auto!important;min-width:0!important;height:330px!important;min-height:330px!important;border-radius:14px!important;
  }
  .membership-luxury-card .plan-content{min-height:330px!important;padding:116px 8px 10px!important}
  .membership-luxury-card .plan-photo{height:42%!important}
  .membership-luxury-card .plan-lotus{font-size:19px!important;margin-bottom:3px!important}
  .membership-luxury-card h3{font-size:17px!important;letter-spacing:.4px!important}
  .membership-luxury-card .plan-subtitle{font-size:6px!important;letter-spacing:1.8px!important;margin-top:3px!important}
  .membership-luxury-card .amount{font-size:21px!important;margin:8px 0 3px!important}
  .membership-luxury-card .amount small{font-size:8px!important}
  .membership-luxury-card .plan-divider{margin:4px 0 7px!important}
  .membership-luxury-card ul{gap:5px!important;margin-bottom:7px!important}
  .membership-luxury-card li{font-size:9px!important;line-height:1.05!important;gap:4px!important;white-space:normal!important}
  .membership-luxury-card li span{width:13px!important;flex-basis:13px!important;font-size:10px!important}
  .membership-luxury-card .membership-join{min-height:30px!important;border-radius:18px!important;font-size:10px!important;letter-spacing:.2px!important}
  .membership-luxury-card .membership-join b{font-size:15px!important;margin-left:2px!important}
  .membership-luxury-card .plan-badge{top:-1px!important;padding:5px 10px!important;font-size:6px!important;border-radius:0 0 12px 12px!important;letter-spacing:.6px!important}
  .membership-luxury-card.featured{transform:translateY(-4px)!important}
  .membership-wrap .experience{width:100%!important;min-width:100%!important;height:210px!important;min-height:210px!important;margin-top:10px!important;border-radius:14px!important}
  .membership-wrap .experience-copy{padding:28px 20px!important;max-width:65%!important}
  .membership-wrap .experience-copy h2{font-size:28px!important}
  .membership-wrap .experience-copy p:not(.eyebrow){font-size:7px!important;line-height:1.45!important}
  .membership-wrap .experience-copy .gold-btn{font-size:7px!important;padding:7px 10px!important}
}

@media(max-width:390px){
  .membership-wrap .plans{gap:5px!important}
  .membership-wrap .plans .membership-luxury-card{height:310px!important;min-height:310px!important}
  .membership-luxury-card .plan-content{min-height:310px!important;padding:105px 6px 8px!important}
  .membership-luxury-card h3{font-size:15px!important}.membership-luxury-card .amount{font-size:18px!important}
  .membership-luxury-card li{font-size:8px!important}.membership-luxury-card .membership-join{font-size:9px!important}
}

/* =========================================================
   APON FINAL MEMBERSHIP RESPONSIVE PATCH
   Keep the luxury reference styling, center the whole block,
   and keep mobile cards readable with visible Join Now buttons.
   ========================================================= */
.membership-section .membership-wrap{
  width:100% !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
  padding-left:0 !important;
  padding-right:0 !important;
  transform:none !important;
}
.membership-section .membership-wrap .plans{
  min-width:0 !important;
  margin:0 !important;
}
.membership-section .membership-wrap .experience{
  min-width:0 !important;
  margin:0 !important;
}

@media (max-width:700px){
  .membership-section{padding-left:3.5% !important;padding-right:3.5% !important;}
  .membership-section .membership-wrap{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  .membership-section .membership-wrap .plans{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    gap:9px !important;
    padding:10px 2px 12px !important;
    margin:0 !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
    box-sizing:border-box !important;
  }
  .membership-section .membership-wrap .plans::-webkit-scrollbar{display:none !important;}
  .membership-section .membership-wrap .plans .membership-luxury-card{
    flex:0 0 calc((100% - 18px)/3) !important;
    width:calc((100% - 18px)/3) !important;
    min-width:0 !important;
    height:auto !important;
    min-height:390px !important;
    max-height:none !important;
    scroll-snap-align:start !important;
    border-radius:16px !important;
  }
  .membership-section .membership-luxury-card .plan-photo{
    height:40% !important;
    min-height:145px !important;
  }
  .membership-section .membership-luxury-card .plan-content{
    min-height:390px !important;
    height:auto !important;
    padding:145px 10px 12px !important;
    box-sizing:border-box !important;
  }
  .membership-section .membership-luxury-card .plan-lotus{
    font-size:18px !important;
    margin-bottom:3px !important;
  }
  .membership-section .membership-luxury-card h3{
    font-size:clamp(14px,4vw,19px) !important;
    line-height:1 !important;
    letter-spacing:.4px !important;
  }
  .membership-section .membership-luxury-card .plan-subtitle{
    font-size:clamp(5px,1.8vw,8px) !important;
    letter-spacing:1.4px !important;
    margin-top:4px !important;
  }
  .membership-section .membership-luxury-card .amount{
    font-size:clamp(17px,5vw,24px) !important;
    margin:8px 0 4px !important;
    white-space:nowrap !important;
  }
  .membership-section .membership-luxury-card .amount small{
    font-size:clamp(7px,2vw,10px) !important;
  }
  .membership-section .membership-luxury-card .plan-divider{margin:4px 0 8px !important;}
  .membership-section .membership-luxury-card ul{
    gap:6px !important;
    margin:0 0 10px !important;
  }
  .membership-section .membership-luxury-card li{
    font-size:clamp(8px,2.5vw,11px) !important;
    line-height:1.15 !important;
    gap:4px !important;
    white-space:normal !important;
  }
  .membership-section .membership-luxury-card li span{
    width:13px !important;
    flex:0 0 13px !important;
    font-size:10px !important;
  }
  .membership-section .membership-luxury-card .membership-join{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:8 !important;
    width:100% !important;
    min-height:38px !important;
    height:38px !important;
    margin-top:auto !important;
    padding:6px 5px !important;
    border-radius:22px !important;
    font-size:clamp(9px,2.8vw,12px) !important;
    line-height:1 !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .membership-section .membership-luxury-card .membership-join b{font-size:17px !important;margin-left:3px !important;}
  .membership-section .membership-luxury-card.featured{transform:translateY(-5px) !important;}
  .membership-section .membership-luxury-card .plan-badge{
    top:0 !important;
    padding:5px 9px !important;
    font-size:clamp(5px,1.7vw,8px) !important;
    letter-spacing:.5px !important;
  }
  /* Experience is a separate full-width card below the three plans. */
  .membership-section .membership-wrap .experience{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    height:230px !important;
    min-height:230px !important;
    margin:7px 0 0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  .membership-section .membership-wrap .experience-copy{
    padding:28px 22px !important;
    max-width:65% !important;
    box-sizing:border-box !important;
  }
  .membership-section .membership-wrap .experience-copy h2{font-size:clamp(25px,8vw,38px) !important;line-height:.95 !important;}
  .membership-section .membership-wrap .experience-copy p:not(.eyebrow){font-size:clamp(8px,2.5vw,11px) !important;line-height:1.45 !important;}
  .membership-section .membership-wrap .experience-copy .gold-btn{font-size:clamp(8px,2.5vw,11px) !important;padding:8px 12px !important;min-height:34px !important;}
}

@media (max-width:390px){
  .membership-section .membership-wrap .plans{gap:7px !important;}
  .membership-section .membership-wrap .plans .membership-luxury-card{
    flex-basis:calc((100% - 14px)/3) !important;
    width:calc((100% - 14px)/3) !important;
    min-height:360px !important;
  }
  .membership-section .membership-luxury-card .plan-photo{min-height:132px !important;}
  .membership-section .membership-luxury-card .plan-content{min-height:360px !important;padding:132px 7px 9px !important;}
  .membership-section .membership-luxury-card li{font-size:7.5px !important;gap:3px !important;}
  .membership-section .membership-luxury-card .membership-join{min-height:34px !important;height:34px !important;font-size:8px !important;}
  .membership-section .membership-wrap .experience{height:200px !important;min-height:200px !important;}
  .membership-section .membership-wrap .experience-copy{padding:24px 17px !important;max-width:68% !important;}
}

/* =========================================================
   APON MOBILE FINAL COMPOSITION — compact landscape luxury
   ========================================================= */
@media (max-width:700px){
  /* Membership: three compact luxury cards, no excessive vertical height. */
  .membership-section .membership-wrap .plans{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    gap:8px !important;
    padding:8px 2px 10px !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card{
    flex:0 0 calc((100% - 16px)/3) !important;
    width:calc((100% - 16px)/3) !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    border-radius:14px !important;
  }
  .membership-section .membership-luxury-card .plan-photo{
    height:39% !important;
    min-height:112px !important;
  }
  .membership-section .membership-luxury-card .plan-content{
    height:300px !important;
    min-height:300px !important;
    padding:105px 9px 9px !important;
  }
  .membership-section .membership-luxury-card .plan-lotus{font-size:17px !important;margin-bottom:2px !important;}
  .membership-section .membership-luxury-card h3{font-size:16px !important;line-height:1 !important;}
  .membership-section .membership-luxury-card .plan-subtitle{font-size:5.5px !important;letter-spacing:1.2px !important;margin-top:3px !important;}
  .membership-section .membership-luxury-card .amount{font-size:20px !important;margin:6px 0 3px !important;}
  .membership-section .membership-luxury-card .amount small{font-size:7px !important;}
  .membership-section .membership-luxury-card .plan-divider{margin:3px 0 6px !important;}
  .membership-section .membership-luxury-card ul{gap:4px !important;margin:0 0 7px !important;}
  .membership-section .membership-luxury-card li{font-size:8px !important;line-height:1.08 !important;gap:3px !important;}
  .membership-section .membership-luxury-card li span{width:11px !important;flex-basis:11px !important;font-size:9px !important;}
  .membership-section .membership-luxury-card .membership-join{
    display:flex !important;
    width:100% !important;
    height:31px !important;
    min-height:31px !important;
    margin-top:auto !important;
    padding:4px 5px !important;
    font-size:9px !important;
    border-radius:18px !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .membership-section .membership-luxury-card .membership-join b{font-size:14px !important;margin-left:2px !important;}
  .membership-section .membership-luxury-card.featured{transform:translateY(-3px) !important;}
  .membership-section .membership-luxury-card .plan-badge{padding:4px 8px !important;font-size:5.5px !important;}

  /* APON Experience: full-width landscape card BELOW the three plans. */
  .membership-section .membership-wrap .experience{
    width:100% !important;
    min-width:100% !important;
    height:155px !important;
    min-height:155px !important;
    margin:8px 0 0 !important;
    border-radius:14px !important;
  }
  .membership-section .membership-wrap .experience-copy{
    padding:18px 18px !important;
    max-width:58% !important;
  }
  .membership-section .membership-wrap .experience-copy h2{
    font-size:24px !important;
    line-height:.92 !important;
    margin:4px 0 6px !important;
  }
  .membership-section .membership-wrap .experience-copy p:not(.eyebrow){
    font-size:7px !important;
    line-height:1.35 !important;
    margin-bottom:7px !important;
  }
  .membership-section .membership-wrap .experience-copy .gold-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    height:30px !important;
    padding:5px 10px !important;
    font-size:8px !important;
    white-space:nowrap !important;
  }

  /* Ready to Relax: keep the desktop three-part landscape composition on mobile. */
  .cta{
    display:grid !important;
    grid-template-columns:34% 38% 28% !important;
    align-items:stretch !important;
    width:94% !important;
    margin:6px auto 8px !important;
    min-height:145px !important;
    height:145px !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }
  .cta-photo{min-height:145px !important;height:145px !important;}
  .cta-copy{padding:15px 10px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}
  .cta-copy .eyebrow{font-size:6px !important;margin-bottom:3px !important;}
  .cta h2{font-size:22px !important;line-height:.95 !important;margin:0 0 3px !important;}
  .cta h3{font-size:8px !important;margin:0 0 4px !important;}
  .cta-copy small{font-size:5.5px !important;line-height:1.25 !important;}
  .cta-copy .gold-btn{font-size:7px !important;min-height:27px !important;height:27px !important;padding:5px 9px !important;margin-top:6px !important;align-self:flex-start !important;}
  .cta-points{padding:12px 8px !important;gap:8px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}
  .cta-points span{display:grid !important;grid-template-columns:18px 1fr !important;column-gap:4px !important;align-items:center !important;}
  .cta-points i{grid-row:1 / span 2;font-size:12px !important;}
  .cta-points b{font-size:6.5px !important;line-height:1.05 !important;}
  .cta-points small{font-size:4.8px !important;line-height:1.05 !important;}

  /* FAQ: desktop-like two-column landscape arrangement. */
  .footer-faq-section{
    width:94% !important;
    margin:0 auto !important;
    padding:10px 0 10px !important;
  }
  .footer-faq-heading{text-align:center !important;margin-bottom:7px !important;}
  .footer-faq-heading .eyebrow{font-size:6px !important;}
  .footer-faq-heading h2{font-size:22px !important;line-height:1 !important;margin:2px 0 0 !important;}
  .footer-faq-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px 8px !important;
    width:100% !important;
  }
  .footer-faq-grid .faq{
    min-height:34px !important;
    height:34px !important;
    padding:5px 25px 5px 29px !important;
    border-radius:7px !important;
  }
  .footer-faq-grid .faq strong{font-size:6px !important;line-height:1.05 !important;white-space:nowrap !important;}
  .footer-faq-grid .faq-plus{width:16px !important;height:16px !important;left:7px !important;font-size:9px !important;}
  .footer-faq-grid .answer{font-size:5.5px !important;line-height:1.3 !important;}

  /* Footer: retain a desktop-like landscape layout; remove Quick Links on phones. */
  .apon-footer{width:100% !important;overflow:hidden !important;}
  .apon-footer .footer-main{
    display:grid !important;
    grid-template-columns:38% 29% 33% !important;
    align-items:start !important;
    gap:0 !important;
    padding:15px 3% 10px !important;
  }
  .apon-footer .footer-about{grid-column:1 !important;padding-right:9px !important;}
  .apon-footer .footer-links{display:none !important;}
  .apon-footer .footer-contact{grid-column:2 !important;padding:0 9px !important;border-left:1px solid rgba(214,170,79,.45) !important;border-top:0 !important;}
  .apon-footer .footer-map{grid-column:3 !important;min-height:115px !important;height:115px !important;border-radius:8px !important;}
  .footer-logo img{width:110px !important;max-width:100% !important;}
  .apon-footer .footer-about p{font-size:6px !important;line-height:1.35 !important;margin:5px 0 0 !important;}
  .footer-socials{gap:5px !important;margin-top:7px !important;}
  .footer-socials a{width:20px !important;height:20px !important;}
  .apon-footer .footer-column h4{font-size:8px !important;margin:0 0 6px !important;}
  .apon-footer .footer-contact p{font-size:5.8px !important;line-height:1.25 !important;gap:4px !important;margin:4px 0 !important;white-space:nowrap !important;}
  .apon-footer .footer-contact .contact-icon{font-size:8px !important;width:11px !important;}
  .map-card-title{padding:5px 6px !important;}
  .map-card-title b{font-size:6px !important;}
  .map-card-title a{font-size:4.5px !important;}
  .footer-map button{font-size:6px !important;padding:6px 8px !important;}
  .map-pin{font-size:19px !important;}
  .apon-footer .footer-bottom{
    min-height:38px !important;
    height:auto !important;
    padding:7px 3% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    font-size:5px !important;
    white-space:nowrap !important;
  }
  .apon-footer .footer-bottom a{font-size:5px !important;}
  .footer-top{width:28px !important;height:28px !important;right:7px !important;bottom:7px !important;font-size:12px !important;}
}

@media (max-width:390px){
  .membership-section .membership-wrap .plans{gap:6px !important;}
  .membership-section .membership-wrap .plans .membership-luxury-card{
    flex-basis:calc((100% - 12px)/3) !important;
    width:calc((100% - 12px)/3) !important;
    height:285px !important;min-height:285px !important;max-height:285px !important;
  }
  .membership-section .membership-luxury-card .plan-photo{min-height:105px !important;}
  .membership-section .membership-luxury-card .plan-content{height:285px !important;min-height:285px !important;padding:98px 7px 8px !important;}
  .membership-section .membership-luxury-card h3{font-size:14px !important;}
  .membership-section .membership-luxury-card .amount{font-size:18px !important;}
  .membership-section .membership-luxury-card li{font-size:7.2px !important;}
  .membership-section .membership-luxury-card .membership-join{height:29px !important;min-height:29px !important;font-size:8px !important;}
  .membership-section .membership-wrap .experience{height:145px !important;min-height:145px !important;}
  .membership-section .membership-wrap .experience-copy{padding:16px 15px !important;}
  .membership-section .membership-wrap .experience-copy h2{font-size:21px !important;}
  .cta{height:135px !important;min-height:135px !important;}
  .cta-photo{height:135px !important;min-height:135px !important;}
  .footer-faq-grid{gap:4px 6px !important;}
  .footer-faq-grid .faq{padding-left:27px !important;padding-right:21px !important;}
  .footer-faq-grid .faq strong{font-size:5.5px !important;}
  .apon-footer .footer-main{grid-template-columns:38% 29% 33% !important;padding-left:2.5% !important;padding-right:2.5% !important;}
  .apon-footer .footer-about p{font-size:5.5px !important;}
  .apon-footer .footer-contact p{font-size:5.2px !important;}
  .apon-footer .footer-map{height:105px !important;min-height:105px !important;}
}

/* FINAL MOBILE REFINEMENT — membership, FAQ and landscape footer */
.mobile-footer-map{display:none}

@media (max-width:700px){
  /* Membership: compact three-card row, with readable content and visible CTA */
  .membership-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;padding-left:3%!important;padding-right:3%!important}
  .membership-section .membership-wrap{width:100%!important;max-width:100%!important;margin:0 auto!important;display:block!important;overflow:visible!important}
  .membership-section .membership-wrap .plans{width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:6px 1px 8px!important;box-sizing:border-box!important;align-items:stretch!important}
  .membership-section .membership-wrap .plans::-webkit-scrollbar{display:none!important}
  .membership-section .membership-wrap .plans .membership-luxury-card{flex:0 0 calc((100% - 12px)/3)!important;width:calc((100% - 12px)/3)!important;min-width:calc((100% - 12px)/3)!important;height:300px!important;min-height:300px!important;max-height:300px!important;border-radius:13px!important;overflow:hidden!important;scroll-snap-align:start!important;transform:none!important}
  .membership-section .membership-wrap .plans .membership-luxury-card.featured{transform:translateY(-3px)!important}
  .membership-section .membership-luxury-card .plan-photo{height:92px!important;min-height:92px!important;max-height:92px!important}
  .membership-section .membership-luxury-card .plan-content{height:208px!important;min-height:208px!important;max-height:208px!important;padding:96px 7px 7px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
  .membership-section .membership-luxury-card .plan-lotus{font-size:15px!important;line-height:1!important;margin:0 0 2px!important}
  .membership-section .membership-luxury-card h3{font-size:13px!important;line-height:1!important;margin:0!important;white-space:nowrap!important}
  .membership-section .membership-luxury-card .plan-subtitle{font-size:5px!important;line-height:1!important;letter-spacing:1px!important;margin:3px 0!important}
  .membership-section .membership-luxury-card .amount{font-size:16px!important;line-height:1!important;margin:5px 0 2px!important;white-space:nowrap!important}
  .membership-section .membership-luxury-card .amount small{font-size:6px!important}
  .membership-section .membership-luxury-card .plan-divider{margin:3px 0 5px!important}
  .membership-section .membership-luxury-card ul{gap:3px!important;margin:0 0 5px!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
  .membership-section .membership-luxury-card li{font-size:6.8px!important;line-height:1.05!important;gap:3px!important;white-space:normal!important;min-height:12px!important}
  .membership-section .membership-luxury-card li span{width:10px!important;flex:0 0 10px!important;font-size:8px!important}
  .membership-section .membership-luxury-card .membership-join{display:flex!important;flex:0 0 27px!important;width:100%!important;height:27px!important;min-height:27px!important;max-height:27px!important;padding:3px 5px!important;margin-top:auto!important;border-radius:15px!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:5!important}
  .membership-section .membership-luxury-card .membership-join b{font-size:10px!important;margin-left:2px!important}
  .membership-section .membership-luxury-card .plan-badge{top:-1px!important;padding:3px 6px!important;font-size:4.5px!important;line-height:1!important;border-radius:0 0 8px 8px!important}

  /* APON Experience below all three plans, landscape and fully visible */
  .membership-section .membership-wrap .experience{display:block!important;width:100%!important;min-width:100%!important;height:155px!important;min-height:155px!important;max-height:155px!important;margin:8px 0 0!important;border-radius:13px!important;overflow:hidden!important;position:relative!important}
  .membership-section .membership-wrap .experience-copy{padding:17px 18px!important;max-width:58%!important;height:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important;z-index:3!important}
  .membership-section .membership-wrap .experience-copy .eyebrow{font-size:5px!important;margin:0 0 3px!important}
  .membership-section .membership-wrap .experience-copy h2{font-size:23px!important;line-height:.92!important;margin:0 0 5px!important}
  .membership-section .membership-wrap .experience-copy p:not(.eyebrow){font-size:7px!important;line-height:1.35!important;margin:0 0 7px!important}
  .membership-section .membership-wrap .experience-copy .gold-btn{display:inline-flex!important;width:max-content!important;max-width:100%!important;min-height:27px!important;height:27px!important;padding:5px 9px!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important;align-items:center!important}

  /* Ready to Relax: preserve desktop-like landscape composition */
  .cta{width:100%!important;height:145px!important;min-height:145px!important;display:grid!important;grid-template-columns:30% 40% 30%!important;gap:0!important;overflow:hidden!important;border-radius:12px!important}
  .cta-photo{height:145px!important;min-height:145px!important}
  .cta-copy{height:145px!important;padding:12px 9px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .cta h2{font-size:19px!important;line-height:.95!important;margin:0 0 3px!important}
  .cta h3{font-size:7px!important;line-height:1.1!important;margin:0 0 4px!important}
  .cta-copy small{font-size:5px!important;line-height:1.25!important}
  .cta-copy .gold-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;min-height:26px!important;height:26px!important;padding:4px 9px!important;font-size:6.5px!important;margin-top:5px!important}
  .cta-points{height:145px!important;padding:10px 7px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important}
  .cta-points span{display:grid!important;grid-template-columns:15px 1fr!important;column-gap:4px!important;align-items:center!important}
  .cta-points i{grid-row:1 / span 2;font-size:10px!important}
  .cta-points b{font-size:5.8px!important;line-height:1.05!important}
  .cta-points small{font-size:4.5px!important;line-height:1.05!important}

  /* FAQ: desktop-like two-column landscape layout on mobile */
  .footer-faq-section{width:100%!important;box-sizing:border-box!important;padding:18px 3%!important;overflow:hidden!important}
  .footer-faq-heading{text-align:center!important;margin-bottom:8px!important}
  .footer-faq-heading .eyebrow{font-size:5.5px!important;letter-spacing:1.8px!important}
  .footer-faq-heading h2{font-size:21px!important;line-height:1!important;margin:2px 0 0!important}
  .footer-faq-grid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 7px!important;box-sizing:border-box!important}
  .footer-faq-grid .faq{width:100%!important;min-width:0!important;min-height:38px!important;height:auto!important;box-sizing:border-box!important;padding:7px 23px 7px 31px!important;border-radius:7px!important;position:relative!important;display:flex!important;align-items:center!important;overflow:hidden!important}
  .footer-faq-grid .faq:before{left:8px!important;top:9px!important;width:15px!important;height:15px!important;border-radius:3px!important}
  .footer-faq-grid .faq:after{left:12px!important;top:13px!important;width:7px!important;height:7px!important;background:linear-gradient(#1c170b,#1c170b) center/7px 1.5px no-repeat,linear-gradient(#1c170b,#1c170b) center/1.5px 7px no-repeat!important}
  .footer-faq-grid .faq strong{font-size:7.2px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;padding:0!important}
  .footer-faq-grid .faq-plus{right:7px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;height:auto!important;font-size:12px!important;line-height:1!important}
  .footer-faq-grid .faq.open{display:block!important;padding-top:9px!important;padding-bottom:8px!important}
  .footer-faq-grid .faq.open:before{top:9px!important}.footer-faq-grid .faq.open:after{top:15px!important}
  .footer-faq-grid .faq.open .answer{font-size:6.2px!important;line-height:1.3!important;margin-top:5px!important;padding:0!important}

  /* Move map out of footer on mobile and place it between FAQ and footer */
  .apon-footer .footer-map{display:none!important}
  .mobile-footer-map{display:block!important;position:relative!important;width:94%!important;height:145px!important;min-height:145px!important;margin:0 auto 0!important;border:1px solid rgba(214,170,79,.55)!important;border-radius:12px!important;overflow:hidden!important;background:linear-gradient(135deg,#203a31,#8b8261 48%,#29443d)!important;box-shadow:0 12px 28px rgba(0,0,0,.3)!important}
  .mobile-footer-map .map-grid{position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent 45%,rgba(255,255,255,.06) 45.5%,transparent 46%),linear-gradient(20deg,transparent 58%,rgba(255,255,255,.05) 58.5%,transparent 59%),radial-gradient(circle at 30% 55%,rgba(31,76,55,.85) 0 11%,transparent 11.5%),radial-gradient(circle at 70% 25%,rgba(35,80,59,.8) 0 9%,transparent 9.5%)}
  .mobile-footer-map .road{position:absolute;display:block;background:rgba(240,232,198,.45);height:2px;transform-origin:left center}
  .mobile-footer-map .road-a{width:80%;left:5%;top:63%;transform:rotate(-13deg)}
  .mobile-footer-map .road-b{width:75%;left:22%;top:27%;transform:rotate(28deg)}
  .mobile-footer-map .road-c{width:58%;left:38%;top:82%;transform:rotate(-40deg)}
  .mobile-footer-map .road-d{width:55%;left:2%;top:32%;transform:rotate(53deg)}
  .mobile-footer-map .park{position:absolute;right:13%;top:18%;color:#dfe8c9;font:600 7px/1.2 Poppins,sans-serif;text-align:center;opacity:.85}
  .mobile-footer-map .map-pin{position:absolute;left:57%;top:48%;color:#e9b84c;font-size:28px;text-shadow:0 4px 10px rgba(0,0,0,.5)}
  .mobile-footer-map .map-pin small{display:block;color:#f6e8c5;font:600 6px Poppins,sans-serif;white-space:nowrap;margin-left:-20px;margin-top:-5px}
  .mobile-footer-map .map-label{position:absolute!important;left:8px!important;top:8px!important;background:rgba(3,8,6,.84)!important;padding:5px 7px!important;border-radius:5px!important}
  .mobile-footer-map .map-label b{font-size:7px!important;color:#f2d181!important}.mobile-footer-map .map-label small{font-size:4.5px!important}
  .mobile-footer-map .map-card-title{position:absolute;left:9px;bottom:9px;background:rgba(3,8,6,.78);padding:5px 7px;border-radius:5px;z-index:2}
  .mobile-footer-map .map-card-title b{display:block;color:#f2d181;font:600 6px Poppins,sans-serif}.mobile-footer-map .map-card-title a{color:#d9c79b;font:5px Poppins,sans-serif;text-decoration:none}
  .mobile-footer-map>button{position:absolute;right:9px;bottom:9px;z-index:3;border:0;background:linear-gradient(180deg,#f3cf79,#dca643);color:#201708;border-radius:15px;padding:7px 11px;font:700 6px Poppins,sans-serif}

  /* Organized landscape footer: About + Contact side-by-side; Quick Links and footer map removed */
  .apon-footer{width:100%!important;overflow:hidden!important}
  .apon-footer .footer-main{width:100%!important;max-width:none!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1.15fr .95fr!important;gap:0!important;padding:18px 4% 14px!important;align-items:start!important}
  .apon-footer .footer-about{grid-column:1!important;padding:0 10px 0 0!important;border:0!important;min-width:0!important}
  .apon-footer .footer-links{display:none!important}
  .apon-footer .footer-contact{grid-column:2!important;padding:0 0 0 12px!important;border-left:1px solid rgba(214,170,79,.35)!important;border-top:0!important;min-width:0!important}
  .footer-logo img{width:125px!important;max-width:100%!important;height:auto!important}
  .apon-footer .footer-about p{font-size:6.3px!important;line-height:1.4!important;margin:5px 0 0!important;max-width:170px!important}
  .footer-socials{display:flex!important;gap:6px!important;margin-top:8px!important;align-items:center!important}
  .footer-socials a{display:flex!important;width:23px!important;height:23px!important;min-width:23px!important;border:1px solid rgba(225,190,102,.7)!important;border-radius:50%!important;background:rgba(224,183,84,.08)!important;align-items:center!important;justify-content:center!important}
  .footer-socials a svg{width:12px!important;height:12px!important;fill:#e8c56f!important;stroke:#e8c56f!important}
  .apon-footer .footer-column h4{font-size:8px!important;line-height:1!important;margin:0 0 7px!important;letter-spacing:1px!important}
  .apon-footer .footer-contact p{font-size:6.2px!important;line-height:1.25!important;display:flex!important;align-items:center!important;gap:5px!important;margin:5px 0!important;white-space:nowrap!important;color:#d8d1c2!important}
  .apon-footer .footer-contact .contact-icon{font-size:9px!important;width:12px!important;min-width:12px!important;color:#e7c56f!important;text-align:center!important}
  .apon-footer .footer-bottom{width:100%!important;box-sizing:border-box!important;min-height:34px!important;padding:7px 4%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;font-size:5px!important;white-space:nowrap!important}
  .apon-footer .footer-bottom>div{display:flex!important;gap:5px!important;align-items:center!important}
  .apon-footer .footer-bottom a{font-size:5px!important}.apon-footer .footer-bottom i{height:8px!important;width:1px!important}
  .footer-top{width:30px!important;height:30px!important;right:7px!important;bottom:7px!important;font-size:14px!important}
}

@media(max-width:390px){
  .membership-section .membership-wrap .plans{gap:5px!important}
  .membership-section .membership-wrap .plans .membership-luxury-card{flex-basis:calc((100% - 10px)/3)!important;width:calc((100% - 10px)/3)!important;min-width:calc((100% - 10px)/3)!important;height:285px!important;min-height:285px!important;max-height:285px!important}
  .membership-section .membership-luxury-card .plan-photo{height:86px!important;min-height:86px!important;max-height:86px!important}
  .membership-section .membership-luxury-card .plan-content{height:199px!important;min-height:199px!important;max-height:199px!important;padding:89px 5px 6px!important}
  .membership-section .membership-luxury-card h3{font-size:12px!important}.membership-section .membership-luxury-card .amount{font-size:15px!important}.membership-section .membership-luxury-card li{font-size:6.3px!important}.membership-section .membership-luxury-card .membership-join{height:25px!important;min-height:25px!important;max-height:25px!important;font-size:6.5px!important}
  .membership-section .membership-wrap .experience{height:140px!important;min-height:140px!important;max-height:140px!important}
  .membership-section .membership-wrap .experience-copy h2{font-size:21px!important}.membership-section .membership-wrap .experience-copy p:not(.eyebrow){font-size:6.3px!important}.membership-section .membership-wrap .experience-copy .gold-btn{height:25px!important;min-height:25px!important;font-size:6.5px!important}
  .mobile-footer-map{height:135px!important;min-height:135px!important}
  .apon-footer .footer-about p{font-size:5.8px!important}.apon-footer .footer-contact p{font-size:5.7px!important}.footer-socials a{width:21px!important;height:21px!important;min-width:21px!important}.footer-socials a svg{width:11px!important;height:11px!important}
  .footer-faq-grid .faq strong{font-size:6.6px!important}.footer-faq-grid .faq{min-height:36px!important;padding-left:29px!important;padding-right:20px!important}
}

/* =========================================================
   APON MOBILE FINAL POLISH — membership / booking / footer
   Desktop styles intentionally untouched.
   ========================================================= */
@media (max-width:700px){
  /* Membership: compact but complete. Keep all three plans visible and readable. */
  .membership-section .membership-wrap{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column!important;gap:9px!important;margin:0!important;box-sizing:border-box!important}
  .membership-section .membership-wrap .plans{width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:6px!important;padding:6px 1px 7px!important;box-sizing:border-box!important;align-items:stretch!important}
  .membership-section .membership-wrap .plans .membership-luxury-card{
    position:relative!important;flex:0 0 calc((100% - 12px)/3)!important;width:calc((100% - 12px)/3)!important;min-width:0!important;
    height:318px!important;min-height:318px!important;max-height:318px!important;border-radius:13px!important;overflow:hidden!important;
  }
  .membership-section .membership-luxury-card .plan-photo{position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:92px!important;min-height:92px!important;max-height:92px!important;background-size:cover!important;background-position:center!important}
  .membership-section .membership-luxury-card .plan-content{
    position:absolute!important;inset:0!important;width:100%!important;height:318px!important;min-height:318px!important;max-height:318px!important;
    display:flex!important;flex-direction:column!important;padding:96px 6px 7px!important;box-sizing:border-box!important;
    background:linear-gradient(180deg,rgba(3,10,7,.08) 0,rgba(3,10,7,.82) 29%,rgba(3,10,7,.97) 47%,rgba(3,10,7,.99) 100%)!important;
  }
  .membership-section .membership-luxury-card .plan-lotus{font-size:15px!important;line-height:1!important;margin:0 0 2px!important}
  .membership-section .membership-luxury-card h3{font-size:14px!important;line-height:1!important;white-space:nowrap!important;margin:0!important}
  .membership-section .membership-luxury-card .plan-subtitle{font-size:5px!important;letter-spacing:1.1px!important;margin:3px 0 0!important;line-height:1!important}
  .membership-section .membership-luxury-card .amount{font-size:18px!important;line-height:1!important;margin:6px 0 3px!important;white-space:nowrap!important}
  .membership-section .membership-luxury-card .amount small{font-size:6px!important}
  .membership-section .membership-luxury-card .plan-divider{margin:3px 0 6px!important;flex:none!important}
  .membership-section .membership-luxury-card ul{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:visible!important;gap:3px!important;margin:0 0 6px!important;padding:0!important;justify-content:flex-start!important}
  .membership-section .membership-luxury-card li{font-size:7px!important;line-height:1.05!important;gap:3px!important;white-space:normal!important;overflow:visible!important;color:#eee7d5!important}
  .membership-section .membership-luxury-card li span{width:10px!important;min-width:10px!important;flex-basis:10px!important;font-size:8px!important}
  .membership-section .membership-luxury-card .membership-join{
    position:relative!important;display:flex!important;flex:0 0 27px!important;width:100%!important;height:27px!important;min-height:27px!important;max-height:27px!important;
    margin:0!important;padding:3px 4px!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;
    font-size:7px!important;line-height:1!important;border-radius:15px!important;z-index:8!important
  }
  .membership-section .membership-luxury-card .membership-join b{font-size:12px!important;margin-left:2px!important}
  .membership-section .membership-luxury-card .plan-badge{top:0!important;padding:3px 6px!important;font-size:4.5px!important;line-height:1!important;white-space:nowrap!important;z-index:10!important}
  .membership-section .membership-luxury-card.featured{transform:translateY(-2px)!important;box-shadow:0 10px 28px rgba(220,176,79,.22)!important}

  /* APON Experience: full-width landscape below plans, never clipped. */
  .membership-section .membership-wrap .experience{width:100%!important;min-width:0!important;height:150px!important;min-height:150px!important;max-height:150px!important;margin:0!important;border-radius:13px!important;overflow:hidden!important}
  .membership-section .membership-wrap .experience-copy{padding:17px 16px!important;max-width:67%!important;box-sizing:border-box!important}
  .membership-section .membership-wrap .experience-copy h2{font-size:23px!important;line-height:.9!important;margin:3px 0 6px!important}
  .membership-section .membership-wrap .experience-copy p:not(.eyebrow){font-size:6.5px!important;line-height:1.35!important;margin:0 0 7px!important}
  .membership-section .membership-wrap .experience-copy .gold-btn{display:inline-flex!important;width:auto!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:5px 10px!important;font-size:7px!important;white-space:nowrap!important;overflow:visible!important}

  /* Booking drawer: phone-safe header and scrolling content. */
  .booking-overlay{padding:0!important;overflow:hidden!important}
  .booking-drawer{position:fixed!important;inset:0!important;width:100vw!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-top:0!important;-webkit-overflow-scrolling:touch!important}
  .drawer-close{position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;right:10px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:25px!important;line-height:36px!important;background:rgba(4,10,7,.94)!important;border:1px solid rgba(232,195,103,.85)!important;box-shadow:0 5px 20px rgba(0,0,0,.5)!important;z-index:9999!important}
  .drawer-photo{height:150px!important;margin:0 10px!important;border-radius:0 0 10px 10px!important}
  .drawer-body{padding:9px 12px calc(22px + env(safe-area-inset-bottom))!important}
  .drawer-body h2{font-size:27px!important;max-width:calc(100% - 45px)!important}
  .customer-modal{align-items:flex-start!important;justify-content:center!important;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;overflow:auto!important}
  .customer-card{position:relative!important;width:100%!important;max-width:520px!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;padding:25px 16px 18px!important;border-radius:13px!important;margin:0!important;-webkit-overflow-scrolling:touch!important}
  .customer-card .close{position:absolute!important;right:9px!important;top:7px!important;width:36px!important;height:36px!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(217,173,85,.7)!important;border-radius:50%!important;background:rgba(2,7,5,.9)!important;font-size:24px!important;line-height:1!important;color:#fff!important}
  .customer-card h2{font-size:29px!important;line-height:.95!important;padding-right:38px!important}
  .customer-card form{gap:7px!important;margin-top:12px!important}
  .customer-card input,.customer-card select,.customer-card textarea{font-size:11px!important;padding:10px!important;min-height:40px!important}
  .customer-card textarea{min-height:70px!important}
  .customer-card .gold-btn{min-height:42px!important;font-size:10px!important}

  /* Mobile footer: decorative, balanced landscape. */
  .apon-footer{position:relative!important;background:linear-gradient(180deg,#050b08,#020605)!important;border-top:1px solid rgba(221,180,91,.5)!important;overflow:hidden!important}
  .apon-footer:before{content:"";position:absolute;left:-35px;top:-25px;width:105px;height:95px;background:radial-gradient(ellipse at 20% 50%,rgba(45,100,68,.45),transparent 63%);transform:rotate(-25deg);pointer-events:none!important}
  .apon-footer:after{content:"";position:absolute;right:-38px;bottom:-25px;width:120px;height:100px;background:radial-gradient(ellipse at 80% 50%,rgba(42,95,65,.42),transparent 63%);transform:rotate(22deg);pointer-events:none!important}
  .apon-footer .footer-main{position:relative!important;z-index:2;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:0!important;padding:18px 4% 14px!important;align-items:stretch!important}
  .apon-footer .footer-about{grid-column:1!important;padding:0 12px 0 4px!important;min-width:0!important;border:0!important}
  .apon-footer .footer-links{display:none!important}
  .apon-footer .footer-contact{grid-column:2!important;padding:2px 4px 0 14px!important;min-width:0!important;border-left:1px solid rgba(225,183,88,.38)!important;border-top:0!important}
  .footer-logo img{width:118px!important;height:auto!important}
  .apon-footer .footer-about p{font-size:6.2px!important;line-height:1.45!important;margin:5px 0 0!important;max-width:180px!important;color:#d9d3c6!important}
  .footer-socials{display:flex!important;gap:7px!important;margin-top:9px!important;align-items:center!important;flex-wrap:nowrap!important}
  .footer-socials a{display:flex!important;width:25px!important;height:25px!important;min-width:25px!important;border:1px solid rgba(232,196,106,.7)!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(231,193,95,.15),rgba(0,0,0,.22))!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 0 10px rgba(221,177,75,.08),0 4px 12px rgba(0,0,0,.25)!important}
  .footer-socials a svg{width:13px!important;height:13px!important;fill:#e9c66f!important;stroke:#e9c66f!important}
  .apon-footer .footer-column h4{font-size:9px!important;line-height:1!important;margin:0 0 8px!important;letter-spacing:1px!important;color:#e9ca79!important}
  .apon-footer .footer-contact p{font-size:6.5px!important;line-height:1.3!important;display:flex!important;align-items:center!important;gap:6px!important;margin:6px 0!important;white-space:nowrap!important;color:#e0dbcf!important}
  .apon-footer .footer-contact .contact-icon{font-size:10px!important;width:13px!important;min-width:13px!important;color:#e8c36a!important;text-align:center!important}
  .apon-footer .footer-bottom{position:relative!important;z-index:2;width:100%!important;box-sizing:border-box!important;min-height:34px!important;padding:7px 4%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;font-size:5px!important;white-space:nowrap!important;border-top:1px solid rgba(225,183,88,.22)!important;background:rgba(0,0,0,.2)!important}
  .apon-footer .footer-bottom a{font-size:5px!important}

  /* FAQ keeps two compact columns and clean plus alignment. */
  .footer-faq-grid{grid-template-columns:1fr 1fr!important;gap:6px 8px!important}
  .footer-faq-grid .faq{min-height:40px!important;height:auto!important;padding:8px 25px 8px 31px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
  .footer-faq-grid .faq strong{font-size:7px!important;line-height:1.15!important;white-space:normal!important;text-align:left!important}
  .footer-faq-grid .faq-plus{left:auto!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:15px!important;height:15px!important;font-size:12px!important;line-height:15px!important;display:flex!important;align-items:center!important;justify-content:center!important}
}

@media(max-width:390px){
  .membership-section .membership-wrap .plans{gap:5px!important}
  .membership-section .membership-wrap .plans .membership-luxury-card{flex-basis:calc((100% - 10px)/3)!important;width:calc((100% - 10px)/3)!important;height:305px!important;min-height:305px!important;max-height:305px!important}
  .membership-section .membership-luxury-card .plan-photo{height:86px!important;min-height:86px!important;max-height:86px!important}
  .membership-section .membership-luxury-card .plan-content{height:305px!important;min-height:305px!important;max-height:305px!important;padding:90px 5px 6px!important}
  .membership-section .membership-luxury-card h3{font-size:12px!important}
  .membership-section .membership-luxury-card .amount{font-size:16px!important}
  .membership-section .membership-luxury-card li{font-size:6.5px!important;line-height:1.04!important}
  .membership-section .membership-luxury-card .membership-join{height:26px!important;min-height:26px!important;max-height:26px!important;font-size:6.5px!important}
  .membership-section .membership-wrap .experience{height:140px!important;min-height:140px!important;max-height:140px!important}
  .membership-section .membership-wrap .experience-copy{padding:15px 13px!important;max-width:68%!important}
  .membership-section .membership-wrap .experience-copy h2{font-size:21px!important}
  .membership-section .membership-wrap .experience-copy p:not(.eyebrow){font-size:6px!important}
  .membership-section .membership-wrap .experience-copy .gold-btn{height:26px!important;min-height:26px!important;font-size:6.5px!important;padding:4px 8px!important}
  .footer-socials a{width:22px!important;height:22px!important;min-width:22px!important}.footer-socials a svg{width:11px!important;height:11px!important}
  .apon-footer .footer-about p{font-size:5.8px!important}.apon-footer .footer-contact p{font-size:6px!important}
}

/* Final mobile booking, membership, FAQ and footer polish */
.contact-brand-row{display:flex;gap:10px;align-items:center;margin-top:12px}.contact-brand-row a{width:30px;height:30px;border:1px solid rgba(232,196,106,.65);border-radius:50%;display:grid;place-items:center;color:#e9c66f;text-decoration:none;background:rgba(232,196,106,.07);transition:.2s}.contact-brand-row a:hover{background:#e9c66f;color:#07100b}.contact-icon i{font-size:13px}.membership-luxury-card .amount{white-space:nowrap}.membership-luxury-card .membership-join{position:relative;z-index:20;display:flex!important;align-items:center;justify-content:center}
@media(max-width:700px){
  /* Keep the booking experience inside the body viewport, below the fixed header. */
  .booking-overlay{position:fixed!important;top:68px!important;right:0!important;bottom:0!important;left:0!important;height:auto!important;min-height:0!important;padding:8px!important;z-index:700!important;background:rgba(0,0,0,.82)!important;backdrop-filter:blur(5px)!important}
  .booking-drawer{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:100%!important;border-radius:16px!important;overflow:hidden!important}
  .booking-drawer .drawer-close{position:absolute!important;top:8px!important;right:8px!important;z-index:999!important;width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important}
  .drawer-body{overflow-y:auto!important;height:calc(100% - 150px)!important;box-sizing:border-box!important;padding-bottom:30px!important}
  .customer-modal{top:68px!important;bottom:0!important;inset-inline:0!important;padding:10px!important;align-items:flex-start!important;background:rgba(0,0,0,.84)!important}
  .customer-card{max-height:calc(100dvh - 88px)!important;margin:0!important;overflow-y:auto!important}
  .customer-card .close{display:grid!important;place-items:center!important;position:absolute!important;right:8px!important;top:8px!important}

  /* Membership cards: compact but readable, no clipped content/buttons. */
  .membership-section .membership-wrap{width:100%!important;box-sizing:border-box!important;margin:0 auto!important}
  .membership-section .membership-wrap .plans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  .membership-section .membership-wrap .plans .membership-luxury-card{width:auto!important;min-width:0!important;height:280px!important;min-height:280px!important;max-height:280px!important}
  .membership-section .membership-luxury-card .plan-photo{height:72px!important;min-height:72px!important;max-height:72px!important}
  .membership-section .membership-luxury-card .plan-content{height:208px!important;min-height:208px!important;max-height:208px!important;padding:76px 7px 7px!important;box-sizing:border-box!important}
  .membership-section .membership-luxury-card h3{font-size:11px!important;line-height:1!important;margin:0 0 2px!important}
  .membership-section .membership-luxury-card .plan-subtitle{font-size:5px!important;letter-spacing:.7px!important}
  .membership-section .membership-luxury-card .amount{font-size:13px!important;line-height:1.1!important;margin:3px 0!important}
  .membership-section .membership-luxury-card .amount small{font-size:5px!important}
  .membership-section .membership-luxury-card .plan-divider{margin:4px 0!important}
  .membership-section .membership-luxury-card ul{gap:2px!important;margin:0!important;padding:0!important}
  .membership-section .membership-luxury-card li{font-size:6.2px!important;line-height:1.15!important;white-space:normal!important;display:flex!important;align-items:flex-start!important}
  .membership-section .membership-luxury-card li span{width:10px!important;min-width:10px!important;font-size:6px!important}
  .membership-section .membership-luxury-card .membership-join{position:absolute!important;left:7px!important;right:7px!important;bottom:7px!important;width:auto!important;height:25px!important;min-height:25px!important;max-height:25px!important;font-size:7px!important;padding:0 5px!important}
  .membership-section .membership-luxury-card .plan-badge{font-size:4.5px!important;top:0!important}
  .membership-section .membership-wrap .experience{width:100%!important;height:138px!important;min-height:138px!important;max-height:138px!important;margin-top:10px!important}
  .membership-section .membership-wrap .experience-copy{padding:15px 14px!important;max-width:70%!important}
  .membership-section .membership-wrap .experience-copy h2{font-size:20px!important;line-height:.95!important}
  .membership-section .membership-wrap .experience-copy p:not(.eyebrow){font-size:6.5px!important;line-height:1.35!important}
  .membership-section .membership-wrap .experience-copy .gold-btn{display:inline-flex!important;width:auto!important;height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:7px!important}

  /* FAQ plus icons stay in a predictable right column. */
  .footer-faq-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  .footer-faq-grid .faq{position:relative!important;min-height:48px!important;padding:8px 29px 8px 10px!important}
  .footer-faq-grid .faq strong{font-size:7px!important;line-height:1.25!important;display:block!important}
  .footer-faq-grid .faq-plus{position:absolute!important;right:7px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;font-size:13px!important;border:1px solid rgba(225,183,88,.45)!important;border-radius:50%!important}

  /* Decorative, organised landscape footer. */
  .apon-footer .footer-main{grid-template-columns:1fr 1fr!important;gap:0!important;padding:18px 5% 15px!important}
  .apon-footer .footer-about{padding-right:12px!important}
  .apon-footer .footer-contact{padding-left:14px!important}
  .apon-footer .footer-contact p{font-size:7px!important;line-height:1.35!important;margin:7px 0!important;white-space:normal!important}
  .apon-footer .footer-contact .contact-icon{font-size:11px!important}
  .contact-brand-row{gap:6px!important;margin-top:10px!important}.contact-brand-row a{width:25px!important;height:25px!important;font-size:11px!important}
  .apon-footer .footer-about p{font-size:6.5px!important;line-height:1.45!important}
  .footer-logo img{width:112px!important}
  .apon-footer .footer-bottom{min-height:32px!important;padding:6px 5%!important;font-size:5.5px!important;white-space:nowrap!important}
  .apon-footer .footer-bottom a{font-size:5.5px!important}
}

/* =========================================================
   PROFESSIONAL BOOKING / MOBILE FINAL FIX
   ========================================================= */
.booking-picker-section{margin:14px 0 4px}.booking-picker-section h4{margin-bottom:8px!important}
.booking-service-rail,.drawer-therapist-rail{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:3px 2px 9px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.booking-service-rail::-webkit-scrollbar,.drawer-therapist-rail::-webkit-scrollbar{display:none}
.booking-service-card,.booking-therapist-card{flex:0 0 118px;scroll-snap-align:start;border:1px solid rgba(225,183,88,.25);background:rgba(255,255,255,.035);color:#f5e8c7;border-radius:10px;padding:6px;text-align:left;cursor:pointer;transition:.2s;overflow:hidden}
.booking-service-card{height:112px}.booking-service-card img,.booking-therapist-card img{width:100%;height:58px;object-fit:cover;border-radius:7px;display:block;margin-bottom:5px}
.booking-service-card span,.booking-service-card small,.booking-therapist-card b,.booking-therapist-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-service-card span{font:600 11px Poppins,sans-serif}.booking-service-card small{font:600 10px Poppins,sans-serif;color:#e9c66f;margin-top:2px}
.booking-service-card.selected,.booking-therapist-card.selected{border-color:#e9c66f;background:linear-gradient(180deg,rgba(233,198,111,.16),rgba(255,255,255,.035));box-shadow:0 0 0 1px rgba(233,198,111,.12)}
.booking-therapist-card{height:116px}.booking-therapist-card img,.any-avatar{height:62px}.booking-therapist-card b{font:600 10px Poppins,sans-serif}.booking-therapist-card small{font:8px Poppins,sans-serif;color:#bfb7a7;margin-top:2px}.any-avatar{width:100%;border-radius:7px;background:linear-gradient(135deg,#18392b,#0b1711);display:grid;place-items:center;color:#e9c66f;font:700 12px Cinzel,serif;margin-bottom:5px}
@media(max-width:700px){
  /* Keep all booking selectors as compact horizontal rails so every service/therapist is reachable. */
  .booking-picker-section{margin:10px 0 2px}.booking-picker-section h4,.drawer-body>h4{font-size:11px!important;margin:9px 0 6px!important}
  .booking-service-rail,.drawer-therapist-rail{gap:7px;padding-bottom:7px}
  .booking-service-card{flex-basis:108px;height:98px;padding:5px}.booking-service-card img{height:49px;margin-bottom:4px}.booking-service-card span{font-size:8px}.booking-service-card small{font-size:7px}
  .booking-therapist-card{flex-basis:105px;height:103px;padding:5px}.booking-therapist-card img,.booking-therapist-card .any-avatar{height:53px;margin-bottom:4px}.booking-therapist-card b{font-size:8px}.booking-therapist-card small{font-size:6.5px}

  /* Membership: no absolute/centered button; content flows naturally and stays readable. */
  .membership-section .membership-wrap .plans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;align-items:stretch!important}
  .membership-section .membership-wrap .plans .membership-luxury-card{height:335px!important;min-height:335px!important;max-height:none!important;overflow:hidden!important;transform:none!important}
  .membership-section .membership-luxury-card .plan-photo{height:82px!important;min-height:82px!important;max-height:82px!important}
  .membership-section .membership-luxury-card .plan-content{height:253px!important;min-height:0!important;max-height:none!important;padding:84px 6px 7px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important}
  .membership-section .membership-luxury-card .plan-lotus{font-size:14px!important;line-height:1!important;margin:0 0 2px!important}
  .membership-section .membership-luxury-card h3{font-size:11px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
  .membership-section .membership-luxury-card .plan-subtitle{font-size:5px!important;letter-spacing:1px!important;margin:2px 0!important}
  .membership-section .membership-luxury-card .amount{font-size:13px!important;line-height:1!important;margin:3px 0!important;white-space:nowrap!important}
  .membership-section .membership-luxury-card .amount small{font-size:5px!important}
  .membership-section .membership-luxury-card .plan-divider{margin:3px 0 5px!important}
  .membership-section .membership-luxury-card ul{gap:3px!important;margin:0 0 5px!important;min-height:0!important;overflow:hidden!important}
  .membership-section .membership-luxury-card li{font-size:6.8px!important;line-height:1.15!important;gap:3px!important;white-space:normal!important;overflow:visible!important}
  .membership-section .membership-luxury-card li span{width:9px!important;flex-basis:9px!important;font-size:6px!important}
  .membership-section .membership-luxury-card .membership-join{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:auto!important;flex:0 0 25px!important;width:100%!important;height:25px!important;min-height:25px!important;max-height:25px!important;padding:0 3px!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important;z-index:5!important}
  .membership-section .membership-luxury-card .membership-join b{font-size:10px!important;margin-left:2px!important}
  .membership-section .membership-luxury-card .plan-badge{font-size:4px!important;padding:4px 7px!important;max-width:90%;overflow:hidden;text-overflow:ellipsis}

  /* FAQ expands inside its grid cell instead of clipping the answer. */
  .footer-faq-grid .faq{height:auto!important;min-height:48px!important;overflow:visible!important;display:block!important;padding:9px 27px 9px 10px!important;box-sizing:border-box!important;cursor:pointer}
  .footer-faq-grid .faq strong{display:block!important;width:100%!important;line-height:1.3!important;font-size:7.5px!important;white-space:normal!important;overflow:visible!important}
  .footer-faq-grid .faq-plus{position:absolute!important;left:auto!important;right:6px!important;top:10px!important;transform:none!important;width:16px!important;height:16px!important;line-height:14px!important;font-size:12px!important;z-index:3!important}
  .footer-faq-grid .faq.open{min-height:75px!important;padding-bottom:10px!important;overflow:visible!important}
  .footer-faq-grid .faq.open .faq-plus{top:10px!important}
  .footer-faq-grid .faq .answer{display:none!important;max-height:none!important;overflow:visible!important;margin-top:7px!important;font-size:6.8px!important;line-height:1.45!important;color:#d8d0bf!important;white-space:normal!important}
  .footer-faq-grid .faq.open .answer{display:block!important}

  /* There is already one proper social row under About. Hide the duplicate contact row on phones. */
  .apon-footer .footer-contact .contact-brand-row{display:none!important}
}


/* LIVE MAP — admin-controlled location, replacing the old decorative map artwork */
.live-map-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;display:block!important;background:#d8d1bd!important;z-index:1!important}
.footer-map,.mobile-footer-map{isolation:isolate!important}
.footer-map .map-card-title,.mobile-footer-map .map-card-title{z-index:3!important}
.footer-map .map-card-title,.mobile-footer-map .map-card-title{background:rgba(3,8,6,.86)!important;backdrop-filter:blur(4px)!important}
.footer-map>button,.mobile-footer-map>button{z-index:4!important}

/* =========================================================
   APON — FINAL MOBILE MEMBERSHIP + FAQ PATCH
   Benefits must remain visible on mobile and grow the card
   naturally instead of being clipped by a fixed height.
   ========================================================= */
@media (max-width:700px){
  .membership-section .membership-wrap .plans{
    align-items:stretch !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card{
    height:auto !important;
    min-height:420px !important;
    max-height:none !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card .plan-content{
    height:auto !important;
    min-height:420px !important;
    max-height:none !important;
    padding:128px 7px 10px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card .plan-photo{
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card ul{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    flex:0 0 auto !important;
    margin:0 0 10px !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card li{
    white-space:normal !important;
    overflow:visible !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card .membership-join{
    position:static !important;
    margin-top:auto !important;
    flex:0 0 auto !important;
  }

  /* Remove only the extra left-side + decoration on mobile.
     The functional + control on the right remains. */
  .footer-faq-grid .faq:after{
    display:none !important;
    content:none !important;
  }
  .footer-faq-grid .faq:before{
    display:none !important;
    content:none !important;
  }
  .footer-faq-grid .faq{
    padding-left:12px !important;
  }
  .footer-faq-grid .faq.open strong{
    padding-right:28px !important;
  }
}

/* Admin membership benefits editor: make multiline benefits explicit. */
.editor-modal textarea[name="items"]{
  min-height:150px !important;
  resize:vertical !important;
  line-height:1.55 !important;
}

/* =========================================================
   FINAL MOBILE MEMBERSHIP + ADMIN SECURITY POLISH
   ========================================================= */
@media (max-width:700px){
  .membership-section .membership-wrap .plans{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    width:100% !important;
    overflow:visible !important;
    align-items:stretch !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card{
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border-radius:8px !important;
    overflow:hidden !important;
    transform:none !important;
    align-self:stretch !important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card.featured{
    transform:translateY(-2px) !important;
  }
  .membership-section .membership-luxury-card .plan-photo{
    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;
  }
  .membership-section .membership-luxury-card .plan-content{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:76px 5px 7px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .membership-section .membership-luxury-card .plan-lotus{
    font-size:13px !important;
    line-height:1 !important;
    margin:0 0 2px !important;
  }
  .membership-section .membership-luxury-card h3{
    font-size:9px !important;
    line-height:1.05 !important;
    letter-spacing:.35px !important;
    margin:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  .membership-section .membership-luxury-card .plan-subtitle{
    font-size:4.7px !important;
    letter-spacing:1px !important;
    margin-top:2px !important;
  }
  .membership-section .membership-luxury-card .amount{
    font-size:12px !important;
    line-height:1 !important;
    margin:4px 0 3px !important;
    white-space:normal !important;
  }
  .membership-section .membership-luxury-card .amount small{
    font-size:4.8px !important;
  }
  .membership-section .membership-luxury-card .plan-divider{
    margin:3px 0 5px !important;
  }
  .membership-section .membership-luxury-card ul{
    margin:0 !important;
    padding:0 !important;
    gap:3px !important;
    flex:0 0 auto !important;
  }
  .membership-section .membership-luxury-card li{
    display:flex !important;
    align-items:flex-start !important;
    gap:3px !important;
    font-size:6px !important;
    line-height:1.18 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    margin:0 !important;
  }
  .membership-section .membership-luxury-card li span{
    width:8px !important;
    min-width:8px !important;
    flex-basis:8px !important;
    font-size:7px !important;
    line-height:1.1 !important;
  }
  .membership-section .membership-luxury-card .membership-join{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:20px !important;
    max-height:none !important;
    margin:7px 0 0 !important;
    padding:4px 3px !important;
    border-radius:12px !important;
    font-size:6.5px !important;
    line-height:1.1 !important;
    flex:0 0 auto !important;
  }
  .membership-section .membership-luxury-card .membership-join b{
    font-size:10px !important;
    margin-left:1px !important;
  }

  .security-settings{margin-top:16px !important;padding:12px !important}
  .security-settings .section-head{margin-bottom:10px !important}
  .security-settings .settings-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px !important}
  .security-settings .settings-section{min-width:0 !important}
  .security-settings input,.security-settings textarea{font-size:12px !important}
}

/* APON professional visitor live chat */
.chat{width:min(390px,calc(100vw - 24px))!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;border:1px solid rgba(225,183,88,.18)!important;background:#10201d!important}.chat-head{background:linear-gradient(135deg,#132a25,#0b1715)!important;padding:15px 16px!important}.chat-head b:before{content:'●';color:#6bd38c;font-size:10px;margin-right:8px;vertical-align:2px}.chat-messages{padding:16px!important;min-height:260px!important;max-height:360px!important;background:radial-gradient(circle at 80% 0,rgba(225,183,88,.05),transparent 35%),#0c1715!important}.chat-messages p{max-width:78%;padding:9px 12px!important;border-radius:14px!important;line-height:1.42!important;margin:5px 0!important;box-shadow:0 1px 1px rgba(0,0,0,.18)}.chat-messages .bot{background:#18302b!important;border-top-left-radius:5px!important}.chat-messages .user{margin-left:auto!important;background:#705a22!important;border-top-right-radius:5px!important}.chat form{display:flex!important;gap:8px!important;padding:10px!important;background:#0a1412!important;border-top:1px solid rgba(255,255,255,.07)}.chat form input{flex:1!important;min-width:0!important;background:#142521!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;padding:11px 14px!important;color:#fff!important}.chat form button{width:42px!important;height:42px!important;border-radius:50%!important;background:#d6ad57!important;color:#10201d!important;border:0!important;cursor:pointer!important;font-size:17px!important}


/* =========================================================
   APON MOBILE FINAL: compact memberships + continuously moving packages
   ========================================================= */
@media (max-width:700px){
  .offers-section .offers{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:7px!important;
    padding:2px 1px 9px!important;
    scroll-behavior:auto!important;
    scrollbar-width:none!important;
  }
  .offers-section .offers::-webkit-scrollbar{display:none!important}
  .offers-section .offers .offer{
    flex:0 0 calc((100% - 7px)/2)!important;
    width:calc((100% - 7px)/2)!important;
    min-height:132px!important;
    height:132px!important;
    max-height:132px!important;
    border-radius:8px!important;
  }
  .offers-section .offer-content{padding:10px!important;max-width:82%!important}
  .offers-section .offer h3{font-size:13px!important;line-height:1.05!important}
  .offers-section .offer p:not(.eyebrow){font-size:5.6px!important;line-height:1.25!important;margin:3px 0!important}
  .offers-section .offer .eyebrow{font-size:4.8px!important}
  .offers-section .offer .gold-btn{font-size:5.5px!important;padding:5px 8px!important}
  .offers-section .offer-price-row{display:flex!important;align-items:baseline!important;gap:5px!important;margin:4px 0!important}
  .offers-section .offer-price-row del{font-size:6px!important;color:#aaa!important;opacity:.8!important}
  .offers-section .offer-price-row strong{font-size:9px!important;margin:0!important}

  .membership-section .membership-wrap .plans{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    align-items:flex-start!important;
    padding:3px 1px 8px!important;
  }
  .membership-section .membership-wrap .plans::-webkit-scrollbar{display:none!important}
  .membership-section .membership-wrap .plans .membership-luxury-card{
    flex:0 0 calc((100% - 10px)/3)!important;
    width:calc((100% - 10px)/3)!important;
    min-width:calc((100% - 10px)/3)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:8px!important;
  }
  .membership-section .membership-luxury-card .plan-photo{
    height:55px!important;min-height:55px!important;max-height:55px!important
  }
  .membership-section .membership-luxury-card .plan-content{
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:60px 4px 6px!important;box-sizing:border-box!important;
    overflow:visible!important;display:flex!important;flex-direction:column!important
  }
  .membership-section .membership-luxury-card .plan-lotus{font-size:10px!important;margin:0 0 2px!important}
  .membership-section .membership-luxury-card h3{font-size:8px!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .membership-section .membership-luxury-card .plan-subtitle{font-size:4px!important;letter-spacing:.7px!important;margin-top:2px!important}
  .membership-section .membership-luxury-card .amount{font-size:10px!important;line-height:1.05!important;margin:3px 0!important;white-space:normal!important}
  .membership-section .membership-luxury-card .amount small{font-size:4px!important}
  .membership-section .membership-luxury-card .plan-divider{margin:3px 0 4px!important}
  .membership-section .membership-luxury-card ul{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;padding:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
  .membership-section .membership-luxury-card li{font-size:5.2px!important;line-height:1.18!important;white-space:normal!important;overflow:visible!important;height:auto!important;max-height:none!important;display:flex!important;align-items:flex-start!important;overflow-wrap:anywhere!important}
  .membership-section .membership-luxury-card li span{width:7px!important;min-width:7px!important;flex-basis:7px!important;font-size:5px!important}
  .membership-section .membership-luxury-card .membership-join{position:static!important;width:100%!important;height:auto!important;min-height:18px!important;max-height:none!important;margin:5px 0 0!important;padding:3px 2px!important;font-size:5.5px!important;line-height:1!important;flex:0 0 auto!important}
  .membership-section .membership-luxury-card .membership-join b{font-size:8px!important}
  .membership-section .membership-luxury-card .plan-badge{font-size:3.5px!important;padding:3px 5px!important}
}
.offer-price-row{display:flex;align-items:baseline;gap:8px}.offer-price-row del{color:#9e9e9e;font-size:12px}.offer-price-row strong{margin:0!important}

/* =========================================================
   APON — MOBILE MEMBERSHIP / OFFERS / LIVE CHAT DEFINITIVE FIX
   ========================================================= */
@media (max-width:700px){
  /* Membership cards: real document flow so the cards cannot collapse.
     Three compact cards remain visible; extra benefits increase height naturally. */
  .membership-section .membership-wrap .plans{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:start!important;
    gap:6px!important;
    width:100%!important;
    overflow:visible!important;
    padding:3px 0 9px!important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:9px!important;
    transform:none!important;
    background:#07120e!important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card .plan-photo{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    max-height:none!important;
    background:var(--plan-bg) center/cover no-repeat!important;
    border:0!important;
  }
  .membership-section .membership-wrap .plans .membership-luxury-card .plan-content{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:8px 6px 7px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    background:linear-gradient(180deg,rgba(4,13,9,.98),rgba(2,8,6,1))!important;
  }
  .membership-section .membership-luxury-card .plan-lotus{font-size:10px!important;line-height:1!important;margin:0 0 2px!important}
  .membership-section .membership-luxury-card h3{font-size:9px!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important;margin:0!important}
  .membership-section .membership-luxury-card .plan-subtitle{font-size:4px!important;letter-spacing:.7px!important;margin:2px 0!important;line-height:1!important}
  .membership-section .membership-luxury-card .amount{font-size:11px!important;line-height:1.05!important;margin:3px 0!important;white-space:normal!important}
  .membership-section .membership-luxury-card .amount small{font-size:4px!important}
  .membership-section .membership-luxury-card .plan-divider{margin:3px 0 5px!important}
  .membership-section .membership-luxury-card ul{
    display:flex!important;flex-direction:column!important;gap:2px!important;
    flex:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;overflow:visible!important;list-style:none!important
  }
  .membership-section .membership-luxury-card li{
    display:flex!important;align-items:flex-start!important;gap:3px!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;font-size:5.5px!important;line-height:1.2!important;
    white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important
  }
  .membership-section .membership-luxury-card li span{width:7px!important;min-width:7px!important;flex:0 0 7px!important;font-size:5px!important;line-height:1.1!important}
  .membership-section .membership-luxury-card .membership-join{
    position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:auto!important;min-height:19px!important;max-height:none!important;
    margin:6px 0 0!important;padding:3px 2px!important;flex:none!important;font-size:5.5px!important;line-height:1!important;
    border-radius:12px!important;visibility:visible!important;opacity:1!important
  }
  .membership-section .membership-luxury-card .membership-join b{font-size:8px!important;margin-left:2px!important}
  .membership-section .membership-luxury-card .plan-badge{font-size:3.5px!important;padding:3px 5px!important;z-index:10!important}

  /* Special packages: two compact cards and a genuine continuous rail. */
  .offers-section .offers.continuous-offer-rail,
  .offers-section .offers{
    display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;
    gap:7px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:none!important;scroll-behavior:auto!important;-webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;padding:2px 1px 9px!important
  }
  .offers-section .offers::-webkit-scrollbar{display:none!important}
  .offers-section .offers .offer{
    flex:0 0 calc((100% - 7px)/2)!important;width:calc((100% - 7px)/2)!important;
    min-width:calc((100% - 7px)/2)!important;height:142px!important;min-height:142px!important;max-height:142px!important;
    border-radius:9px!important
  }
  .offers-section .offer-content{padding:10px!important;max-width:84%!important}
  .offers-section .offer h3{font-size:13px!important;line-height:1.05!important}
  .offers-section .offer p:not(.eyebrow){font-size:5.7px!important;line-height:1.25!important;margin:3px 0!important}
  .offers-section .offer .eyebrow{font-size:4.7px!important}
  .offers-section .offer-price-row{display:flex!important;align-items:baseline!important;gap:5px!important;margin:4px 0!important}
  .offers-section .offer-price-row del{display:inline-block!important;font-size:6px!important;color:#a9a9a9!important;text-decoration:line-through!important;opacity:.9!important}
  .offers-section .offer-price-row strong{display:inline-block!important;font-size:9px!important;margin:0!important;color:#f2c963!important}
  .offers-section .offer .gold-btn{font-size:5.5px!important;padding:5px 8px!important}

  /* Professional visitor live-chat bubbles. */
  .chat{width:min(390px,calc(100vw - 18px))!important;right:9px!important;bottom:72px!important;border-radius:18px!important;overflow:hidden!important;background:#0b1714!important;border:1px solid rgba(225,183,88,.22)!important;box-shadow:0 28px 80px rgba(0,0,0,.58)!important}
  .chat-head{height:58px!important;padding:10px 13px!important;display:flex!important;align-items:center!important;background:linear-gradient(135deg,#173128,#0b1714)!important;border-bottom:1px solid rgba(225,183,88,.12)!important}
  .chat-head b{font-size:12px!important;letter-spacing:.2px!important}
  .chat-head b:before{content:'●';color:#6bd38c;font-size:8px;margin-right:7px;vertical-align:2px}
  .chat-head button{width:30px!important;height:30px!important;border:1px solid rgba(225,183,88,.25)!important;border-radius:50%!important;background:rgba(0,0,0,.2)!important;display:grid!important;place-items:center!important}
  .chat-messages{height:300px!important;min-height:300px!important;max-height:300px!important;padding:12px 10px!important;overflow-y:auto!important;background:radial-gradient(circle at 80% 0,rgba(225,183,88,.06),transparent 35%),#0a1512!important}
  .chat-welcome{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 9px!important;margin:0 0 10px!important;border:1px solid rgba(225,183,88,.10)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;color:#eee5d2!important}
  .chat-welcome>span{width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(225,190,100,.12)!important;color:#e7c56f!important}
  .chat-welcome b,.chat-welcome small{display:block!important}.chat-welcome b{font-size:9px!important}.chat-welcome small{font-size:6px!important;color:#9da79e!important;margin-top:2px!important}
  .chat-row{display:flex!important;width:100%!important;margin:5px 0!important}
  .chat-row.guest-row{justify-content:flex-end!important}.chat-row.bot-row{justify-content:flex-start!important}
  .chat-bubble{position:relative!important;max-width:80%!important;padding:8px 10px 16px!important;border-radius:14px!important;font-size:9px!important;line-height:1.45!important;word-break:break-word!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}
  .chat-bubble.user{background:linear-gradient(135deg,#d9b45e,#b88b34)!important;color:#1a1409!important;border-top-right-radius:5px!important}
  .chat-bubble.bot{background:#18302a!important;color:#eee8db!important;border-top-left-radius:5px!important}
  .chat-bubble time{position:absolute!important;right:8px!important;bottom:4px!important;font-size:5px!important;opacity:.65!important;white-space:nowrap!important}
  .chat-bubble.user time{color:#2a210f!important}.chat-bubble.bot time{color:#c9cfc8!important}
  .chat form{display:flex!important;gap:7px!important;padding:9px!important;background:#08110f!important;border-top:1px solid rgba(255,255,255,.07)!important}
  .chat form input{height:40px!important;min-height:40px!important;border-radius:999px!important;padding:9px 13px!important;font-size:9px!important;background:#14241f!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
  .chat form button{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;margin:0!important;background:linear-gradient(135deg,#f0cc72,#c99638)!important;color:#171105!important;font-size:16px!important}
}
/* APON concierge luxury chat */
.float-chat{background:radial-gradient(circle at 30% 25%,#f9e3a4,#d5a94f 60%,#9b6e25);border:1px solid rgba(255,226,154,.7);box-shadow:0 16px 45px rgba(0,0,0,.6),0 0 0 5px rgba(225,183,88,.08);font-size:20px}.float-chat span{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.chat{width:390px;right:28px;bottom:92px;background:linear-gradient(180deg,#07120f,#091714 60%,#06100d);border:1px solid rgba(225,183,88,.38);border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025) inset;overflow:hidden}
.chat-head{padding:16px 17px;background:linear-gradient(135deg,#10261e,#0b1814);border-bottom:1px solid rgba(225,183,88,.18);align-items:center}.chat-brand{display:flex;align-items:center;gap:10px}.chat-brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f2d486,#b57f2e);color:#1a1409;box-shadow:0 6px 18px rgba(0,0,0,.35)}.chat-brand b{display:block;color:#f1d487;font:600 17px 'Cormorant Garamond',serif;letter-spacing:.4px}.chat-brand small{display:block;color:#87978e;font-size:9px;margin-top:2px}.chat-brand small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73c69b;margin-right:5px}.chat-close{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;color:#d6ded8!important;display:grid;place-items:center}
.chat-messages{height:360px;padding:16px 13px;background:radial-gradient(circle at 10% 0%,rgba(225,183,88,.07),transparent 28%),linear-gradient(180deg,#07120f,#091713);scroll-behavior:smooth}.chat-row{display:flex;margin:7px 0}.guest-row{justify-content:flex-end}.bot-row{justify-content:flex-start}.chat-bubble{max-width:82%;padding:11px 13px;border-radius:16px;font-size:11px;line-height:1.5;box-shadow:0 4px 16px rgba(0,0,0,.18);word-break:break-word}.chat-bubble.user{background:linear-gradient(145deg,#e8c66e,#bd8b35);color:#171108;border-bottom-right-radius:5px}.chat-bubble.bot{background:#13261f;color:#dce5df;border:1px solid rgba(225,183,88,.12);border-bottom-left-radius:5px}.chat-bubble time{display:block;font-size:8px;opacity:.55;text-align:right;margin-top:5px}.chat-welcome{display:flex;align-items:center;gap:10px;padding:8px 7px 15px;color:#e8d39a}.chat-welcome>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#152c23;border:1px solid rgba(225,183,88,.22)}.chat-welcome b{display:block;font-size:11px}.chat-welcome small{display:block;color:#74867d;font-size:8px;margin-top:2px}.chat-empty-state{text-align:center;padding:58px 35px;color:#76887e}.chat-empty-state span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:rgba(225,183,88,.08);color:#e2bd68}.chat-empty-state b{display:block;color:#e6d49e;font:600 20px 'Cormorant Garamond',serif}.chat-empty-state p{font-size:9px;line-height:1.6}.chat-composer{padding:9px 10px 10px;background:#08130f;border-top:1px solid rgba(225,183,88,.14)}.chat-composer form{display:flex;gap:6px;align-items:center;padding:6px;border-radius:16px;background:#0d1d17;border:1px solid rgba(255,255,255,.07)}.chat-composer input#chatInput{min-width:0;padding:10px 4px;border:0;background:transparent;outline:0;color:#f6f2e9;font-size:11px}.chat-icon-btn,.reply-icon{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(225,183,88,.16);background:rgba(255,255,255,.03);color:#d8c17d;cursor:pointer;font-size:15px}.chat-icon-btn.recording,.reply-icon.recording{background:#7c2e2e;color:#fff;border-color:#c56d6d;animation:chatPulse 1s infinite}.chat-send{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:linear-gradient(145deg,#f0d37e,#c08d36);color:#171107;font-weight:700}.chat-attachments{display:flex;gap:5px;flex-wrap:wrap;padding:0 2px 6px}.chat-attachment-chip,.admin-pending-attachments span{display:inline-flex;align-items:center;gap:5px;background:#14251e;border:1px solid rgba(225,183,88,.15);border-radius:10px;padding:5px 7px;color:#c9d3cd;font-size:8px}.chat-attachment-chip button,.admin-pending-attachments button{border:0;background:transparent;color:#dcb96d;cursor:pointer}.chat-media{max-width:220px;max-height:170px;border-radius:10px;margin-top:6px;display:block}.chat-audio{width:220px;height:32px;margin-top:6px}.chat-file{display:block;margin-top:6px;color:#e4c674;text-decoration:none;background:rgba(0,0,0,.16);padding:8px;border-radius:8px}.chat-profile-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.chat-profile-modal.show{display:flex}.chat-profile-card{position:relative;width:min(430px,100%);padding:30px;border-radius:24px;background:linear-gradient(145deg,#0b1a15,#07100d);border:1px solid rgba(225,183,88,.32);box-shadow:0 30px 100px rgba(0,0,0,.75)}.chat-profile-card h3{font:600 32px 'Cormorant Garamond',serif;color:#ead28e;margin:8px 0}.chat-profile-card p{font-size:10px;line-height:1.7;color:#85948d}.chat-profile-card label{display:block;color:#b5c1ba;font-size:9px;margin:13px 0}.chat-profile-card input{width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border-radius:10px;background:#0c1914;border:1px solid rgba(255,255,255,.08);color:#fff;outline:0}.chat-profile-card .gold-btn{width:100%;margin-top:8px}.chat-profile-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#ddd}
@keyframes chatPulse{50%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(197,109,109,.08)}}
@media(max-width:600px){.chat{right:7px;bottom:70px;width:calc(100vw - 14px);border-radius:20px}.chat-messages{height:calc(100dvh - 210px);min-height:280px;max-height:520px}.chat-profile-card{padding:24px}.float-chat{right:12px;bottom:12px}}

/* APON live-chat unread notification badge */
.float-chat{position:relative!important}
.chat-unread-badge{position:absolute!important;right:-3px!important;top:-5px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;box-sizing:border-box!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#c83d3d!important;color:#fff!important;border:2px solid #08120f!important;font:700 10px/1 Arial,sans-serif!important;box-shadow:0 5px 14px rgba(0,0,0,.45)!important;z-index:5!important;animation:aponUnreadPulse 1.8s infinite!important}
.chat-unread-badge[hidden]{display:none!important}
@keyframes aponUnreadPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.chat-audio{display:block!important;max-width:100%!important}

/* APON final floating controls + chat placement */
.float-chat{position:fixed!important;right:18px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:1200!important;width:58px!important;height:58px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 30% 25%,#f9e3a4,#d5a94f 58%,#9b6e25)!important;border:1px solid rgba(255,226,154,.82)!important;box-shadow:0 18px 45px rgba(0,0,0,.58),0 0 0 5px rgba(225,183,88,.08),inset 0 1px rgba(255,255,255,.35)!important;cursor:pointer!important}
.float-chat:after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(225,183,88,.22);pointer-events:none}
.float-chat span{font-size:22px!important;color:#211708!important}
.footer-top{position:fixed!important;right:20px!important;bottom:20px!important;transform:none!important;z-index:1190!important;width:54px!important;height:54px!important;border:1px solid rgba(255,232,166,.85)!important;border-radius:50%!important;background:radial-gradient(circle at 30% 25%,#f8e2a0,#d3a34a 60%,#9b6b25)!important;color:#1b1307!important;font:700 23px/1 'Poppins',sans-serif!important;box-shadow:0 16px 38px rgba(0,0,0,.55),0 0 0 5px rgba(225,183,88,.08),inset 0 1px rgba(255,255,255,.35)!important;cursor:pointer!important}
.footer-top:before{content:'';position:absolute;inset:5px;border:1px solid rgba(62,38,8,.25);border-radius:50%}
@media(max-width:700px){.float-chat{right:10px!important;top:50%!important;width:48px!important;height:48px!important}.float-chat span{font-size:18px!important}.chat-unread-badge{min-width:19px!important;height:19px!important;font-size:9px!important}.footer-top{right:12px!important;bottom:12px!important;width:46px!important;height:46px!important;font-size:19px!important}}

/* Chat visibility: floating launcher disappears while chat is open */
body.chat-open .float-chat{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-50%) scale(.82)!important}
.chat-unread-badge{z-index:5}
.chat-unread-badge:not([hidden]){display:grid!important;place-items:center!important}

/* Mobile admin: bottom navigation + luxury menu */
.mobile-admin-nav,.mobile-admin-menu{display:none}
@media(max-width:700px){
  .sidebar{display:none!important}
  .main-shell{padding-bottom:70px!important}
  .topbar{top:0!important}
  .mobile-admin-nav{position:fixed!important;left:0;right:0;bottom:0;height:64px;z-index:1200;display:grid!important;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px 7px max(7px,env(safe-area-inset-bottom));background:rgba(5,12,9,.97);border-top:1px solid rgba(225,183,88,.35);box-shadow:0 -18px 45px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
  .mobile-admin-nav-item{position:relative;border:1px solid transparent;background:transparent;color:#8f9b91;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px;letter-spacing:.2px;padding:4px 2px}
  .mobile-admin-nav-item i{font-size:15px;color:#d2ad62}.mobile-admin-nav-item.active{background:linear-gradient(145deg,#dcb55f,#a97828);color:#151107;border-color:#edcf86;box-shadow:0 5px 18px rgba(220,181,95,.18)}
  .mobile-admin-nav-item.active i{color:#171108}.mobile-nav-count{position:absolute;right:18px;top:3px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:#c94c45;color:#fff;font-size:7px;border:2px solid #07110d}
  .mobile-admin-menu{position:fixed;inset:0;z-index:1400}.mobile-admin-menu.show{display:block!important}.mobile-admin-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}
  .mobile-admin-menu-panel{position:absolute;left:10px;right:10px;bottom:76px;max-height:calc(100dvh - 100px);overflow:auto;background:linear-gradient(145deg,#102019,#07110d);border:1px solid rgba(225,183,88,.3);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.7);padding:14px}
  .mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding:4px 5px 12px;border-bottom:1px solid rgba(225,183,88,.14)}.mobile-menu-head h3{font:600 25px 'Cormorant Garamond';margin:4px 0;color:#f0d58e}.mobile-menu-head button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(225,183,88,.3);background:#0a1712;color:#e7ca83;font-size:20px}
  #mobileMenuList{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 0}.mobile-menu-link{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025);color:#b8c0b8;border-radius:11px;padding:10px 9px;text-align:left;font-size:9px}.mobile-menu-link span{display:flex;align-items:center;gap:7px}.mobile-menu-link i{color:#d9b765}.mobile-menu-link.active{background:linear-gradient(145deg,#dcb55f,#a97828);color:#171108;border-color:#edcf86;font-weight:700}.mobile-menu-link b{min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#c94c45;color:#fff;font-size:7px}.mobile-menu-signout{border-top:1px solid rgba(225,183,88,.14);padding-top:10px}.mobile-menu-signout button{width:100%;height:42px;border:1px solid rgba(211,117,104,.3);border-radius:11px;background:rgba(112,36,31,.18);color:#e89c8f;font-size:10px;font-weight:700}.mobile-menu-signout i{margin-right:7px}
  body.mobile-menu-open{overflow:hidden}
}