/* Miki Skin Spa V3.2 — refinement layer */
:root{--v32-space:clamp(64px,8vw,112px)}
.section-pad{padding-top:var(--v32-space);padding-bottom:var(--v32-space)}
.hero{min-height:min(820px,88vh);display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(34px,5vw,78px);align-items:center}
.hero-copy{max-width:610px}.hero h1{max-width:11ch;line-height:.94;letter-spacing:-.035em}.hero-lead{max-width:58ch;line-height:1.72}
.hero-actions{gap:16px;align-items:center}.hero-actions .btn{min-height:50px}.hero-trust-badges{margin-top:28px}
.hero-visual-grid{min-width:0}.hero-panel{overflow:hidden}.hero-panel img{width:100%;height:100%;object-fit:cover}
.services .section-head,.pricing .section-head,.media-showcase .section-head,.faq .section-head{max-width:760px}
.service-card img,.thumb-card img{object-fit:cover}.service-card{height:100%}
.technology-proof,.process,.academy{background:color-mix(in srgb,#f7efe5 54%,transparent)}
.pricing-catalogs{position:relative}.pricing-catalog-layout{content-visibility:auto;contain-intrinsic-size:700px}
.laser-ai-consult{padding-block:clamp(54px,6vw,82px)}
.connect-miki img[class*="qr"],.connect-miki [class*="qr-preview"] img{max-width:148px;height:auto}
.btn,.contact-chip{min-height:48px}.booking-banner .btn{min-height:52px}
.booking-modal-luxe{width:min(1080px,94vw);max-height:min(880px,92dvh);overflow:auto}.booking-modal-grid{align-items:stretch}.booking-modal-formpane{padding:clamp(28px,4vw,54px)}
.booking-modal-formpane h2{max-width:15ch;line-height:1.02}.booking-modal-formpane label{gap:7px}.booking-modal-formpane input,.booking-modal-formpane select,.booking-modal-formpane textarea{min-height:48px}
.ai-chat-panel,.ai-chat{max-height:min(760px,86dvh)}.ai-chat-messages{line-height:1.55}.ai-chat-foot{line-height:1.45}
.gallery-grid img,.uploaded-gallery img{object-fit:cover}
@media(max-width:900px){.section-pad{padding-top:clamp(54px,13vw,78px);padding-bottom:clamp(54px,13vw,78px)}.hero{display:flex;flex-direction:column;min-height:auto;gap:30px;padding-top:42px}.hero-copy{max-width:none}.hero h1{max-width:12ch}.hero-visual-grid{width:100%}.booking-modal-luxe{width:100%;max-width:none;max-height:94dvh;margin-top:auto;border-radius:24px 24px 0 0}.booking-modal-visual{min-height:220px}}
@media(max-width:640px){body{font-size:16px}.hero{padding-top:28px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-actions .text-link{text-align:center;padding:8px}.hero-trust-badges{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}.hero-lead{font-size:15.5px}.service-card{border-radius:20px}.service-card img{aspect-ratio:4/3}.review-qr-top-card{display:none!important}.connect-miki [class*="qr-preview"]{display:none!important}.booking-modal-grid{display:block}.booking-modal-visual{display:none}.booking-modal-formpane{padding:28px 20px 34px}.form-grid{grid-template-columns:1fr}.ai-chat-panel,.ai-chat{inset:12px!important;width:auto!important;max-width:none!important;height:calc(100dvh - 24px)!important;max-height:none!important;border-radius:22px!important}.faq-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.faq-tab{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.connect-miki .connect-grid{align-items:stretch}.connect-miki .connect-card{min-height:0;padding:24px;border-radius:24px}.connect-miki .qr-contact-card{display:grid;grid-template-columns:1fr 112px;grid-template-rows:auto auto 1fr auto;column-gap:18px;align-items:start}.connect-miki .qr-contact-card .connect-icon{grid-column:1;grid-row:1}.connect-miki .qr-contact-card>strong{grid-column:1;grid-row:2;margin:12px 0 7px;font-size:clamp(23px,2vw,28px)}.connect-miki .qr-contact-card>p{grid-column:1;grid-row:3;margin:0 0 14px;font-size:13px;line-height:1.55}.connect-miki .qr-contact-card>[class$="qr-preview"]{grid-column:2;grid-row:1/5;align-self:center;display:block;width:112px;height:112px;margin:0;padding:7px;border:1px solid rgba(184,150,103,.20);border-radius:16px;background:#fff;box-sizing:border-box;overflow:hidden}.connect-miki .qr-contact-card>[class$="qr-preview"] img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;object-fit:contain!important;background:#fff}.connect-miki .qr-contact-card>.btn{grid-column:1;grid-row:4;justify-self:start;margin-top:0;min-height:42px;padding:10px 16px}.connect-miki .location-card{justify-content:flex-start}.connect-miki .location-card .btn{margin-top:auto}
@media(max-width:1000px){.connect-miki .connect-grid{grid-template-columns:1fr 1fr!important}.connect-miki .location-card{grid-column:1/-1}}
@media(max-width:640px){.connect-miki .connect-grid{grid-template-columns:1fr!important}.connect-miki .location-card{grid-column:auto}.connect-miki .qr-contact-card{grid-template-columns:1fr 92px;column-gap:14px}.connect-miki .qr-contact-card>[class$="qr-preview"]{display:block!important;width:92px;height:92px}.connect-miki .connect-card{padding:20px}}
@media(min-width:1101px){.connect-miki .connect-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.connect-miki .connect-card{height:100%;box-sizing:border-box}.connect-miki .location-card{min-height:0!important}

/* Tablet approved layout. */
@media(min-width:621px) and (max-width:1024px){
 html body #service-laser .laser-preview{display:none!important}
 html body section.pricing .price-panel.catalog-panel{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 html body section.pricing .price-panel .pricing-catalog-layout{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:22px!important;width:100%!important;max-width:none!important;margin:0!important}
 html body section.pricing .price-panel .pricing-list-card{order:1!important;position:relative!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;border-radius:30px!important;padding:30px 28px!important}
 html body section.pricing .price-panel .pricing-source-card{order:2!important;position:static!important;top:auto!important;width:100%!important;max-width:none!important;min-height:72px!important;margin:0!important;box-sizing:border-box!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(90deg,#9a7148,#b98b56)!important;color:#fff!important;border:0!important;text-align:center!important}
 html body section.pricing .price-panel .pricing-source-card span{font-size:15px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#fff!important}
 html body section.pricing .price-panel .pricing-list-title{padding-bottom:20px!important}
 html body section.pricing .price-panel .pricing-list-title strong{font-size:clamp(42px,6vw,62px)!important;line-height:1!important}
 html body section.pricing .price-panel .price-row{min-height:92px!important;padding:18px 4px!important;align-items:center!important}
 html body section.pricing .price-panel .price-row>div strong{font-size:20px!important}
 html body section.pricing .price-panel .price-row>div small{font-size:14px!important;margin-top:5px!important}
 html body section.pricing .price-panel .price-row>span{font-size:clamp(25px,3.5vw,36px)!important;white-space:nowrap!important}
 html body section.pricing .price-panel .package-highlight{margin-top:18px!important}

 /* Compact Google Review QR on the right, matching the approved tablet mockup. */
 html body section.google-reviews .reviews-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;column-gap:34px!important;row-gap:34px!important;align-items:start!important;width:100%!important}
 html body section.google-reviews .reviews-copy{grid-column:1!important;grid-row:1!important;min-width:0!important}
 html body section.google-reviews .review-qr-top-card{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:250px!important;max-width:250px!important;min-height:0!important;justify-self:end!important;padding:20px 18px!important;box-sizing:border-box!important;border-radius:24px!important;background:rgba(248,239,228,.86)!important;border:1px solid rgba(184,150,103,.18)!important;box-shadow:0 12px 28px rgba(66,44,37,.05)!important}
 html body section.google-reviews .review-qr-top-label{font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;color:#9a7148!important;margin:0 0 11px!important}
 html body section.google-reviews .review-qr-top-link{display:block!important;width:150px!important;height:150px!important;padding:8px!important;box-sizing:border-box!important;border-radius:16px!important;background:#fff!important}
 html body section.google-reviews .review-qr-top-image{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;border-radius:8px!important}
 html body section.google-reviews .review-qr-top-card>strong{font-size:17px!important;line-height:1.25!important;margin:12px 0 0!important}
 html body section.google-reviews .review-qr-top-card>p{font-size:12px!important;line-height:1.45!important;margin:6px 0 9px!important}
 html body section.google-reviews .review-qr-top-link-text{font-size:10px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important}
 html body section.google-reviews .review-highlight-grid{grid-column:1/-1!important;grid-row:2!important;width:100%!important}

 /* Tablet bottom dock: five consistent brown-ring controls. */
 html body .ai-launcher{left:20px!important;bottom:10px!important;width:118px!important;height:52px!important;min-height:52px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:2px solid #9a7148!important;border-radius:999px!important;background:#fffaf6!important;color:#6f4b2e!important;box-shadow:0 8px 22px rgba(91,59,33,.12)!important;font-size:12px!important;font-weight:700!important}
 html body .ai-launcher .ai-launcher-spark{font-size:15px!important;color:#9a7148!important}
 html body .floating-contact{right:20px!important;bottom:10px!important;height:52px!important;padding:0!important;display:flex!important;align-items:center!important;gap:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 html body .floating-contact .contact-chip{width:118px!important;height:52px!important;min-height:52px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #9a7148!important;border-radius:999px!important;background:#fffaf6!important;color:#6f4b2e!important;box-shadow:0 8px 22px rgba(91,59,33,.12)!important;font-size:12px!important;font-weight:700!important}
 html body .floating-contact .contact-circle{display:none!important}
 html body .miki-social-quick{left:150px!important;right:150px!important;bottom:10px!important;height:52px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
 html body .miki-social-quick a{width:108px!important;min-width:108px!important;height:52px!important;padding:0 12px!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:2px solid #9a7148!important;border-radius:999px!important;background:#fffaf6!important;color:#6f4b2e!important;box-shadow:0 8px 22px rgba(91,59,33,.10)!important;text-decoration:none!important}
 html body .miki-social-quick .quick-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
 html body .miki-social-quick .tg .quick-icon{color:#168bd2!important;font-size:18px!important}
 html body .miki-social-quick .zl .quick-icon{color:#0877e8!important;font-size:10px!important}
 html body .miki-social-quick .wa{display:flex!important}
 html body .miki-social-quick .wa .quick-icon{color:#8b6849!important;font-size:17px!important}
 html body .miki-social-quick small{display:block!important;font-size:11px!important;line-height:1!important;font-weight:700!important;color:#6f4b2e!important}
}

/* Laptop/desktop quick-connect: keep all four action buttons aligned and consistent. */
@media(min-width:1001px){
  html body .connect-miki .connect-grid{align-items:stretch!important}
  html body .connect-miki .connect-card{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;padding:24px!important}
  html body .connect-miki .qr-contact-card{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:auto auto 1fr auto!important;column-gap:18px!important;align-content:start!important}
  html body .connect-miki .qr-contact-card>.btn{grid-column:1/-1!important;grid-row:4!important;justify-self:stretch!important;width:100%!important;margin-top:18px!important}
  html body .connect-miki .location-card>.btn{width:100%!important;margin-top:auto!important}
  html body .connect-miki .connect-card>.btn{min-height:48px!important;height:48px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border:1.5px solid #9a7148!important;border-radius:999px!important;background:#fffaf6!important;color:#6f4b2e!important;font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:.04em!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:none!important}
  html body .connect-miki .connect-card>.btn:hover{background:#9a7148!important;color:#fff!important;border-color:#9a7148!important}
}
