/* ===== Final Freezone Hero Card + Floating Button Fix ===== */
/* Applies only to free zone/mainland detail pages after JS adds ss-fz-detail */

@media (min-width: 900px){
  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:22px!important;
    padding-bottom:18px!important;
    min-height:calc(100vh - 86px)!important;
    align-items:center!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{
    transform:translateY(-34px)!important;
    padding:18px!important;
    max-height:calc(100vh - 142px)!important;
    overflow:visible!important;
  }

  body.ss-fz-detail .enquiry-card h3,
  body.ss-fz-detail .enq-card h3,
  body.ss-fz-detail .quote-card h3,
  body.ss-fz-detail .lead-card h3,
  body.ss-fz-detail .contact-card h3{
    font-size:17px!important;
    line-height:1.14!important;
    margin-bottom:5px!important;
  }

  body.ss-fz-detail .enquiry-sub,
  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:12.5px!important;
    line-height:1.35!important;
    margin-bottom:10px!important;
  }

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

  body.ss-fz-detail label,
  body.ss-fz-detail .form-label{
    font-size:10px!important;
    line-height:1.1!important;
    margin-bottom:4px!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:38px!important;
    min-height:38px!important;
    font-size:12.5px!important;
    padding:7px 11px!important;
    border-radius:9px!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:40px!important;
    padding:8px 12px!important;
    font-size:13px!important;
    border-radius:9px!important;
  }

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

  body.ss-fz-detail .ss-single-phone-row select{
    height:38px!important;
    font-size:11px!important;
    padding:0 7px!important;
  }

  /* Keep floating buttons away from enquiry-card CTA */
  body.ss-fz-detail .whatsapp-float,
  body.ss-fz-detail .wa-float,
  body.ss-fz-detail [class*="whatsapp"]{
    right:24px!important;
    bottom:14px!important;
    transform:scale(.86)!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:18px!important;
    bottom:76px!important;
    transform:scale(.86)!important;
    transform-origin:bottom right!important;
  }

  /* SPC action button should never be blank white */
  body.ss-fz-spc .btn-outline,
  body.ss-fz-spc .spc-start-btn{
    background:#c5a059!important;
    border-color:#c5a059!important;
    color:#10231d!important;
    font-weight:900!important;
  }
}

@media (max-width: 899px){
  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{
    transform:none!important;
    max-height:none!important;
  }
}