/* Idrees Home Wall Painting — mobile-only layout overrides.
   Kept separate from main.css so desktop styling remains unchanged. */
@media (max-width: 760px) {
  html { scroll-padding-top: 72px; }
  body { overflow-x: hidden; }
  .container { width: calc(100% - 32px); }

  /* Header */
  .site-header { position: relative; }
  .site-header.is-sticky { position: sticky; top: 0; z-index: 999; }
  .header-inner { min-height: 68px; padding-block: 7px; }
  .brand { min-width: 0; max-width: calc(100% - 55px); }
  .brand-words strong { font-size: clamp(19px, 5.5vw, 23px); }
  .brand-words small { font-size: 8px; letter-spacing: .55px; }
  .brand-mark { font-size: 33px; }
  .brand-logo, .custom-logo { max-width: min(155px, 42vw); max-height: 48px; object-fit: contain; }
  .menu-toggle { flex: 0 0 auto; }

  /* Hero copy: no clipping and comfortable spacing on phones */
  .hero-section { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
  .hero-copy { width: 100%; min-width: 0; padding: 30px 20px 26px; }
  .eyebrow-pill { max-width: 100%; white-space: normal; font-size: 9px; line-height: 1.45; margin-bottom: 13px; }
  .hero-copy h1 { max-width: 100%; font-size: clamp(30px, 8.2vw, 40px); line-height: 1.12; letter-spacing: -.8px; overflow-wrap: normal; word-break: normal; margin-bottom: 15px; }
  .hero-copy p { max-width: 100%; font-size: 14px; line-height: 1.65; margin-bottom: 19px; }
  .hero-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; margin: 2px 0 22px; }
  .hero-trust > span { min-width: 0; font-size: 19px; align-items: center; }
  .hero-trust b { font-size: 11px; line-height: 1.3; }
  .hero-actions { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; }
  .hero-actions .button { width: 100%; min-height: 52px; padding: 14px 16px; font-size: 14px; justify-content: center; }

  /* Hero image sits directly after the text and keeps the painter visible */
  .hero-visual { display: block; width: 100%; min-height: 0; height: clamp(280px, 78vw, 390px); border-radius: 0; overflow: hidden; }
  .hero-main-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; }
  .hero-image-gloss { inset: 0; }
  .hero-service-stack { right: 10px; top: 10px; gap: 6px; max-width: 48%; }
  .hero-service-stack span { font-size: 10px; line-height: 1.25; padding: 9px 10px; border-radius: 10px; }
  .hero-photo-note { left: 10px; bottom: 10px; max-width: 55%; padding: 9px 11px; font-size: 10px; }

  /* Golden city ticker: keep title readable, ticker scrolls horizontally */
  .serving-banner-wrapper { width: 100%; padding: 12px 0; overflow: hidden; }
  .serving-bar { width: calc(100% - 20px); max-width: none; min-width: 0; flex-direction: column; align-items: stretch; gap: 9px; padding: 12px 11px; border-width: 1.5px; border-radius: 17px; }
  .serving-title { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; padding: 0 0 9px; margin: 0; border-right: 0; border-bottom: 1px solid rgba(245,166,35,.35); white-space: normal; text-align: center; font-size: 12px; line-height: 1.4; gap: 7px; }
  .serving-title .roller-icon { font-size: 18px; }
  .serving-heading { color: #fff; }
  .serving-heading::first-letter { color: inherit; }
  .cities-ticker { display: block; width: 100%; min-width: 0; min-height: 25px; overflow: hidden; }
  .cities-track { display: flex; width: max-content; flex-wrap: nowrap; gap: 18px; white-space: nowrap; animation: idreesScrollTicker var(--idrees-ticker-duration,22s) linear infinite !important; }
  .city-badge { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; font-size: 12px; line-height: 1.5; }

  /* Remaining sections */
  .section { padding: 27px 0; }
  .section-heading { gap: 10px; margin-bottom: 15px; }
  .section-heading h2, .section h2, .contact-section h2 { font-size: clamp(24px, 6.5vw, 29px); line-height: 1.18; }
  .about-photo { height: 220px; }
  .service-grid, .product-grid { gap: 9px; }
  .card-image { height: 105px; }
  .product-image { height: 105px; }
  .promo-inner { border-radius: 12px; }
}

@media (max-width: 420px) {
  .hero-copy { padding: 26px 18px 23px; }
  .hero-copy h1 { font-size: clamp(29px, 8vw, 34px); letter-spacing: -.65px; }
  .hero-copy p { font-size: 13px; }
  .hero-visual { height: 290px; }
  .hero-service-stack { max-width: 46%; }
  .hero-service-stack span { font-size: 9px; padding: 8px; }
  .serving-title { font-size: 11px; }
  .city-badge { font-size: 11px; }
}

/* Keep the service-area ticker moving on mobile too; Customizer controls its speed. */
@media (prefers-reduced-motion: reduce) {
  .cities-track { animation-name: idreesScrollTicker !important; animation-duration: var(--idrees-ticker-duration,22s) !important; animation-iteration-count: infinite !important; }
}

/* Mobile hero redesign v2 — isolated from desktop styles */
@media (max-width: 760px) {
  .hero-section {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    overflow: clip;
    background: #061e2d;
  }
  .hero-section .hero-copy {
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: clamp(24px, 6vw, 34px) clamp(18px, 5vw, 24px) 24px;
    margin: 0;
    box-sizing: border-box;
  }
  .hero-section .eyebrow-pill {
    align-self: flex-start;
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 13px;
    padding: 6px 10px;
    font-size: 10px;
    line-height: 1.4;
    white-space: normal;
  }
  .hero-section .hero-copy h1 {
    width: 100%;
    max-width: 100%;
    margin: 0 0 14px;
    font-size: clamp(30px, 8.4vw, 39px);
    line-height: 1.1;
    letter-spacing: -.8px;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  .hero-section .hero-copy p {
    width: 100%;
    max-width: 100%;
    margin: 0 0 19px;
    font-size: 14px;
    line-height: 1.6;
  }
  .hero-section .hero-trust {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
    margin: 0 0 22px;
  }
  .hero-section .hero-trust > span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    font-size: 20px;
  }
  .hero-section .hero-trust b {
    font-size: 11px;
    line-height: 1.3;
  }
  .hero-section .hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    margin: 0;
  }
  .hero-section .hero-actions .button {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 50px;
    box-sizing: border-box;
    padding: 13px 15px;
    justify-content: center;
    text-align: center;
    font-size: 14px;
  }
  .hero-section .hero-visual {
    order: 2;
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    height: clamp(280px, 82vw, 390px);
    margin: 0;
    border-radius: 0;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    isolation: isolate;
  }
  .hero-section .hero-visual::before {
    z-index: 0;
    background: linear-gradient(180deg, rgba(6,30,45,.03) 40%, rgba(6,30,45,.38) 100%);
    pointer-events: none;
  }
  .hero-section .hero-photo-note {
    z-index: 1;
    left: 12px;
    bottom: 12px;
    max-width: 54%;
    padding: 9px 11px;
    font-size: 10px;
    line-height: 1.35;
  }
  .hero-section .hero-service-stack {
    z-index: 1;
    top: 12px;
    right: 10px;
    width: min(46%, 165px);
    gap: 7px;
  }
  .hero-section .hero-service-stack span {
    display: block;
    padding: 10px 11px;
    border-radius: 10px;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
  }
}

