/* =========================================================
   SmartSetupUAE FREEZONE HERO COMPACT FINAL
   Purpose:
   - hero starts higher
   - quick enquiry box is smaller
   - more lower hero information is visible above the fold
   - remove duplicate WhatsApp floating buttons on freezone pages
   ========================================================= */

@media (min-width: 900px){
  body.ss-fz-detail nav + *,
  body.ss-fz-detail .nav-spacer{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
  }

  body.ss-fz-detail .fz-hero,
  body.ss-fz-detail .freezone-hero,
  body.ss-fz-detail .mainland-hero,
  body.ss-fz-detail .hero{
    padding-top:10px!important;
    padding-bottom:10px!important;
    min-height:calc(100vh - 64px)!important;
    align-items:center!important;
    grid-template-columns:minmax(0,1fr) minmax(330px,385px)!important;
    gap:26px!important;
  }

  body.ss-fz-detail .fz-hero > div:first-child,
  body.ss-fz-detail .freezone-hero > div:first-child,
  body.ss-fz-detail .mainland-hero > div:first-child,
  body.ss-fz-detail .hero > div:first-child{
    transform:translateY(-22px)!important;
  }

  body.ss-fz-detail .enquiry-card,
  body.ss-fz-detail .enq-card,
  body.ss-fz-detail .quote-card,
  body.ss-fz-detail .lead-card,
  body.ss-fz-detail .contact-card{
    width:100%!important;
    max-width:385px!important;
    padding:14px!important;
    border-radius:16px!important;
    transform:translateY(-44px)!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.ss-fz-detail .enquiry-card img,
  body.ss-fz-detail .enq-card img,
  body.ss-fz-detail .quote-card img,
  body.ss-fz-detail .lead-card img,
  body.ss-fz-detail .contact-card img{
    max-height:28px!important;
    width:auto!important;
    margin-bottom:6px!important;
  }

  body.ss-fz-detail .enquiry-card h2,
  body.ss-fz-detail .enquiry-card h3,
  body.ss-fz-detail .enq-card h2,
  body.ss-fz-detail .enq-card h3,
  body.ss-fz-detail .quote-card h2,
  body.ss-fz-detail .quote-card h3,
  body.ss-fz-detail .lead-card h2,
  body.ss-fz-detail .lead-card h3,
  body.ss-fz-detail .contact-card h2,
  body.ss-fz-detail .contact-card h3{
    font-size:15.5px!important;
    line-height:1.12!important;
    margin:0 0 4px!important;
  }

  body.ss-fz-detail .enquiry-card p,
  body.ss-fz-detail .enq-card p,
  body.ss-fz-detail .quote-card p,
  body.ss-fz-detail .lead-card p,
  body.ss-fz-detail .contact-card p{
    font-size:11.5px!important;
    line-height:1.25!important;
    margin:0 0 7px!important;
  }

  body.ss-fz-detail .form-group,
  body.ss-fz-detail .field{
    margin-bottom:6px!important;
  }

  body.ss-fz-detail label,
  body.ss-fz-detail .form-label{
    font-size:9.5px!important;
    line-height:1.05!important;
    margin:0 0 3px!important;
    letter-spacing:.045em!important;
  }

  body.ss-fz-detail .enquiry-card input,
  body.ss-fz-detail .enquiry-card select,
  body.ss-fz-detail .enq-card input,
  body.ss-fz-detail .enq-card select,
  body.ss-fz-detail .quote-card input,
  body.ss-fz-detail .quote-card select,
  body.ss-fz-detail .lead-card input,
  body.ss-fz-detail .lead-card select,
  body.ss-fz-detail .contact-card input,
  body.ss-fz-detail .contact-card select{
    height:32px!important;
    min-height:32px!important;
    font-size:11.5px!important;
    padding:5px 9px!important;
    border-radius:8px!important;
  }

  body.ss-fz-detail .ss-single-phone-row{
    grid-template-columns:90px 1fr!important;
    gap:6px!important;
  }

  body.ss-fz-detail .ss-single-phone-row select{
    height:32px!important;
    min-height:32px!important;
    font-size:10.5px!important;
    padding:0 6px!important;
  }

  body.ss-fz-detail .enquiry-card button,
  body.ss-fz-detail .enquiry-card a,
  body.ss-fz-detail .enq-card button,
  body.ss-fz-detail .enq-card a,
  body.ss-fz-detail .quote-card button,
  body.ss-fz-detail .quote-card a,
  body.ss-fz-detail .lead-card button,
  body.ss-fz-detail .lead-card a,
  body.ss-fz-detail .contact-card button,
  body.ss-fz-detail .contact-card a{
    min-height:34px!important;
    height:34px!important;
    padding:6px 10px!important;
    font-size:12px!important;
    border-radius:8px!important;
    margin-top:6px!important;
  }

  body.ss-fz-detail h1{
    font-size:clamp(34px,3.4vw,48px)!important;
    line-height:1!important;
    margin-bottom:8px!important;
  }

  body.ss-fz-detail h2{
    font-size:clamp(22px,2.2vw,31px)!important;
    line-height:1.05!important;
    margin-bottom:10px!important;
  }

  body.ss-fz-detail p{
    font-size:clamp(13px,1vw,16px)!important;
    line-height:1.35!important;
    margin-bottom:12px!important;
  }

  body.ss-fz-detail .stats,
  body.ss-fz-detail .benefits,
  body.ss-fz-detail .hero-stats,
  body.ss-fz-detail .feature-pills{
    margin-top:10px!important;
    gap:8px!important;
  }

  body.ss-fz-detail .stats > *,
  body.ss-fz-detail .benefits > *,
  body.ss-fz-detail .hero-stats > *,
  body.ss-fz-detail .feature-pills > *{
    padding:8px 12px!important;
    font-size:12px!important;
    min-height:auto!important;
  }

  /* Keep all lower pricing/stat strip visible sooner */
  body.ss-fz-detail .price-strip,
  body.ss-fz-detail .stats-strip,
  body.ss-fz-detail .pricing-strip{
    margin-top:0!important;
  }
}

/* Remove duplicate WhatsApp bubbles on freezone pages.
   Keep only the first WhatsApp fixed/floating button. */
body.ss-fz-detail .ss-hide-duplicate-wa{
  display:none!important;
}

/* Place the remaining floating buttons away from the form CTA */
@media (min-width:900px){
  body.ss-fz-detail .whatsapp-float,
  body.ss-fz-detail .wa-float,
  body.ss-fz-detail [class*="whatsapp"]{
    right:24px!important;
    bottom:12px!important;
    transform:scale(.78)!important;
    transform-origin:bottom right!important;
  }

  body.ss-fz-detail .chatbot-widget,
  body.ss-fz-detail .chat-widget,
  body.ss-fz-detail .advisor-widget{
    right:20px!important;
    bottom:68px!important;
    transform:scale(.78)!important;
    transform-origin:bottom right!important;
  }
}

@media (max-width:899px){
  body.ss-fz-detail .fz-hero,
  body.ss-fz-detail .freezone-hero,
  body.ss-fz-detail .mainland-hero,
  body.ss-fz-detail .hero{
    padding-top:18px!important;
    padding-bottom:20px!important;
  }

  body.ss-fz-detail .enquiry-card,
  body.ss-fz-detail .enq-card,
  body.ss-fz-detail .quote-card,
  body.ss-fz-detail .lead-card,
  body.ss-fz-detail .contact-card{
    max-width:100%!important;
    padding:16px!important;
    transform:none!important;
  }
}