:root{--ink:#071725;--ink2:#102b40;--orange:#ff641f;--orange2:#ff7b35;--soft:#f4f7f9;--line:#e3e9ee;--green:#1eb66b;--text:#15202b;--muted:#65727e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:white}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:#06131e;color:#fff;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}.toplinks{display:flex;gap:24px}
.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.navin{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.brand{font-weight:950;font-size:27px;letter-spacing:-1.2px}.brand i{display:inline-block;width:15px;height:15px;background:var(--orange);transform:rotate(45deg);margin-right:12px}.brand small{font-size:11px}.menu{display:flex;gap:23px;align-items:center;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:13px 19px;background:var(--orange);color:#fff;font-weight:800;box-shadow:0 8px 24px #ff641f33}.btn.outline{background:transparent;border:1px solid #ffffff80;color:#fff;box-shadow:none}.btn.light{background:#fff;color:var(--ink)}
.hero{position:relative;min-height:510px;background:linear-gradient(90deg,#020a11 0%,#071827 52%,#11364f 100%);color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.72;filter:saturate(.95) contrast(1.04);transition:opacity .3s}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,9,16,.95) 0%,rgba(3,15,25,.74) 45%,rgba(3,15,25,.30) 78%,rgba(3,15,25,.36))}
.hero .wrap{position:relative;z-index:2;padding:66px 0 55px}.crumb{font-size:13px;color:#d4dde5;margin-bottom:18px}.eyebrow{font-size:13px;font-weight:950;color:var(--orange);letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.96;letter-spacing:-3.2px;margin:10px 0 18px;max-width:700px}.hero h1 span{color:var(--orange)}.hero p{font-size:18px;line-height:1.55;max-width:700px;color:#f1f5f7}.features{display:flex;gap:28px;flex-wrap:wrap;margin:24px 0}.feature{display:flex;gap:10px;align-items:center;font-weight:800;font-size:14px}.feature b{font-size:24px}.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-credit{position:absolute;right:18px;bottom:10px;z-index:3;font-size:11px;color:#dbe5ec;background:#06131ea8;padding:5px 8px;border-radius:6px}
.section{padding:54px 0}.soft{background:var(--soft)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h2{font-size:32px;letter-spacing:-1.2px;margin:5px 0}.section-title p{color:var(--muted);margin:0;max-width:680px}
.service-grid{display:grid;grid-template-columns:1.4fr .85fr .8fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 10px 30px #0e253709}.panel.dark{background:#0b1c28;color:#fff;border:none}.panel h3{font-size:22px;margin:0 0 7px}.panel p{color:var(--muted);line-height:1.55}.panel.dark p{color:#d7e0e6}
.map{height:340px;border-radius:12px;overflow:hidden;background:#e8eef2}.district-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto}.district-list a{padding:10px;border-radius:8px;background:#f6f8fa;font-weight:700;font-size:13px}.district-list a:hover{background:#fff0e8;color:var(--orange)}
.truck-visual{height:150px;border-radius:10px;background:linear-gradient(140deg,#152c3e,#07121b);display:grid;place-items:center;font-size:70px;margin:12px 0}
.product-layout{display:grid;grid-template-columns:1fr 1fr 1fr .72fr;gap:14px}.card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px;box-shadow:0 10px 28px #10202e0b}.coal-photo{height:145px;border-radius:10px;background:radial-gradient(circle at 32% 30%,#4d5358 0 7%,#16191c 8% 17%,#34393d 18% 26%,#0c0e10 27% 43%,#23272a 44% 60%,#060708 61%);position:relative;overflow:hidden}.coal-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff16,transparent 45%,#0005)}.card h3{font-size:20px;margin:16px 0 8px}.ticks{padding:0;list-style:none;color:#4f5b66;font-size:14px;line-height:1.9}.ticks li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}
.sizes{background:#fbfcfd}.size{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.stone{width:44px;height:30px;border-radius:45% 55% 53% 47%;background:radial-gradient(circle at 30% 25%,#555,#181a1b 34%,#090a0a 75%);box-shadow:8px 2px 0 #282b2d,-4px 7px 0 #111}
.price-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:16px}table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:14px}th{background:#f4f7f9}.ask{color:var(--orange);font-weight:900}
.form label{display:block;font-weight:800;font-size:13px;margin:11px 0 6px}.form select,.form input,.form textarea{width:100%;padding:12px;border:1px solid #dce3e8;border-radius:8px;background:#fff;font:inherit}
.trust{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.trust .item{display:flex;gap:10px;align-items:center}.trust .ico{width:44px;height:44px;border-radius:50%;background:#e9f6f8;display:grid;place-items:center;font-size:21px}.trust b{display:block;font-size:13px}.trust span{font-size:12px;color:var(--muted)}
.cta{background:linear-gradient(90deg,#07131d,#102d3f);color:#fff;padding:32px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:32px;margin:0 0 5px}.footer{background:#06131e;color:#dce4e9;padding:42px 0 24px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer h4{color:#fff}.footer a{display:block;margin:9px 0;color:#cbd7de;font-size:14px}.copyright{border-top:1px solid #ffffff20;margin-top:28px;padding-top:18px;color:#91a1ac;font-size:12px}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:8px 11px;border:1px solid #dfe6ea;border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:#4d5b65}.local-copy{font-size:17px;line-height:1.8;color:#45545f}.cities-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cities-grid a{padding:13px;border:1px solid var(--line);border-radius:9px;font-weight:800;background:#fff}.cities-grid a:hover{border-color:#ff9b6d;color:var(--orange)}
.special-hero{padding:70px 0;background:linear-gradient(135deg,#071725,#143750);color:#fff}.special-hero h1{font-size:52px;letter-spacing:-2px;margin:8px 0}.content h2{font-size:30px;margin-top:34px}.content p,.content li{line-height:1.75;color:#4d5b65}
@media(max-width:950px){.menu a:not(.btn){display:none}.service-grid,.product-layout,.price-grid{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}.cities-grid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}.hero{min-height:480px}.hero h1{letter-spacing:-2px}}
@media(max-width:600px){.toplinks{gap:10px}.topbar .wrap{font-size:11px}.brand{font-size:20px}.navin{min-height:64px}.hero .wrap{padding:48px 0}.hero h1{font-size:44px}.hero p{font-size:15px}.features{gap:12px}.section{padding:38px 0}.section-title h2{font-size:27px}.trust,.footergrid{grid-template-columns:1fr}.cta .wrap{align-items:flex-start;flex-direction:column}.cities-grid{grid-template-columns:1fr}}


/* V10 mobile conversion */
.mobile-top-cta{display:none}
.mobile-bottom-nav{display:none}
.mobile-bottom-spacer{display:none}
.phone-link{font-weight:900;color:#fff}
@media(max-width:950px){
  .menu{gap:10px}
  .menu .btn{display:none}
  .mobile-top-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 14px;
    border-radius:8px;
    background:var(--orange);
    color:#fff;
    font-size:13px;
    font-weight:900;
    box-shadow:0 8px 22px #ff641f33;
    white-space:nowrap;
  }
  .mobile-bottom-nav{
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:9999;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    background:#fff;
    border-top:1px solid #dfe6ea;
    box-shadow:0 -8px 28px #06131e20;
    min-height:66px;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .mobile-bottom-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font-size:10px;
    font-weight:800;
    color:#263541;
    min-width:0;
    padding:7px 3px;
  }
  .mobile-bottom-nav a b{font-size:20px;line-height:1}
  .mobile-bottom-nav a.cta{
    margin:7px 5px;
    border-radius:12px;
    background:var(--orange);
    color:#fff;
    padding:5px 3px;
  }
  .mobile-bottom-spacer{display:block;height:76px}
}
@media(max-width:600px){
  .topbar .wrap{align-items:center}
  .topbar .wrap>div:last-child{display:none}
  .toplinks span:nth-child(2),
  .toplinks span:nth-child(3){display:none}
  .navin{gap:10px}
  .brand{font-size:18px}
  .mobile-top-cta{padding:10px 11px;font-size:12px}
}

/* V11 product images + WhatsApp quote */
.product-photo{
  width:100%;height:180px;display:block;object-fit:cover;border-radius:10px;
  background:#111;border:1px solid #e4e9ed;
}
.product-photo.contain{object-fit:contain;background:#f7f7f5;padding:8px}
.product-note{font-size:11px;color:#78848e;margin-top:6px;line-height:1.4}
.size-photo{
  width:70px;height:52px;object-fit:cover;border-radius:9px;
  border:1px solid #dce3e8;background:#f4f4f2;flex:0 0 auto
}
.size{gap:12px}
.size div:last-child{line-height:1.25}
.quote-card{background:linear-gradient(145deg,#fff7f1,#fff);border:1px solid #ffd9c6}
.quote-card h3{font-size:25px;margin:7px 0 4px}
.wa-btn{background:#1faa59!important;box-shadow:0 8px 24px #1faa5930!important}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-help{font-size:12px;color:#697782;line-height:1.5;margin-top:8px}
.real-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.real-product-grid .card{overflow:hidden}
.real-product-grid .product-photo{height:205px}
@media(max-width:850px){
 .form-grid,.real-product-grid{grid-template-columns:1fr}
 .product-photo{height:210px}
 .size-photo{width:82px;height:58px}
}

/* V12 fixes: responsive imagery + linked SEO tags + phone under sticky mobile menu */
img{max-width:100%;height:auto}
.product-photo,.size-photo{display:block;max-width:100%}
.product-photo{
  aspect-ratio:16/10;
  width:100%;
  height:auto;
  object-fit:cover;
}
.size-photo{
  width:78px;
  height:58px;
  object-fit:cover;
}
.seo-links{display:flex;flex-wrap:wrap;gap:9px}
.seo-links a{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid #dfe6ea;
  border-radius:999px;
  background:#fff;
  font-size:12px;
  font-weight:800;
  color:#40515d
}
.seo-links a:hover{border-color:#ff9d73;color:var(--orange);background:#fff6f1}
.mobile-phone-bar{display:none}
@media(max-width:950px){
  body{padding-bottom:118px}
  .mobile-bottom-nav{
    bottom:44px;
  }
  .mobile-phone-bar{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:10000;
    min-height:44px;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#06131e;
    color:#fff;
    font-weight:900;
    font-size:14px;
    letter-spacing:.01em;
    border-top:1px solid #ffffff15;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .mobile-phone-bar b{color:var(--orange)}
  .real-product-grid .product-photo,
  .product-layout .product-photo{aspect-ratio:4/3}
  .product-layout,.real-product-grid{grid-template-columns:1fr}
  .card{overflow:hidden}
  .size{align-items:flex-start}
}
@media(max-width:600px){
  .product-photo{border-radius:9px}
  .size-photo{width:70px;height:54px}
  .seo-links{gap:7px}
  .seo-links a{font-size:11px;padding:7px 10px}
}

/* =========================================================
   V13 — MOBILE MATCH
   Target: supplied 4-screen mobile mockup
   ========================================================= */
:root{
  --v13-orange:#ff5a12;
  --v13-green:#10b954;
  --v13-navy:#061522;
  --v13-soft:#f3f5f7;
}
@media(max-width:950px){
  html,body{background:#f2f4f6}
  body{padding-bottom:118px}
  .wrap{width:min(100% - 24px,760px)}
  .topbar{display:none}
  .nav{
    position:sticky;top:0;z-index:9998;background:#fff;
    border-bottom:1px solid #e4e7ea;
    box-shadow:0 2px 10px #06152212
  }
  .navin{min-height:58px;padding:0;gap:8px}
  .brand{font-size:18px;letter-spacing:-.8px;display:flex;align-items:center}
  .brand i{width:13px;height:13px;margin-right:9px}
  .brand small{font-size:8px}
  .menu{margin-left:auto}
  .menu>a:not(.mobile-top-cta){display:none!important}
  .mobile-top-cta{
    display:inline-flex!important;
    background:var(--v13-orange);
    padding:9px 11px;
    border-radius:8px;
    font-size:11px;
    font-weight:900;
    box-shadow:none
  }

  .hero{min-height:auto;background:#071623}
  .hero .wrap{padding:0;width:100%}
  .hero-bg{
    position:relative;height:240px;opacity:.9;
    background-position:center;background-size:cover
  }
  .hero:after{
    background:linear-gradient(to bottom,transparent 25%,rgba(4,14,24,.24) 50%,rgba(3,13,22,.95) 100%)
  }
  .hero .wrap>*:not(.hero-bg){position:relative;z-index:2}
  .hero .crumb{display:none}
  .hero .eyebrow{
    margin:-122px 16px 8px;
    display:inline-flex;background:var(--v13-orange);color:white;
    padding:6px 9px;border-radius:999px;font-size:10px;letter-spacing:0
  }
  .hero h1{
    font-size:34px;line-height:1.02;letter-spacing:-1.6px;
    margin:0 16px 8px;max-width:90%
  }
  .hero p{
    margin:0 16px 14px;font-size:14px;line-height:1.45;color:#f5f7f9
  }
  .features{
    display:grid;grid-template-columns:1fr 1fr;
    gap:9px 10px;margin:0 16px 16px
  }
  .feature{
    font-size:11px;gap:7px;font-weight:800
  }
  .feature b{
    width:31px;height:31px;border-radius:50%;background:var(--v13-orange);
    display:grid;place-items:center;font-size:15px
  }
  .actions{display:none}
  .hero-credit{display:none!important}

  .section{padding:16px 0}
  .soft{background:#f2f4f6}
  .section-title{margin-bottom:12px;display:block}
  .section-title h2{font-size:24px;letter-spacing:-.8px;margin:3px 0 5px}
  .section-title p{font-size:13px;line-height:1.45}
  .eyebrow{font-size:10px}

  /* quote card directly after hero */
  .price-grid{display:block}
  .price-grid>div:first-child{order:2}
  .quote-card{
    border:0;border-radius:12px;padding:14px;
    box-shadow:0 3px 14px #06152214;background:#fff
  }
  .quote-card h3{font-size:20px;margin:4px 0 10px}
  .quote-card p{font-size:12px;margin:0 0 9px}
  .form-grid{grid-template-columns:1fr;gap:0}
  .form label{font-size:11px;margin:7px 0 4px}
  .form input,.form select,.form textarea{padding:10px 11px;font-size:13px;border-radius:7px}
  .wa-btn{
    background:var(--v13-green)!important;
    border-radius:7px!important;
    font-size:13px!important;
    padding:12px!important
  }

  /* product cards exact compact mobile visual */
  .product-layout,.real-product-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important
  }
  .product-layout .card,.real-product-grid .card{
    display:grid;grid-template-columns:108px 1fr;gap:10px;
    padding:10px;border-radius:10px;align-items:start;
    box-shadow:0 2px 10px #0615220f;background:#fff
  }
  .product-layout .card.sizes{display:block}
  .product-layout .product-photo,
  .real-product-grid .product-photo{
    width:108px!important;height:108px!important;aspect-ratio:1!important;
    object-fit:cover!important;border-radius:8px!important;
    grid-row:1/6
  }
  .product-layout .card h3,.real-product-grid .card h3{
    margin:0;font-size:17px;line-height:1.15
  }
  .product-layout .card p,.real-product-grid .card p{
    font-size:12px;line-height:1.4;margin:0;color:#586672
  }
  .product-layout .ticks{
    margin:0;padding:0;font-size:11px;line-height:1.55
  }
  .product-layout .card .btn,.real-product-grid .card .btn{
    min-height:36px;padding:9px 12px;border-radius:7px;
    font-size:12px;box-shadow:none
  }

  /* coal size list like supplied mockup */
  .sizes{padding:10px!important}
  .sizes h3{font-size:20px!important;margin:0 0 8px!important}
  .size{
    display:grid!important;grid-template-columns:95px 1fr!important;
    gap:11px!important;padding:9px 0!important;align-items:center!important
  }
  .size-photo{
    width:95px!important;height:74px!important;border-radius:8px!important;
    object-fit:cover!important
  }
  .size b{font-size:16px}
  .size small{font-size:12px;color:#5e6c77}

  /* map/list cards */
  .service-grid{display:block}
  .service-grid .panel{margin-bottom:12px;padding:12px;border-radius:11px}
  .map{height:250px;border-radius:10px}
  .district-list{grid-template-columns:1fr;max-height:none}
  .district-list a{
    padding:11px 12px;background:#fff;border-bottom:1px solid #e7ebee;border-radius:0
  }
  .panel.dark{display:none}

  /* linked SEO section remains visible */
  .seo-keywords{padding:16px 0}
  .seo-links{display:block}
  .seo-links a{
    display:flex!important;
    justify-content:space-between;align-items:center;
    border:0;border-bottom:1px solid #e3e8ec;border-radius:0;
    padding:11px 2px;background:#fff;color:#1268c4;
    font-size:13px
  }
  .seo-links a:after{content:"›";font-size:20px;color:#1268c4}
  .seo-keywords .wrap{
    background:#fff;border-radius:10px;padding:14px;box-shadow:0 2px 10px #0615220b
  }
  .seo-keywords .eyebrow{display:none}
  .seo-keywords h2{font-size:18px;margin:0 0 6px}
  .seo-keywords p{font-size:12px;margin:0 0 5px}

  /* price table compact */
  table{font-size:11px}
  th,td{padding:10px 8px;font-size:11px}
  .local-copy{font-size:14px;line-height:1.65}

  /* hide desktop trust/footer clutter on mobile, keep concise footer */
  .trust{grid-template-columns:1fr 1fr;gap:10px}
  .trust .item{background:#fff;padding:8px;border-radius:9px}
  .cta{padding:20px 0}
  .cta .wrap{display:block}
  .cta h2{font-size:22px}
  .footer{padding:24px 0 15px}
  .footergrid{grid-template-columns:1fr 1fr;gap:15px}
  .footer p,.footer a{font-size:11px}

  /* sticky mobile bottom nav */
  .mobile-bottom-nav{
    position:fixed;left:0;right:0;bottom:43px;z-index:9999;
    display:grid;grid-template-columns:repeat(5,1fr);
    min-height:62px;background:#fff;border-top:1px solid #e0e5e9;
    box-shadow:0 -4px 14px #06152215
  }
  .mobile-bottom-nav a{
    font-size:9px;padding:5px 2px;gap:2px
  }
  .mobile-bottom-nav a b{font-size:18px}
  .mobile-bottom-nav a.cta{
    width:54px;height:54px;border-radius:50%;margin:-10px auto 0;
    background:var(--v13-orange);display:flex;color:#fff;
    box-shadow:0 4px 12px #ff5a1240
  }

  /* phone bar MUST sit below menu */
  .mobile-phone-bar{
    display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:10000;
    height:43px;min-height:43px;background:var(--v13-green);
    color:#fff;font-size:13px;font-weight:900;justify-content:center;align-items:center;
    padding:0 8px;box-shadow:0 -2px 8px #0615220d
  }
  .mobile-phone-bar b{color:#fff}
}

/* ==========================================================
   V14 FINAL MOBILE OVERRIDE — Chrome/Android/iOS stable
   ========================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;max-width:100%}

@media (max-width:950px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{padding-bottom:110px!important;background:#f3f5f7!important}
  .wrap{width:calc(100% - 24px)!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}

  /* Header */
  .topbar{display:none!important}
  .nav{position:sticky!important;top:0!important;z-index:5000!important;background:#fff!important}
  .navin{min-height:58px!important;height:58px!important;padding:0!important;display:flex!important;align-items:center!important}
  .brand{font-size:18px!important;white-space:nowrap!important;min-width:0}
  .menu{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
  .menu>a:not(.mobile-top-cta){display:none!important}
  .mobile-top-cta{display:inline-flex!important;font-size:11px!important;padding:9px 10px!important;white-space:nowrap!important}

  /* Hero */
  .hero{min-height:0!important;height:auto!important;overflow:hidden!important}
  .hero .wrap{width:100%!important;max-width:none!important;padding:0 0 16px!important}
  .hero-bg{position:relative!important;inset:auto!important;width:100%!important;height:230px!important;min-height:230px!important;background-size:cover!important;background-position:center!important}
  .hero:after{pointer-events:none!important}
  .hero .eyebrow{margin:-116px 14px 8px!important;position:relative!important}
  .hero h1{font-size:33px!important;line-height:1.02!important;margin:0 14px 7px!important;letter-spacing:-1.4px!important}
  .hero p{font-size:13px!important;line-height:1.45!important;margin:0 14px 12px!important}
  .features{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 14px!important}
  .feature{font-size:10px!important;min-width:0!important}
  .feature b{width:30px!important;height:30px!important;font-size:14px!important;flex:0 0 30px!important}
  .actions,.hero-credit{display:none!important}

  /* Quote */
  .v13-hero-quote{padding:12px 0!important;background:#f3f5f7!important}
  .quote-card{padding:13px!important;border-radius:11px!important;overflow:hidden!important}
  .quote-card h3{font-size:19px!important}
  .form-grid{display:block!important}
  .form input,.form select,.form textarea{width:100%!important;box-sizing:border-box!important;font-size:16px!important;min-height:42px!important}
  .wa-btn{width:100%!important;min-height:44px!important;background:#10b954!important}

  /* Product cards */
  .product-layout,.real-product-grid{display:block!important}
  .product-layout .card,.real-product-grid .card{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    column-gap:10px!important;
    row-gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  .product-layout .product-photo,.real-product-grid .product-photo{
    grid-column:1!important;
    grid-row:1 / span 6!important;
    width:104px!important;
    max-width:104px!important;
    height:104px!important;
    min-height:104px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center!important;
    align-self:start!important;
  }
  .product-layout .card h3,.real-product-grid .card h3,
  .product-layout .card p,.real-product-grid .card p,
  .product-layout .card ul,.real-product-grid .card ul,
  .product-layout .card .btn,.real-product-grid .card .btn{
    grid-column:2!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .product-layout .card h3,.real-product-grid .card h3{font-size:16px!important;margin:0!important}
  .product-layout .card p,.real-product-grid .card p{font-size:11px!important;line-height:1.35!important}
  .product-layout .ticks{font-size:10px!important;line-height:1.45!important}
  .product-layout .card .btn,.real-product-grid .card .btn{width:100%!important;padding:8px!important;min-height:34px!important;font-size:11px!important}

  /* Size cards */
  .product-layout .card.sizes{display:block!important}
  .sizes .size{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
  }
  .size-photo{
    width:88px!important;
    max-width:88px!important;
    height:66px!important;
    min-height:66px!important;
    object-fit:cover!important;
  }

  /* Maps and lists */
  .service-grid{display:block!important}
  .service-grid>.panel{width:100%!important;margin-bottom:12px!important}
  .map{width:100%!important;height:240px!important;min-height:240px!important}
  .district-list{display:block!important;max-height:none!important}
  .district-list a{display:block!important;width:100%!important}

  /* SEO links must stay visible/clickable */
  .seo-keywords{display:block!important}
  .seo-keywords .wrap{display:block!important;background:#fff!important;padding:13px!important;border-radius:10px!important}
  .seo-links{display:block!important}
  .seo-links a{display:flex!important;width:100%!important;box-sizing:border-box!important}

  /* Tables */
  .price-grid{display:block!important}
  .price-grid>div{width:100%!important}
  table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  thead,tbody{min-width:620px}

  /* Bottom fixed controls - no overlap */
  .mobile-bottom-nav{
    display:grid!important;
    position:fixed!important;
    left:0!important;right:0!important;
    bottom:42px!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    z-index:9000!important;
    grid-template-columns:repeat(5,1fr)!important;
    background:#fff!important;
    padding:0!important;
    margin:0!important;
  }
  .mobile-bottom-nav a{min-width:0!important;overflow:hidden!important}
  .mobile-bottom-nav a.cta{width:52px!important;height:52px!important;min-height:52px!important;margin:-8px auto 0!important}

  .mobile-phone-bar{
    display:flex!important;
    position:fixed!important;
    left:0!important;right:0!important;
    bottom:0!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    z-index:9100!important;
    padding:0!important;
    margin:0!important;
    background:#10b954!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:42px!important;
  }

  /* Footer */
  .footergrid{display:grid!important;grid-template-columns:1fr 1fr!important}
}
@media (max-width:380px){
  .brand{font-size:16px!important}
  .mobile-top-cta{font-size:10px!important;padding:8px!important}
  .hero h1{font-size:30px!important}
  .product-layout .card,.real-product-grid .card{grid-template-columns:92px minmax(0,1fr)!important}
  .product-layout .product-photo,.real-product-grid .product-photo{width:92px!important;max-width:92px!important;height:92px!important;min-height:92px!important}
  .footergrid{grid-template-columns:1fr!important}
}

/* V16 product/SEO system */
.product-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-tile{background:#fff;border:1px solid #e2e8ed;border-radius:13px;padding:12px;box-shadow:0 8px 24px rgba(6,21,34,.05);display:flex;flex-direction:column}
.product-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:#111}
.product-tile h3{font-size:18px;margin:11px 0 5px}
.product-tile p{font-size:12px;line-height:1.5;color:#61707b;flex:1}
.product-tile .meta{font-size:11px;color:#ff5a12;font-weight:900}
.product-tile .btn{margin-top:8px}
.group-head{margin-top:38px}
.seo-cluster{display:flex;flex-wrap:wrap;gap:8px}
.seo-cluster a{font-size:12px;font-weight:800;padding:8px 11px;border:1px solid #dde5ea;border-radius:999px;background:#fff;color:#335364}
.seo-cluster a:hover{border-color:#ff5a12;color:#ff5a12}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.product-detail img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px}
.factbox{background:#f6f8fa;border-radius:12px;padding:14px;margin:12px 0}
.related-products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.related-products a{background:#fff;border:1px solid #e2e8ed;border-radius:9px;padding:11px;font-weight:800;font-size:12px}
@media(max-width:950px){
 .product-hub{grid-template-columns:1fr!important}
 .product-tile{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:7px 10px!important}
 .product-tile img{grid-row:1 / span 6;width:104px!important;height:104px!important;aspect-ratio:auto!important}
 .product-tile h3,.product-tile p,.product-tile .meta,.product-tile .btn{grid-column:2!important;margin-top:0}
 .product-detail{grid-template-columns:1fr!important}
 .related-products{grid-template-columns:1fr 1fr!important}
}