@media (max-width: 420px) {
  .hero-section .hero-copy { padding: 23px 18px 22px; }
  .hero-section .hero-copy h1 { font-size: clamp(29px, 8.1vw, 34px); line-height: 1.12; letter-spacing: -.6px; }
  .hero-section .hero-copy p { font-size: 13px; }
  .hero-section .hero-visual { height: 300px; background-position: 56% center; }
  .hero-section .hero-service-stack { width: min(46%, 145px); }
  .hero-section .hero-service-stack span { padding: 8px 9px; font-size: 9px; }
}

/* FORCE MOBILE SPLIT HERO: text on the left, painting photo on the right.
   This intentionally overrides the earlier stacked mobile layout. */
@media (max-width: 760px) {
  .hero-section {
    display: block !important;
    position: relative !important;
    min-height: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: linear-gradient(90deg, #061e2d 0%, #061e2d 48%, rgba(6,30,45,.94) 58%, rgba(6,30,45,.22) 100%) !important;
  }
  .hero-section .hero-visual {
    position: absolute !important;
    z-index: -1 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    display: block !important;
    width: 56% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: 58% center !important;
  }
  .hero-section .hero-visual::before {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    content: '' !important;
    background: linear-gradient(90deg, #061e2d 0%, rgba(6,30,45,.72) 14%, rgba(6,30,45,.08) 70%, rgba(6,30,45,.02) 100%) !important;
  }
  .hero-section .hero-copy {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 76% !important;
    max-width: 76% !important;
    min-width: 0 !important;
    padding: 24px 8px 24px 16px !important;
    margin: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  .hero-section .eyebrow-pill {
    width: fit-content !important;
    max-width: 100% !important;
    font-size: 8px !important;
    padding: 4px 7px !important;
    margin-bottom: 9px !important;
  }
  .hero-section .hero-copy h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(23px, 6.2vw, 31px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.55px !important;
    margin: 0 0 10px !important;
    overflow-wrap: anywhere !important;
  }
  .hero-section .hero-copy p {
    max-width: 100% !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    margin: 0 0 12px !important;
  }
  .hero-section .hero-trust {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 5px !important;
    margin: 0 0 13px !important;
  }
  .hero-section .hero-trust > span { gap: 4px !important; font-size: 15px !important; }
  .hero-section .hero-trust b { font-size: 8px !important; line-height: 1.2 !important; }
  .hero-section .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    width: 100% !important;
  }
  .hero-section .hero-actions .button {
    width: 100% !important;
    min-height: 38px !important;
    padding: 9px 6px !important;
    font-size: 10px !important;
    gap: 4px !important;
    white-space: normal !important;
  }
  .hero-section .hero-photo-note { display: none !important; }
  .hero-section .hero-service-stack {
    z-index: 3 !important;
    position: absolute !important;
    top: 12px !important;
    right: 7px !important;
    width: 31% !important;
    max-width: 130px !important;
    gap: 6px !important;
  }
  .hero-section .hero-service-stack span {
    padding: 7px 6px !important;
    border-radius: 7px !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
}
@media (max-width: 380px) {
  .hero-section .hero-copy { width: 78% !important; max-width: 78% !important; padding-left: 12px !important; }
  .hero-section .hero-copy h1 { font-size: 22px !important; }
  .hero-section .hero-copy p { font-size: 10px !important; }
  .hero-section .hero-trust b { font-size: 7px !important; }
  .hero-section .hero-service-stack { width: 29% !important; right: 5px !important; }
}

/* Premium contact strip + mobile split hero refinements */
.topbar-inner { justify-content:center !important; }
.topbar-links { width:100%; justify-content:center !important; gap:18px !important; }
.topbar-call, .topbar-whatsapp { display:inline-flex !important; align-items:center; gap:9px; padding:5px 0; color:#fff !important; }
.topbar-call > span:last-child, .topbar-whatsapp > span:last-child { display:flex; flex-direction:column; line-height:1.18; }
.topbar-call small, .topbar-whatsapp small { font-size:10px; opacity:.8; }
.topbar-call strong, .topbar-whatsapp strong { font-size:13px; font-weight:800; letter-spacing:.2px; }
.topbar-icon { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#f5a623; color:#082b40; font-size:18px; font-weight:900; }
.topbar-whatsapp .topbar-icon { background:#19c86d; color:#fff; }
.topbar-email { font-size:11px !important; }
@media(max-width:760px) {
  .topbar-inner { width:100% !important; padding:8px 12px !important; }
  .topbar-links { display:grid !important; grid-template-columns:1fr 1fr; gap:7px 10px !important; align-items:center; }
  .topbar-call, .topbar-whatsapp { justify-content:center; gap:6px; min-width:0; }
  .topbar-icon { width:28px; height:28px; flex:0 0 28px; font-size:15px; }
  .topbar-call small, .topbar-whatsapp small { font-size:9px; }
  .topbar-call strong, .topbar-whatsapp strong { font-size:12px; white-space:nowrap; }
  .topbar-email { grid-column:1/-1; text-align:center; font-size:10px !important; padding-top:3px; opacity:.9; }
  .topbar .social-mini { display:none !important; }
  .site-header .header-inner { min-height:70px !important; padding-top:5px; padding-bottom:5px; }
  .hero-section { min-height:0 !important; }
  .hero-section .hero-visual { width:57% !important; }
  .hero-section .hero-copy { width:77% !important; max-width:77% !important; padding:25px 6px 24px 16px !important; }
  .hero-section .hero-copy h1 { font-size:clamp(22px,6.1vw,30px) !important; line-height:1.08 !important; }
  .hero-section .hero-copy p { font-size:11px !important; line-height:1.45 !important; }
  .hero-section .hero-service-stack { right:6px !important; top:14px !important; width:28% !important; max-width:118px !important; }
  .hero-section .hero-service-stack span { background:rgba(255,255,255,.97) !important; border:1px solid rgba(245,166,35,.18); box-shadow:0 5px 15px rgba(0,0,0,.13) !important; padding:8px 5px !important; font-size:9px !important; color:#082b40 !important; }
}
@media(max-width:380px) {
  .topbar-call strong, .topbar-whatsapp strong { font-size:10px; }
  .topbar-call small, .topbar-whatsapp small { font-size:8px; }
  .hero-section .hero-copy { width:78% !important; max-width:78% !important; padding-left:12px !important; }
  .hero-section .hero-copy h1 { font-size:21px !important; }
  .hero-section .hero-service-stack span { font-size:8px !important; }
}

/* Ticker hard-fix: mobile always shows the full 52-city loop and keeps it moving. */
@media (max-width: 992px) {
 .serving-banner-wrapper, .serving-bar, .cities-ticker { overflow: hidden !important; }
 .cities-ticker { display: block !important; width: 100% !important; min-width: 0 !important; }
 .cities-track { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none !important; white-space: nowrap !important; animation: idreesScrollTicker var(--idrees-ticker-duration,22s) linear infinite !important; animation-play-state: running !important; }
 .city-badge { flex: 0 0 auto !important; white-space: nowrap !important; }
}

/* ===== Premium visual polish v1.0.7 — presentation only, no feature changes ===== */
:root{--idrees-primary:#082b40;--idrees-secondary:#041a28;--idrees-accent:#f5a623;--shadow:0 14px 38px rgba(8,43,64,.10);--line:#e6ebef}
body{letter-spacing:.005em;-webkit-font-smoothing:antialiased}
.topbar{background:linear-gradient(100deg,#041925,#0b3449 58%,#041925);border-bottom:1px solid rgba(245,166,35,.35);font-size:11px}
.topbar-inner{min-height:34px}.topbar-links{gap:22px}.topbar a{transition:opacity .2s,color .2s}.topbar a:hover{opacity:1;color:#ffd27b}
.site-header{box-shadow:0 8px 24px rgba(5,29,43,.055);border-bottom:1px solid rgba(8,43,64,.07)}.header-inner{min-height:78px;gap:30px}
.brand-mark{filter:drop-shadow(0 3px 4px rgba(245,166,35,.15))}.brand-words strong{letter-spacing:.8px}.primary-navigation ul{gap:30px}
.primary-navigation a{font-size:12px;position:relative;transition:color .2s}.primary-navigation a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--idrees-accent);transition:right .22s}.primary-navigation a:hover:after,.primary-navigation .current-menu-item>a:after{right:0}
.button{border-radius:7px;padding:13px 21px;letter-spacing:.01em}.button-gold{background:linear-gradient(135deg,#ffc04c,#f3a018);box-shadow:0 8px 20px rgba(245,166,35,.22),inset 0 1px rgba(255,255,255,.4);transition:transform .22s,box-shadow .22s,filter .22s}.button-gold:hover{filter:saturate(1.08);box-shadow:0 12px 26px rgba(245,166,35,.28)}
.hero-section{position:relative;min-height:470px;background:radial-gradient(ellipse at 80% 15%,rgba(20,83,111,.35),transparent 42%),linear-gradient(115deg,#041a28,#082b40 72%,#061f30)}.hero-copy{padding-top:46px;padding-bottom:46px}.eyebrow-pill{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.32);box-shadow:inset 0 1px rgba(255,255,255,.06);letter-spacing:.025em}.hero-copy h1{font-size:clamp(35px,3.6vw,54px);line-height:1.045;letter-spacing:-1.7px;text-shadow:0 3px 22px rgba(0,0,0,.12)}.hero-copy p{color:#dce8ef;font-size:14px;max-width:540px}.hero-trust{gap:20px;margin-top:5px}.hero-trust span{font-size:19px;filter:drop-shadow(0 2px 5px rgba(245,166,35,.12))}.hero-visual{min-height:470px}.hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;border-left:1px solid rgba(245,166,35,.32);box-shadow:inset 20px 0 40px rgba(4,26,40,.12)}.hero-photo-note{border:1px solid rgba(255,255,255,.6);box-shadow:0 12px 30px rgba(4,26,40,.18);backdrop-filter:blur(8px)}.hero-service-stack span{border:1px solid rgba(245,166,35,.23);box-shadow:0 8px 22px rgba(4,26,40,.14);transition:transform .2s,border-color .2s}.hero-service-stack span:hover{transform:translateX(-3px);border-color:var(--idrees-accent)}
.section{padding-top:58px;padding-bottom:58px}.section h2,.contact-section h2,.page-header h1{letter-spacing:-.9px}.eyebrow{letter-spacing:2px}.about-grid{gap:28px}.about-copy p,.section-heading p{font-size:14px;line-height:1.8}.about-highlights>div{border-radius:12px;padding:16px 12px;box-shadow:0 8px 22px rgba(8,43,64,.055);transition:transform .2s,border-color .2s,box-shadow .2s}.about-highlights>div:hover{transform:translateY(-3px);border-color:rgba(245,166,35,.5);box-shadow:0 12px 25px rgba(8,43,64,.09)}.about-photo{height:270px;border-radius:15px;box-shadow:0 14px 34px rgba(8,43,64,.11)}.image-placeholder{background:linear-gradient(135deg,#edf2f4,#f9f5eb);border:1px solid rgba(8,43,64,.05)}
.services-section{background:linear-gradient(180deg,#fbfcfd,#f6f8fa);border-color:#edf0f3}.section-heading{margin-bottom:25px}.service-grid,.product-grid{gap:16px}.service-card{border-radius:13px;border-color:#e7ebef;box-shadow:0 8px 22px rgba(8,43,64,.055);transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover,.product-card:hover{transform:translateY(-6px);border-color:rgba(245,166,35,.45);box-shadow:0 18px 36px rgba(8,43,64,.12)}.card-image{height:140px}.card-label{padding:13px}.card-label strong{font-size:13px}.round-arrow{box-shadow:0 4px 10px rgba(245,166,35,.2);transition:transform .2s}.service-card:hover .round-arrow{transform:translateX(2px)}
.products-section{background:linear-gradient(180deg,#fbf7f0,#f8f3e9)}.product-card{border:1px solid rgba(8,43,64,.06);border-radius:12px;box-shadow:0 8px 20px rgba(8,43,64,.055);transition:transform .25s,box-shadow .25s}.product-image{height:118px}.product-card strong{padding:12px;font-size:12px}.promo-copy h2{letter-spacing:-.8px}.promo-image{height:145px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.gallery-grid{gap:13px}.gallery-item{border-radius:12px;box-shadow:0 7px 20px rgba(8,43,64,.08)}.gallery-item img{height:145px;transition:transform .45s}.gallery-item:hover img{transform:scale(1.07)}.gallery-item span{font-size:11px;padding:30px 10px 9px}.reviews-section{background:linear-gradient(180deg,#f7f9fa,#fff)}.contact-section{background:linear-gradient(135deg,#f7f9fa,#fff 60%,#fbf5e9);padding-top:60px}.contact-card{border-radius:13px;box-shadow:0 8px 24px rgba(8,43,64,.06);border:1px solid #e8edf0;transition:transform .2s,box-shadow .2s}.contact-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,43,64,.1)}.serving-banner-wrapper,.serving-bar{filter:drop-shadow(0 5px 12px rgba(245,166,35,.09))}.cities-ticker{box-shadow:0 0 0 1px rgba(245,166,35,.12),0 9px 26px rgba(245,166,35,.09)}footer,.site-footer{background:#041a28}a:focus-visible,button:focus-visible{outline:3px solid rgba(245,166,35,.75);outline-offset:3px}
@media(max-width:992px){.header-inner{min-height:72px}.section{padding-top:42px;padding-bottom:42px}.hero-copy{padding-top:30px;padding-bottom:30px}.hero-section .hero-visual{min-height:390px}.card-image{height:125px}.promo-inner{padding:24px}}
@media(max-width:600px){.topbar-inner{min-height:0}.hero-section{background:linear-gradient(115deg,#041a28,#082b40)}.hero-copy h1{letter-spacing:-.7px;text-shadow:none}.section{padding-top:34px;padding-bottom:34px}.section-heading{align-items:flex-start}.about-photo{height:220px}.service-grid,.product-grid{gap:10px}.card-image{height:100px}.card-label{padding:9px}.promo-inner{border-radius:12px;padding:20px}.gallery-grid{gap:8px}.gallery-item{border-radius:9px}.gallery-item img{height:105px}}

/* Premium glossy finish and hero seam blending */
.hero-visual:after{border-left:0!important;box-shadow:inset 18px 0 44px rgba(4,26,40,.18)!important;background:linear-gradient(90deg,rgba(5,34,51,.12),transparent 16%)!important}
.hero-section{background:radial-gradient(ellipse at 17% 0%,rgba(21,94,128,.24),transparent 44%),linear-gradient(120deg,#031724 0%,#082b40 56%,#061f30 100%)}
.hero-copy{position:relative}
.hero-copy:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 40%,rgba(245,166,35,.025));}
.button-gold{background:linear-gradient(180deg,#ffd16a 0%,#ffb323 48%,#f29a0a 100%);border:1px solid rgba(255,225,157,.75);box-shadow:0 8px 24px rgba(245,166,35,.25),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(176,103,0,.12)}
.button-outline{border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px rgba(255,255,255,.08);transition:background .2s,border-color .2s,transform .2s}
.button-outline:hover{background:rgba(255,255,255,.08);border-color:var(--idrees-accent);transform:translateY(-2px)}
.whatsapp-symbol,.whatsapp-brand-icon{display:inline-flex;align-items:center;justify-content:center}
.whatsapp-symbol svg{width:19px;height:19px;display:block;color:#22d16a}
.whatsapp-brand-icon svg{width:23px;height:23px;display:block;color:#fff}
.topbar-whatsapp .topbar-icon{background:linear-gradient(145deg,#20dc7a,#00a957)!important;color:#fff!important;box-shadow:0 0 0 3px rgba(28,211,112,.12),0 4px 14px rgba(0,0,0,.18)}
.site-header{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);box-shadow:0 8px 25px rgba(3,25,39,.09)}
.header-cta,.button-gold{position:relative;overflow:hidden}
.header-cta:after,.button-gold:after{content:"";position:absolute;top:0;left:-130%;width:70%;height:100%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transition:left .65s}
.header-cta:hover:after,.button-gold:hover:after{left:150%}
.service-card,.product-card,.contact-card,.about-highlights>div{background:linear-gradient(145deg,#fff 0%,#fff 55%,#f8fafb 100%);box-shadow:0 10px 28px rgba(8,43,64,.065),inset 0 1px 0 rgba(255,255,255,.95)}
.cities-ticker{background:linear-gradient(180deg,#0b354b 0%,#041c2b 100%)!important;border-color:#ffb323!important;box-shadow:0 0 0 1px rgba(255,213,115,.2),0 0 20px rgba(245,166,35,.14),inset 0 1px 0 rgba(255,255,255,.12)!important}
.site-footer{background:radial-gradient(ellipse at 90% 0%,rgba(19,75,101,.55),transparent 35%),linear-gradient(135deg,#031724,#082b40 65%,#031724)!important;border-top:1px solid rgba(245,166,35,.42)}
.footer-social-block h3{margin-bottom:15px}
.footer-social{align-items:center;gap:10px}
.footer-social a.social-icon{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 5px 13px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.3);transition:transform .2s,box-shadow .2s;}
.footer-social a.social-icon svg{width:21px;height:21px;display:block}
.footer-social a.social-icon:hover{transform:translateY(-4px);box-shadow:0 9px 18px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.35)}
.footer-social .social-facebook{background:linear-gradient(145deg,#3b82f6,#0754bd)}
.footer-social .social-instagram{background:linear-gradient(135deg,#ffb347 0%,#f52872 48%,#763bd8 100%)}
.footer-social .social-youtube{background:linear-gradient(145deg,#ff4545,#c90018)}
.footer-social .social-linkedin{background:linear-gradient(145deg,#31a8e8,#075d9c)}
.footer-social .social-pinterest{background:linear-gradient(145deg,#ff4657,#bd001d)}
.footer-social .social-whatsapp{background:linear-gradient(145deg,#35e887,#00a957)}
.floating-whatsapp{background:linear-gradient(145deg,#32e884,#00a957)!important;box-shadow:0 8px 24px rgba(0,180,92,.28),inset 0 1px rgba(255,255,255,.4)!important}
@media(max-width:760px){.footer-social a.social-icon{width:35px;height:35px}.hero-visual:after{border:0!important;box-shadow:inset 0 14px 28px rgba(4,26,40,.1)!important}}

/* Always display all footer social icons; unconfigured links remain visibly disabled until URLs are added. */
.footer-social a.social-not-configured{opacity:.72;cursor:default;filter:saturate(.75)}
.footer-social a.social-not-configured:hover{transform:none}


/* v1.2.2 premium reference-inspired feature strip and footer */
.feature-strip-section{position:relative;z-index:5;margin-top:-54px!important;padding-top:0!important;padding-bottom:24px!important;background:transparent!important;}
.feature-strip-section .feature-strip{width:min(calc(100% - 48px),var(--idrees-width,1440px));max-width:1440px;margin:0 auto;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(250,248,242,.98));border:1px solid rgba(245,166,35,.48);border-radius:24px;box-shadow:0 18px 48px rgba(4,26,40,.17),0 3px 0 rgba(255,255,255,.9) inset,0 0 28px rgba(245,166,35,.12);padding:22px 18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;position:relative;}
.feature-strip-section .feature-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.4),transparent 40%,rgba(245,166,35,.07));pointer-events:none;}
.feature-strip-item{position:relative;padding:0 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:140px;gap:9px;transition:transform .25s ease;}
.feature-strip-item:not(:last-child):after{content:"";position:absolute;right:0;top:15%;height:70%;width:1px;background:linear-gradient(180deg,transparent,#d9dfe5,transparent);}
.feature-strip-item:hover{transform:translateY(-4px);}
.feature-strip-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;font-size:29px;color:#a96900;background:radial-gradient(circle at 35% 25%,#fff9e8,#ffedc5 65%,#f8d990);border:1px solid rgba(245,166,35,.25);box-shadow:0 7px 18px rgba(188,126,15,.14),inset 0 2px 4px rgba(255,255,255,.9);}
.feature-strip-item strong{font-size:15px;line-height:1.25;color:#102c49;font-weight:800;max-width:210px;}
.feature-strip-item small{font-size:12px;line-height:1.45;color:#65748a;max-width:205px;}
.stats-section{padding-top:0!important;}
.stats-panel{max-width:1320px!important;border:1px solid #e7edf3;border-radius:22px;background:linear-gradient(120deg,#fff,#f5f8fb);box-shadow:0 12px 36px rgba(8,43,64,.07);}
.footer-cta-wrap{padding:46px 24px 0;background:linear-gradient(180deg,#fff 0%,#f4f7f9 100%);}
.footer-cta{max-width:1500px!important;min-height:220px;position:relative;display:grid;grid-template-columns:78px minmax(300px,1.25fr) minmax(220px,.8fr) minmax(230px,.9fr);align-items:center;gap:24px;padding:30px 36px!important;border-radius:28px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 72% 0%,rgba(245,166,35,.24),transparent 36%),linear-gradient(112deg,#031523 0%,#082b40 54%,#061b2b 100%);border:1px solid rgba(245,166,35,.75);box-shadow:0 24px 60px rgba(5,29,45,.24),inset 0 1px 0 rgba(255,255,255,.15);}
.footer-cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.055) 50%,transparent 68%);}
.footer-cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#d98b08,#ffe29a,#f5a623,#fff0b8,#d98b08);box-shadow:0 0 18px rgba(245,166,35,.55);}
.footer-cta-home{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;color:#082b40;background:linear-gradient(145deg,#fff0bd,#f5a623 78%);box-shadow:0 8px 24px rgba(245,166,35,.28),inset 0 2px 5px rgba(255,255,255,.75);}
.footer-cta-home svg{width:42px;height:42px;}
.footer-cta-copy,.footer-cta-benefits,.footer-cta-actions{position:relative;z-index:1;}
.footer-cta-kicker{display:block;color:#ffc044;font-size:12px;letter-spacing:.12em;font-weight:800;margin-bottom:9px;}
.footer-cta-copy h2{margin:0 0 10px;font-size:clamp(23px,2.2vw,34px);line-height:1.15;letter-spacing:-.6px;color:#fff;}
.footer-cta-copy h2 em{font-style:normal;color:#ffb51e;}
.footer-cta-copy p{margin:0;color:#d7e1e9;line-height:1.6;font-size:14px;max-width:580px;}
.footer-cta-benefits{display:flex;justify-content:center;gap:12px;}
.footer-cta-benefits span{display:flex;align-items:center;gap:8px;padding:0 10px;border-right:1px solid rgba(255,255,255,.18);}
.footer-cta-benefits span:last-child{border-right:0;}
.footer-cta-benefits b{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;color:#ffc13d;border:1px solid rgba(255,255,255,.75);font-size:24px;box-shadow:inset 0 0 0 3px rgba(245,166,35,.09);}
.footer-cta-benefits small{font-size:12px;line-height:1.3;color:#fff;font-weight:700;}
.footer-cta-actions{display:flex;flex-direction:column;gap:10px;}
.footer-cta-actions a{min-height:49px;padding:12px 17px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:transform .2s,box-shadow .2s;}
.footer-cta-actions a:hover{transform:translateY(-3px);}
.footer-cta-call{color:#082b40!important;background:linear-gradient(135deg,#ffe49b,#ffb51e 75%);box-shadow:0 9px 24px rgba(245,166,35,.2),inset 0 1px rgba(255,255,255,.85);}
.footer-cta-wa{color:#fff!important;border:1px solid rgba(255,255,255,.55);background:rgba(4,24,38,.6);}
.footer-cta-wa svg{width:23px;height:23px;color:#25d366;flex-shrink:0;}
.premium-site-footer{position:relative;overflow:hidden;margin-top:0!important;padding-top:52px!important;background:radial-gradient(ellipse at 85% 0%,rgba(15,74,103,.5),transparent 34%),radial-gradient(ellipse at 5% 80%,rgba(9,57,82,.45),transparent 38%),linear-gradient(130deg,#031522 0%,#082b40 52%,#031522 100%)!important;border-top:1px solid rgba(245,166,35,.8);color:#e8f0f7;}
.premium-site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.1) 49%,transparent 50%);background-size:80px 80px;}
.premium-footer-grid{position:relative;z-index:1;max-width:1500px!important;display:grid!important;grid-template-columns:minmax(230px,1.35fr) minmax(135px,.72fr) minmax(170px,.9fr) minmax(245px,1.15fr);gap:34px!important;padding-bottom:34px!important;}
.premium-site-footer h3{color:#fff!important;font-size:18px!important;font-weight:800!important;margin:0 0 22px!important;position:relative;padding-bottom:12px;}
.premium-site-footer h3:after{content:"";position:absolute;bottom:0;left:0;width:42px;height:3px;border-radius:4px;background:linear-gradient(90deg,#f5a623,#ffe5a0);box-shadow:0 0 10px rgba(245,166,35,.24);}
.premium-site-footer .brand-mark{color:#ffb51e!important;font-size:45px!important;}
.premium-site-footer .brand-words strong{color:#fff!important;font-size:31px!important;letter-spacing:.01em;}
.premium-site-footer .brand-words small{color:#ffb51e!important;font-weight:800;letter-spacing:.06em;}
.premium-footer-about>p{font-size:13px;line-height:1.7;color:#c9d7e2;max-width:340px;margin:20px 0 22px;}
.premium-site-footer .footer-social-block h3{font-size:14px!important;margin-bottom:12px!important;padding-bottom:0;}
.premium-site-footer .footer-social-block h3:after{display:none;}
.premium-site-footer .footer-social{display:flex;flex-wrap:wrap;gap:10px;}
.premium-site-footer .footer-social a.social-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 6px 15px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.3);transition:transform .22s,box-shadow .22s;}
.premium-site-footer .footer-social a.social-icon svg{width:21px;height:21px;display:block;}
.premium-site-footer .footer-social a.social-icon:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 20px rgba(0,0,0,.32);}
.premium-site-footer .social-facebook{background:linear-gradient(145deg,#3988f6,#0754bd);}.premium-site-footer .social-instagram{background:linear-gradient(135deg,#743ad5,#e1306c,#ff9a44);}.premium-site-footer .social-youtube{background:linear-gradient(145deg,#ff4545,#c90018);}.premium-site-footer .social-linkedin{background:linear-gradient(145deg,#1598ce,#075b89);}.premium-site-footer .social-pinterest{background:linear-gradient(145deg,#ff4545,#b60018);}.premium-site-footer .social-whatsapp{background:linear-gradient(145deg,#2fe477,#078b4a);}
.footer-promise-row{display:flex;gap:0;margin-top:22px;border:1px solid rgba(255,255,255,.38);border-radius:13px;overflow:hidden;max-width:390px;background:rgba(255,255,255,.035);}
.footer-promise-row span{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 7px;font-size:11px;color:#f2f6f9;line-height:1.25;}
.footer-promise-row span+span{border-left:1px solid rgba(255,255,255,.18);}.footer-promise-row b{font-size:20px;color:#ffb51e;}
.premium-site-footer .footer-links{list-style:none;padding:0;margin:0;display:grid;gap:13px;}
.premium-site-footer .footer-links li{margin:0;padding:0;}
.premium-site-footer .footer-links a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#d7e2ea;font-size:13px;transition:color .2s,transform .2s;}
.premium-site-footer .footer-links a:before{content:"›";color:#ffb51e;font-size:24px;line-height:12px;font-weight:800;}
.premium-site-footer .footer-links a:hover{color:#ffc54c;transform:translateX(3px);}
.footer-contact-list{list-style:none;padding:0;margin:0;display:grid;gap:15px;}
.footer-contact-list li{display:flex;align-items:flex-start;gap:12px;color:#dce6ee;font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
.footer-contact-list a{color:#eaf1f6;text-decoration:none;}.footer-contact-list a:hover{color:#ffc044;}
.footer-contact-list small{color:#aebfcd;font-size:12px;}
.footer-contact-icon{flex:0 0 35px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe7a2,#f5a623);color:#082b40;font-size:17px;font-weight:900;box-shadow:0 5px 14px rgba(245,166,35,.15);}
.footer-contact-wa{background:linear-gradient(145deg,#30e879,#06934d);color:#fff;}
.footer-newsletter{margin-top:25px;}.footer-newsletter h3{margin-bottom:10px!important;}.footer-newsletter p{font-size:13px;color:#c9d7e2;line-height:1.5;margin:0 0 12px;}
.premium-site-footer .newsletter{display:flex;border:1px solid rgba(255,255,255,.6);border-radius:13px;padding:4px;background:rgba(255,255,255,.06);}
.premium-site-footer .newsletter input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:11px 10px;outline:none;}.premium-site-footer .newsletter input::placeholder{color:#b9c7d3;}
.premium-site-footer .newsletter button{width:42px;border:0;border-radius:9px;background:linear-gradient(135deg,#ffe29a,#f5a623);color:#082b40;font-size:24px;font-weight:900;cursor:pointer;}
.premium-site-footer .footer-bottom{position:relative;z-index:1;max-width:1500px!important;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(245,166,35,.85);padding-top:22px!important;padding-bottom:22px!important;color:#d3dfe8;font-size:12px;}
.premium-footer-bottom a{color:#e5edf3;text-decoration:none;}.premium-footer-bottom a:hover{color:#ffc044;}.premium-footer-bottom i{font-style:normal;color:#f5a623;margin:0 10px;}.footer-tagline{color:#dfe8ef;}
@media(max-width:1100px){.footer-cta{grid-template-columns:60px 1fr 1fr;}.footer-cta-home{width:60px;height:60px;}.footer-cta-benefits{grid-column:2;justify-content:flex-start;}.footer-cta-actions{grid-column:3;grid-row:2;}.footer-cta-copy{grid-column:2/4;}.premium-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px!important;}}
@media(max-width:680px){.feature-strip-section{margin-top:-25px!important;padding-bottom:16px!important;}.feature-strip-section .feature-strip{width:calc(100% - 24px);grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 8px;border-radius:17px;gap:0;}.feature-strip-item{min-height:130px;padding:12px 8px;gap:7px;}.feature-strip-item:nth-child(2n):after{display:none;}.feature-strip-item:nth-child(5){grid-column:1/-1;}.feature-strip-icon{width:48px;height:48px;font-size:24px;}.feature-strip-item strong{font-size:12px;}.feature-strip-item small{font-size:11px;}.stats-panel{margin:0 12px!important;}.footer-cta-wrap{padding:28px 12px 0;}.footer-cta{grid-template-columns:48px 1fr;gap:14px;padding:22px 18px!important;border-radius:20px;}.footer-cta-home{width:46px;height:46px;}.footer-cta-home svg{width:28px;height:28px;}.footer-cta-copy{grid-column:2;}.footer-cta-kicker{font-size:10px;}.footer-cta-copy h2{font-size:23px;}.footer-cta-copy p{font-size:12px;}.footer-cta-benefits{grid-column:1/-1;justify-content:space-around;gap:5px;}.footer-cta-benefits span{padding:0 5px;}.footer-cta-benefits b{width:34px;height:34px;flex-basis:34px;font-size:19px;}.footer-cta-benefits small{font-size:10px;}.footer-cta-actions{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr;}.footer-cta-actions a{min-height:45px;font-size:13px;}.premium-site-footer{padding-top:35px!important;}.premium-footer-grid{grid-template-columns:1fr!important;gap:28px!important;padding-bottom:28px!important;}.premium-site-footer .brand-words strong{font-size:27px!important;}.premium-footer-about>p{max-width:none;}.footer-promise-row{max-width:none;}.premium-site-footer h3{margin-bottom:16px!important;}.premium-site-footer .footer-links{gap:11px;}.premium-footer-bottom{justify-content:flex-start!important;gap:12px!important;}.footer-tagline{width:100%;}.premium-site-footer .footer-bottom{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.feature-strip-item,.premium-site-footer a,.footer-cta-actions a{transition:none!important;}}


/* v1.2.3: place the feature panel below the city ticker, connected without clipping. */
.feature-strip-section{position:relative;z-index:1;margin-top:0!important;padding-top:0!important;padding-bottom:24px!important;background:#061e2d!important;overflow:visible!important;}
.feature-strip-section .feature-strip{position:relative;top:0!important;margin:0 auto!important;width:min(calc(100% - 48px),1440px)!important;max-width:1440px!important;overflow:visible!important;border-radius:0 0 24px 24px!important;border-top:0!important;box-shadow:0 18px 42px rgba(4,26,40,.18),inset 0 2px 0 rgba(255,255,255,.85)!important;}
.serving-banner-wrapper{padding-bottom:0!important;}
@media(max-width:680px){.feature-strip-section{margin-top:0!important;padding-bottom:16px!important;}.feature-strip-section .feature-strip{width:calc(100% - 24px)!important;border-radius:0 0 17px 17px!important;}}

/* v1.3.0: desktop hero proportions and attached ticker/feature panel, matching the reference layout. */
@media (min-width: 993px) {
  .hero-section { min-height: 560px !important; grid-template-columns: 49% 51% !important; }
  .hero-copy, .hero-visual { min-height: 560px !important; }
  .hero-copy { padding-top: 42px !important; padding-bottom: 58px !important; }
  .hero-copy h1 { font-size: clamp(40px, 3.45vw, 58px) !important; line-height: 1.06 !important; }
  .hero-visual { background-position: center center !important; }
  .serving-banner-wrapper { position: relative !important; z-index: 12 !important; margin-top: -38px !important; padding: 0 0 0 !important; background: transparent !important; }
  .serving-bar { width: min(calc(100% - 72px), 1560px) !important; min-height: 68px !important; margin: 0 auto !important; border: 1px solid #f5a623 !important; border-radius: 999px !important; background: linear-gradient(105deg,#061e2d,#082b40 55%,#041a28) !important; box-shadow: 0 9px 26px rgba(4,26,40,.28), 0 0 0 3px rgba(245,166,35,.10) !important; overflow: hidden !important; }
  .serving-title { flex: 0 0 auto !important; padding-left: 24px !important; }
  .cities-ticker { min-width: 0 !important; }
  .feature-strip-section { position: relative !important; z-index: 3 !important; margin: 0 !important; padding: 0 0 34px !important; background: #fff !important; }
  .feature-strip-section .feature-strip { width: min(calc(100% - 120px), 1440px) !important; max-width: 1440px !important; margin: 0 auto !important; border: 1px solid rgba(245,166,35,.45) !important; border-top: 0 !important; border-radius: 0 0 24px 24px !important; background: linear-gradient(120deg,#fff 0%,#fffdf8 52%,#f8f2e7 100%) !important; box-shadow: 0 16px 36px rgba(8,43,64,.13), inset 0 2px 0 rgba(255,255,255,.9) !important; }
}
@media (max-width: 992px) {
  .serving-banner-wrapper { position: relative !important; z-index: 12 !important; margin-top: -24px !important; }
  .feature-strip-section { margin-top: 0 !important; }
}

/* v1.3.3 — subtle mobile hero sizing refinement: fuller, balanced, not crowded. */
@media (max-width: 760px) {
  .hero-section .hero-copy { padding: 34px 22px 42px !important; }
  .hero-section .hero-copy .eyebrow-pill { font-size: 11px !important; padding: 7px 10px !important; margin-bottom: 16px !important; }
  .hero-section .hero-copy h1 { font-size: clamp(28px, 7.6vw, 33px) !important; line-height: 1.13 !important; letter-spacing: -.65px !important; margin-bottom: 16px !important; }
  .hero-section .hero-copy p { font-size: 13.5px !important; line-height: 1.55 !important; margin-bottom: 20px !important; }
  .hero-section .hero-trust { gap: 15px 12px !important; margin: 3px 0 23px !important; }
  .hero-section .hero-trust > span { font-size: 17px !important; gap: 7px !important; }
  .hero-section .hero-trust b { font-size: 10px !important; line-height: 1.28 !important; }
  .hero-section .hero-actions { gap: 11px !important; }
  .hero-section .hero-actions .button { min-height: 54px !important; padding: 15px 16px !important; font-size: 14px !important; border-radius: 13px !important; }
  .hero-section .hero-visual { min-height: 320px !important; }
}
@media (max-width: 420px) {
  .hero-section .hero-copy { padding: 30px 20px 38px !important; }
  .hero-section .hero-copy h1 { font-size: clamp(27px, 7.4vw, 31px) !important; }
  .hero-section .hero-copy p { font-size: 13px !important; }
  .hero-section .hero-trust b { font-size: 10px !important; }
}


/* v1.5.0: authoritative promotion banner fixes — overrides legacy mobile.css rules */
.promo-section{
  position:relative!important;display:block!important;
  width:100vw!important;max-width:none!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding:0!important;min-height:260px!important;
  background-color:#061e2d!important;background-image:linear-gradient(90deg,rgba(3,22,36,.82) 0%,rgba(3,22,36,.56) 43%,rgba(3,22,36,.18) 76%,rgba(3,22,36,.24) 100%),var(--promo-bg-image,linear-gradient(115deg,#061e2d,#0a354b 60%,#0878bd))!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  overflow:hidden!important;isolation:isolate;box-sizing:border-box!important;
}
.promo-section .promo-inner{
  width:100%!important;max-width:1500px!important;min-height:260px!important;
  margin:0 auto!important;padding:24px clamp(22px,3.8vw,72px)!important;
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;
  align-items:center!important;gap:clamp(18px,2vw,36px)!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  box-sizing:border-box!important;
}
.promo-section .promo-copy{min-width:0!important;text-align:left}
.promo-section .promo-benefits{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-column:auto!important;width:100%!important;max-width:none!important;margin:0!important;gap:0!important;align-items:center!important;min-width:0!important}
.promo-section .promo-benefit{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:108px!important;padding:6px clamp(4px,.7vw,12px)!important;text-align:center!important;border-right:1px solid rgba(255,255,255,.28)!important;border-bottom:0!important;box-sizing:border-box!important}
.promo-section .promo-benefit:nth-child(odd){border-right:1px solid rgba(255,255,255,.28)!important}
.promo-section .promo-benefit:last-child{border-right:0!important}
.promo-section .promo-benefit-icon{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;width:clamp(48px,4vw,72px)!important;height:clamp(48px,4vw,72px)!important;margin:0 0 10px!important;border:4px solid #ffbd36!important;border-radius:50%!important;color:#fff!important;background:rgba(2,23,38,.2)!important;font-size:clamp(22px,2vw,34px)!important;line-height:1!important}
.promo-section .promo-benefit small{display:block!important;max-width:150px!important;color:#fff!important;font-size:clamp(11px,.95vw,16px)!important;font-weight:800!important;line-height:1.25!important;overflow-wrap:anywhere!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important}
@media(max-width:1050px){.promo-section .promo-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;padding:22px 24px!important;gap:16px!important}.promo-section .promo-benefit{padding-inline:4px!important}.promo-section .promo-benefit small{font-size:12px!important}}
@media(max-width:820px){.promo-section{min-height:0!important;background-position:center!important;background-size:cover!important}.promo-section .promo-inner{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;gap:24px!important;padding:30px 22px!important}.promo-section .promo-copy{text-align:center!important}.promo-section .promo-copy .button{margin-inline:auto!important}.promo-section .promo-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:680px!important;margin:0 auto!important}.promo-section .promo-benefit{min-height:105px!important}.promo-section .promo-benefit-icon{width:52px!important;height:52px!important;font-size:24px!important}}
@media(max-width:560px){.promo-section .promo-inner{padding:25px 14px!important;gap:18px!important}.promo-section .promo-copy h2{font-size:clamp(38px,11vw,56px)!important;letter-spacing:-1px!important}.promo-section .promo-copy p{font-size:15px!important}.promo-section .promo-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:0!important}.promo-section .promo-benefit{min-height:104px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.24)!important}.promo-section .promo-benefit:nth-child(odd){border-right:1px solid rgba(255,255,255,.24)!important}.promo-section .promo-benefit:nth-child(n+3){border-bottom:0!important}.promo-section .promo-benefit-icon{width:48px!important;height:48px!important;font-size:22px!important;margin-bottom:7px!important}.promo-section .promo-benefit small{font-size:12px!important}}


/* v1.5.5: align promotion banner width and proportions with the premium CTA above */
@media (min-width: 761px) {
  .promo-section {
    width: min(1237px, calc(100% - 48px)) !important;
    max-width: 1237px !important;
    margin: 48px auto 34px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .promo-section .promo-inner {
    width: 100% !important;
    min-height: 238px !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
    gap: 26px !important;
    padding: 30px 44px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
    background-color: #06253a !important;
    background-image: linear-gradient(90deg, rgba(3,23,37,.88) 0%, rgba(3,23,37,.66) 48%, rgba(3,23,37,.72) 100%), var(--promo-bg-image) !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .promo-section .promo-copy h2 { font-size: clamp(38px, 3.4vw, 54px) !important; line-height: 1.02 !important; margin: 6px 0 8px !important; }
  .promo-section .promo-copy p { font-size: 15px !important; line-height: 1.45 !important; margin-bottom: 14px !important; }
  .promo-section .promo-benefits { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; max-width: none !important; width: 100% !important; margin: 0 !important; }
  .promo-section .promo-benefit { min-width: 0 !important; min-height: 104px !important; padding: 6px 8px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; border-right: 1px solid rgba(255,255,255,.2) !important; border-bottom: 0 !important; }
  .promo-section .promo-benefit:last-child { border-right: 0 !important; }
  .promo-section .promo-benefit-icon { width: 54px !important; height: 54px !important; flex: 0 0 54px !important; border: 2px solid #ffb51b !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 10px !important; font-size: 23px !important; }
  .promo-section .promo-benefit small { display: block !important; font-size: 12px !important; line-height: 1.3 !important; text-align: center !important; }
}
@media (max-width: 760px) {
  .promo-section { width: calc(100% - 28px) !important; margin: 28px auto !important; padding: 0 !important; border-radius: 18px !important; overflow: hidden !important; background: transparent !important; }
  .promo-section .promo-inner { border-radius: 18px !important; background-color: #06253a !important; background-image: linear-gradient(180deg, rgba(3,23,37,.82), rgba(3,23,37,.88)), var(--promo-bg-image) !important; background-size: cover !important; background-position: center !important; }
}


/* v1.5.6: force fresh cached CSS and match the CTA container width */
@media (min-width: 761px) {
  body.home .promo-section,
  .home .promo-section,
  .promo-section {
    display: block !important;
    width: min(1237px, calc(100% - 48px)) !important;
    max-width: 1237px !important;
    min-height: 0 !important;
    margin: 48px auto 34px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255,181,27,.5) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #06253a !important;
  }
  .promo-section > .promo-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 238px !important;
    margin: 0 !important;
    padding: 26px 28px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #06253a !important;
    background-image: linear-gradient(90deg,rgba(3,23,37,.74),rgba(3,23,37,.45)),var(--promo-bg-image) !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
}
@media (max-width: 760px) {
  .promo-section { width: calc(100% - 28px) !important; max-width: none !important; margin: 28px auto !important; }
  .promo-section > .promo-inner { background-image: linear-gradient(180deg,rgba(3,23,37,.72),rgba(3,23,37,.78)),var(--promo-bg-image) !important; background-size: cover !important; background-position: center !important; }
}

/* v1.5.7: final promotion banner sizing and guaranteed background image */
@media (min-width: 761px) {
  body.home .promo-section,
  html body .promo-section {
    display:block !important;
    width:min(1237px, calc(100% - 48px)) !important;
    max-width:1237px !important;
    min-height:0 !important;
    margin:48px auto 34px !important;
    padding:0 !important;
    position:relative !important;
    left:auto !important;
    border:1px solid rgba(255,181,27,.55) !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background-color:#06253a !important;
    background-image:linear-gradient(90deg,rgba(3,23,37,.45),rgba(3,23,37,.25)),var(--promo-bg-image, url('../images/promo-brush.webp')) !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }
  body.home .promo-section > .promo-inner,
  html body .promo-section > .promo-inner {
    width:100% !important;
    max-width:none !important;
    min-height:270px !important;
    margin:0 !important;
    padding:30px 44px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;
    align-items:center !important;
    gap:26px !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }
}
@media (max-width:760px) {
  body.home .promo-section, html body .promo-section {
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin:28px auto !important;
    left:auto !important;
    background-color:#06253a !important;
    background-image:linear-gradient(180deg,rgba(3,23,37,.58),rgba(3,23,37,.72)),var(--promo-bg-image, url('../images/promo-brush.webp')) !important;
    background-size:cover !important;
    background-position:center !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  body.home .promo-section > .promo-inner, html body .promo-section > .promo-inner {
    background:transparent !important;
    min-height:0 !important;
  }
}


/* v1.5.8: align promotion banner to the same viewport-centered width as the CTA */
@media (min-width: 761px) {
  html body.home .promo-section {
    width: min(1237px, calc(100vw - 48px)) !important;
    max-width: 1237px !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 48px 0 34px !important;
    box-sizing: border-box !important;
  }
  html body.home .promo-section > .promo-inner {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 760px) {
  html body.home .promo-section {
    left: auto !important;
    transform: none !important;
    width: calc(100% - 28px) !important;
    margin: 28px auto !important;
  }
}

/* Premium trust band responsive layout v1.6.8 */
@media(max-width:1050px){.premium-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.premium-trust-card:nth-child(2){border-right:0}.premium-trust-card:nth-child(3),.premium-trust-card:nth-child(4){border-top:1px solid rgba(220,177,95,.4);padding-top:18px}}
@media(max-width:760px){.premium-trust-section{padding:22px 0 26px}.premium-trust-panel{padding:23px 14px 15px;border-radius:18px}.premium-trust-heading{margin-bottom:17px}.premium-trust-heading h2{font-size:27px}.premium-trust-heading p{font-size:12px}.premium-trust-grid{grid-template-columns:1fr;gap:0}.premium-trust-card{justify-content:flex-start;padding:13px 8px;border-right:0;border-top:1px solid rgba(220,177,95,.35)}.premium-trust-card:first-child{border-top:0}.premium-trust-card:nth-child(2){border-right:0}.premium-trust-card:nth-child(3),.premium-trust-card:nth-child(4){padding-top:13px}.premium-trust-icon{width:47px;height:47px;flex-basis:47px;font-size:22px}.premium-trust-card strong{font-size:13px}.premium-trust-card small{font-size:11px}}