/*
Theme Name: Quick Tyre Services
Theme URI: https://quicktyreservices.co.uk/
Author: Silverstone Digital
Description: Presentation-only block theme for Quick Tyre Services Ltd (24 hour mobile tyres, London and Hertfordshire). Header, footer, colours, fonts and page patterns are editable in Appearance > Editor. Forms, email, enquiries and schema are provided by the separate Quick Tyre Core plugin.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quicktyre
Tags: block-patterns, full-site-editing, one-column, custom-colors, editor-style
*/

/* ---------- Tokens ---------- */
:root{
  --qts-ink:#191c1d;
  --qts-red:#dc1c28;
  --qts-red-dark:#c4161f;
  --qts-red-light:#ff5a63;
  --qts-paper:#f6f5f2;
  --qts-stone:#ecebe7;
  --qts-line:#dddbd5;
  --qts-card-line:#e1dfda;
  --qts-muted:#5f6466;
  --qts-on-dark:#c9cdce;
  --qts-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --qts-body:"DM Sans",Arial,Helvetica,sans-serif;
}

/* ---------- Base ---------- */
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--qts-ink);outline-offset:3px}
.qts-dark a:focus-visible,.qts-red a:focus-visible,.qts-dark summary:focus-visible{outline-color:#fff}
.qts-skip{position:absolute;left:12px;top:-100px;z-index:1000;background:#fff;color:var(--qts-ink);padding:10px 14px;border-radius:6px;font-weight:700}
.qts-skip:focus{top:12px}
.wp-site-blocks>*{margin-block-start:0}
.wp-site-blocks main{margin-block-start:0}
.qts-site-main>.entry-content>*:first-child{margin-top:0}
.qts-site-main .entry-content>.wp-block-group{margin-block:0}

/* ---------- Layout helpers ---------- */
/* Containers whose children are laid out by flex/grid: drop the editor's flow spacing. */
.qts-site-header>*,.qts-header>*,.qts-header-inner>*,.qts-site-main>*,.qts-strip .qts-wrap>*,.qts-hero-top>*,.qts-steps>*,.qts-contact-cards>*,.qts-hero-media>*,.qts-page-hero>*,.qts-cta>*,.wp-block-template-part>*{margin-block:0!important}
.wp-block-template-part{margin-block:0!important}
.qts-wrap{max-width:1240px;margin-inline:auto!important;padding-inline:40px;box-sizing:border-box;width:100%}
.qts-section{padding-block:96px}
.qts-section-sm{padding-block:72px}
.qts-dark{background:var(--qts-ink);color:#fff}
.qts-dark p,.qts-dark li{color:var(--qts-on-dark)}
.qts-dark h1,.qts-dark h2,.qts-dark h3,.qts-dark strong{color:#fff}
.qts-dark a:not(.wp-element-button){color:#fff}
.qts-red{background:var(--qts-red);color:#fff}
.qts-red p,.qts-red h2,.qts-red .qts-eyebrow{color:#fff}
.qts-stone{background:var(--qts-stone)}
.qts-grid-2,.qts-grid-3,.qts-grid-4,.qts-grid-split{display:grid;gap:20px}
.qts-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.qts-grid-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px}
.qts-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.qts-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.qts-grid-2>*,.qts-grid-3>*,.qts-grid-4>*,.qts-grid-split>*{margin:0!important;min-width:0}
.qts-align-center{align-items:center}
.qts-align-start{align-items:start}
.qts-head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:40px}
.qts-head-row>*{margin:0!important}

/* ---------- Type ---------- */
.qts-eyebrow{font-family:var(--qts-body);font-size:12px!important;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--qts-red-dark);margin:0 0 16px!important;line-height:1.4}
.qts-dark .qts-eyebrow{color:var(--qts-red-light)}
.qts-eyebrow.has-dot::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--qts-red);margin-right:10px;vertical-align:1px}
.qts-h1{font-size:clamp(46px,5.8vw,86px)!important;line-height:.98!important;letter-spacing:-1.2px;margin:0 0 22px!important}
.qts-h2{font-size:clamp(38px,4.3vw,58px)!important;line-height:.99!important;letter-spacing:-1px;margin:0 0 20px!important}
.qts-h3{font-family:var(--qts-display);font-size:clamp(30px,3vw,42px)!important;line-height:1!important;margin:0 0 14px!important}
.qts-h1 em,.qts-h1 .qts-accent{font-style:normal;color:var(--qts-red)}
.qts-lead{font-size:19px;line-height:1.65;color:var(--qts-muted);max-width:620px}
.qts-dark .qts-lead{color:var(--qts-on-dark)}
.qts-muted{color:var(--qts-muted)}
.qts-textlink a,.qts-textlink{font-weight:700;font-size:15px;text-underline-offset:5px}
.qts-breadcrumb{font-size:14px;color:var(--qts-on-dark);margin:0 0 26px!important}
.qts-breadcrumb a{color:#fff}
.qts-note{font-size:15px;background:var(--qts-stone);border-radius:6px;padding:14px 16px}

/* ---------- Buttons ---------- */
.wp-block-buttons.qts-btns{gap:14px;margin-top:30px}
.wp-element-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;box-sizing:border-box;border-radius:7px;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .18s,transform .18s}
.wp-block-button__link:hover{transform:translateY(-1px)}
.qts-btn-dark .wp-block-button__link{background:var(--qts-ink)!important;color:#fff!important}
.qts-btn-dark .wp-block-button__link:hover{background:#000!important}
.qts-btn-white .wp-block-button__link{background:#fff!important;color:var(--qts-ink)!important}
.qts-btn-outline .wp-block-button__link{background:transparent!important;color:var(--qts-ink)!important;border:2px solid var(--qts-ink)!important}
.qts-btn-outline-light .wp-block-button__link{background:transparent!important;color:#fff!important;border:2px solid #fff!important}
.qts-btn-phone .wp-block-button__link::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("assets/images/icon-phone.svg") center/contain no-repeat;mask:url("assets/images/icon-phone.svg") center/contain no-repeat}

/* ---------- Header ---------- */
.qts-topline{background:var(--qts-ink);color:#fff;font-size:12px;font-weight:700;letter-spacing:1.4px;padding:10px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px}
.qts-topline p{margin:0;color:#fff}
.qts-topline a{color:#fff;text-decoration:none}
.qts-topline a+a{margin-left:18px}
.qts-topline .qts-red-text{color:var(--qts-red-light)}
.qts-header{background:#fff;border-bottom:1px solid #e4e2dd}
.qts-header-inner{max-width:1320px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px}
.qts-topline{margin:0!important}
.qts-logo{margin:0!important;line-height:0}
.qts-logo img{height:58px;width:auto;display:block}
.qts-header-cta{margin:0!important}
.qts-call-btn .wp-block-button__link{min-height:52px;padding:10px 18px;font-size:15px;font-weight:600}
.qts-call-btn strong{font-weight:800;margin-left:4px}
.qts-header .wp-block-navigation{font-size:15px;font-weight:600;gap:4px 24px}
.qts-header .wp-block-navigation a{text-decoration:none;padding:10px 2px;border-bottom:3px solid transparent}
.qts-header .wp-block-navigation .current-menu-item>a,.qts-header .wp-block-navigation a[aria-current="page"]{color:var(--qts-red-dark);border-bottom-color:var(--qts-red)}
.qts-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px}
.qts-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{font-size:22px;gap:8px}

/* ---------- Home hero ---------- */
.qts-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding-block:40px 64px}
.qts-hero>*{margin:0!important}
.qts-hero-copy{display:flex;flex-direction:column;justify-content:center}
.qts-hero-copy .qts-lead{margin:0}
.qts-ticks{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0!important;padding:0;list-style:none;font-size:14px;color:var(--qts-muted)}
.qts-ticks li::before,.qts-checks li::before{content:"";display:inline-block;width:16px;height:16px;margin-right:7px;vertical-align:-2px;background:var(--qts-red-dark);-webkit-mask:url("assets/images/icon-check.svg") center/contain no-repeat;mask:url("assets/images/icon-check.svg") center/contain no-repeat}
.qts-hero-media{position:relative;min-height:540px;border-radius:12px;overflow:hidden;background:#262a2b;color:#fff}
.qts-hero-media .wp-block-image,.qts-hero-media figure{position:absolute;inset:0;margin:0}
.qts-hero-media img{width:100%;height:100%!important;object-fit:cover;object-position:62% center}
.qts-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 38%,rgba(0,0,0,0) 55%,rgba(0,0,0,.72));pointer-events:none}
.qts-hero-top,.qts-hero-bottom{position:absolute;left:28px;right:28px;z-index:1;margin:0!important}
.qts-hero-top{top:28px;display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;font-weight:700;letter-spacing:1.2px;line-height:1.3}
.qts-hero-top p{margin:0;color:#fff}
.qts-hero-top .qts-247{font-family:var(--qts-display);font-size:66px;line-height:1;letter-spacing:0}
.qts-hero-top .qts-247 span{color:var(--qts-red-light)}
.qts-hero-bottom{bottom:28px}
.qts-hero-bottom p{margin:0;color:#fff}
.qts-hero-bottom .qts-kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--qts-red-light);margin-bottom:10px}
.qts-hero-bottom .qts-tag{font-family:var(--qts-display);font-size:36px;font-weight:600;line-height:1.05}

/* ---------- Strip ---------- */
.qts-strip{background:var(--qts-red);color:#fff}
.qts-strip .qts-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-block:22px;font-family:var(--qts-display);font-weight:600;font-size:21px;letter-spacing:.8px;text-transform:uppercase}
.qts-strip p{margin:0;color:#fff}

/* ---------- Cards ---------- */
.qts-card{background:#fff;border:1px solid var(--qts-card-line);border-radius:10px;padding:32px;display:flex;flex-direction:column}
.qts-card>*{margin-top:0}
.qts-card h3{font-size:22px;line-height:1.3;margin:24px 0 10px}
.qts-card p{color:var(--qts-muted);line-height:1.75}
.qts-card .qts-num{font-family:var(--qts-display);font-size:28px;font-weight:700;align-self:flex-start;border-bottom:3px solid var(--qts-red);padding-bottom:4px;margin:0}
.qts-card .qts-textlink{margin-top:auto}
.qts-card-top{border-top:5px solid var(--qts-red)}
.qts-card-top-ink{border-top:5px solid var(--qts-ink)}
.qts-pill{background:#fff;border:1px solid var(--qts-card-line);border-radius:8px;padding:16px 18px;font-weight:600}
.qts-tile{background:#fff;border-radius:10px;padding:28px}
.qts-tile h3,.qts-ruled h3{font-size:20px;margin:0 0 10px}
.qts-tile p{margin:0;color:var(--qts-muted)}
.qts-ruled{border-top:3px solid var(--qts-red);padding-top:20px}
.qts-ruled p{margin:0}
.qts-label{font-size:12px!important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--qts-red-dark);margin:0 0 10px!important}
.qts-label.is-ink{color:var(--qts-muted)}

/* ---------- Lists ---------- */
.qts-checks{list-style:none;padding:26px 28px!important;margin:0;background:#fff;border:1px solid var(--qts-card-line);border-radius:10px;display:flex;flex-direction:column;gap:12px}
.qts-checks li{padding-left:24px;text-indent:-24px}
.qts-plain-list{list-style:none;padding:0!important;margin:0;display:flex;flex-direction:column;gap:6px;color:#3d4244}

/* ---------- Service rows ---------- */
.qts-svc{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding-block:48px;border-bottom:1px solid var(--qts-line)}
.qts-svc:first-child{padding-top:0}
.qts-svc:last-child{border-bottom:0;padding-bottom:0}
.qts-svc>*{margin:0!important}
.qts-svc .qts-big-num{font-family:var(--qts-display);font-size:64px;font-weight:700;line-height:1;color:var(--qts-red)}

/* ---------- Steps ---------- */
.qts-steps>.qts-step{display:grid;grid-template-columns:auto 1fr;column-gap:26px;padding:26px 0;border-bottom:1px solid #3a3f41;margin:0!important}
.qts-steps>.qts-step:first-child{padding-top:0}
.qts-steps>.qts-step:last-child{border-bottom:0;padding-bottom:0}
.qts-step .qts-step-num{grid-row:span 2;font-family:var(--qts-display);font-size:34px;font-weight:700;color:var(--qts-red-light);line-height:1.1;margin:0}
.qts-step h3{font-size:21px;margin:0 0 8px}
.qts-step p{margin:0}

/* ---------- Stamp ---------- */
.qts-stamp{background:var(--qts-stone);border-radius:12px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}
.qts-stamp .qts-s1{font-size:12px;font-weight:700;letter-spacing:2px}
.qts-stamp strong{font-family:var(--qts-display);font-size:clamp(60px,7vw,92px);line-height:1.05;letter-spacing:2px}
.qts-stamp .qts-m25{background:var(--qts-ink);color:#fff;font-weight:700;font-size:22px;letter-spacing:4px;padding:4px 26px;border-radius:5px;margin-bottom:12px}
.qts-stamp .qts-s2{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--qts-muted)}
.qts-stamp.is-dark{background:var(--qts-ink);color:#fff}
.qts-stamp.is-dark .qts-m25{background:var(--qts-red)}
.qts-stamp.is-dark .qts-s1,.qts-stamp.is-dark .qts-s2{color:var(--qts-on-dark)}

/* ---------- FAQ ---------- */
.qts-faq{border-bottom:1px solid var(--qts-line);margin:0!important}
.qts-faq summary{list-style:none;cursor:pointer;font-weight:600;font-size:17px;padding:22px 36px 22px 0;position:relative}
.qts-faq summary::-webkit-details-marker{display:none}
.qts-faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:24px;line-height:1;color:var(--qts-red-dark)}
.qts-faq[open] summary::after{content:"\2212"}
.qts-faq p{margin:0 0 22px;color:var(--qts-muted)}
.qts-faq-layout{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-start}
.qts-faq-layout>*{margin:0!important}
.qts-faq-nav{flex:1 1 220px;max-width:280px}
.qts-faq-nav ul{list-style:none;padding:0;margin:0}
.qts-faq-nav li a{display:block;color:var(--qts-ink);text-decoration:none;font-weight:600;padding:10px 0;border-bottom:1px solid var(--qts-line)}
.qts-faq-body{flex:999 1 560px;min-width:0}
.qts-faq-body h2{font-size:40px;margin:56px 0 8px}
.qts-faq-body h2:first-child{margin-top:0}

/* ---------- Page hero ---------- */
.qts-page-hero{position:relative;overflow:hidden}
.qts-page-hero::after{content:"";position:absolute;right:-40px;top:-30px;bottom:-30px;width:46%;background:url("assets/images/tyre-mark-white.svg") right center/contain no-repeat;opacity:.07;pointer-events:none}
.qts-page-hero>.qts-wrap{position:relative;z-index:1;padding-block:72px 80px}
.qts-page-hero .qts-h1{max-width:820px}
.qts-page-hero .qts-lead{margin:0}

/* ---------- CTA ---------- */
.qts-cta{text-align:center;padding-block:72px}
.qts-cta .qts-btns{justify-content:center;margin-top:0}
.qts-cta .qts-h2{margin-bottom:30px!important}
.qts-cta .qts-small{font-size:15px;margin:22px 0 0}
.qts-callbox{background:var(--qts-stone);border-radius:12px;padding:48px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px}
.qts-callbox>*{margin:0!important}
.qts-callbox h2{font-size:40px;margin:0 0 12px}

/* ---------- Tyre size ---------- */
.qts-size{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;text-align:center}
.qts-size div{background:var(--qts-ink);color:#fff;border-radius:6px;padding:14px 4px}
.qts-size div.is-red{background:var(--qts-red)}
.qts-size b{display:block;font-family:var(--qts-display);font-size:32px;line-height:1}
.qts-size span{display:block;font-size:12px;color:var(--qts-on-dark);margin-top:6px}
.qts-size .is-red span{color:#fff}

/* ---------- Contact ---------- */
.qts-contact-cards{display:flex;flex-direction:column;gap:16px}
.qts-ccard{display:block;border-radius:12px;padding:30px;text-decoration:none}
.qts-ccard span{display:block}
.qts-ccard .k{font-size:12px;font-weight:700;letter-spacing:1.7px}
.qts-ccard .v{font-family:var(--qts-display);font-weight:700;line-height:1.05;margin-top:6px}
.qts-ccard .d{font-size:15px;margin-top:6px}
.qts-ccard.is-red{background:var(--qts-red);color:#fff}
.qts-ccard.is-red .v{font-size:52px}
.qts-ccard.is-ink{background:var(--qts-ink);color:#fff}
.qts-ccard.is-ink .v{font-size:40px}
.qts-ccard.is-ink .k,.qts-ccard.is-ink .d{color:var(--qts-on-dark)}
.qts-ccard.is-white{background:#fff;color:var(--qts-ink);border:1px solid var(--qts-card-line)}
.qts-ccard.is-white .v{font-family:var(--qts-body);font-size:22px;word-break:break-word}
.qts-ccard.is-white .k,.qts-ccard.is-white .d{color:var(--qts-muted)}
.qts-dl{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:8px 20px;margin:0}
.qts-dl dd{overflow-wrap:anywhere}
.qts-dl dt{font-weight:700}
.qts-dl dd{margin:0;color:var(--qts-muted)}

/* ---------- Prose (standard pages, posts, privacy) ---------- */
.qts-prose{max-width:760px}
.qts-prose h2{font-size:32px;line-height:1.1;margin:36px 0 10px}
.qts-prose p,.qts-prose li{color:#3d4244;line-height:1.7}

/* ---------- Footer ---------- */
.qts-footer{background:var(--qts-ink);color:#fff;font-size:15px}
.qts-footer a{color:#fff;text-decoration:none}
.qts-footer-inner{max-width:1320px;margin:0 auto;padding:64px 24px 40px;display:flex;flex-wrap:wrap;gap:40px 56px;justify-content:space-between}
.qts-footer-brand{flex:1 1 300px;max-width:380px}
.qts-footer-brand img{height:64px;width:auto;display:block}
.qts-footer-logo{margin:0!important}
.qts-footer-inner>*,.qts-footer-col>*,.qts-footer-bottom>*{margin-block:0}
.qts-footer-col .wp-block-list{list-style:none;margin:0;padding:0}
.qts-footer-contact p{margin:0}
.qts-footer-contact .k{display:block}
.qts-footer-brand p{color:var(--qts-on-dark);line-height:1.7;margin:18px 0 0}
.qts-footer-col{flex:0 1 180px}
.qts-footer-col h2{font-family:var(--qts-display);font-size:22px;letter-spacing:.5px;color:var(--qts-red-light);margin:0 0 14px}
.qts-footer-col ul{list-style:none;margin:0;padding:0}
.qts-footer-col li a{display:inline-block;padding:6px 0}
.qts-footer-col li a:hover{text-decoration:underline}
.qts-footer-contact{flex:0 1 260px;display:flex;flex-direction:column;gap:14px}
.qts-footer-contact .k{display:block;font-size:12px;letter-spacing:1.4px;font-weight:700;color:var(--qts-on-dark)}
.qts-footer-contact .big{display:block;font-family:var(--qts-display);font-size:30px;font-weight:700;line-height:1.1}
.qts-footer-contact .mail{text-decoration:underline;text-underline-offset:4px}
.qts-footer-bottom{max-width:1320px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px;color:var(--qts-on-dark);border-top:1px solid #383d3f}
.qts-footer-bottom p{margin:0;color:var(--qts-on-dark)}
.qts-footer-bottom a{text-decoration:underline;text-underline-offset:4px}

/* ---------- Mobile call bar ---------- */
.qts-mobile-bar{display:none}
@media (max-width:781px){
  .qts-mobile-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--qts-ink);padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px rgba(0,0,0,.15);margin:0!important}
  .qts-mobile-bar .wp-block-buttons{flex-wrap:nowrap;gap:10px;margin:0}
  .qts-mobile-bar .wp-block-button{flex:1 1 0;margin:0}
  .qts-mobile-bar .wp-block-button:first-child{flex-grow:1.6}
  .qts-mobile-bar .wp-block-button__link{width:100%;min-height:52px;padding:10px 12px;font-size:15px}
}
.qts-btn-muted .wp-block-button__link{background:#2c3132!important;color:#fff!important}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .qts-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .qts-hero,.qts-grid-2,.qts-grid-3,.qts-grid-split{grid-template-columns:1fr;gap:32px}
  .qts-svc{grid-template-columns:1fr;gap:16px}
  .qts-hero-media{min-height:380px}
  .qts-page-hero::after{display:none}
  .qts-size{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:781px){
  .qts-header   .qts-logo img{height:46px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media (max-width:600px){
  .qts-wrap{padding-inline:18px}
  .qts-section{padding-block:60px}
  .qts-section-sm{padding-block:52px}
  .qts-grid-4{grid-template-columns:1fr}
  .qts-btns .wp-block-button{width:100%}
  .qts-btns .wp-block-button__link{width:100%}
  .qts-topline{font-size:10px;letter-spacing:.8px;padding:8px 18px}
  .qts-topline .qts-hide-sm{display:none}
  .qts-header-inner{padding:10px 18px}
  .qts-header   .qts-hero{padding-block:22px 40px}
  .qts-hero-media{min-height:320px}
  .qts-hero-top .qts-247{font-size:50px}
  .qts-hero-bottom .qts-tag{font-size:30px}
  .qts-card,  .qts-callbox{padding:28px}
  .qts-ccard.is-red .v{font-size:44px}
  .qts-faq-nav{max-width:none}
  .qts-dl{grid-template-columns:1fr;gap:2px}
  .qts-dl dd{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .wp-block-button__link,.wp-element-button{transition:none}
  .wp-block-button__link:hover{transform:none}
}
[hidden]{display:none!important}

/* ---------- Pattern helpers ---------- */
.qts-grid-2.qts-pills{gap:12px;margin-top:26px}
.qts-pills .qts-pill{margin:0}
.qts-grid-2.qts-tight{gap:20px}
.qts-btns-block .wp-block-button,.qts-btns-block .wp-block-button__link{width:100%}
.qts-btns-flush{margin-top:0!important}
.qts-center{text-align:center}
.qts-pb{padding-bottom:96px}
.qts-small{font-size:15px}
.qts-card h3:first-child,.qts-card .qts-label+h3{margin-top:0}
.qts-card.qts-card-top h2,.qts-card .qts-h3{margin-top:0!important}
.qts-card ol{padding-left:22px;margin:0 0 24px}
.qts-area{padding:28px}
.qts-area .qts-area-title{font-family:var(--qts-display);font-size:30px;line-height:1.1;margin:0 0 14px;padding-bottom:10px;border-bottom:3px solid var(--qts-red)}
.qts-area.qts-dark{border-color:var(--qts-ink)}
.qts-area.qts-dark .qts-plain-list{color:var(--qts-on-dark)}
.qts-about-media{min-height:440px}
.qts-about-media::after{display:none}
.qts-company .qts-dl{font-size:16px}
.qts-dark .qts-lead a{color:#fff;font-weight:700}
.qts-contact .qts-contact-cards p{margin:8px 0 0}
.qts-faq-body>.wp-block-heading{font-size:40px;margin:56px 0 8px}
.qts-faq-body>.wp-block-heading:first-child{margin-top:0}
.qts-site-main .wp-block-details{margin-block:0}
@media (max-width:600px){
  .qts-strip .qts-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center;font-size:16px;padding-block:16px}
  .qts-strip p[aria-hidden="true"]{display:none}
}

/* ---------- Brand styling for the Quick Tyre Core form ---------- */
.qts-form-card .qtc-form .qtc-submit{background:var(--qts-red);border-radius:7px;min-height:56px;font-weight:700}
.qts-form-card .qtc-form .qtc-submit:hover{background:var(--qts-red-dark)}
.qts-form-card .qtc-form input,.qts-form-card .qtc-form select,.qts-form-card .qtc-form textarea{border-color:#b9b7b1;border-radius:6px}
@media (max-width:600px){
  .qts-header .qts-call-btn .wp-block-button__link{padding:8px 12px;min-height:48px;font-size:14px}
}