/* TowFast Brisbane public website mobile compact-fit override v1 — 2026-06-06
   Scope: public-facing website only. Does not target /portal, admin or driver UI. */

@media (max-width: 768px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  html body .wrap,
  html body main#main .wrap,
  html body .tf-footer-v8 .tf-footer-shell {
    width: calc(100% - 20px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 0 !important;
  }

  html body .site-header {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body .site-header .nav-wrap {
    width: calc(100% - 14px) !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 8px !important;
    gap: 6px !important;
  }

  html body .site-header .brand {
    flex: 0 0 118px !important;
    width: 118px !important;
    max-width: 118px !important;
    height: 48px !important;
  }

  html body .site-header .brand img {
    width: 106px !important;
    max-width: 106px !important;
    max-height: 40px !important;
  }

  html body .site-header .menu-toggle {
    min-width: 66px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  html body .site-header .site-nav.open {
    top: 64px !important;
    left: 7px !important;
    right: 7px !important;
    max-height: calc(100dvh - 78px) !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  html body .site-header .site-nav.open a,
  html body .site-header .site-nav.open .nav-link {
    min-height: 42px !important;
    padding: 10px 12px !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
  }

  html body main#main {
    padding-top: 64px !important;
    overflow-x: hidden !important;
  }

  html body main#main > section:first-child,
  html body main#main > div:first-child,
  html body main#main > section.page-hero:first-child,
  html body main#main > section.hero:first-child,
  html body .page-hero {
    padding-top: 16px !important;
    margin-top: 0 !important;
  }

  html body main#main > div.home-hero-bg-wrap:first-child,
  html body .home-hero-bg-wrap {
    padding-top: 0 !important;
  }

  html body .home-hero-bg-wrap .hero,
  html body main#main > section.hero:first-child {
    padding-top: 0 !important;
    min-height: 0 !important;
  }

  html body .home-hero-bg-wrap .hero-inner,
  html body main#main > section.hero:first-child .hero-inner,
  html body .hero-inner,
  html body .page-hero-grid,
  html body .blog-hero-grid {
    width: calc(100% - 20px) !important;
    max-width: 1180px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding-top: 16px !important;
    padding-bottom: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  html body section,
  html body .section,
  html body .reviews-section,
  html body .cta-band,
  html body .site-footer,
  html body .tf-footer-v8 {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  html body .cash-under-hero-v18 {
    padding-top: 10px !important;
    padding-bottom: 22px !important;
  }

  html body .home-why-popular-section,
  html body .home-seo-searches-section {
    padding-top: 24px !important;
    padding-bottom: 32px !important;
  }

  html body .hero h1,
  html body .page-hero h1,
  html body h1 {
    font-size: clamp(28px, 8.4vw, 38px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.045em !important;
    margin: 0 0 9px !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance !important;
  }

  html body h2,
  html body .section-intro h2,
  html body .cta-grid h2,
  html body .body-copy h2,
  html body .home-seo-searches-box h2,
  html body .tf-footer-brand-card h2 {
    font-size: clamp(22px, 6.4vw, 29px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 9px !important;
  }

  html body h3,
  html body .service-card h3,
  html body .info-card h3,
  html body .area-card h3,
  html body .blog-card h3,
  html body .review-card h3 {
    font-size: 18px !important;
    line-height: 1.15 !important;
    margin-bottom: 7px !important;
  }

  html body .eyebrow {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.065em !important;
    margin-bottom: 6px !important;
  }

  html body p,
  html body li,
  html body .hero p.lead,
  html body .page-hero p,
  html body .section-intro p,
  html body .body-copy p,
  html body .body-copy li,
  html body .service-card p,
  html body .info-card p,
  html body .area-card p,
  html body .blog-card p,
  html body .review-card p,
  html body .legal-card p,
  html body .legal-card li {
    font-size: 14.5px !important;
    line-height: 1.48 !important;
  }

  html body p,
  html body .lead,
  html body .section-intro p,
  html body .body-copy p {
    margin-top: 0 !important;
    margin-bottom: 11px !important;
  }

  html body .section-intro {
    margin-bottom: 18px !important;
  }

  html body .hero-actions,
  html body .cta-actions,
  html body .cash-actions-v18,
  html body .reviews-actions,
  html body .tf-footer-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin: 11px 0 !important;
    width: 100% !important;
  }

  html body .btn,
  html body .call-pill,
  html body .hero-actions .btn,
  html body .cta-actions .btn,
  html body .cash-actions-v18 .btn,
  html body .reviews-actions .btn,
  html body .tf-footer-actions a,
  html body button[type="submit"] {
    width: 100% !important;
    min-height: 40px !important;
    padding: 9px 11px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  html body .trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 10px !important;
  }

  html body .trust-row span,
  html body .area-cloud a,
  html body .chip {
    padding: 6px 7px !important;
    border-radius: 10px !important;
    font-size: 10.8px !important;
    line-height: 1.18 !important;
    text-align: center !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  html body .card-grid,
  html body .grid2,
  html body .grid3,
  html body .split,
  html body .content-grid,
  html body .proof-grid,
  html body .reviews-grid,
  html body .home-seo-link-grid,
  html body .tf-footer-top,
  html body .tf-footer-link-grid,
  html body .footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body .hero-card,
  html body .hero-info-card,
  html body .areas-hero-card,
  html body .blog-hero-card,
  html body .service-card,
  html body .info-card,
  html body .area-card,
  html body .blog-card,
  html body .quote-panel,
  html body .legal-card,
  html body .highlight-box,
  html body .proof,
  html body .review-card,
  html body .contact-map-copy,
  html body .contact-map-box,
  html body .cash-strip-v18,
  html body .home-seo-searches-box,
  html body .tf-footer-brand-card,
  html body .tf-footer-col,
  html body .faq details,
  html body details {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    border-radius: 15px !important;
  }

  html body .service-card img,
  html body .blog-card img,
  html body .image-panel img {
    margin-bottom: 10px !important;
    border-radius: 13px !important;
  }

  html body .image-panel,
  html body .map-placeholder,
  html body .mapbox {
    min-height: 220px !important;
    max-height: 300px !important;
  }

  html body .quick-list,
  html body .compact-list,
  html body .faq {
    gap: 9px !important;
  }

  html body .quick-list a,
  html body .compact-list a,
  html body .service-list a,
  html body .area-list a,
  html body .blog-list a {
    min-height: 40px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
  }

  html body .proof strong {
    font-size: 23px !important;
    line-height: 1.05 !important;
  }

  html body .hero-urgent-line,
  html body .home-hero-bg-wrap .hero-urgent-line {
    gap: 7px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  html body .hero-urgent-line span,
  html body .home-hero-bg-wrap .hero-urgent-line span {
    font-size: 13px !important;
    line-height: 1.32 !important;
  }

  html body .hero-urgent-line a,
  html body .home-hero-bg-wrap .hero-urgent-line a {
    width: 100% !important;
    padding: 8px 10px !important;
    text-align: center !important;
    font-size: 13px !important;
  }

  html body .cash-under-hero-v18 .cash-strip-v18 {
    gap: 10px !important;
    padding: 14px !important;
  }

  html body .cash-strip-v18 h2 {
    font-size: 21px !important;
  }

  html body .cash-strip-v18 p {
    font-size: 13.8px !important;
    line-height: 1.42 !important;
  }

  html body form.tf-public-quote-form,
  html body form[action="/quote-submit.php"].tf-public-quote-form,
  html body .quote-form {
    padding: 13px !important;
    gap: 10px !important;
    margin-top: 8px !important;
  }

  html body .quote-panel:has(form.tf-public-quote-form) > .eyebrow:first-child,
  html body .quote-panel:has(form.tf-public-quote-form) > h2,
  html body .quote-panel:has(form.tf-public-quote-form) > p:not(.eyebrow),
  html body .quote-panel.tf-pro-quote-panel > .eyebrow:first-child,
  html body .quote-panel.tf-pro-quote-panel > h2,
  html body .quote-panel.tf-pro-quote-panel > p:not(.eyebrow) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body form.tf-public-quote-form .form-grid,
  html body form.tf-public-quote-form .form-grid.two,
  html body form.tf-public-quote-form .form-grid.three,
  html body .form-grid,
  html body .form-grid.two,
  html body .form-grid.three,
  html body .quote-form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  html body label,
  html body form.tf-public-quote-form label {
    gap: 4px !important;
    font-size: 12.2px !important;
    line-height: 1.22 !important;
  }

  html body input,
  html body select,
  html body textarea,
  html body .quote-form input,
  html body .quote-form select,
  html body .quote-form textarea,
  html body form.tf-public-quote-form input,
  html body form.tf-public-quote-form select,
  html body form.tf-public-quote-form textarea {
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-top: 4px !important;
  }

  html body textarea,
  html body form.tf-public-quote-form textarea {
    min-height: 78px !important;
  }

  html body form.tf-public-quote-form .quote-fast-help,
  html body form.tf-public-quote-form .quote-section-title,
  html body form.tf-public-quote-form .quote-more-details,
  html body form.tf-public-quote-form .mini-note {
    padding: 10px !important;
    border-radius: 12px !important;
    margin: 0 !important;
  }

  html body form.tf-public-quote-form .quote-section-title strong {
    font-size: 15px !important;
  }

  html body form.tf-public-quote-form .quote-section-title span,
  html body form.tf-public-quote-form .quote-fast-help span,
  html body form.tf-public-quote-form .mini-note {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  html body form.tf-public-quote-form .quote-more-details summary {
    min-height: 38px !important;
    padding: 10px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
  }

  html body .home-seo-link-grid a {
    min-height: auto !important;
    padding: 12px !important;
    border-radius: 13px !important;
  }

  html body .home-seo-link-grid a span {
    font-size: 13px !important;
    line-height: 1.34 !important;
  }

  html body .reviews-head {
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  html body .review-stars {
    font-size: 17px !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
  }

  html body .tf-footer-v8 {
    padding-bottom: 92px !important;
  }

  html body .tf-footer-logo {
    width: 112px !important;
    margin-bottom: 4px !important;
  }

  html body .tf-footer-v8 .tf-footer-col a {
    padding: 7px 0 !important;
    font-size: 13px !important;
    line-height: 1.22 !important;
  }

  html body .tf-footer-bottom {
    gap: 10px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    font-size: 12px !important;
  }

  html body #tf-mobile-action-bar {
    left: 6px !important;
    right: 6px !important;
    bottom: calc(6px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 5px !important;
    border-radius: 14px !important;
  }

  html body #tf-mobile-action-bar a,
  html body #tf-mobile-action-bar button {
    min-height: 38px !important;
    padding: 6px 2px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  html body #tf-cookie-consent {
    left: 8px !important;
    right: 8px !important;
    bottom: calc(62px + env(safe-area-inset-bottom)) !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  html body #tf-cookie-consent p {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 0 !important;
  }

  html body .cta-band,
  html body .site-footer {
    padding-bottom: 92px !important;
  }
}

@media (max-width: 430px) {
  html body .wrap,
  html body main#main .wrap,
  html body .tf-footer-v8 .tf-footer-shell,
  html body .home-hero-bg-wrap .hero-inner,
  html body main#main > section.hero:first-child .hero-inner,
  html body .hero-inner,
  html body .page-hero-grid,
  html body .blog-hero-grid {
    width: calc(100% - 18px) !important;
  }

  html body .site-header,
  html body .site-header .nav-wrap {
    height: 60px !important;
    min-height: 60px !important;
  }

  html body .site-header .brand {
    flex-basis: 108px !important;
    width: 108px !important;
    max-width: 108px !important;
  }

  html body .site-header .brand img {
    width: 96px !important;
    max-width: 96px !important;
  }

  html body .site-header .menu-toggle {
    min-width: 62px !important;
    height: 38px !important;
    font-size: 12.5px !important;
  }

  html body .site-header .site-nav.open {
    top: 60px !important;
    max-height: calc(100dvh - 74px) !important;
  }

  html body main#main {
    padding-top: 60px !important;
  }

  html body .hero h1,
  html body .page-hero h1,
  html body h1 {
    font-size: clamp(27px, 8.2vw, 34px) !important;
  }

  html body h2,
  html body .section-intro h2,
  html body .cta-grid h2,
  html body .body-copy h2,
  html body .home-seo-searches-box h2,
  html body .tf-footer-brand-card h2 {
    font-size: clamp(21px, 6.2vw, 27px) !important;
  }

  html body p,
  html body li,
  html body .hero p.lead,
  html body .page-hero p,
  html body .section-intro p,
  html body .body-copy p,
  html body .body-copy li,
  html body .service-card p,
  html body .info-card p,
  html body .area-card p,
  html body .blog-card p,
  html body .review-card p {
    font-size: 14px !important;
    line-height: 1.44 !important;
  }

  html body section,
  html body .section,
  html body .reviews-section,
  html body .cta-band,
  html body .site-footer,
  html body .tf-footer-v8 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  html body .hero-card,
  html body .service-card,
  html body .info-card,
  html body .area-card,
  html body .blog-card,
  html body .quote-panel,
  html body .highlight-box,
  html body .proof,
  html body .review-card,
  html body .cash-strip-v18,
  html body .home-seo-searches-box,
  html body .tf-footer-brand-card,
  html body .tf-footer-col,
  html body .faq details,
  html body details {
    padding: 12px !important;
    border-radius: 13px !important;
  }

  html body .trust-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .tf-footer-v8,
  html body .cta-band,
  html body .site-footer {
    padding-bottom: 88px !important;
  }
}


/* TowFast mobile CTA one-line colour polish v2 — 2026-06-06
   Keeps Chat / WhatsApp / Quote / Call in one row on phones and adds TowFast blue accents. */
@media (max-width: 768px) {
  html body {
    padding-bottom: calc(66px + env(safe-area-inset-bottom)) !important;
  }

  html body #tf-mobile-action-bar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    left: 5px !important;
    right: 5px !important;
    bottom: calc(5px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: calc(100% - 10px) !important;
    min-width: 0 !important;
    gap: 4px !important;
    padding: 5px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(5, 6, 7, .96) 0%, rgba(8, 16, 32, .96) 100%) !important;
    border: 1px solid rgba(80, 111, 253, .42) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.35), 0 0 0 1px rgba(188,255,20,.10) inset !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html body #tf-mobile-action-bar .tf-mobile-action-chat,
  html body #tf-mobile-action-bar .tf-mobile-action-whatsapp,
  html body #tf-mobile-action-bar .tf-mobile-action-quote,
  html body #tf-mobile-action-bar .tf-mobile-action-call {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 2px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
    font-size: 10.8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  html body #tf-mobile-action-bar .tf-mobile-action-chat {
    order: 1 !important;
    background: #111722 !important;
    color: #ffffff !important;
    border: 1px solid rgba(80, 111, 253, .55) !important;
  }

  html body #tf-mobile-action-bar .tf-mobile-action-whatsapp {
    order: 2 !important;
    background: linear-gradient(135deg, #18b957 0%, #25D366 100%) !important;
    color: #031006 !important;
    border: 1px solid rgba(37, 211, 102, .92) !important;
  }

  html body #tf-mobile-action-bar .tf-mobile-action-quote {
    order: 3 !important;
    background: linear-gradient(135deg, #bcff14 0%, #dfff5d 100%) !important;
    color: #050607 !important;
    border: 1px solid rgba(188,255,20,.95) !important;
  }

  html body #tf-mobile-action-bar .tf-mobile-action-call {
    order: 4 !important;
    background: linear-gradient(135deg, #506ffd 0%, #5578ff 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(80,111,253,.98) !important;
  }

  html body #tf-cookie-consent {
    bottom: calc(66px + env(safe-area-inset-bottom)) !important;
  }

  html body .cta-band,
  html body .site-footer,
  html body .tf-footer-v8 {
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 380px) {
  html body #tf-mobile-action-bar {
    left: 4px !important;
    right: 4px !important;
    max-width: calc(100% - 8px) !important;
    gap: 3px !important;
    padding: 4px !important;
  }

  html body #tf-mobile-action-bar .tf-mobile-action-chat,
  html body #tf-mobile-action-bar .tf-mobile-action-whatsapp,
  html body #tf-mobile-action-bar .tf-mobile-action-quote,
  html body #tf-mobile-action-bar .tf-mobile-action-call {
    height: 39px !important;
    min-height: 39px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    letter-spacing: -0.055em !important;
  }
}

@media (max-width: 340px) {
  html body #tf-mobile-action-bar .tf-mobile-action-whatsapp {
    font-size: 9.2px !important;
  }
  html body #tf-mobile-action-bar .tf-mobile-action-quote {
    font-size: 9.4px !important;
  }
}

/* TowFast in-page mobile CTA polish v3 — 2026-06-06
   Real website buttons, not the floating bar: keep common Call / Quote / WhatsApp CTA groups on one line on mobile. */
@media (max-width: 768px) {
  html body .hero-actions,
  html body .cta-actions,
  html body .cash-actions-v18,
  html body .reviews-actions,
  html body .tf-footer-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 11px 0 13px !important;
    overflow: hidden !important;
  }

  html body .hero-actions > .btn,
  html body .cta-actions > .btn,
  html body .cash-actions-v18 > .btn,
  html body .reviews-actions > .btn,
  html body .tf-footer-actions > a,
  html body .tf-footer-actions > .btn {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    font-size: 11.4px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  html body .hero-actions > .btn[href^="tel:"],
  html body .cta-actions > .btn[href^="tel:"],
  html body .cash-actions-v18 > .btn[href^="tel:"],
  html body .reviews-actions > .btn[href^="tel:"],
  html body .tf-footer-actions > a[href^="tel:"],
  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href^="tel:"] {
    background: linear-gradient(135deg, #506ffd 0%, #5578ff 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(80,111,253,.96) !important;
  }

  html body .hero-actions > .btn[href*="/whatsapp"],
  html body .cta-actions > .btn[href*="/whatsapp"],
  html body .cash-actions-v18 > .btn[href*="/whatsapp"],
  html body .reviews-actions > .btn[href*="/whatsapp"],
  html body .tf-footer-actions > a[href*="/whatsapp"] {
    background: linear-gradient(135deg, #18b957 0%, #25D366 100%) !important;
    color: #031006 !important;
    border: 1px solid rgba(37,211,102,.92) !important;
  }

  html body .hero-actions > .btn[href*="quote"],
  html body .hero-actions > .btn[href*="#quote-form"],
  html body .cta-actions > .btn[href*="quote"],
  html body .cta-actions > .btn[href*="#quote-form"],
  html body .cash-actions-v18 > .btn[href*="quote"],
  html body .cash-actions-v18 > .btn[href*="#quote-form"],
  html body .tf-footer-actions > a[href*="quote"],
  html body .tf-footer-actions > a[href*="#quote-form"],
  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href*="quote"] {
    background: linear-gradient(135deg, #bcff14 0%, #dfff5d 100%) !important;
    color: #050607 !important;
    border: 1px solid rgba(188,255,20,.96) !important;
  }

  html body .hero-actions > .btn.dark:not([href*="quote"]):not([href*="#quote-form"]),
  html body .cta-actions > .btn.dark:not([href*="quote"]):not([href*="#quote-form"]),
  html body .cash-actions-v18 > .btn.dark:not([href*="quote"]):not([href*="#quote-form"]),
  html body .reviews-actions > .btn.dark,
  html body .tf-footer-actions > a:not([href^="tel:"]):not([href*="quote"]):not([href*="/whatsapp"]) {
    background: #111722 !important;
    color: #ffffff !important;
    border: 1px solid rgba(80,111,253,.42) !important;
  }

  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > br {
    display: none !important;
  }

  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href^="tel:"],
  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href*="quote"] {
    display: inline-flex !important;
    width: calc(50% - 3px) !important;
    max-width: calc(50% - 3px) !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 6px !important;
    margin-top: 8px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    font-size: 11.8px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: top !important;
  }

  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href^="tel:"] {
    margin-right: 3px !important;
  }

  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href*="quote"] {
    margin-left: 3px !important;
  }
}

@media (max-width: 380px) {
  html body .hero-actions,
  html body .cta-actions,
  html body .cash-actions-v18,
  html body .reviews-actions,
  html body .tf-footer-actions {
    gap: 4px !important;
  }

  html body .hero-actions > .btn,
  html body .cta-actions > .btn,
  html body .cash-actions-v18 > .btn,
  html body .reviews-actions > .btn,
  html body .tf-footer-actions > a,
  html body .tf-footer-actions > .btn {
    min-height: 38px !important;
    height: 38px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    border-radius: 10px !important;
    font-size: 10.4px !important;
    letter-spacing: -0.06em !important;
  }

  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href^="tel:"],
  html body .quote-panel:has(> a.btn.full[href^="tel:"]):has(> a.btn.full[href*="quote"]) > a.btn.full[href*="quote"] {
    min-height: 38px !important;
    height: 38px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 10.8px !important;
  }
}

@media (max-width: 340px) {
  html body .hero-actions > .btn,
  html body .cta-actions > .btn,
  html body .cash-actions-v18 > .btn,
  html body .reviews-actions > .btn,
  html body .tf-footer-actions > a,
  html body .tf-footer-actions > .btn {
    font-size: 9.6px !important;
  }
}