/* ===== SmartSetupUAE Launch Certified Final ===== */
html,body{max-width:100%;overflow-x:hidden!important}
*{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}

/* Mobile/Fold nav */
.ss-mobile-menu-btn{display:none;width:38px;height:38px;border:0;border-radius:10px;background:#064c39;color:#fff;align-items:center;justify-content:center;font-size:20px;cursor:pointer;flex-shrink:0}
@media(max-width:1120px){
  nav{height:58px!important;padding-left:14px!important;padding-right:14px!important}
  nav .nav-links,nav .desktop-nav,nav .main-nav,nav .ss-desktop-menu,.nav-links,.desktop-nav,.main-nav,.ss-desktop-menu{display:none!important}
  .ss-mobile-menu-btn{display:flex!important}
}
.ss-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998;opacity:0;pointer-events:none;transition:.2s}
.ss-mobile-overlay.open{opacity:1;pointer-events:auto}
.ss-mobile-drawer{position:fixed;top:0;right:0;width:min(82vw,292px);height:100vh;background:#fff;z-index:99999;transform:translateX(105%);transition:.25s ease;padding:16px;overflow-y:auto;box-shadow:-18px 0 44px rgba(0,0,0,.22)}
.ss-mobile-drawer.open{transform:translateX(0)}
.ss-drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eee9;padding-bottom:12px;margin-bottom:14px}
.ss-drawer-title{font-weight:900;color:#064c39;font-size:16px}
.ss-drawer-close{border:0;background:#f2f6f4;width:32px;height:32px;border-radius:9px;font-size:20px}
.ss-menu-group{margin-bottom:10px}
.ss-menu-main{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#f7faf8;color:#0f2c24;padding:11px 12px;border-radius:12px;font-size:13.5px;font-weight:800}
.ss-menu-sub{display:none;padding:8px 0 0 12px}
.ss-menu-group.active .ss-menu-sub{display:block}
.ss-menu-sub a{display:block;color:#41504a;text-decoration:none;font-size:12.5px;font-weight:650;padding:9px 10px;border-radius:10px}
.ss-menu-cta{display:block;background:#064c39!important;color:white!important;text-align:center;text-decoration:none;border-radius:12px;padding:12px!important;font-size:13.5px!important;font-weight:800!important;margin-top:12px}

/* Homepage only */
@media(min-width:900px){
  body.ss-home .hero{min-height:calc(100vh - 64px)!important;padding:26px 5% 22px!important;display:flex!important;align-items:center!important}
  body.ss-home .hero-inner{max-width:1240px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:46px!important}
  body.ss-home .hero-copy{max-width:690px!important;min-width:0!important}
  body.ss-home .hero h1{font-size:clamp(34px,3.15vw,50px)!important;line-height:1.06!important;letter-spacing:-.035em!important;margin:0 0 15px!important;white-space:normal!important}
  body.ss-home .hero p{font-size:clamp(15px,1.1vw,18px)!important;line-height:1.5!important;max-width:700px!important}
  body.ss-home .finder-card{width:390px!important;flex:0 0 390px!important;padding:22px!important;border-radius:18px!important}
  body.ss-home .field{margin-bottom:10px!important}
  body.ss-home .field input,body.ss-home .field select{height:42px!important;font-size:13px!important}
}
@media(max-width:899px){
  body.ss-home .hero{padding:28px 18px!important;min-height:auto!important}
  body.ss-home .hero-inner{display:flex!important;flex-direction:column!important;gap:22px!important}
  body.ss-home .hero h1{font-size:clamp(29px,8vw,40px)!important;line-height:1.08!important}
}

/* Freezone/Mainland detail pages */
body.ss-fz-detail > .nav-spacer{height:64px!important;min-height:64px!important;max-height:64px!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:30px!important;padding-bottom:24px!important;min-height:auto!important}
@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{min-height:calc(100vh - 70px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;gap:32px!important;align-items:center!important}
  body.ss-fz-detail h1{font-size:clamp(38px,4vw,58px)!important;line-height:1.02!important;margin-top:0!important;margin-bottom:12px!important}
  body.ss-fz-detail h2{font-size:clamp(24px,2.3vw,36px)!important;line-height:1.08!important;margin-top:0!important;margin-bottom:14px!important}
  body.ss-fz-detail p{font-size:clamp(15px,1.12vw,18px)!important;line-height:1.42!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{padding:20px!important;border-radius:18px!important;align-self:center!important;max-height:none!important;overflow:visible!important;transform:translateY(-6px)!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:40px!important;font-size:13px!important;padding:8px 12px!important;border-radius:10px!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{min-height:42px!important;padding:9px 14px!important;font-size:14px!important}
}
@media(max-width:899px){
  body.ss-fz-detail > .nav-spacer{height:58px!important;min-height:58px!important;max-height:58px!important}
  body.ss-fz-detail .fz-hero,body.ss-fz-detail .freezone-hero,body.ss-fz-detail .mainland-hero,body.ss-fz-detail .hero{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;padding:22px 18px!important;min-height:auto!important}
}

/* SPC blank white button/input */
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}
body.ss-fz-spc .hero input:not([placeholder]):not([value]){display:none!important}

/* Country/phone */
.ss-single-phone-row{display:grid!important;grid-template-columns:112px 1fr!important;gap:8px!important;align-items:center!important}
.ss-single-phone-row select{height:40px!important;border:1.5px solid #dbe7e2!important;border-radius:10px!important;background:#f4f8f6!important;color:#064c39!important;font-weight:800!important;font-size:12px!important;padding:0 8px!important}
.ss-single-phone-row input{width:100%!important;min-width:0!important}
.phone-row{display:flex!important;align-items:stretch!important;overflow:hidden!important}
.phone-row select{flex:0 0 auto!important;min-width:92px!important}
.phone-row input{flex:1 1 auto!important;min-width:0!important}
@media(max-width:520px){.ss-single-phone-row{grid-template-columns:100px 1fr!important}.ss-single-phone-row select{font-size:11px!important}}

/* Checkout/sidebar */
.checkout-side,.summary-card,.order-summary,.checkout-summary{min-width:0!important;overflow:visible!important}
.checkout-side .zone-card,.summary-card .zone-card,.order-summary .zone-card,.checkout-summary .zone-card{display:block!important;padding:18px!important;min-height:auto!important}
.checkout-side .zone-card h3,.summary-card .zone-card h3,.order-summary .zone-card h3,.checkout-summary .zone-card h3{font-size:22px!important;line-height:1.15!important;margin:0 0 4px!important;white-space:normal!important}
.checkout-side .zone-card p,.summary-card .zone-card p,.order-summary .zone-card p,.checkout-summary .zone-card p{font-size:13px!important;line-height:1.35!important;white-space:normal!important;margin:0 0 8px!important}
.checkout-side [class*="badge"],.summary-card [class*="badge"],.order-summary [class*="badge"],.checkout-summary [class*="badge"]{position:static!important;display:inline-flex!important;max-width:120px!important;font-size:10px!important;line-height:1.05!important;padding:6px 8px!important}

/* List view */
.view-list .zone-card,.list-view .zone-card,.view-list .result-card,.list-view .result-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;min-height:120px!important;padding:20px 24px!important;overflow:hidden!important}
.view-list .zone-card > *,.list-view .zone-card > *,.view-list .result-card > *,.list-view .result-card > *{min-width:0!important;position:static!important;transform:none!important}
.view-list h3,.list-view h3{font-size:20px!important;line-height:1.2!important;margin:0 0 5px!important;white-space:normal!important}
.view-list p,.list-view p{font-size:13.5px!important;line-height:1.35!important}
.view-list [class*="badge"],.list-view [class*="badge"]{position:static!important;transform:none!important;max-width:130px!important;white-space:normal!important;font-size:10.5px!important;line-height:1.05!important}
@media(max-width:768px){.view-list .zone-card,.list-view .zone-card,.view-list .result-card,.list-view .result-card{grid-template-columns:1fr!important;padding:16px!important;min-height:auto!important}}

/* Floating buttons */
.whatsapp-float,.wa-float,[class*="whatsapp"]{z-index:8000!important}
.chatbot-widget,.chat-widget,.advisor-widget{z-index:7999!important}
@media(min-width:900px){.whatsapp-float,.wa-float,[class*="whatsapp"]{right:70px!important;bottom:28px!important}.chatbot-widget,.chat-widget,.advisor-widget{right:20px!important;bottom:28px!important}}