:root{--cream:#f6f3ed;--paper:#fdfbf7;--ink:#30271c;--green:#8b6933;--sage:#e8d5a9;--accent:#cfaa65;--line:#e9deca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}img{max-width:100%;object-fit:cover}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.04em}h1 i,h2 i{font-weight:400}h2{font-size:clamp(38px,4.2vw,72px);line-height:1.16}p{line-height:1.8}.announcement{text-align:center;padding:9px;background:#6a4b23;color:#edece6;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.announcement span{padding:0 12px;color:#dfc9a9}.header{height:89px;display:flex;align-items:center;gap:28px;padding:0 5.2%;background:#fffdf8;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:215px}.brand img{width:55px;height:55px;border-radius:50%;object-fit:contain;background:#1c1813}.brand span{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:.11em;font-size:15px;line-height:1.2}.brand em{display:block;font-size:10px;font-style:normal;letter-spacing:.3em;margin-top:4px}.header nav{display:flex;gap:29px;align-items:center}.header nav a{font-size:12px;font-weight:600;white-space:nowrap}.header nav a:hover,.text-link:hover{color:#ad803a}.nav-admin{opacity:.65}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 24px;font-weight:700;font-size:12px;letter-spacing:.015em;border:1px solid transparent;border-radius:4px;transition:transform .2s,background .2s;min-height:49px}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--green);color:white}.btn-cream{background:#fff6e5;color:#6e4d22}.btn-outline-white{border-color:#faf7ef8c;color:white}.btn-light{background:#f4e6c9;color:#654922}.mobile-menu{display:none;background:none;border:0;font-size:26px}.hero{height:min(760px,79vw);min-height:590px;position:relative;background:#8c713e;overflow:hidden;color:#fff}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background-image:linear-gradient(110deg,#665032,#c4a77c);background-size:cover;background-position:center 43%;transform:scale(1.015)}.hero-overlay{background:linear-gradient(90deg,rgba(24,35,27,.78) 0%,rgba(27,38,31,.44) 52%,rgba(0,0,0,.03) 100%)}.hero-content{position:relative;padding:143px 7.2% 80px;max-width:800px}.eyebrow{display:inline-block;color:#8b6933;font-size:11px;font-weight:800;letter-spacing:.17em;margin-bottom:24px}.eyebrow.light{color:#f3f1e9}.star{font-size:18px;margin-left:12px}.hero h1{font-size:clamp(55px,6vw,102px);max-width:850px;line-height:1.08;margin-bottom:24px}.hero-content p{font-size:16px;max-width:550px;line-height:1.75;color:#f0eee7}.hero-buttons{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:29px;left:7.2%;right:7.2%;display:flex;justify-content:space-between;letter-spacing:.14em;font-size:10px;font-weight:700;color:#ecefe7}.section-pad{padding:115px 7.2%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#fffaf0}.intro-copy h2{max-width:660px}.intro-copy p{max-width:530px;color:#786c5b}.benefits{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 35px}.benefits span{background:#f4ead5;padding:12px 16px;border-radius:50px;font-size:11px;font-weight:700;color:#805d2e}.text-link{font-weight:800;border-bottom:1px solid;padding-bottom:6px;font-size:13px}.intro-visual{height:560px;position:relative;background:#e4d4b5;border-radius:8px;overflow:hidden}.intro-visual img{width:100%;height:100%;display:block}.image-stamp{position:absolute;right:20px;bottom:20px;background:#fff8eb;border-radius:50%;width:129px;height:129px;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);font-size:12px;font-weight:800;line-height:1.8;letter-spacing:.06em}.section-top{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:46px}.section-top h2{margin-bottom:0}.section-top p{max-width:300px;color:#786c5b;margin-bottom:6px}.services{background:#faf5e9}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{background:#fffcf6;overflow:hidden;border-radius:7px;transition:transform .2s}.service-card:hover{transform:translateY(-5px)}.service-image{height:260px;background:#dec9a1;overflow:hidden}.service-image img{width:100%;height:100%;display:block;transition:transform .5s}.service-card:hover img{transform:scale(1.06)}.service-content{padding:25px 23px}.service-content h3{font-size:25px;margin-bottom:10px;letter-spacing:-.03em}.service-content p{font-size:12px;line-height:1.8;color:#786c5b;min-height:66px}.service-meta{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:10px;font-size:12px}.service-meta b{font-size:19px}.services-foot{display:flex;justify-content:space-between;margin-top:35px;font-size:13px;color:#786c5b}.feature{display:grid;grid-template-columns:1fr 1fr;background:#5b421f;color:#fff;min-height:680px}.feature-image{background-size:cover;background-position:center;min-height:590px}.feature-copy{padding:100px 10%;align-self:center}.feature-copy h2{font-size:clamp(36px,4vw,66px)}.feature-copy p{color:#f2e6d0;max-width:480px}.feature-points{margin:40px 0}.feature-points div{display:grid;grid-template-columns:38px 1fr;border-top:1px solid #ffffff35;padding:14px 0;column-gap:13px}.feature-points span{font-size:12px;color:#e7ca91;grid-row:span 2}.feature-points b{font-size:14px}.feature-points small{color:#e5cfaa;margin-top:6px}.gallery{background:#fffcf7}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:20px}.gallery-grid img{height:360px;width:100%;background:#e3d0b3;border-radius:7px}.book-section{background:#745324;color:#fff;display:grid;grid-template-columns:1fr 1.04fr;gap:8%;align-items:center}.booking-left h2{font-size:clamp(46px,4.9vw,83px)}.booking-left p{color:#f3e7cf;max-width:470px}.booking-info{display:grid;gap:21px;margin-top:40px;font-weight:600;font-size:14px}.booking-card{background:#fffdf8;color:#32291d;border-radius:9px;padding:40px}.booking-card h3{font-size:34px}.booking-card label{display:block;font-weight:700;color:#68563b;font-size:12px;margin-top:15px}.booking-card input,.booking-card select,.booking-card textarea{width:100%;margin-top:8px;border:1px solid #eadfc9;background:#fff;padding:13px;border-radius:4px;color:#332819;outline-color:#bd904a;min-width:0}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%;margin-top:20px}.form-note{font-size:11px;color:#796c57;text-align:center;margin:12px 0 0;line-height:1.5}.notice{margin-top:10px;font-size:13px}.notice.good{color:#8b6933}.notice.bad{color:#a22f2f}.contact{text-align:center;background:#fcf8f1}.contact h2{margin:0 auto 18px;max-width:850px}.contact p{color:#796c57}.contact-actions{display:flex;gap:12px;justify-content:center;margin:33px 0}.contact strong{font-size:14px}footer{background:#3a2a17;color:#fff;padding:60px 7.2% 22px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top{padding-bottom:48px}.footer-top>span{font-family:'Playfair Display',serif;font-style:italic;font-size:23px;color:#f7e7c9}.footer-logo{display:flex;align-items:center;gap:15px;font-size:16px;letter-spacing:.12em}.footer-logo img{height:72px;width:72px;border-radius:50%}.footer-top>div{display:flex;gap:25px;font-size:12px}.footer-bottom{border-top:1px solid #ffffff29;padding-top:24px;font-size:11px;color:#ead7b2}
@media(max-width:1150px){.header nav{gap:15px}.header nav a{font-size:11px}.desktop-book{padding:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-image{height:300px}.section-pad{padding:90px 5%}.intro{gap:5%}.intro-visual{height:480px}}
@media(max-width:820px){.header{height:76px;padding:0 5%}.mobile-menu{display:block}.desktop-book{display:none}.header nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fffdf8;padding:18px 6% 30px;box-shadow:0 15px 20px #0001;gap:0}.header nav.open{display:flex}.header nav a{padding:14px;border-bottom:1px solid #e8dac2;font-size:14px}.hero{height:670px;min-height:570px}.hero-content{padding:135px 6% 70px}.hero h1{font-size:clamp(53px,9vw,76px)}.intro,.feature,.book-section{grid-template-columns:1fr}.intro-visual{height:480px}.feature-image{min-height:440px}.feature-copy{padding:65px 6%}.section-top{display:block}.section-top p{margin-top:20px}.gallery-grid{gap:10px}.gallery-grid img{height:270px}.booking-left h2{max-width:600px}.footer-top{flex-wrap:wrap}}
@media(max-width:560px){.announcement{font-size:8px}.header .brand{min-width:0}.brand img{width:48px;height:48px}.brand span{font-size:12px}.brand em{font-size:9px}.hero{height:680px}.hero-photo{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,#463019d9,#70502685)}.hero-content{padding:116px 6% 65px}.hero h1{font-size:clamp(49px,12vw,69px)}.hero-content p{font-size:14px}.hero-buttons{gap:8px}.hero-bottom{font-size:8px}.section-pad{padding:70px 6%}.intro-visual{height:390px}.intro-copy h2,.section-top h2{font-size:43px}.service-grid{grid-template-columns:1fr}.service-image{height:300px}.services-foot{gap:12px;flex-direction:column}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:230px}.gallery-grid img:first-child{grid-column:span 2;height:290px}.booking-card{padding:25px 20px}.form-2{grid-template-columns:1fr;gap:0}.contact-actions{flex-wrap:wrap}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top>div{flex-wrap:wrap}.footer-bottom{gap:8px}.image-stamp{width:100px;height:100px;font-size:10px}}

/* SKINCARE BY YUDI - FIX HERO BUTTONS (2026-11-04)
   Fixes buttons being clipped under the hero by removing its rigid height.
   Scoped to the hero only. Other sections and the admin panel are unchanged. */
.hero {
  height: auto;
  min-height: 740px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-content {
  width: 100%;
  max-width: 800px;
  padding: 95px 7.2% 105px;
  z-index: 1;
}
.hero h1 {
  font-size: clamp(55px, 5.3vw, 88px);
  line-height: 1.06;
}
.hero-buttons {
  position: relative;
  z-index: 2;
  margin-top: 25px;
  padding-bottom: 0;
}
.hero-bottom { pointer-events: none; }
@media (max-width: 820px) {
  .hero { height: auto; min-height: 670px; }
  .hero-content { padding: 90px 6% 95px; }
  .hero h1 { font-size: clamp(50px, 8vw, 72px); }
}
@media (max-width: 560px) {
  .hero { height: auto; min-height: 680px; }
  .hero-content { padding: 80px 6% 90px; }
  .hero h1 { font-size: clamp(45px, 11vw, 62px); }
  .hero-buttons { gap: 10px; margin-top: 23px; }
  .hero-buttons .btn { max-width: 100%; }
  .hero-bottom { bottom: 18px; }
}

/* SKINCARE BY YUDI — GOLD LUXURY THEME / STICKY NAV / 3D BRAND
   Public site only. Keeps the existing hero height fix and mobile menu behavior. */
:root { --green:#8b6933; --cream:#fcfaf5; --paper:#fffdf8; --ink:#30271c; --sage:#eadab4; --accent:#d4ad66; --line:#e9deca; }
html { scroll-padding-top: 146px; }
body { background:var(--cream); }
.announcement {
  position:sticky; top:0; z-index:1002; background:linear-gradient(90deg,#4b3317,#87612a 52%,#4b3317);
  color:#fff9ed; box-shadow:0 1px 0 #c9a66c55;
}
.header {
  position:sticky; top:28px; z-index:1001;
  background:rgba(255,253,248,.97); border-bottom:1px solid #d5b675;
  box-shadow:0 9px 24px rgba(65,44,18,.12);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
/* Logo stays the same image, with dimensional lighting and a restrained gold halo */
.brand img,.footer-logo img {
  border:2px solid #c9a25c; padding:2px; background:#191613;
  box-shadow:0 2px 2px #fff9 inset, 0 0 0 3px #fff9ed,
    0 5px 12px rgba(71,43,9,.32), 0 12px 20px rgba(70,43,10,.13);
  filter:drop-shadow(0 1px 1px #fff8df6b); transform:perspective(180px) rotateY(-8deg) rotateX(3deg);
  transition:transform .35s ease, box-shadow .35s ease;
}
.brand:hover img { transform:perspective(180px) rotateY(0) rotateX(0) translateY(-2px) scale(1.04); box-shadow:0 0 0 3px #fff9ed,0 9px 22px #8c632a69; }
.brand span { color:#4b341b; }
.brand em { color:#97713c; }
.btn-dark { background:linear-gradient(125deg,#8e642a,#b38b48 55%,#775320); border:1px solid #d8b576; color:#fff; box-shadow:0 4px 13px #6f4a2029; }
.btn-dark:hover { background:linear-gradient(125deg,#755021,#c29c59 55%,#815c24); }
.btn-cream { background:linear-gradient(135deg,#fff9eb,#ecdbb8); color:#5b3d1b; border-color:#ddc58d; }
.btn-outline-white { border-color:#f3deb2; background:#4c341e4d; color:#fff9ed; }
.btn-outline-white:hover { background:#9c783b85; }
.btn-light { background:#f4e6c9; color:#5d411e; border-color:#d8b576; }
.header nav a:hover,.text-link:hover { color:#b1843a; }
.hero { background:#5d472c; }
.hero-overlay { background:linear-gradient(90deg,rgba(45,31,19,.81) 0%,rgba(55,38,23,.47) 52%,rgba(20,13,8,.08) 100%); }
.eyebrow { color:#8b6933; }
.eyebrow.light { color:#f4dfb1; }
.hero h1 i,.section-top h2 i,.intro h2 i,.contact h2 i { color:inherit; }
.benefits span { background:#f6ecd5; color:#755223; border:1px solid #e7d6b1; }
.service-card { border:1px solid #eee2ca; box-shadow:0 6px 20px rgba(70,42,17,.055); }
.service-card:hover { box-shadow:0 18px 35px rgba(70,42,17,.14); }
.feature { background:#5b421f; }
.book-section { background:linear-gradient(135deg,#6e4d24,#9e793d 60%,#61431f); }
.booking-card { box-shadow:0 16px 36px rgba(34,23,9,.18); }
.booking-card input:focus,.booking-card select:focus,.booking-card textarea:focus { outline:2px solid #be944d; outline-offset:1px; }
footer { background:#3a2a17; }
/* Existing WhatsApp branding remains green so visitors can recognize the service. */
@media (max-width:820px) {
  html { scroll-padding-top:125px; }
  .header { top:28px; }
  .header nav { z-index:1003; border-bottom:1px solid #d2af72; background:#fffcf6; }
  .header nav a { color:#47321c; }
}
@media (max-width:560px) {
  .announcement { min-height:27px; }
  .header { top:27px; }
  .hero-overlay { background:linear-gradient(90deg,rgba(55,37,17,.84),rgba(83,57,27,.55)); }
}
@media (prefers-reduced-motion:reduce) { .brand img,.footer-logo img { transition:none; } }

/* ===== SKINCARE BY YUDI / LUXURY EXPERIENCE ADD-ON =====
   Additive selectors only, preserving prior sticky header and hero fixes. ===== */
:root{--luxury-gold:#c6a063;--luxury-champagne:#e8d4aa;--luxury-deep:#4e351c;--luxury-ivory:#fffaf1}
.header{transition:box-shadow .3s ease,background .3s ease}
.header.luxury-header-scrolled{box-shadow:0 10px 36px #33251036;background:rgba(255,252,247,.98)}
.brand img{transform-style:preserve-3d;backface-visibility:hidden}
.brand:hover img{filter:brightness(1.13) drop-shadow(0 4px 7px #b58d52aa)}
.hero-photo{will-change:transform;animation:luxury-hero-drift 21s ease-in-out infinite alternate}
.hero-shimmer{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(107deg,transparent 42%,#f6dca00e 49%,transparent 57%);background-size:220% 100%;animation:luxury-shimmer 16s ease-in-out infinite}
.hero-content{z-index:2}
.hero h1{text-shadow:0 8px 26px rgba(17,12,6,.25)}
.btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(108deg,transparent 25%,rgba(255,248,217,.19) 49%,transparent 70%);transform:translateX(-150%);transition:transform .7s ease}
.btn:hover::after{transform:translateX(150%)}
.btn:hover{box-shadow:0 12px 28px rgba(103,73,35,.22)}
.service-card{position:relative;border:1px solid #e6d6b9!important;box-shadow:0 14px 30px rgba(78,53,28,.075)!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.service-card:hover,.service-card:focus-within{transform:translateY(-8px)!important;box-shadow:0 22px 44px #4e351c2d!important;border-color:var(--luxury-gold)!important}
.service-image{position:relative;overflow:hidden}
.service-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(67,41,17,.22),transparent 60%)}
.service-card .service-image img{transition:transform .8s cubic-bezier(.2,.75,.2,1)!important}
.service-card:hover .service-image img{transform:scale(1.075)!important}
.service-content{display:flex;flex-direction:column}
.service-content h3{color:#392b1d}
.luxury-card-book{display:block;width:100%;margin-top:18px;padding:13px 16px;background:#f8f0df;border:1px solid #dfc693;color:#76521e;text-align:center;font-size:12px;font-weight:800;letter-spacing:.025em;border-radius:3px;transition:background .25s,color .25s,transform .25s}
.luxury-card-book:hover,.luxury-card-book:focus-visible{background:#92682e;color:#fff;transform:translateY(-1px)}
.gallery-grid img{cursor:zoom-in;transition:filter .4s ease,transform .4s ease,box-shadow .4s ease}
.gallery-grid img:hover,.gallery-grid img:focus-visible{filter:brightness(1.07);transform:translateY(-5px);box-shadow:0 18px 40px #4e351c2a;outline-offset:4px}
.luxury-lightbox{padding:24px;border:1px solid #d5b47c;background:#211b17;border-radius:10px;max-width:95vw;max-height:95vh;box-shadow:0 24px 90px #0008;overflow:visible}
.luxury-lightbox::backdrop{background:#1c170ee5;backdrop-filter:blur(6px)}
.luxury-lightbox img{display:block;max-width:min(1080px,85vw);max-height:82vh;object-fit:contain}
.luxury-lightbox-close{position:absolute;right:-10px;top:-17px;z-index:2;width:42px;height:42px;border:1px solid #eed6a6;border-radius:50%;background:#fff9ec;color:#5a3d1c;font-size:28px}
.luxury-compare{background:#f9f2e7}
.luxury-compare[hidden]{display:none!important}
.luxury-compare-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8%}
.luxury-compare-frame{position:relative;height:clamp(290px,40vw,560px);overflow:hidden;border-radius:9px;box-shadow:0 22px 55px #4e351c2c;background:#d8c9b5}
.luxury-compare-frame>img,.luxury-after-clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.luxury-after-clip{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}
.luxury-compare-tag{position:absolute;z-index:2;top:18px;background:#241a12ae;color:white;border:1px solid #fff5;padding:9px 12px;border-radius:3px;letter-spacing:.12em;font-size:10px;font-weight:800}
.luxury-compare-tag-left{left:18px}.luxury-compare-tag-right{right:18px}
.luxury-compare-line{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:white;box-shadow:0 0 10px #0007;pointer-events:none}
.luxury-compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#624527;border:2px solid #c9aa70;display:grid;place-items:center;border-radius:50%;height:54px;width:54px;font-size:26px;box-shadow:0 6px 24px #0004}
#luxuryCompareRange{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.luxury-compare-copy h3{font:500 clamp(34px,4vw,64px)/1.16 'Playfair Display',Georgia,serif;letter-spacing:-.04em}
.luxury-compare-copy p{color:#786b5a;margin:24px 0 30px;max-width:420px}
.luxury-reviews{background:#fffdf9;position:relative}
.luxury-reviews::before{content:"✧";position:absolute;top:45px;right:8%;font-size:90px;color:#e4d2b5;pointer-events:none}
.luxury-reviews-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:52px}
.luxury-reviews-head h2{margin-bottom:0}.luxury-reviews-head>p{max-width:320px;color:#786c5b}
.luxury-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.luxury-value{padding:42px 34px;min-height:330px;background:linear-gradient(160deg,#fffcf4,#f5ead8);border:1px solid #e9d8b9;border-radius:7px;transition:transform .35s ease,box-shadow .35s ease}
.luxury-value:hover{transform:translateY(-7px);box-shadow:0 18px 40px #6f4b1d18}
.luxury-value-symbol{display:block;color:#ad8449;font:44px Georgia,serif;margin-bottom:25px}
.luxury-value-number{font-size:10px;letter-spacing:.15em;color:#92703f;font-weight:800}
.luxury-value h3{font-size:clamp(27px,2.5vw,40px);margin:20px 0 15px}
.luxury-value p{color:#766a5a;font-size:13px;line-height:1.9}
.luxury-review-cta{margin-top:40px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#f1e5d0;border:1px solid #dfc89f;border-radius:8px}
.luxury-review-cta .eyebrow{margin-bottom:10px}
.luxury-review-cta h3{font-size:clamp(27px,2.4vw,38px);margin-bottom:7px}
.luxury-review-cta p{font-size:13px;color:#715b40;max-width:550px;margin-bottom:0}
.luxury-review-cta a{white-space:nowrap}
.luxury-motion-ready .luxury-reveal,.luxury-motion-ready .service-card,.luxury-motion-ready .gallery-grid img{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease,box-shadow .35s ease}
.luxury-motion-ready .luxury-visible{opacity:1!important;transform:translateY(0)!important}
@keyframes luxury-hero-drift{from{transform:scale(1.025)}to{transform:scale(1.095)}}
@keyframes luxury-shimmer{0%,30%{background-position:200% 0}80%,100%{background-position:-100% 0}}
@media(max-width:900px){.luxury-compare-grid{grid-template-columns:1fr;gap:30px}.luxury-values{grid-template-columns:1fr 1fr}.luxury-reviews-head{display:block}.luxury-reviews-head>p{margin-top:20px}.luxury-review-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.luxury-values{grid-template-columns:1fr}.luxury-value{min-height:0;padding:30px 24px}.luxury-compare-frame{height:340px}.luxury-compare-tag{font-size:9px;top:12px}.luxury-compare-tag-left{left:10px}.luxury-compare-tag-right{right:10px}.luxury-reviews::before{display:none}.luxury-review-cta{padding:25px}.luxury-review-cta .btn{width:100%}.luxury-compare-line span{width:44px;height:44px}.luxury-card-book{min-height:46px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-shimmer{animation:none!important}.luxury-reveal,.service-card,.gallery-grid img{opacity:1!important;transform:none!important;transition:none!important}.btn::after{display:none}}


/* ===== MOBILE PREMIUM BUTTONS | SAFE ADDITION 2026-11-04 =====
   Visual-only changes. Existing links, JS, admin login and sticky header are preserved. */
@media (max-width:820px){
  .mobile-menu{
    width:47px;height:47px;min-width:47px;display:inline-grid;place-items:center;
    color:#765123;background:linear-gradient(145deg,#fffaf0,#ecdbb8);
    border:1px solid #d9b879;border-radius:14px;
    box-shadow:0 5px 12px #8c633022,inset 0 1px 0 #fff9;
    font-weight:600;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-menu:active{transform:scale(.94);box-shadow:0 2px 7px #8c633033}
  .header nav.open{border:1px solid #ead7b4;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 20px 36px #4c351d30}
  .header nav.open a{display:flex;align-items:center;min-height:47px;padding:12px 16px;border-radius:10px;margin:2px 0;transition:background .2s ease,transform .2s ease,color .2s ease}
  .header nav.open a:active{background:#f0e2c8;transform:scale(.985)}
  .hero-buttons .btn,.contact-actions .btn,.luxury-review-cta .btn,.booking-card .btn,
  .luxury-card-book,.desktop-book{
    -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  }
  .hero-buttons .btn,.contact-actions .btn,.luxury-review-cta .btn,.booking-card .btn{
    border-radius:13px;min-height:56px;padding:15px 21px;
    font-size:13px;letter-spacing:.015em;font-weight:800;
    box-shadow:0 9px 22px #3f2d1840,inset 0 1px 0 #ffffff72;
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
  }
  .hero-buttons .btn:active,.contact-actions .btn:active,.luxury-review-cta .btn:active,
  .booking-card .btn:active,.luxury-card-book:active{
    transform:scale(.965)!important;filter:brightness(1.07);box-shadow:0 3px 12px #3f2d1833;
  }
  .btn:focus-visible,.mobile-menu:focus-visible,.luxury-card-book:focus-visible,.header nav a:focus-visible{
    outline:3px solid #b99352;outline-offset:3px;
  }
  .luxury-card-book{border-radius:12px;min-height:54px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(125deg,#fffaf0,#ecd7b1);font-weight:800;
    box-shadow:0 8px 20px #926c3425;
  }
  .booking-card button[type="submit"]{border-radius:12px!important;min-height:56px!important;
    background:linear-gradient(125deg,#866026,#b88b49 52%,#8d622a)!important;
    color:white;box-shadow:0 9px 21px #67431f40;
  }
}
@media (max-width:560px){
  .hero-buttons{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,440px);gap:12px}
  .hero-buttons .btn{width:100%;justify-content:space-between;gap:14px}
  .contact-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .contact-actions .btn{width:100%}
  .booking-card button[type="submit"]{width:100%}
  .hero-buttons .btn span{font-size:18px;line-height:1}
}
@media (hover:hover) and (pointer:fine){
  .mobile-menu:hover{filter:brightness(1.05);transform:translateY(-2px)}
  .header nav.open a:hover{background:#f4e7cc;color:#865f2e}
}
@media(prefers-reduced-motion:reduce){
  .mobile-menu,.hero-buttons .btn,.contact-actions .btn,.luxury-card-book,
  .booking-card .btn,.header nav.open a{transition:none!important;animation:none!important}
}