/* =========================================================
   SmartSetupUAE ONE FINAL LAUNCH FIX
   Scope: no duplicate country code, mobile/fold layout, footer, list view, hero/forms.
   ========================================================= */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
*{box-sizing:border-box!important}
img,svg,video,canvas{max-width:100%!important;height:auto}
section,main,footer,header,nav{max-width:100%!important}

/* Mobile / Fold menu */
.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(86vw,310px);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:10px 11px;border-radius:12px;font-size:13px;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:8px 9px;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}

/* Country code: exactly ONE selector in a form. No generated duplicate classes visible. */
.ss-country-code{display:none!important}
.ss-phone-row select.ss-country-code,.ss-single-phone-row select.ss-country-code{display:none!important}
.phone-row select + select,.ss-single-phone-row select + select,.ss-phone-row select + select{display:none!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}
.ss-single-phone-row{display:grid!important;grid-template-columns:108px 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}
@media(max-width:520px){.ss-single-phone-row{grid-template-columns:96px 1fr!important}.ss-single-phone-row select{font-size:11px!important;padding:0 6px!important}}

/* Homepage */
@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:44px!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 */
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:22px!important;padding-bottom:18px!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 - 86px)!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:18px!important;border-radius:18px!important;align-self:center!important;max-height:calc(100vh - 142px)!important;overflow:visible!important;transform:translateY(-34px)!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}
}
@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}
}
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}

/* Checkout/sidebar/list */
.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}
.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}}

/* Mobile content */
@media(max-width:768px){
  section.sec,section{padding-top:30px!important;padding-bottom:30px!important;padding-left:18px!important;padding-right:18px!important}
  h1{font-size:clamp(27px,7.5vw,38px)!important;line-height:1.08!important}
  h2{font-size:clamp(23px,6.5vw,32px)!important;line-height:1.12!important}
  p{font-size:14px!important;line-height:1.55!important}

  section div[style*="grid-template-columns:repeat(4,1fr)"],section div[style*="grid-template-columns: repeat(4,1fr)"],section div[style*="grid-template-columns:repeat(4, 1fr)"],.sector-grid,.industry-grid,.recommendations-grid,.usecase-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .sector-card,.industry-card,.recommendation-card,.usecase-card,section div[style*="grid-template-columns:repeat(4,1fr)"]>div,section div[style*="grid-template-columns: repeat(4,1fr)"]>div,section div[style*="grid-template-columns:repeat(4, 1fr)"]>div{width:auto!important;min-width:0!important;max-width:100%!important;padding:14px 12px!important;border-radius:14px!important;text-align:left!important}

  section div[style*="grid-template-columns:repeat(3,1fr)"],section div[style*="grid-template-columns: repeat(3,1fr)"],section div[style*="grid-template-columns:repeat(3, 1fr)"],.process-grid,.steps-grid,.how-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;text-align:left!important}
  section div[style*="grid-template-columns:repeat(3,1fr)"]>div,section div[style*="grid-template-columns: repeat(3,1fr)"]>div,section div[style*="grid-template-columns:repeat(3, 1fr)"]>div,.process-step,.step-card{display:grid!important;grid-template-columns:48px 1fr!important;gap:12px!important;align-items:start!important;text-align:left!important;padding:14px!important;border:1px solid rgba(6,76,57,.09)!important;border-radius:14px!important;background:rgba(255,255,255,.6)!important}

  footer,.site-footer,.footer{padding:30px 20px 92px!important;margin-top:0!important}
  footer>div,footer .container,.site-footer>div,.footer>div{max-width:100%!important;width:100%!important}
  footer div[style*="grid-template-columns"],footer .footer-grid,.site-footer div[style*="grid-template-columns"],.footer div[style*="grid-template-columns"]{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
  footer p,footer a,footer li,.site-footer p,.site-footer a,.footer p,.footer a{font-size:13px!important;line-height:1.45!important;white-space:normal!important;word-break:normal!important}
  footer a,.site-footer a,.footer a{display:block!important;margin:0 0 9px!important;max-width:100%!important}
}

/* Fold desktop widths */
@media(min-width:769px) and (max-width:1200px){
  nav{padding-left:24px!important;padding-right:24px!important}
  nav a span{font-size:14px!important}
  nav div[style*="gap:22px"]{gap:14px!important}
  nav div[style*="gap:22px"] a{font-size:13px!important}
  .portal-login-card,.login-card,.auth-card{max-width:460px!important}
}

/* Floating widgets */
.whatsapp-float,.wa-float,[class*="whatsapp"]{z-index:8000!important}
.chatbot-widget,.chat-widget,.advisor-widget{z-index:7999!important}
@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: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}}
@media(max-width:768px){.whatsapp-float,.wa-float,[class*="whatsapp"]{right:74px!important;bottom:18px!important;transform:scale(.78)!important;transform-origin:bottom right!important}.chatbot-widget,.chat-widget,.advisor-widget{right:14px!important;bottom:18px!important;transform:scale(.78)!important;transform-origin:bottom right!important}}