/* Wavexa paid-search mobile conversion layer — 2026-09-23
   Scope: high-intent mobile service traffic + Ring offer.
   Desktop layout is intentionally unchanged. */

.paid-mobile-conversion-card{display:none}

@media (max-width:760px){
  body.paid-search-mobile-page{
    padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important;
  }
  body.paid-search-mobile-page .cctv-hero{
    padding-top:28px;
    padding-bottom:44px;
  }
  body.paid-search-mobile-page .breadcrumbs{
    margin-bottom:12px;
  }
  body.paid-search-mobile-page .cctv-hero h1{
    font-size:clamp(2.25rem,10vw,3.2rem);
    line-height:1.01;
    letter-spacing:-.052em;
  }
  body.paid-search-mobile-page .cctv-hero-lead{
    margin-top:18px;
    font-size:17px;
    line-height:1.58;
  }
  .paid-mobile-conversion-card{
    display:block;
    margin-top:18px;
    padding:16px;
    border:1px solid rgba(15,33,88,.10);
    border-radius:20px;
    background:linear-gradient(135deg,#fff 0%,#f6f9ff 58%,#f4f0ff 100%);
    box-shadow:0 14px 34px rgba(15,33,88,.08);
  }
  .paid-mobile-conversion-card .paid-mobile-kicker{
    margin:0 0 5px;
    color:#5e6d87;
    font-size:11px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .paid-mobile-conversion-card .paid-mobile-price{
    display:flex;
    align-items:baseline;
    gap:9px;
    margin:0;
    color:#102147;
  }
  .paid-mobile-conversion-card .paid-mobile-price strong{
    font-size:34px;
    line-height:1;
    letter-spacing:-.045em;
    color:#0a67ff;
  }
  .paid-mobile-conversion-card .paid-mobile-price span{
    font-size:14px;
    font-weight:850;
  }
  .paid-mobile-conversion-card .paid-mobile-note{
    margin:9px 0 0;
    color:#4f6380;
    font-size:13px;
    line-height:1.48;
  }
  .paid-mobile-trust{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:11px;
  }
  .paid-mobile-trust span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 9px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(10,103,255,.10);
    color:#304968;
    font-size:10px;
    font-weight:850;
  }
  body.paid-search-mobile-page .cctv-hero-actions{
    margin-top:14px;
    gap:9px;
  }
  body.paid-search-mobile-page .cctv-hero-actions .btn{
    width:100%;
    min-height:54px;
    justify-content:center;
  }
  body.paid-search-mobile-page .service-conversion-note{
    margin-top:9px;
    font-size:12px;
    line-height:1.48;
  }
  body.paid-search-mobile-page .cctv-hero-points{
    margin-top:14px;
    gap:6px;
  }
  body.paid-search-mobile-page .cctv-hero-points li{
    min-height:32px;
    padding:0 10px;
    font-size:10.5px;
  }

  /* Paid-search bottom bar: stable, edge-to-edge and service-specific. */
  body.paid-search-mobile-page .mobile-contact-bar.paid-search-mobile-bar{
    left:0;
    right:0;
    bottom:0;
    z-index:140;
    grid-template-columns:.82fr 1fr 1.18fr;
    gap:7px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    border:0;
    border-top:1px solid rgba(20,37,93,.12);
    border-radius:0;
    background:rgba(255,255,255,.97);
    box-shadow:0 -10px 30px rgba(8,18,47,.14);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  body.paid-search-mobile-page .paid-search-mobile-bar .mobile-contact-action{
    min-height:50px;
    border-radius:14px;
    font-size:12px;
    font-weight:900;
  }
  body.paid-search-mobile-page .paid-search-mobile-bar .mobile-contact-action:first-child{
    color:#0b4fb7;
    background:#eef5ff;
    border-color:rgba(10,103,255,.11);
  }
  body.paid-search-mobile-page .paid-search-mobile-bar .mobile-contact-quote{
    background:linear-gradient(135deg,#0a67ff,#5828df);
  }
  body.paid-search-mobile-page .cookie-consent,
  body.paid-search-mobile-page .cookie-banner{
    bottom:76px !important;
  }

  /* Bring the dedicated Ring bar into the same mobile conversion pattern. */
  body.ring-page{
    padding-bottom:calc(76px + env(safe-area-inset-bottom));
  }
  body.ring-page .ring-mobile{
    left:0;
    right:0;
    bottom:0;
    grid-template-columns:.82fr 1fr 1.28fr;
    gap:7px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    border:0;
    border-top:1px solid #dbe4f3;
    border-radius:0;
    background:rgba(255,255,255,.97);
    box-shadow:0 -10px 30px rgba(8,18,47,.14);
  }
  body.ring-page .ring-mobile a{
    min-height:50px;
    border-radius:14px;
    font-size:12px;
    font-weight:900;
  }
  body.ring-page .ring-mobile a:first-child{background:#eef5ff;color:#0b4fb7}
  body.ring-page .ring-mobile a:nth-child(2){background:#16b85a;color:#fff}
  body.ring-page .ring-mobile a:last-child{background:linear-gradient(135deg,#0a67ff,#5828df);color:#fff}
  body.ring-page .cookie-consent,
  body.ring-page .cookie-banner{bottom:76px !important}
  body.ring-page .site-footer{padding-bottom:105px}
}

@media (max-width:365px){
  body.paid-search-mobile-page .paid-search-mobile-bar .mobile-contact-action,
  body.ring-page .ring-mobile a{font-size:11px}
}
