/* ============================================================
   R&L Fence Company — Mobile Styles
   Desktop (> 860px) is completely untouched.
   All rules are scoped inside max-width media queries.
   ============================================================ */

@media (max-width: 860px) {

  /* ── GLOBAL RESETS ───────────────────────────────────────── */
  * { box-sizing: border-box }

  /* Prevent any horizontal overflow on the page */
  body { overflow-x: hidden !important }
  [style*="overflow-x:hidden"] { overflow-x: hidden !important }

  /* ── HEADER ──────────────────────────────────────────────── */
  .rl-desktop-nav  { display: none !important }
  .rl-hamburger    { display: flex !important }
  .rl-header-phone { display: none !important }
  header > div {
    height: auto !important;
    min-height: 60px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* ── ANNOUNCEMENT BAR ────────────────────────────────────── */
  [style*="background:#1b1e1c;color:#f6f3ec"] {
    font-size: 12px !important;
    padding: 9px 16px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  /* ── TRUST STRIP ─────────────────────────────────────────── */
  .rl-trust-strip {
    display: flex !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding: 11px 18px !important;
    gap: 0 20px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
  }
  .rl-trust-strip::-webkit-scrollbar { display: none }
  .rl-trust-strip span[style*="opacity:.3"] { display: none !important }
  .rl-trust-strip span[style*="display:inline-flex"] {
    white-space: nowrap !important;
    font-size: 13px !important;
    gap: 6px !important;
  }

  /* ── SECTION VERTICAL SPACING ────────────────────────────── */
  section[style*="padding:104px 0"] { padding-top: 52px !important; padding-bottom: 52px !important }
  section[style*="padding:88px 0"]  { padding-top: 48px !important; padding-bottom: 48px !important }
  section[style*="padding:80px 0"]  { padding-top: 44px !important; padding-bottom: 44px !important }
  section[style*="padding:64px 0"]  { padding-top: 36px !important; padding-bottom: 36px !important }

  /* ── PAGE HERO (dark bg sections) ───────────────────────── */
  section[style*="background:#1b1e1c;padding:72px 32px"] {
    padding: 44px 20px 52px !important;
  }
  section[style*="background:#1b1e1c;padding:72px 32px"] h1 {
    font-size: 30px !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
    margin-bottom: 14px !important;
    max-width: 100% !important;
  }
  section[style*="background:#1b1e1c;padding:72px 32px"] p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 100% !important;
  }

  /* ── INNER CONTAINER PADDING ─────────────────────────────── */
  [style*="max-width:1200px"][style*="padding:0 32px"] {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  [style*="max-width:1200px"][style*="padding:80px 32px"] {
    padding: 40px 18px !important;
  }
  [style*="max-width:600px"][style*="padding:0 32px"] {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* ── TYPOGRAPHY ──────────────────────────────────────────── */
  h1[style*="font-size:56px"] { font-size: 24px !important; line-height: 1.1 !important; letter-spacing: -.02em !important; max-width: 100% !important }
  h2[style*="font-size:48px"] { font-size: 26px !important; line-height: 1.1 !important }
  h2[style*="font-size:46px"] { font-size: 24px !important; line-height: 1.1 !important }
  h2[style*="font-size:44px"] { font-size: 24px !important; line-height: 1.1 !important }
  h2[style*="font-size:42px"] { font-size: 22px !important }
  h2[style*="font-size:40px"] { font-size: 22px !important }
  h2[style*="font-size:38px"] { font-size: 21px !important }
  h2[style*="font-size:36px"] { font-size: 21px !important }
  h3[style*="font-size:20px"] { font-size: 16px !important }
  h3[style*="font-size:18px"] { font-size: 15.5px !important }

  [style*="font-size:19px"] { font-size: 15px !important; line-height: 1.6 !important }
  [style*="font-size:18px"] { font-size: 15px !important; line-height: 1.6 !important }
  [style*="font-size:17px"] { font-size: 14.5px !important; line-height: 1.6 !important }

  /* Stat numbers */
  [style*="font-size:32px"][style*="line-height:1"] { font-size: 24px !important }
  [style*="font-size:30px"][style*="line-height:1"] { font-size: 22px !important }

  /* Section eyebrow labels */
  [style*="letter-spacing:.18em"] { font-size: 11.5px !important }

  /* Max-width limiters don't constrain on mobile */
  [style*="max-width:680px"],
  [style*="max-width:660px"],
  [style*="max-width:640px"],
  [style*="max-width:620px"],
  [style*="max-width:600px"],
  [style*="max-width:580px"],
  [style*="max-width:560px"],
  [style*="max-width:540px"],
  [style*="max-width:520px"],
  [style*="max-width:720px"] { max-width: 100% !important }

  /* ── BUTTONS ─────────────────────────────────────────────── */
  a[style*="padding:16px 28px"],
  button[style*="padding:16px"] {
    padding: 13px 20px !important;
    font-size: 15px !important;
  }
  a[style*="padding:16px 24px"] { padding: 13px 18px !important; font-size: 15px !important }
  a[style*="padding:15px 26px"] { padding: 12px 18px !important; font-size: 14px !important }
  a[style*="padding:14px 24px"] { padding: 12px 18px !important; font-size: 14px !important }
  a[style*="padding:15px 28px"] { padding: 12px 18px !important; font-size: 14px !important }

  /* ── HOME HERO ───────────────────────────────────────────── */
  section[style*="min-height:680px"] {
    min-height: auto !important;
  }
  .rl-hero-inner {
    padding: 48px 18px 44px !important;
  }
  .rl-hero-badge {
    padding: 6px 13px !important;
    margin-bottom: 18px !important;
  }
  .rl-hero-badge span { font-size: 12px !important }
  .rl-hero-title {
    font-size: 28px !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
    margin-bottom: 14px !important;
  }
  .rl-hero-desc {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 24px !important;
    max-width: 100% !important;
  }
  .rl-hero-btns {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 32px !important;
  }
  .rl-hero-stats {
    gap: 18px 16px !important;
    flex-wrap: wrap !important;
  }
  .rl-hero-stats > div > div:first-child { font-size: 24px !important }
  .rl-hero-stats > div > div:last-child  { font-size: 12px !important }
  /* Hide thin vertical dividers between stats */
  .rl-hero-stats > div[style*="width:1px"] { display: none !important }

  /* ── SERVICES + CARDS GRID (4-col) ───────────────────────── */
  /* Home page 4 service cards */
  .rl-services-grid {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 14px !important;
    padding-bottom: 8px !important;
    padding-right: 18px !important;
  }
  .rl-services-grid::-webkit-scrollbar { display: none }
  .rl-service-card {
    flex: 0 0 75vw !important;
    min-width: 230px !important;
    max-width: 290px !important;
    padding: 20px !important;
  }

  /* Services page 8-card grid */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:18px;margin-bottom:18px"],
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:18px"] {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 14px !important;
    padding-bottom: 8px !important;
    padding-right: 18px !important;
    flex-wrap: nowrap !important;
  }
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:18px"]::-webkit-scrollbar { display: none }
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:18px"] > div {
    flex: 0 0 75vw !important;
    min-width: 230px !important;
    max-width: 290px !important;
  }

  /* How It Works 4-step process row */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:0"] {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 0 !important;
    padding-bottom: 8px !important;
  }
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:0"]::-webkit-scrollbar { display: none }
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:0"] > div {
    flex: 0 0 72vw !important;
    min-width: 220px !important;
    padding: 0 18px !important;
  }

  /* ── REVIEWS GRID (3-col) ────────────────────────────────── */
  .rl-reviews-grid {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 14px !important;
    padding-bottom: 8px !important;
    padding-right: 18px !important;
  }
  .rl-reviews-grid::-webkit-scrollbar { display: none }
  .rl-reviews-grid > * {
    flex: 0 0 80vw !important;
    min-width: 260px !important;
    max-width: 310px !important;
  }

  /* Reviews section header — stack rating badge + link */
  [style*="justify-content:space-between"][style*="align-items:flex-end"][style*="flex-wrap:wrap"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
  }

  /* ── AREAS SECTION ───────────────────────────────────────── */
  .rl-areas-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .rl-areas-map  { display: none !important }
  .rl-areas-chips { gap: 8px !important }
  .rl-areas-chips a { padding: 7px 13px !important; font-size: 13px !important }

  /* ── CTA STRIP ───────────────────────────────────────────── */
  .rl-cta-section { padding: 56px 0 !important }
  .rl-cta-section h2 { font-size: 26px !important; margin-bottom: 12px !important }
  .rl-cta-section p  { font-size: 15px !important; margin-bottom: 24px !important }
  .rl-cta-section > div > div[style*="display:flex;gap:16px"] {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .rl-cta-section a {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
    display: flex !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
  }

  /* ── CONTACT PAGE ────────────────────────────────────────── */
  /* Stack info + form */
  [style*="grid-template-columns:.85fr 1.15fr"][style*="gap:64px"] {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  /* Name + phone side by side → stack */
  [style*="grid-template-columns:1fr 1fr"][style*="gap:16px"] {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  /* Form card padding */
  [style*="border-radius:16px"][style*="padding:36px"] {
    padding: 24px 18px !important;
  }
  /* Submit button full width */
  button[style*="padding:16px;border:none;border-radius:9px"] {
    padding: 14px !important;
    font-size: 16px !important;
  }

  /* ── MATERIALS PAGE ──────────────────────────────────────── */

  /* Tab row → horizontal scroll */
  .rl-mat-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    padding-bottom: 4px !important;
  }
  .rl-mat-tabs::-webkit-scrollbar { display: none }
  .rl-mat-tabs button { flex: none !important; font-size: 13px !important; padding: 9px 15px !important }

  /* Explorer card → stack preview above info */
  .rl-mat-explorer {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 16px !important;
  }
  .rl-mat-preview { overflow: hidden !important }
  .rl-mat-explorer [style*="font-size:26px"] { font-size: 18px !important }
  .rl-mat-explorer [style*="font-size:13.5px"] { font-size: 12px !important }
  .rl-mat-explorer [style*="font-size:21px"] { font-size: 17px !important }
  .rl-mat-explorer p { font-size: 14px !important; margin: 8px 0 16px !important }
  .rl-mat-explorer [style*="grid-template-columns:1fr 1fr;gap:16px 26px"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 16px !important;
    margin-bottom: 18px !important;
  }

  /* Comparison table → wrap scrolls, inner grid keeps structure */
  .rl-mat-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    margin: 0 -2px !important;
    border-radius: 10px !important;
  }
  .rl-mat-table-wrap::-webkit-scrollbar { display: none }
  .rl-mat-table {
    min-width: 660px !important;
    grid-template-columns: 140px repeat(5, minmax(90px,1fr)) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }
  .rl-mat-table > * { font-size: 13px !important; padding: 11px 12px !important }

  .rl-materials-grid {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 14px !important;
    padding-bottom: 8px !important;
    padding-right: 18px !important;
  }
  .rl-materials-grid::-webkit-scrollbar { display: none }
  .rl-materials-grid > * {
    flex: 0 0 78vw !important;
    min-width: 240px !important;
    max-width: 290px !important;
  }
  /* Materials explorer split layout */
  [style*="grid-template-columns:1.15fr 1fr"][style*="gap:36px"],
  [style*="grid-template-columns:1fr 1.15fr"][style*="gap:36px"],
  [style*="grid-template-columns:1.15fr 1fr"][style*="gap:40px"],
  [style*="grid-template-columns:1fr 1.15fr"][style*="gap:40px"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  /* Comparison table → horizontal scroll */
  [style*="grid-template-columns:repeat(6"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    display: block !important;
  }

  /* ── SERVICES PAGE ───────────────────────────────────────── */

  /* 8 service cards → 2-column grid (all visible, no scroll) */
  .rl-svc-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    display: grid !important;
    margin-bottom: 12px !important;
  }
  .rl-svc-grid > div {
    padding: 16px !important;
  }
  .rl-svc-grid h2 { font-size: 14px !important; margin-bottom: 6px !important }
  .rl-svc-grid p  { font-size: 13px !important; line-height: 1.5 !important; margin-bottom: 10px !important }
  .rl-svc-grid [style*="font-size:13px;color:#b89a5e"] { font-size: 11px !important; margin-bottom: 8px !important }

  /* How It Works → 2-column grid */
  .rl-steps-header { margin-bottom: 32px !important }
  .rl-steps-header h2 { font-size: 20px !important }
  .rl-steps-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 16px !important;
    display: grid !important;
  }
  .rl-steps-grid > div {
    padding: 0 12px !important;
  }
  .rl-steps-grid [style*="width:56px;height:56px"] {
    width: 44px !important;
    height: 44px !important;
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }
  .rl-steps-grid h3 { font-size: 14px !important; margin-bottom: 6px !important }
  .rl-steps-grid p  { font-size: 13px !important; line-height: 1.5 !important }

  /* ── GALLERY ─────────────────────────────────────────────── */
  .rl-gallery-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: 150px !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  .rl-gallery-grid > * {
    grid-row: auto !important;
    min-width: 0 !important;
  }
  /* Gallery filter chips → scroll */
  [style*="display:flex;gap:10px;flex-wrap:wrap"][style*="margin-bottom:32px"],
  [style*="display:flex;gap:10px;flex-wrap:wrap"][style*="margin-bottom:28px"] {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
  }

  /* ── GENERAL: TWO-COLUMN → SINGLE ───────────────────────── */
  [style*="grid-template-columns:1fr 1.1fr"],
  [style*="grid-template-columns:1.1fr 1fr"],
  [style*="grid-template-columns:1fr 1fr"][style*="gap:56px"],
  [style*="grid-template-columns:1fr 1fr"][style*="gap:48px"],
  [style*="grid-template-columns:1fr 1fr"][style*="gap:40px"],
  [style*="grid-template-columns:1fr 1fr"][style*="gap:36px"],
  [style*="grid-template-columns:.85fr 1.15fr"],
  [style*="grid-template-columns:1.15fr .85fr"],
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns:1.15fr"],
  [style*="grid-template-columns:1fr 1.15fr"],
  [style*="grid-template-columns:1.15fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  /* ── GENERIC CARD GRIDS (3-col) not covered by named class ── */
  [style*="grid-template-columns:repeat(3,1fr)"] {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 14px !important;
    padding-bottom: 8px !important;
    padding-right: 18px !important;
    flex-wrap: nowrap !important;
  }
  [style*="grid-template-columns:repeat(3,1fr)"]::-webkit-scrollbar { display: none }
  [style*="grid-template-columns:repeat(3,1fr)"] > * {
    flex: 0 0 78vw !important;
    min-width: 240px !important;
    max-width: 300px !important;
  }

  /* ── FAQ PAGE ────────────────────────────────────────────── */
  [style*="grid-template-columns:1fr 1fr"][style*="gap:20px"],
  [style*="grid-template-columns:1fr 1fr"][style*="gap:18px"] {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  /* FAQ accordion items */
  [style*="border-bottom:1px solid"][style*="padding:22px 0"],
  [style*="border-bottom:1px solid"][style*="padding:24px 0"] {
    padding: 16px 0 !important;
  }
  [style*="font-size:17px"][style*="font-weight:600"] { font-size: 15px !important }

  /* ── CITY PAGES ──────────────────────────────────────────── */
  .rl-city-stats {
    gap: 12px !important;
    flex-wrap: wrap !important;
  }
  .rl-city-stats > div { padding: 14px 16px !important }

  /* ── GALLERY PAGE ────────────────────────────────────────── */
  .rl-page-hero-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }
  .rl-page-hero-inner h1 { font-size: 30px !important; margin-bottom: 10px !important }
  .rl-page-hero-inner p  { font-size: 14.5px !important; line-height: 1.6 !important }
  .rl-page-hero-inner a[style*="white-space:nowrap"] { align-self: flex-start !important }

  .rl-gallery-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
  }
  .rl-gallery-tabs::-webkit-scrollbar { display: none }
  .rl-gallery-tabs button { flex: none !important; font-size: 13px !important; padding: 8px 14px !important }

  .rl-gallery-grid > * { height: 150px !important; grid-row: auto !important }
  .rl-gallery-grid img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important }
  .rl-gallery-grid [style*="font-size:13.5px"] { font-size: 12px !important }

  /* ── REVIEWS PAGE ────────────────────────────────────────── */
  .rl-reviews-full-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .rl-reviews-full-grid > div { padding: 18px !important }
  .rl-reviews-full-grid p { font-size: 14px !important; line-height: 1.6 !important }
  section[style*="background:#1b1e1c"] [style*="background:rgba(255,255,255,.06)"][style*="border-radius:16px"] {
    padding: 16px 20px !important;
    align-self: flex-start !important;
  }
  section[style*="background:#1b1e1c"] [style*="font-size:52px"] { font-size: 36px !important }

  /* ── AREAS PAGE ──────────────────────────────────────────── */
  .rl-areas-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .rl-areas-hero-map { display: block !important; min-height: 200px !important; width: 100% !important; margin-top: 4px !important }
  .rl-areas-hero-grid > div[style*="min-height:340px"] { min-height: 200px !important }
  .rl-areas-hero-grid h1 { font-size: 26px !important; margin-bottom: 12px !important }
  .rl-areas-hero-grid p  { font-size: 14px !important; margin-bottom: 20px !important }
  .rl-areas-hero-grid [style*="display:flex;gap:12px;flex-wrap:wrap"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .rl-areas-hero-grid a { font-size: 14px !important; padding: 11px 18px !important }

  .rl-city-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .rl-city-grid > a { padding: 14px !important }
  .rl-city-grid [style*="font-size:20px"] { font-size: 15px !important; margin-bottom: 4px !important }
  .rl-city-grid [style*="font-size:13px;color:#8a8576"] { font-size: 11.5px !important; margin-bottom: 6px !important }
  .rl-city-grid [style*="font-size:13.5px;color:#5e6259"] { display: none !important }
  .rl-city-grid [style*="font-size:13px;font-weight:700;color:#0b6f9e"] { font-size: 12px !important }
  .rl-city-grid [style*="font-size:11px;font-weight:700"] { font-size: 10px !important; padding: 3px 8px !important; margin-bottom: 8px !important }

  /* ── BLOG PAGE ───────────────────────────────────────────── */
  .rl-blog-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .rl-blog-grid article [style*="height:200px"] { height: 160px !important }
  .rl-blog-grid article [style*="padding:22px 24px 24px"] { padding: 16px !important }
  .rl-blog-grid article h2[style*="font-size:19px"] { font-size: 16px !important }
  .rl-blog-grid article p[style*="font-size:14.5px"] { font-size: 13.5px !important }



  /* Hero */
  .rl-city-page section[style*="min-height:500px"] { min-height: auto !important }
  .rl-city-page section[style*="min-height:500px"] [style*="padding:80px 32px"] {
    padding: 48px 18px 44px !important;
  }
  .rl-city-page section[style*="min-height:500px"] h1 {
    font-size: 28px !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
    margin-bottom: 12px !important;
    max-width: 100% !important;
  }
  .rl-city-page section[style*="min-height:500px"] p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 22px !important;
    max-width: 100% !important;
  }
  .rl-city-page section[style*="min-height:500px"] [style*="display:flex;gap:14px"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .rl-city-page section[style*="min-height:500px"] a { font-size: 14px !important; padding: 12px 18px !important }
  .rl-city-page section[style*="min-height:500px"] [style*="border-radius:999px"] {
    padding: 5px 12px !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
  }

  /* Trust strip */
  .rl-city-page [style*="background:#1b1e1c"] [style*="display:flex;flex-wrap:wrap"] {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 0 16px !important;
    padding: 10px 18px !important;
  }
  .rl-city-page [style*="background:#1b1e1c"] [style*="display:flex;flex-wrap:wrap"]::-webkit-scrollbar { display: none }
  .rl-city-page [style*="background:#1b1e1c"] span[style*="display:inline-flex"] { white-space: nowrap !important; font-size: 12.5px !important }
  .rl-city-page [style*="background:#1b1e1c"] span[style*="opacity:.3"] { display: none !important }

  /* Section padding */
  .rl-city-page section { padding-top: 52px !important; padding-bottom: 52px !important }
  .rl-city-page [style*="max-width:1200px"][style*="padding:0 32px"] { padding-left: 18px !important; padding-right: 18px !important }
  .rl-city-page [style*="max-width:620px"] { max-width: 100% !important; margin-bottom: 24px !important }

  /* Section headings */
  .rl-city-page h2[style*="font-size:44px"] { font-size: 22px !important; line-height: 1.1 !important }
  .rl-city-page h2[style*="font-size:42px"] { font-size: 21px !important; line-height: 1.1 !important }
  .rl-city-page h2[style*="font-size:40px"] { font-size: 20px !important; line-height: 1.1 !important }
  .rl-city-page h2[style*="font-size:38px"] { font-size: 20px !important; line-height: 1.1 !important }
  .rl-city-page p[style*="font-size:17px"] { font-size: 14px !important; line-height: 1.6 !important }
  .rl-city-page p[style*="font-size:16px"] { font-size: 14px !important; line-height: 1.6 !important }

  /* Services 4-col → horizontal scroll */
  .rl-city-page [style*="grid-template-columns:repeat(4,1fr)"] {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 12px !important;
    padding-bottom: 6px !important;
    flex-wrap: nowrap !important;
  }
  .rl-city-page [style*="grid-template-columns:repeat(4,1fr)"]::-webkit-scrollbar { display: none }
  .rl-city-page [style*="grid-template-columns:repeat(4,1fr)"] > div {
    flex: 0 0 72vw !important;
    min-width: 220px !important;
    max-width: 280px !important;
    padding: 18px !important;
  }
  .rl-city-page [style*="grid-template-columns:repeat(4,1fr)"] h3 { font-size: 14px !important; margin-bottom: 6px !important }
  .rl-city-page [style*="grid-template-columns:repeat(4,1fr)"] p { font-size: 13px !important; line-height: 1.5 !important }

  /* Materials teaser split → stack, hide image */
  .rl-city-page [style*="grid-template-columns:1fr 1fr;gap:56px"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .rl-city-page [style*="min-height:360px"] { display: none !important }
  .rl-city-page [style*="display:flex;flex-wrap:wrap;gap:9px"] { gap: 7px !important }

  /* Contact form → stack */
  .rl-city-page [style*="grid-template-columns:.85fr 1.15fr;gap:56px"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .rl-city-page [style*="border-radius:16px"][style*="padding:34px"] { padding: 18px 16px !important }
  .rl-city-page [style*="grid-template-columns:1fr 1fr;gap:14px"] { grid-template-columns: 1fr !important; gap: 10px !important }
  .rl-city-page input, .rl-city-page select, .rl-city-page textarea {
    padding: 11px 12px !important; font-size: 14px !important;
    width: 100% !important; box-sizing: border-box !important;
  }
  .rl-city-page button[type="submit"] { padding: 14px !important; font-size: 15px !important; width: 100% !important }

  /* FAQ 2-col → 1-col */
  .rl-city-page [style*="grid-template-columns:1fr 1fr;gap:18px"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .rl-city-page [style*="border-radius:12px"][style*="padding:26px"] { padding: 16px !important }
  .rl-city-page [style*="border-radius:12px"][style*="padding:26px"] h3 { font-size: 14.5px !important; margin-bottom: 7px !important }
  .rl-city-page [style*="border-radius:12px"][style*="padding:26px"] p { font-size: 13.5px !important; line-height: 1.6 !important }

  /* ── CONTACT PAGE ────────────────────────────────────────── */
  .rl-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  /* Info column */
  .rl-contact-grid > div:first-child [style*="gap:22px"] { gap: 14px !important }
  .rl-contact-grid [style*="width:44px;height:44px;border-radius:10px"] {
    width: 36px !important; height: 36px !important; font-size: 15px !important; flex: none !important;
  }
  .rl-contact-grid [style*="font-size:22px"] { font-size: 17px !important }
  .rl-contact-grid [style*="border-radius:14px"][style*="padding:20px 22px"] { padding: 14px 16px !important }
  .rl-contact-grid [style*="font-size:14.5px"][style*="padding:5px 0"] { font-size: 13px !important }
  /* Form card — full width, no overflow */
  .rl-contact-grid > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
  }
  .rl-contact-grid [style*="border-radius:16px"][style*="padding:36px"] {
    padding: 20px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Name + phone row → stack */
  .rl-contact-grid [style*="grid-template-columns:1fr 1fr"][style*="gap:16px"] {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  /* Inputs */
  .rl-contact-grid input, .rl-contact-grid select, .rl-contact-grid textarea {
    padding: 11px 12px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Submit button */
  .rl-contact-grid button[type="submit"] {
    padding: 14px !important;
    font-size: 15px !important;
    width: 100% !important;
  }
  /* Form title */
  .rl-contact-grid [style*="font-size:22px"][style*="margin-bottom:4px"] { font-size: 17px !important }
  /* Small print */
  .rl-contact-grid [style*="font-size:12.5px"] { font-size: 12px !important }

  /* ── FOOTER ──────────────────────────────────────────────── */
  .rl-footer { padding: 44px 0 24px !important }
  .rl-footer > div:first-child {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /* Logo + about column */
  .rl-footer img { height: 36px !important }
  .rl-footer p[style*="max-width:300px"] { font-size: 13.5px !important; max-width: 100% !important }
  /* Quick links + cities — side by side */
  .rl-footer > div:first-child > div:nth-child(2),
  .rl-footer > div:first-child > div:nth-child(3) { display: inline-block !important; width: calc(50% - 8px) !important; vertical-align: top !important }
  .rl-footer > div:first-child > div:nth-child(2) { margin-right: 8px !important }
  /* Shrink link font size */
  .rl-footer a[style*="font-size:14.5px"] { font-size: 13px !important }
  .rl-footer [style*="gap:11px"] { gap: 9px !important }
  /* Contact column full width */
  .rl-footer > div:first-child > div:nth-child(4) { display: block !important; width: 100% !important }
  .rl-footer a[style*="font-size:17px"] { font-size: 16px !important }
  /* Bottom bar */
  .rl-footer > div:last-child {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 12px !important;
  }
  .rl-footer > div:last-child span[style*="display:flex"] {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  /* ── IMAGE / MAP BLOCKS ──────────────────────────────────── */
  [style*="min-height:420px"][style*="border-radius:16px"] {
    min-height: 200px !important;
    border-radius: 12px !important;
  }
  [style*="min-height:360px"][style*="border-radius:14px"],
  [style*="min-height:340px"][style*="border-radius:14px"] {
    min-height: 190px !important;
  }
  [style*="min-height:480px"],
  [style*="min-height:500px"] { min-height: 200px !important }
  [style*="grid-auto-rows:240px"] { grid-auto-rows: 180px !important }

  /* ── SECTION INTRO: header row stack ────────────────────── */
  div[style*="display:flex;justify-content:space-between;align-items:flex-end"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 28px !important;
  }

  /* ── MISC FLEX ROW ADJUSTMENTS ───────────────────────────── */
  /* Stats row with gaps */
  [style*="display:flex;gap:28px;flex-wrap:wrap"] { gap: 16px 20px !important }
  [style*="display:flex;gap:24px;flex-wrap:wrap"] { gap: 14px 16px !important }

}

/* ── SMALL PHONES (< 420px) ────────────────────────────────── */
@media (max-width: 420px) {
  .rl-hero-title { font-size: 24px !important }
  h2[style*="font-size:48px"],
  h2[style*="font-size:46px"],
  h2[style*="font-size:44px"] { font-size: 21px !important }
  section[style*="background:#1b1e1c;padding:72px 32px"] h1 { font-size: 25px !important }
  .rl-service-card,
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:18px"] > div,
  [style*="grid-template-columns:repeat(3,1fr)"] > *,
  .rl-reviews-grid > * {
    flex-basis: 82vw !important;
  }
}