/* V170 — commercial desktop rescue + booking CTA. Visual only. */

/* Public booking remains customer-only. */
html.crm-public-booking .crm-alexa-section,
html.crm-public-booking .crm-trust-strip,
html.crm-public-booking [data-crm-alexa-section]{display:none!important}

@media(max-width:800px){
  html.crm-public-booking body{padding-bottom:78px!important}
  .crmi-v170-mobile-bar.crmi-mobile-booking-bar{
    position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;z-index:99999!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    padding:10px 10px 10px 15px!important;border:1px solid rgba(33,41,54,.10)!important;border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
    box-shadow:0 18px 44px rgba(25,31,42,.20)!important;font-family:Inter,system-ui,sans-serif!important
  }
  .crmi-v170-mobile-bar>span{display:grid!important;gap:2px!important;min-width:0!important}
  .crmi-v170-mobile-bar b{color:#243247!important;font-size:11px!important}
  .crmi-v170-mobile-bar small{color:#7a8798!important;font-size:8px!important}
  .crmi-v170-mobile-bar a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 17px!important;border-radius:12px!important;background:var(--salon-accent,#c97272)!important;color:var(--salon-accent-ink,#fff)!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
  html.crm-public-booking .v54-public .public-service-card{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
  html.crm-public-booking .v54-public .public-service-card.active{outline:2px solid var(--salon-accent)!important;outline-offset:2px!important}
}

/* =========================
   MAIN SITE — DESKTOP 9/10 PASS
   ========================= */
@media(min-width:901px){
  html.crmi-v168-home body{background:#f7f9fb!important}
  html.crmi-v168-home .crm-site{background:linear-gradient(180deg,#fbfcfd 0%,#f7faf9 55%,#fff 100%)!important;color:#17243d!important}

  /* WhatsApp: replace the oversized dark composition with a crisp SaaS section. */
  html.crmi-v168-home .crm-site .v80-wa-showcase{
    box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) 365px!important;align-items:center!important;gap:46px!important;
    width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important;min-height:0!important;margin:78px auto!important;padding:54px 54px 0!important;
    overflow:hidden!important;border:1px solid #dfe9e5!important;border-radius:28px!important;
    background:radial-gradient(circle at 92% 10%,rgba(56,184,135,.13),transparent 28%),linear-gradient(145deg,#fff 0%,#f4fbf8 100%)!important;
    box-shadow:0 24px 70px rgba(20,53,44,.10)!important;color:#17243d!important
  }
  html.crmi-v168-home .crm-site .v133-wa-copy{padding:0 0 50px!important;min-width:0!important}
  html.crmi-v168-home .crm-site .v133-wa-eyebrow{padding:8px 12px!important;background:#eaf8f1!important;color:#14724e!important;font-size:10px!important;letter-spacing:.09em!important}
  html.crmi-v168-home .crm-site .v133-wa-eyebrow span{width:22px!important;height:22px!important;font-size:10px!important}
  html.crmi-v168-home .crm-site .v133-wa-copy h2{max-width:650px!important;margin:20px 0 14px!important;color:#10213b!important;font-size:clamp(42px,3.3vw,56px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
  html.crmi-v168-home .crm-site .v133-wa-copy h2 em{color:#1b9a69!important}
  html.crmi-v168-home .crm-site .v133-wa-copy>p{max-width:620px!important;margin:0 0 24px!important;color:#607087!important;font-size:14px!important;line-height:1.68!important}
  html.crmi-v168-home .crm-site .v133-wa-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-width:680px!important;display:grid!important}
  html.crmi-v168-home .crm-site .v133-wa-steps article{grid-template-columns:38px 1fr!important;gap:10px!important;min-height:112px!important;padding:14px!important;border:1px solid #e2ebe7!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 20px rgba(24,62,50,.045)!important}
  html.crmi-v168-home .crm-site .v133-wa-steps article i{width:34px!important;height:34px!important;font-size:14px!important;background:#21b77a!important}
  html.crmi-v168-home .crm-site .v133-wa-steps b{margin:0 0 4px!important;color:#1a2c46!important;font-size:12px!important;line-height:1.25!important}
  html.crmi-v168-home .crm-site .v133-wa-steps small{color:#718096!important;font-size:9px!important;line-height:1.45!important}
  html.crmi-v168-home .crm-site .v133-wa-benefits{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;max-width:680px!important;margin-top:21px!important}
  html.crmi-v168-home .crm-site .v133-wa-benefits>span{font-size:15px!important}
  html.crmi-v168-home .crm-site .v133-wa-benefits b{font-size:11px!important;color:#263a51!important}
  html.crmi-v168-home .crm-site .v133-wa-benefits small{font-size:9px!important;color:#7b8899!important}
  html.crmi-v168-home .crm-site .v133-wa-phone-wrap{align-self:end!important;min-height:510px!important;height:510px!important;padding:18px 0 0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
  html.crmi-v168-home .crm-site .v133-wa-phone{width:320px!important;height:485px!important;border-width:9px 9px 0!important;border-radius:42px 42px 0 0!important;box-shadow:0 24px 55px rgba(13,38,31,.24)!important}
  html.crmi-v168-home .crm-site .v133-phone-top{height:31px!important;padding:0 20px!important;font-size:10px!important}
  html.crmi-v168-home .crm-site .v133-phone-head{grid-template-columns:40px 1fr auto!important;gap:9px!important;height:65px!important;padding:0 15px!important}
  html.crmi-v168-home .crm-site .v133-cr{width:38px!important;height:38px!important;font-size:13px!important}
  html.crmi-v168-home .crm-site .v133-phone-head b{font-size:13px!important}
  html.crmi-v168-home .crm-site .v133-phone-head small{font-size:9px!important}
  html.crmi-v168-home .crm-site .v133-phone-head>strong{font-size:20px!important}
  html.crmi-v168-home .crm-site .v133-chat{height:380px!important;padding:12px 12px 20px!important}
  html.crmi-v168-home .crm-site .v133-day{padding:4px 10px!important;font-size:9px!important}
  html.crmi-v168-home .crm-site .v133-msg{max-width:91%!important;margin-bottom:9px!important;padding:10px 11px 18px!important;font-size:9px!important;line-height:1.42!important}
  html.crmi-v168-home .crm-site .v133-msg b{font-size:10px!important}
  html.crmi-v168-home .crm-site .v133-msg small{font-size:7px!important}
  html.crmi-v168-home .crm-site .v133-wa-note,
  html.crmi-v168-home .crm-site .v133-wa-sticker{display:none!important}

  /* Pricing: less oversized, more polished. */
  html.crmi-v168-home .crm-site .v54-pricing{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important;margin:76px auto 0!important;padding:68px 42px 62px!important;border:1px solid #e5e9ef!important;border-radius:28px!important;background:linear-gradient(180deg,#fbfcfe,#f5f7fa)!important}
  html.crmi-v168-home .crm-site .v54-pricing-copy{margin-bottom:38px!important}
  html.crmi-v168-home .crm-site .v54-pricing-copy h2{font-size:48px!important}
  html.crmi-v168-home .crm-site .v54-pricing-copy p{font-size:14px!important}
  html.crmi-v168-home .crm-site .v54-plan-grid{gap:18px!important}
  html.crmi-v168-home .crm-site .v54-plan-grid article{min-height:470px!important;padding:30px 27px 25px!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(28,41,64,.07)!important}
  html.crmi-v168-home .crm-site .v54-plan-grid article h3{margin:18px 0 10px!important;font-size:42px!important}
  html.crmi-v168-home .crm-site .v54-plan-grid article>p,
  html.crmi-v168-home .crm-site .v54-plan-grid li{font-size:12px!important}
  html.crmi-v168-home .crm-site .v54-plan-grid button{min-height:50px!important;font-size:12px!important}

  /* Alexa remains a commercial feature, but no longer dominates the page. */
  html.crmi-v168-home .crm-alexa-section{box-sizing:border-box!important;max-width:1180px!important;margin:76px auto!important;padding:52px 52px!important;border-radius:28px!important;min-height:470px!important;box-shadow:0 20px 60px rgba(31,40,65,.08)!important}
  html.crmi-v168-home .crm-alexa-copy{max-width:610px!important}
  html.crmi-v168-home .crm-alexa-copy h2{font-size:48px!important;line-height:1.02!important}
  html.crmi-v168-home .crm-alexa-copy p{font-size:14px!important;line-height:1.65!important}
  html.crmi-v168-home .crm-alexa-commands{gap:8px!important;margin:20px 0 14px!important}
  html.crmi-v168-home .crm-alexa-commands button{padding:9px 12px!important;font-size:10px!important}
  html.crmi-v168-home .crm-alexa-response{max-width:570px!important;padding:11px 14px!important}
  html.crmi-v168-home .crm-alexa-visual{top:56px!important;right:4%!important;width:35%!important;height:300px!important}
  html.crmi-v168-home .crm-echo{top:35px!important;width:68%!important}
  html.crmi-v168-home .crm-echo-screen{height:190px!important;border-width:10px!important;padding:15px!important}
  html.crmi-v168-home .crm-alexa-benefits{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:38px!important;padding-top:18px!important}
  html.crmi-v168-home .crm-trust-strip{max-width:1000px!important;margin:0 auto 70px!important}

  /* Final conversion area and footer. */
  html.crmi-v168-home .crm-site .v54-final{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important;min-height:190px!important;margin:74px auto 36px!important;padding:38px 44px!important;border-radius:25px!important;background:linear-gradient(115deg,#173f54 0%,#1f665f 55%,#2b8870 100%)!important;box-shadow:0 22px 55px rgba(20,58,59,.20)!important}
  html.crmi-v168-home .crm-site .v54-final h2{font-size:42px!important;line-height:1.03!important}
  html.crmi-v168-home .crm-site .v54-final p{font-size:13px!important}
  html.crmi-v168-home .crm-site .v54-final div:after{margin-top:20px!important;font-size:10px!important}
  html.crmi-v168-home .crm-site .v54-final button{min-width:230px!important;min-height:56px!important;border-radius:13px!important;font-size:13px!important;color:#174c43!important}
  html.crmi-v168-home .crm-site .v54-footer{max-width:none!important;margin:0!important;padding:27px max(42px,calc((100vw - 1180px)/2))!important;background:#102035!important;border-top:0!important;color:#fff!important}
  html.crmi-v168-home .crm-site .v54-footer .v54-brand b{color:#fff!important}
  html.crmi-v168-home .crm-site .v54-footer a{color:#c1cedb!important;font-size:10px!important}
  html.crmi-v168-home .crm-site .v54-footer>small{color:#7f93a8!important;font-size:9px!important}
}

@media(min-width:901px) and (max-width:1200px){
  html.crmi-v168-home .crm-site .v80-wa-showcase{grid-template-columns:1fr!important;padding:46px 44px 0!important}
  html.crmi-v168-home .crm-site .v133-wa-phone-wrap{height:455px!important;min-height:455px!important}
  html.crmi-v168-home .crm-site .v133-wa-phone{height:440px!important}
}

@media(max-width:900px){
  html.crmi-v168-home .crm-site .v80-wa-showcase{width:calc(100% - 24px)!important;margin:52px auto!important;padding:30px 18px 0!important;display:block!important;border-radius:22px!important;background:linear-gradient(160deg,#fff,#f2faf6)!important}
  html.crmi-v168-home .crm-site .v133-wa-copy{padding:0!important}
  html.crmi-v168-home .crm-site .v133-wa-copy h2{font-size:37px!important;color:#11213b!important}
  html.crmi-v168-home .crm-site .v133-wa-copy>p{font-size:13px!important}
  html.crmi-v168-home .crm-site .v133-wa-steps{gap:8px!important}
  html.crmi-v168-home .crm-site .v133-wa-steps article{grid-template-columns:40px 1fr!important;padding:12px!important}
  html.crmi-v168-home .crm-site .v133-wa-steps article i{width:36px!important;height:36px!important}
  html.crmi-v168-home .crm-site .v133-wa-benefits{grid-template-columns:1fr!important;gap:7px!important}
  html.crmi-v168-home .crm-site .v133-wa-phone-wrap{height:450px!important;min-height:450px!important;padding:24px 0 0!important}
  html.crmi-v168-home .crm-site .v133-wa-phone{width:min(300px,90vw)!important;height:430px!important;border-width:8px 8px 0!important}
  html.crmi-v168-home .crm-site .v133-wa-note,
  html.crmi-v168-home .crm-site .v133-wa-sticker{display:none!important}
}