/*
Theme Name: Southport Motoring
Theme URI: https://example.com/
Author: Dream Web Design
Description: Lightweight automotive marketplace theme for Southport Motoring.
Version: 0.2.9
Text Domain: southport-motoring
*/
:root{--st-accent:#087f82;--st-accent-dark:#056c70;--st-navy:#082b55;--st-navy-2:#0c3f70;--st-ink:#162936;--st-muted:#61717c;--st-bg:#f4f8f9;--st-line:#dce5ea;--st-max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--st-ink);background:#fff;line-height:1.58;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}.st-wrap{width:min(calc(100% - 32px),var(--st-max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid var(--st-line);backdrop-filter:blur(12px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:82px}.site-brand{display:flex;align-items:center;text-decoration:none}.site-logo{display:block;width:220px;height:auto}.site-nav{display:flex;gap:1.2rem;align-items:center}.site-nav a{text-decoration:none;font-size:.91rem;font-weight:800;color:#324957}.site-nav a:hover{color:var(--st-accent-dark)}.site-nav .nav-cta{background:var(--st-navy);color:#fff;border-radius:11px;padding:.7rem .9rem}.site-nav .nav-cta:hover{color:#fff;background:var(--st-navy-2)}
.home-hero{padding:72px 0 64px;background:radial-gradient(circle at 78% 14%,rgba(9,174,177,.13),transparent 27%),linear-gradient(180deg,#f4fafb 0,#fff 92%)}.home-hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.home-hero h1{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:-.062em;line-height:.9;margin:.1rem 0 1.25rem;color:var(--st-navy);max-width:790px}.home-hero__copy>p{font-size:1.2rem;color:var(--st-muted);max-width:720px}.home-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.4rem 0}.home-proof{display:flex;gap:.5rem;flex-wrap:wrap}.home-proof span{background:#fff;border:1px solid var(--st-line);border-radius:999px;padding:.45rem .65rem;font-weight:800;font-size:.8rem;color:#425a68}.home-lead-card{background:var(--st-navy);color:#fff;border-radius:28px;padding:1.7rem;box-shadow:0 30px 65px rgba(8,43,85,.2);position:relative;overflow:hidden}.home-lead-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(9,174,177,.18);right:-100px;top:-110px}.home-lead-card__label{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.12em;color:#75e3dc;font-size:.76rem;font-weight:900}.home-lead-flow{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.55rem;margin:1.4rem 0}.home-lead-flow>div{min-height:125px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:.9rem;display:flex;flex-direction:column}.home-lead-flow b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--st-accent);font-size:.78rem}.home-lead-flow strong{margin-top:.8rem;line-height:1.15}.home-lead-flow small{color:#c8dce9;margin-top:.28rem}.home-lead-flow i{font-style:normal;color:#7ee8df;font-weight:900}.home-lead-card>p{position:relative;z-index:2;color:#d6e5ef;font-size:.9rem;margin:0}
.home-trades{padding:70px 0}.home-section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.6rem}.home-section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.04em;color:var(--st-navy);margin:.15rem 0 .7rem}.home-section-head p{max-width:740px;color:var(--st-muted);margin:.4rem 0}.trade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.trade-card--image{position:relative;min-height:310px;border-radius:20px;overflow:hidden;text-decoration:none;background:#102e47;box-shadow:0 10px 28px rgba(8,43,85,.08);transition:.2s ease}.trade-card--image:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,43,85,.14)}.trade-card__image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .28s ease}.trade-card--image:hover .trade-card__image{transform:scale(1.025)}.trade-card__content{position:absolute;z-index:2;inset:auto 0 0;padding:1rem;color:#fff;display:flex;flex-direction:column}.trade-card__content strong{font-size:1.16rem;line-height:1.08}.trade-card__content small{color:#d9e6ed;font-size:.75rem;line-height:1.35;margin:.45rem 0 .75rem}.trade-card__content b{font-size:.78rem;color:#7ce3dc}
.home-how{padding:68px 0;background:var(--st-bg);border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line)}.home-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.home-steps article{background:#fff;border:1px solid var(--st-line);border-radius:17px;padding:1.25rem}.home-steps span{font-size:.78rem;font-weight:900;color:var(--st-accent);letter-spacing:.1em}.home-steps h3{font-size:1.12rem;margin:.8rem 0 .35rem}.home-steps p{font-size:.92rem;color:var(--st-muted);margin:0}
.home-business{padding:68px 0}.home-business__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;background:linear-gradient(135deg,#f1f8f8,#f7fafb);border:1px solid #d8e8e8;border-radius:28px;padding:2.3rem}.home-business h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1;letter-spacing:-.045em;color:var(--st-navy);margin:.2rem 0 .8rem}.home-business p{color:var(--st-muted);max-width:700px}.channel-showcase{display:grid;gap:1rem}.channel-showcase article{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:17px;border:1px solid var(--st-line);padding:1rem;box-shadow:0 10px 25px rgba(8,43,85,.04)}.channel-showcase strong,.channel-showcase small{display:block}.channel-showcase small{color:var(--st-muted)}.channel-mark{display:flex;width:52px;height:52px;border-radius:15px;align-items:center;justify-content:center;font-size:1.45rem;font-weight:900}.channel-email{background:#e8f2fb;color:#1769aa}.channel-whatsapp{background:#e6f8ee;color:#12a35e}
.site-main{padding:38px 0 70px}.site-main> .st-wrap > article > h1,.site-main h1{font-size:clamp(2.35rem,5vw,4.1rem);letter-spacing:-.045em;line-height:1;color:var(--st-navy);margin:.2rem 0 1.2rem}.site-main article{max-width:950px}.site-main article p{color:#52636f}.site-main article h2{color:var(--st-navy)}
.member-profile{padding:34px 0 68px}.demo-banner{background:#fff4d7;border:1px solid #f1d78f;color:#664c13;padding:.8rem 1rem;border-radius:12px;margin-bottom:1.1rem}.member-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;padding:20px 0 38px}.member-logo-large{height:90px;display:flex;align-items:center;margin-bottom:.75rem}.member-logo-large img{max-height:82px;max-width:260px;width:auto}.member-logo-large>span{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:18px;background:linear-gradient(135deg,var(--st-navy),var(--st-accent));color:#fff;font-weight:900;font-size:2rem}.member-hero h1{font-size:clamp(2.5rem,5.8vw,4.7rem);letter-spacing:-.055em;line-height:.95;color:var(--st-navy);margin:.2rem 0 .8rem}.member-tagline-large{font-size:1.12rem;color:var(--st-muted)}.member-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem}.member-hero__image{margin:0;height:410px;border-radius:24px;overflow:hidden;box-shadow:0 20px 48px rgba(8,43,85,.13)}.member-hero__image img{width:100%;height:100%;object-fit:cover}.member-details-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--st-line);border-radius:16px;overflow:hidden;margin:12px 0 50px}.member-details-grid article{padding:1rem 1.1rem;background:#f8fafb;border-right:1px solid var(--st-line)}.member-details-grid article:last-child{border-right:0}.member-details-grid span,.member-details-grid strong{display:block}.member-details-grid span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7b84;font-weight:900}.member-details-grid strong{margin-top:.35rem;line-height:1.35}.member-content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;margin-bottom:55px}.member-about,.member-service-panel{border:1px solid var(--st-line);border-radius:19px;padding:1.5rem;background:#fff}.member-about h2,.member-service-panel h2{font-size:1.8rem;color:var(--st-navy);margin:.2rem 0 .8rem}.member-about p{color:#556671}.member-accreditations{margin-top:1.25rem;background:#f5f8f9;border-radius:12px;padding:1rem}.member-accreditations p{margin:.3rem 0 0}.member-service-panel{background:#f5f9fa}.member-service-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.member-service-panel li:before{content:"✓";margin-right:.5rem;color:var(--st-accent);font-weight:900}.demo-portfolio{padding:12px 0 55px}.demo-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.demo-project-grid article{border:1px solid var(--st-line);border-radius:17px;overflow:hidden;background:#fff}.demo-project-grid article>div{height:215px;background-size:cover;background-position:center}.demo-project-grid h3{margin:1rem 1rem .35rem}.demo-project-grid p{margin:0 1rem 1rem;color:var(--st-muted);font-size:.9rem}.profile-enquiry-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--st-navy);color:#fff;border-radius:22px;padding:1.65rem}.profile-enquiry-cta .st-kicker{color:#6fe0d8}.profile-enquiry-cta h2{margin:.2rem 0;color:#fff}.profile-enquiry-cta p{margin:.4rem 0 0;color:#d4e3ed}
.site-footer{border-top:1px solid var(--st-line);background:#f7fafb;padding:48px 0 22px;color:var(--st-muted)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-logo{width:190px;height:auto;margin-bottom:.8rem}.site-footer__grid p{max-width:420px}.site-footer__grid strong{display:block;color:var(--st-navy);margin-bottom:.55rem}.site-footer__grid a{display:block;text-decoration:none;margin:.3rem 0}.site-footer__bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--st-line);padding-top:18px;margin-top:28px;font-size:.82rem}
@media(max-width:1050px){.trade-grid{grid-template-columns:repeat(3,1fr)}.home-hero__inner{grid-template-columns:1fr}.home-lead-card{max-width:760px}.home-business__inner,.member-hero,.member-content-grid{grid-template-columns:1fr}.member-hero__image{height:360px}.home-steps{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.site-logo{width:190px}.trade-grid{grid-template-columns:1fr 1fr}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__grid>div:first-child{grid-column:1/-1}.member-details-grid{grid-template-columns:1fr}.member-details-grid article{border-right:0;border-bottom:1px solid var(--st-line)}.member-details-grid article:last-child{border-bottom:0}.demo-project-grid{grid-template-columns:1fr 1fr}.profile-enquiry-cta{display:block}.profile-enquiry-cta .st-btn{margin-top:1rem}}
@media(max-width:580px){.st-wrap{width:min(calc(100% - 24px),var(--st-max))}.site-header__inner{min-height:72px}.site-logo{width:165px}.site-nav .nav-cta{font-size:.78rem;padding:.6rem .7rem}.home-hero{padding:48px 0}.home-hero h1{font-size:clamp(2.75rem,13vw,4.2rem)}.home-lead-flow{grid-template-columns:1fr}.home-lead-flow i{transform:rotate(90deg);justify-self:center}.trade-grid,.home-steps,.demo-project-grid{grid-template-columns:1fr}.trade-card--image{min-height:260px}.home-business__inner{padding:1.35rem}.site-footer__grid{grid-template-columns:1fr}.site-footer__grid>div:first-child{grid-column:auto}.site-footer__bottom{display:block}.site-footer__bottom span{display:block}.member-hero__image{height:290px}}
.channel-mark svg{width:27px;height:27px;fill:currentColor}.standard-page{max-width:950px}.st-managed-page{max-width:none}.st-managed-page>.st-trade-page,.st-managed-page>.st-business-page,.st-managed-page>.st-how-page{width:100%}


/* v0.3 homepage refinements */
.home-lead-flow{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.75rem}
.home-lead-flow>div{min-height:190px;padding:0;overflow:hidden;display:flex;flex-direction:column;background:rgba(255,255,255,.08)}
.home-flow-image{display:block;width:100%;height:96px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.12)}
.home-flow-image--wa{display:flex;align-items:center;justify-content:center;background:#0f8f54}
.home-flow-image--wa svg{width:48px;height:48px;fill:#fff}
.home-lead-flow strong{margin:.8rem .85rem .2rem;line-height:1.15}
.home-lead-flow small{margin:0 .85rem .85rem;color:#c8dce9}
.home-proof-wa{border-color:#bcebd4!important;color:#0c8250!important;background:#f1fbf6!important}
.home-missing-trade{margin-top:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem 1.5rem;border:1px solid var(--st-line);border-radius:20px;background:#f7fafb}
.home-missing-trade h3{font-size:1.35rem;color:var(--st-navy);margin:.15rem 0 .35rem}.home-missing-trade p{margin:.25rem 0;color:var(--st-muted)}
.home-missing-actions{display:flex;gap:.65rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.st-contact-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cddce2;background:#fff;border-radius:11px;padding:.68rem .85rem;text-decoration:none;font-weight:850;color:#28495c}
.home-steps--media article{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:360px}.home-steps--media h3{margin:1rem 1.15rem .35rem}.home-steps--media p{margin:0 1.15rem 1.2rem}.home-step-image{display:block;height:155px;background-size:cover;background-position:center;border-bottom:1px solid var(--st-line)}
.home-step-image--wa{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0c8750,#16ad67)}.home-step-image--wa svg{width:68px;height:68px;fill:#fff}
.home-how-more{margin-top:1.2rem}.channel-showcase--wa{border-color:#bfe9d2!important;box-shadow:0 12px 28px rgba(18,163,94,.08)!important}.channel-link{background:#edf3f8;color:var(--st-navy);font-size:1.7rem}
@media(max-width:980px){.home-lead-flow{grid-template-columns:1fr 1fr 1fr}.home-missing-trade{align-items:flex-start;flex-direction:column}.home-missing-actions{justify-content:flex-start}}
@media(max-width:760px){.home-lead-flow{grid-template-columns:1fr}.home-lead-flow>div{min-height:0}.home-flow-image{height:125px}.home-steps--media{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.home-steps--media{grid-template-columns:1fr}.home-missing-actions{display:grid;width:100%}.home-missing-actions .st-btn,.home-missing-actions .st-contact-chip{width:100%}}

/* v0.4 homepage and profile refinements */
.home-step-image--search{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:linear-gradient(135deg,#edf7f8,#f8fbfc);color:var(--st-navy)}
.home-step-image--search svg{width:52px;height:52px;fill:var(--st-accent)}
.home-step-image--search small{font-size:.72rem;font-weight:900;letter-spacing:.04em;color:#48616d}
.member-wordmark-fallback{display:flex;align-items:center;justify-content:center;max-width:300px;min-height:76px;padding:.75rem 1rem;border:1px solid var(--st-line);border-radius:14px;background:#f5f8f9;color:var(--st-navy);font-size:1rem;font-weight:900;line-height:1.15;text-align:center}

/* v0.5 trade pages begin immediately below the header */
.site-main--trade{padding-top:0}
.member-breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;color:#60717c;margin:0 0 1rem}.member-breadcrumb a{text-decoration:none;color:var(--st-navy);font-weight:800}.member-breadcrumb strong{font-weight:800;color:#6a7880}
.site-main--trade{overflow-x:clip}


/* v0.6 — enquiry-first homepage and stronger free-customer proposition */
.st-free-bar{background:#082b55;color:#fff;border-top:1px solid rgba(255,255,255,.07)}
.st-free-bar .st-wrap{min-height:34px;display:flex;align-items:center;justify-content:center;gap:.75rem 1rem;flex-wrap:wrap;font-size:.78rem}
.st-free-bar strong{color:#7ce3dc;letter-spacing:.08em;font-size:.72rem}
.st-free-bar span{color:#e7f0f6}
.site-nav .nav-cta{white-space:nowrap}

.home-hero--form{padding:48px 0 54px;background:radial-gradient(circle at 79% 15%,rgba(9,174,177,.12),transparent 29%),linear-gradient(180deg,#f4fafb 0,#fff 94%)}
.home-hero--form .home-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:3.4rem;align-items:start}
.home-hero--form .home-hero__copy{padding-top:34px}
.home-hero--form h1{font-size:clamp(3rem,6vw,5.15rem);max-width:690px}
.home-hero--form .home-hero__copy>p{font-size:1.12rem;max-width:660px}
.home-free-badge{display:inline-flex;align-items:center;background:#e7f8ee;color:#0e7f4a;border:1px solid #bde9d0;border-radius:999px;padding:.45rem .72rem;margin-bottom:.75rem;font-size:.76rem;font-weight:950;letter-spacing:.06em}
.home-proof-free{background:#e7f8ee!important;border-color:#bde9d0!important;color:#0e7f4a!important}
.home-enquiry-form{position:relative;z-index:2}
.home-enquiry-form .st-lead-box--home{margin:0}
.home-enquiry-form .st-lead-form--home{border:1px solid #d7e4e8!important;box-shadow:0 24px 56px rgba(8,43,85,.14)!important}
.home-free-promise{background:#082b55;color:#fff}
.home-free-promise__inner{min-height:56px;display:flex;align-items:center;justify-content:center;gap:.6rem 1.3rem;flex-wrap:wrap;font-size:.86rem}
.home-free-promise__inner strong{color:#7ce3dc;font-size:1rem}
.home-free-promise__inner span{color:#e7f0f6}
.home-step-image--graphic{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(135deg,#edf7f8,#f8fbfc)!important;color:var(--st-navy);border-bottom:1px solid var(--st-line)}
.home-step-image--graphic svg{width:58px;height:58px;fill:var(--st-accent)}
.home-step-image--graphic small{font-size:.74rem;font-weight:900;letter-spacing:.035em;color:#45606d}
.home-step-image--wa{background:linear-gradient(135deg,#0c8750,#16ad67)!important;color:#fff!important}
.home-step-image--wa svg{fill:#fff!important}
.home-step-image--wa small{color:#eafff2!important}
.home-step-image--phone{background:linear-gradient(135deg,#eef3f8,#f9fbfc)!important}
.home-step-image--phone svg{fill:var(--st-navy)!important}

@media(max-width:1080px){
  .home-hero--form .home-hero__inner{grid-template-columns:1fr}
  .home-hero--form .home-hero__copy{padding-top:8px}
  .home-enquiry-form{max-width:780px}
}
@media(max-width:820px){
  .st-free-bar .st-wrap{justify-content:flex-start;padding:6px 0}
  .st-free-bar .st-wrap span:nth-of-type(2),.st-free-bar .st-wrap span:nth-of-type(3){display:none}
}
@media(max-width:580px){
  .home-hero--form{padding:34px 0 40px}
  .home-hero--form h1{font-size:clamp(2.7rem,12.5vw,4rem)}
  .home-free-promise__inner{justify-content:flex-start;padding:10px 0}
}

/* v0.9: make the business application route visible without competing with the customer CTA. */
.site-nav .nav-join {
    color: var(--st-accent,#087f82);
    font-weight: 800;
}


/* v0.10: business application is a managed full-width framework page. */
.st-managed-page>.st-application-page{width:100%}

/* v0.11 — business profile local SEO context */
.member-local-context{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:-22px 0 48px;padding:1.25rem 1.35rem;border:1px solid var(--st-line);border-radius:17px;background:#f5f9fa}.member-local-context>div{max-width:830px}.member-local-context h2{margin:.1rem 0 .45rem;color:var(--st-navy);font-size:clamp(1.45rem,3vw,2rem);line-height:1.08;letter-spacing:-.025em}.member-local-context p:not(.st-kicker){margin:0;color:var(--st-muted)}.member-local-context>.st-text-link{flex:0 0 auto;max-width:260px;text-align:right}.member-breadcrumb{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.82rem;color:#667781;margin:0 0 1.1rem}.member-breadcrumb a{font-weight:800;text-decoration:none;color:#365463}.member-breadcrumb strong{color:var(--st-navy)}@media(max-width:820px){.member-local-context{display:block;margin-top:0}.member-local-context>.st-text-link{display:inline-block;max-width:none;text-align:left;margin-top:.75rem}}

/* v0.12 legal footer */
.site-footer__legal{display:flex;flex-wrap:wrap;gap:.4rem .85rem;justify-content:flex-end}.site-footer__legal a{text-decoration:none;color:#5b6f7a}.site-footer__legal a:hover{color:var(--st-accent-dark)}
@media(max-width:580px){.site-footer__legal{justify-content:flex-start;margin-top:.45rem}}

/* v0.14 customer wording / contact refinements */
@media(max-width:580px){.home-missing-actions .st-btn,.home-missing-actions .st-contact-chip{min-height:46px}}


/* v0.15 hardening: accessible mobile navigation and keyboard focus */
.skip-link{position:fixed;left:12px;top:10px;z-index:100000;background:#082b55;color:#fff;padding:.7rem 1rem;border-radius:8px;text-decoration:none;font-weight:900;transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}
#main-content{scroll-margin-top:126px}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #082b55;outline-offset:3px;border-radius:4px}
.site-nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--st-line);border-radius:10px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.site-nav-toggle>span[aria-hidden="true"]{display:block;width:22px;height:2px;background:var(--st-navy);border-radius:2px;transition:.18s ease}
@media(max-width:820px){
  .site-header__inner{position:relative;gap:.8rem}.site-nav-toggle{display:flex;margin-left:auto}.site-nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% - 2px);z-index:60;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--st-line);border-radius:0 0 16px 16px;box-shadow:0 18px 38px rgba(8,43,85,.16);padding:.55rem}.site-nav.is-open{display:flex}.site-nav a{display:flex!important;align-items:center;min-height:44px;padding:.65rem .8rem;border-radius:8px}.site-nav .nav-cta{justify-content:center;margin-top:.35rem}.site-nav .nav-join{color:var(--st-accent)}
  body.st-nav-open{overflow-x:hidden}
}
.st-featured-note{display:block;margin:-.25rem 0 .75rem;color:#61717c;font-size:.7rem;line-height:1.35}
.owner-disclosure{margin:0 0 1.1rem;padding:.85rem 1rem;border:1px solid #d9e4e8;border-radius:12px;background:#f7fafb;color:#425967;font-size:.86rem}
.member-accreditations small{display:block;margin-top:.55rem;color:#61717c;line-height:1.45}

/* v0.18 — single guide full-width layout fix
   The global .site-main article max-width is useful for ordinary pages, but the
   guide article is a full-width shell whose own .st-wrap elements control the
   readable width. Without this override the complete guide, hero and two-column
   layout are incorrectly capped at 950px and pinned to the left. */
.site-main--guide .st-guide-single{max-width:none;width:100%;margin:0}

/* v0.16 — commercial guide library */
.site-main--guides,.site-main--guide{padding-top:0}.st-guides-archive-hero{padding:58px 0 44px;background:radial-gradient(circle at 82% 12%,rgba(9,174,177,.12),transparent 28%),linear-gradient(180deg,#f4fafb,#fff);border-bottom:1px solid var(--st-line)}.st-guides-archive-hero h1{max-width:850px;font-size:clamp(2.7rem,5.5vw,4.7rem);line-height:.96;letter-spacing:-.052em;color:var(--st-navy);margin:.3rem 0 1rem}.st-guides-archive-hero>div>p:not(.st-kicker){max-width:780px;color:var(--st-muted);font-size:1.08rem}.st-guide-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.5rem}.st-guide-filters a{display:inline-flex;align-items:center;min-height:38px;padding:.45rem .7rem;border:1px solid var(--st-line);border-radius:999px;background:#fff;color:#435c68;text-decoration:none;font-size:.78rem;font-weight:850}.st-guide-filters a:hover,.st-guide-filters a.is-active{border-color:#9bcfd0;background:#eaf7f7;color:var(--st-accent-dark)}.st-guide-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:.28rem;padding:0 .35rem;border-radius:999px;background:#edf2f4;color:#526874;font-size:.68rem;font-weight:950;line-height:1}.st-guide-filters a.is-active .st-guide-filter-count{background:#fff;color:var(--st-accent-dark)}.st-guide-filters a.is-empty{color:#82919a}.st-guide-filters a.is-empty .st-guide-filter-count{background:#f4f6f7;color:#89969d}.st-guide-archive-list{padding:52px 0 74px}.st-guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.st-guide-card-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.st-guide-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--st-line);border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(8,43,85,.05)}.st-guide-card__image{display:block;height:190px;background-size:cover;background-position:center;border-bottom:1px solid var(--st-line)}.st-guide-card__body{display:flex;flex:1;flex-direction:column;padding:1.15rem}.st-guide-card__trade{display:inline-flex;align-self:flex-start;margin-bottom:.65rem;border-radius:999px;background:#e8f6f5;color:var(--st-accent-dark);padding:.3rem .52rem;font-size:.69rem;font-weight:900;letter-spacing:.045em}.st-guide-card h2,.st-guide-card h3{margin:.05rem 0 .55rem;color:var(--st-navy);line-height:1.12;letter-spacing:-.025em}.st-guide-card h2{font-size:1.35rem}.st-guide-card h3{font-size:1.08rem}.st-guide-card h2 a,.st-guide-card h3 a{text-decoration:none}.st-guide-card p{margin:0 0 1rem;color:var(--st-muted);font-size:.9rem}.st-guide-card .st-text-link{margin-top:auto}.st-guide-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:auto;padding-top:.2rem}.st-guide-card__meta>span{font-size:.74rem;color:#74838b}.st-guide-card-grid--compact .st-guide-card__image{height:135px}.st-guide-card-grid--compact .st-guide-card__body{padding:1rem}.st-guide-card-grid--compact .st-guide-card p{font-size:.84rem}.st-empty--guides{max-width:760px;margin:auto}.navigation.pagination{margin-top:2rem}.nav-links{display:flex;gap:.45rem;align-items:center;justify-content:center;flex-wrap:wrap}.page-numbers{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--st-line);border-radius:10px;padding:.4rem .65rem;text-decoration:none;font-weight:800}.page-numbers.current{background:var(--st-navy);color:#fff;border-color:var(--st-navy)}
.st-guide-hero{padding:38px 0 46px;background:linear-gradient(180deg,#f5fafb,#fff);border-bottom:1px solid var(--st-line)}.st-guide-breadcrumb{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin-bottom:1.35rem;font-size:.79rem;color:#6e7e87}.st-guide-breadcrumb a{color:#355563;text-decoration:none;font-weight:800}.st-guide-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:3rem;align-items:center}.st-guide-hero h1{font-size:clamp(2.65rem,5.5vw,4.6rem);line-height:.96;letter-spacing:-.052em;color:var(--st-navy);margin:.25rem 0 1rem;max-width:800px}.st-guide-standfirst{max-width:740px;font-size:1.12rem;color:var(--st-muted);margin:.25rem 0 1.1rem}.st-guide-byline{display:flex;gap:.45rem 1rem;flex-wrap:wrap;color:#687983;font-size:.8rem}.st-guide-byline a{color:var(--st-accent-dark);font-weight:800;text-decoration:none}.st-guide-hero__trade-link{margin-top:1.25rem}.st-guide-hero__image{height:390px;margin:0;overflow:hidden;border-radius:24px;box-shadow:0 20px 48px rgba(8,43,85,.12)}.st-guide-hero__image img{display:block;width:100%;height:100%;object-fit:cover}.st-guide-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,330px);gap:4rem;align-items:start;padding-top:54px;padding-bottom:58px}.st-guide-content{font-size:1rem;min-width:0}.st-guide-content>p:first-child{font-size:1.13rem;line-height:1.68;color:#384f5d}.st-guide-content p{color:#4e616c;margin:0 0 1.2rem}.st-guide-content h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.03em;color:var(--st-navy);margin:2.35rem 0 .8rem}.st-guide-content h3{font-size:1.28rem;line-height:1.15;color:var(--st-navy);margin:1.8rem 0 .65rem}.st-guide-content ul,.st-guide-content ol{padding-left:1.35rem;margin:0 0 1.3rem;color:#4e616c}.st-guide-content li{margin:.42rem 0}.st-guide-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2rem 0 1.6rem;border:1px solid var(--st-line);border-radius:14px;overflow:hidden;font-size:.9rem}.st-guide-content th,.st-guide-content td{text-align:left;padding:.75rem .85rem;border-bottom:1px solid var(--st-line)}.st-guide-content th{background:#f3f8f9;color:var(--st-navy)}.st-guide-content tr:last-child td{border-bottom:0}.st-guide-content blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:4px solid var(--st-accent);background:#f3f9f9;color:#3c5663}.st-guide-side-cta{position:sticky;top:116px;padding:1.35rem;border:1px solid #d6e5e7;border-radius:19px;background:#f5fafb;box-shadow:0 12px 30px rgba(8,43,85,.05)}.st-guide-side-cta h2{font-size:1.55rem;line-height:1.08;color:var(--st-navy);margin:.2rem 0 .6rem}.st-guide-side-cta p:not(.st-kicker){color:var(--st-muted);font-size:.9rem}.st-guide-side-cta .st-btn{width:100%;margin:.5rem 0 .8rem}.st-guide-side-cta .st-text-link{display:block;text-align:center}.st-guide-trade-bridge{padding:0 0 48px}.st-guide-trade-bridge__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 1.7rem;border:1px solid #d8e8e8;border-radius:21px;background:linear-gradient(135deg,#eff8f8,#f8fbfc)}.st-guide-trade-bridge h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.08;color:var(--st-navy);margin:.15rem 0 .45rem}.st-guide-trade-bridge p:not(.st-kicker){margin:0;max-width:750px;color:var(--st-muted)}.st-guide-enquiry{padding:50px 0;background:var(--st-bg);border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line)}.st-guide-enquiry .st-lead-box{margin:0}.st-zero-member-card--guide{max-width:780px;margin:auto}.st-related-guides{padding:60px 0 72px}.st-trade-guides{padding:60px 0;border-top:1px solid var(--st-line)}
@media(max-width:1050px){.st-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-guide-card-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.st-guide-hero__grid{grid-template-columns:1fr}.st-guide-hero__image{height:340px;max-width:760px}.st-guide-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.st-guide-side-cta{position:static;max-width:650px}.st-guide-side-cta .st-btn{width:auto}.st-guide-side-cta .st-text-link{display:inline-block;margin-left:.7rem;text-align:left}}
@media(max-width:680px){.st-guides-archive-hero{padding:42px 0 34px}.st-guide-card-grid,.st-guide-card-grid--compact{grid-template-columns:1fr}.st-guide-card__image,.st-guide-card-grid--compact .st-guide-card__image{height:185px}.st-guide-hero{padding:28px 0 34px}.st-guide-hero h1{font-size:clamp(2.35rem,12vw,3.5rem)}.st-guide-hero__image{height:250px;border-radius:18px}.st-guide-layout{padding-top:38px;padding-bottom:42px}.st-guide-content table{display:block;overflow-x:auto;white-space:nowrap}.st-guide-trade-bridge__inner{align-items:flex-start;flex-direction:column}.st-guide-side-cta .st-btn{width:100%}.st-guide-side-cta .st-text-link{display:block;margin:.6rem 0 0;text-align:center}.st-related-guides{padding:46px 0 55px}.st-trade-guides{padding:46px 0}}


/* SOUTHPORT MOTORING v0.1 VISUAL SYSTEM */
:root{
    --st-accent:#ff641f;
    --st-accent-dark:#e44d0c;
    --st-navy:#061d32;
    --st-navy-2:#0b2d48;
    --st-ink:#101923;
    --st-muted:#66717a;
    --st-bg:#f3f2ee;
    --st-line:#d9dee2;
    --st-max:1240px;
    --sm-orange:#ff641f;
    --sm-orange-dark:#e44d0c;
    --sm-navy:#061d32;
    --sm-navy-2:#0b2d48;
    --sm-blue:#2358d8;
    --sm-green:#0c8061;
    --sm-cream:#f3f2ee;
    --sm-white:#fff;
    --sm-display:"Eurostile Extended","Microgramma D Extended","Bank Gothic","Arial Black",Arial,sans-serif;
    --sm-body:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body{font-family:var(--sm-body);color:var(--st-ink);background:#fff}
h1,h2,h3,.site-nav,.st-btn,.sm-service-mark,.sm-eyebrow,.sm-header-strip strong{font-family:var(--sm-display)}
h1,h2,h3{font-stretch:expanded}
.st-btn{border-radius:7px;background:var(--sm-orange);border:1px solid var(--sm-orange);font-weight:900;letter-spacing:.015em;text-transform:uppercase;font-size:.78rem}
.st-btn:hover{background:var(--sm-orange-dark);border-color:var(--sm-orange-dark)}
.st-btn.st-btn-ghost{background:transparent;color:var(--sm-navy);border-color:#aeb7be}.st-btn.st-btn-ghost:hover{background:var(--sm-navy);border-color:var(--sm-navy);color:#fff}

/* Header */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #dce1e5;box-shadow:none;backdrop-filter:blur(12px)}
.site-header__inner{min-height:92px;gap:2.2rem}.site-logo{width:310px;max-height:74px;object-fit:contain;object-position:left center}.site-nav{gap:1.08rem}.site-nav a{font-size:.70rem;letter-spacing:.035em;text-transform:uppercase;color:#233646}.site-nav a:hover{color:var(--sm-orange-dark)}
.site-nav .nav-join{border:1px solid #b9c1c7;border-radius:7px;padding:.68rem .75rem}.site-nav .nav-join:hover{border-color:var(--sm-navy);background:#f6f7f8;color:var(--sm-navy)}
.site-nav .nav-cta{border-radius:7px;background:var(--sm-orange);padding:.72rem .86rem;color:#fff}.site-nav .nav-cta:hover{background:var(--sm-orange-dark)}
.sm-header-strip{background:var(--sm-navy);color:#dbe4eb;border-top:1px solid rgba(255,255,255,.06)}.sm-header-strip .st-wrap{display:flex;align-items:center;justify-content:center;gap:.5rem 1.25rem;min-height:35px;font-size:.72rem}.sm-header-strip strong{color:#ff9b70;font-size:.66rem;letter-spacing:.095em}.sm-header-strip span{position:relative}.sm-header-strip span+span:before{content:"";position:absolute;left:-.68rem;top:50%;width:3px;height:3px;border-radius:50%;background:#7890a1}

/* Homepage */
.sm-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 8%,rgba(255,100,31,.24),transparent 28%),radial-gradient(circle at 9% 100%,rgba(35,88,216,.18),transparent 30%),var(--sm-navy)}
.sm-hero:after{content:"";position:absolute;right:-160px;bottom:-380px;width:760px;height:760px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.022),0 0 0 180px rgba(255,255,255,.012);pointer-events:none}
.sm-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(470px,.78fr);align-items:center;gap:64px;padding:74px 0 80px}.sm-hero__copy{padding:0}.sm-eyebrow{margin:0 0 16px;color:var(--sm-orange-dark);font-size:.72rem;font-weight:900;letter-spacing:.105em;text-transform:uppercase}.sm-hero .sm-eyebrow{color:#ff9e77}.sm-eyebrow:before{content:"";display:inline-block;width:26px;height:3px;margin-right:9px;vertical-align:middle;background:currentColor}
.sm-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(3.45rem,6.3vw,5.9rem);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.sm-hero h1 em{display:block;margin-top:.10em;color:var(--sm-orange);font-style:normal}.sm-hero__intro{max-width:690px;margin:26px 0 0;color:#c6d0d7;font-size:1.14rem;line-height:1.65}.sm-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:28px}.sm-hero .st-btn.st-btn-ghost{color:#fff;border-color:#5c7183}.sm-hero .st-btn.st-btn-ghost:hover{background:#fff;color:var(--sm-navy);border-color:#fff}.sm-hero__proof{display:flex;gap:.55rem 1.2rem;flex-wrap:wrap;margin-top:27px;color:#eef3f6;font-size:.78rem;font-weight:750}.sm-hero__proof span:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;color:#ff9e77;background:rgba(255,100,31,.14);border-radius:50%;font-size:.68rem}
.sm-hero__form{background:#fff;color:var(--sm-navy);border-radius:14px;padding:24px;box-shadow:0 28px 74px rgba(0,0,0,.28)}.sm-form-heading{padding:2px 4px 14px}.sm-form-heading>span{color:var(--sm-orange-dark);font-family:var(--sm-display);font-size:.63rem;font-weight:900;letter-spacing:.1em}.sm-form-heading h2{margin:.35rem 0 .35rem;color:var(--sm-navy);font-size:1.75rem;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em}.sm-form-heading p{margin:0;color:#65737d;font-size:.82rem}.sm-hero__form .st-lead-box,.sm-hero__form .st-lead-form{display:block!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.sm-hero__form .st-hero-form-heading{display:none}.sm-hero__form .st-form-grid{grid-template-columns:1fr 1fr;gap:.65rem}.sm-hero__form .st-lead-form label{font-size:.72rem;font-weight:850;color:#263b4a}.sm-hero__form .st-lead-form input,.sm-hero__form .st-lead-form select,.sm-hero__form .st-lead-form textarea{border-radius:6px;border:1px solid #d5dce0;background:#f8f8f5;padding:.72rem .78rem}.sm-hero__form .st-lead-form textarea{min-height:74px}.sm-hero__form .st-consent,.sm-hero__form .st-legal-links,.sm-hero__form .st-form-small{font-size:.66rem;line-height:1.42}.sm-hero__form .st-hero-form-delivery{display:flex;gap:.45rem .85rem;flex-wrap:wrap;font-size:.66rem;color:#61707b}.sm-hero__form .st-btn-large{width:100%;justify-content:center;padding:.9rem 1rem}

.sm-utility{background:#fff;border-bottom:1px solid var(--st-line)}.sm-utility__grid{display:grid;grid-template-columns:repeat(4,1fr)}.sm-utility__grid>div{min-height:100px;padding:22px 24px}.sm-utility__grid>div+div{border-left:1px solid var(--st-line)}.sm-utility strong{display:block;color:var(--sm-navy);font-size:.84rem;text-transform:uppercase;letter-spacing:.01em}.sm-utility span{display:block;margin-top:5px;color:#6a757e;font-size:.76rem;line-height:1.45}

.sm-services{padding:92px 0 98px;background:var(--sm-cream)}.sm-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.sm-section-head>div{max-width:820px}.sm-section-head h2,.sm-problem-intro h2,.sm-different h2,.sm-business-cta h2{margin:.2rem 0 0;color:var(--sm-navy);font-size:clamp(2.25rem,4vw,3.65rem);line-height:1;text-transform:uppercase;letter-spacing:-.04em}.sm-section-head p:not(.sm-eyebrow),.sm-problem-intro>p:not(.sm-eyebrow),.sm-different__grid>div>p:not(.sm-eyebrow){max-width:760px;margin:17px 0 0;color:#65717a;font-size:1rem;line-height:1.65}.sm-inline-link{flex:0 0 auto;padding-bottom:4px;border-bottom:2px solid var(--sm-orange);text-decoration:none;font-family:var(--sm-display);font-size:.7rem;font-weight:900;text-transform:uppercase}
.sm-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sm-service-card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:15px;min-height:112px;padding:18px;background:#fff;border:1px solid transparent;border-radius:10px;text-decoration:none;transition:.18s ease}.sm-service-card:hover{transform:translateY(-3px);border-color:#ccd3d8;box-shadow:0 16px 40px rgba(6,29,50,.09)}.sm-service-mark{display:grid;place-items:center;width:62px;height:62px;background:var(--sm-navy);border-radius:8px;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.045em}.sm-service-card:nth-child(4n+2) .sm-service-mark{background:var(--sm-orange)}.sm-service-card:nth-child(4n+3) .sm-service-mark{background:var(--sm-blue)}.sm-service-card:nth-child(4n+4) .sm-service-mark{background:var(--sm-green)}.sm-service-copy strong{display:block;color:var(--sm-navy);font-family:var(--sm-display);font-size:.84rem;text-transform:uppercase;line-height:1.2}.sm-service-copy small{display:block;margin-top:6px;color:#77818a;font-size:.70rem;line-height:1.4}.sm-service-card>b{color:#a2aab0;font-size:1.25rem}.sm-service-card:hover>b{color:var(--sm-orange)}

.sm-problems{padding:100px 0;background:#fff}.sm-problems__grid{display:grid;grid-template-columns:minmax(310px,.74fr) minmax(0,1.26fr);gap:70px;align-items:start}.sm-problem-intro{position:sticky;top:150px;padding:38px;background:var(--sm-navy);border-radius:12px}.sm-problem-intro h2{color:#fff}.sm-problem-intro>p:not(.sm-eyebrow){color:#b7c5cf}.sm-problem-intro .st-btn{margin-top:24px}.sm-symptom-list{display:grid;gap:9px}.sm-symptom-list>a{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:19px;border:1px solid var(--st-line);border-radius:8px;text-decoration:none;transition:.15s ease}.sm-symptom-list>a:hover{background:#faf9f5;border-color:#c6ced3}.sm-symptom-list>a>span{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#fff0e9;color:var(--sm-orange-dark);font-family:var(--sm-display);font-size:1.1rem;font-weight:900}.sm-symptom-list strong{display:block;color:var(--sm-navy);font-family:var(--sm-display);font-size:.80rem;text-transform:uppercase}.sm-symptom-list small{display:block;margin-top:5px;color:#737e86}.sm-symptom-list b{color:#9da5ab;font-size:1.2rem}

.sm-different{padding:100px 0;color:#fff;background:#10283b}.sm-different__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}.sm-different h2{color:#fff}.sm-different__grid>div>p:not(.sm-eyebrow){color:#b4c1ca}.sm-different__steps{display:grid;gap:1px;overflow:hidden;border:1px solid #395063;border-radius:10px;background:#395063}.sm-different__steps article{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:25px;background:#10283b}.sm-different__steps article>span{color:var(--sm-orange);font-family:var(--sm-display);font-size:1.65rem;font-weight:900}.sm-different__steps h3{margin:0;color:#fff;font-size:.83rem;text-transform:uppercase}.sm-different__steps p{margin:7px 0 0;color:#aebcc6;font-size:.82rem;line-height:1.55}

.sm-guides{padding:95px 0 100px;background:var(--sm-cream)}.sm-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sm-guide-card{display:flex;flex-direction:column;min-height:270px;padding:28px;background:#fff;border:1px solid transparent;border-radius:10px;text-decoration:none;transition:.18s ease}.sm-guide-card:hover{transform:translateY(-3px);border-color:#cfd6da;box-shadow:0 16px 40px rgba(6,29,50,.08)}.sm-guide-card>span{width:max-content;padding:5px 8px;background:#fff0e9;border-radius:4px;color:var(--sm-orange-dark);font-family:var(--sm-display);font-size:.59rem;font-weight:900;text-transform:uppercase}.sm-guide-card h3{margin:23px 0 0;color:var(--sm-navy);font-size:1.25rem;line-height:1.15;text-transform:uppercase}.sm-guide-card p{margin:12px 0 0;color:#6d7881;font-size:.82rem;line-height:1.55}.sm-guide-card b{margin-top:auto;padding-top:24px;color:var(--sm-navy);font-family:var(--sm-display);font-size:.68rem;text-transform:uppercase}

.sm-business-cta{padding:82px 0;background:var(--sm-orange)}.sm-business-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:55px}.sm-business-cta .sm-eyebrow{color:#6e240a}.sm-business-cta h2{max-width:850px;color:var(--sm-navy)}.sm-business-cta p:not(.sm-eyebrow){max-width:780px;margin:17px 0 0;color:#60240e}.sm-business-cta .st-btn{flex:0 0 auto;background:var(--sm-navy);border-color:var(--sm-navy)}.sm-business-cta .st-btn:hover{background:#102d45;border-color:#102d45}


.st-trade-hero-bg--motoring{background:radial-gradient(circle at 76% 30%,rgba(255,100,31,.38),transparent 22%),linear-gradient(125deg,#061d32 0,#0b2d48 52%,#132536 100%)}
.st-trade-hero-bg--motoring:after{content:"";position:absolute;left:-5%;right:-5%;bottom:15%;height:4px;background:linear-gradient(90deg,transparent 0,transparent 9%,#fff 9%,#fff 39%,transparent 39%,transparent 52%,#ff641f 52%,#ff641f 79%,transparent 79%);transform:rotate(-9deg);opacity:.75;box-shadow:0 20px 0 rgba(255,255,255,.12),0 -20px 0 rgba(255,255,255,.06)}

/* Core service pages: keep the proven mechanics, change the visual language. */
.st-trade-page{max-width:1240px}.st-trade-hero-shell{background:linear-gradient(180deg,#f6f4ee 0,#fff 100%)}.st-trade-hero h1{color:var(--sm-navy)!important;font-family:var(--sm-display);text-transform:uppercase;letter-spacing:-.045em}.st-kicker{color:var(--sm-orange-dark)!important;font-family:var(--sm-display);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}.st-service-item{border-radius:7px}.st-service-item span{background:#fff0e9;color:var(--sm-orange-dark)}.st-trade-note{border-left-color:var(--sm-orange);background:#fff7f1}.st-member-card{border-radius:9px}.st-member-card--featured{border-color:#ffc0a3}.st-local-badge--featured{background:#fff0e9;color:#b83d08}.st-lead-box,.st-lead-form,.st-business-hero,.st-about-contact-card,.st-contact-form{border-radius:10px!important}.st-directory-count{border-radius:5px}.st-member-cta{background:var(--sm-navy)!important;border-radius:10px!important}.st-member-cta .st-kicker{color:#ff9e77!important}.st-faq-list details{border-radius:7px}

/* Business profiles */
.member-profile{padding:34px 0 70px}.member-breadcrumb{font-size:.76rem}.member-breadcrumb a{color:var(--sm-navy)}.member-hero{border-radius:12px!important;background:linear-gradient(135deg,#f3f2ee,#fff)!important}.member-hero h1{color:var(--sm-navy)!important;text-transform:uppercase}.member-details-grid{border-radius:9px!important}.member-details-grid article span{font-family:var(--sm-display);font-size:.62rem;text-transform:uppercase;color:var(--sm-orange-dark)}.member-about,.member-service-panel{border-radius:9px!important}.profile-enquiry-cta{border-radius:10px!important;background:var(--sm-navy)!important}.member-portfolio-grid figure,.demo-project-grid article{border-radius:8px!important}

/* Generic / managed pages */
.standard-page,.st-managed-page{padding-bottom:60px}.st-business-page,.st-how-page,.st-about-page,.st-contact-page{--st-accent:var(--sm-orange);--st-navy:var(--sm-navy)}
.st-business-hero h1,.st-about-hero h1,.st-how-page h1,.st-contact-page h1{font-family:var(--sm-display);text-transform:uppercase;letter-spacing:-.04em;color:var(--sm-navy)}

/* Footer */
.site-footer{padding:56px 0 20px;color:#a5b1ba;background:#08131d;border-top:0}.site-footer__grid{grid-template-columns:1.6fr .8fr .8fr}.footer-logo{width:320px;max-width:100%;filter:brightness(0) invert(1);opacity:.95}.site-footer__grid p{color:#8d9aa4}.site-footer__grid strong{color:#fff;font-family:var(--sm-display);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.site-footer__grid a{color:#a5b1ba}.site-footer__grid a:hover{color:#fff}.site-footer__bottom{border-top-color:#25323c;color:#687781}.site-footer__legal{display:flex;gap:.65rem 1rem;flex-wrap:wrap}.site-footer__legal a{text-decoration:none}

@media(max-width:1120px){.site-logo{width:260px}.site-nav{gap:.72rem}.site-nav a{font-size:.64rem}.sm-hero__grid{grid-template-columns:1fr;gap:45px}.sm-hero__copy{max-width:900px}.sm-hero__form{max-width:760px}.sm-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header__inner{min-height:80px}.site-nav-toggle{display:inline-flex}.site-nav{display:none}.site-nav.is-open{display:flex}.sm-header-strip span:nth-of-type(n+2){display:none}.sm-utility__grid{grid-template-columns:1fr 1fr}.sm-utility__grid>div:nth-child(3){border-left:0;border-top:1px solid var(--st-line)}.sm-utility__grid>div:nth-child(4){border-top:1px solid var(--st-line)}.sm-problems__grid,.sm-different__grid{grid-template-columns:1fr;gap:38px}.sm-problem-intro{position:relative;top:auto}.sm-guide-grid{grid-template-columns:1fr 1fr}.sm-business-cta__inner{display:block}.sm-business-cta .st-btn{margin-top:28px}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.st-wrap{width:min(calc(100% - 24px),var(--st-max))}.site-logo{width:215px}.sm-header-strip .st-wrap{justify-content:flex-start;overflow:hidden;white-space:nowrap}.sm-header-strip span{display:none!important}.sm-hero__grid{padding:55px 0 60px}.sm-hero h1{font-size:clamp(2.65rem,13vw,4.25rem)}.sm-hero__intro{font-size:1rem}.sm-hero__form{padding:18px}.sm-hero__form .st-form-grid{grid-template-columns:1fr}.sm-utility__grid,.sm-service-grid,.sm-guide-grid{grid-template-columns:1fr}.sm-utility__grid>div+div{border-left:0;border-top:1px solid var(--st-line)}.sm-services,.sm-problems,.sm-different,.sm-guides{padding:68px 0}.sm-section-head{display:block}.sm-inline-link{display:inline-block;margin-top:20px}.sm-service-card{grid-template-columns:54px 1fr auto;min-height:100px}.sm-service-mark{width:54px;height:54px}.sm-problem-intro{padding:27px}.sm-business-cta{padding:62px 0}.site-footer__grid{grid-template-columns:1fr}.site-footer__grid>div:first-child{grid-column:auto}.footer-logo{width:270px}.site-footer__bottom{display:block}.site-footer__legal{margin-top:8px}}

/* =========================================================
   SOUTHPORT MOTORING v0.2 — HUMAN DESIGN PASS
   Icon-led utility, illustrated service cards, non-numbered
   process, stronger business CTA and corrected footer brand.
   ========================================================= */
.sm-icon{display:block;width:1.35em;height:1.35em;flex:0 0 auto}

/* Hero proof now uses meaningful icons rather than repeated check dots. */
.sm-hero__proof span{display:inline-flex;align-items:center;gap:7px}
.sm-hero__proof span:before{display:none!important}
.sm-hero__proof .sm-icon{width:20px;height:20px;padding:3px;color:#ff9e77;background:rgba(255,100,31,.14);border-radius:5px}

/* Utility strip: icon + copy rather than four plain text boxes. */
.sm-utility__grid>div{display:flex;align-items:center;gap:14px;min-height:106px;padding:20px 22px}
.sm-utility-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;color:var(--sm-orange-dark);background:#fff0e9;border-radius:10px}
.sm-utility-icon .sm-icon{width:25px;height:25px}
.sm-utility-copy{display:block;min-width:0}
.sm-utility-copy>span{display:block;margin-top:5px;color:#6a757e;font-size:.75rem;line-height:1.43}

/* Illustrated service catalogue. */
.sm-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sm-service-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;overflow:hidden;background:#fff;border:1px solid #e1e4e5;border-radius:12px;box-shadow:0 3px 0 rgba(6,29,50,.02)}
.sm-service-card:hover{transform:translateY(-5px);border-color:#cbd1d5;box-shadow:0 20px 45px rgba(6,29,50,.11)}
.sm-service-visual{position:relative;display:block;width:100%;aspect-ratio:16/8.6;overflow:hidden;background:var(--sm-navy)}
.sm-service-visual:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,rgba(6,29,50,.18));pointer-events:none}
.sm-service-visual img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.sm-service-card:hover .sm-service-visual img{transform:scale(1.035)}
.sm-service-body{display:flex;flex:1;flex-direction:column;padding:19px 20px 18px}
.sm-service-body>strong{display:block;color:var(--sm-navy);font-family:var(--sm-display);font-size:.88rem;line-height:1.18;text-transform:uppercase}
.sm-service-body>small{display:block;min-height:2.8em;margin-top:8px;color:#727d86;font-size:.72rem;line-height:1.42}
.sm-service-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;color:var(--sm-orange-dark);border-top:1px solid #edf0f1;font-family:var(--sm-display);font-size:.64rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.sm-service-link b{font-size:1rem;transition:transform .18s ease}
.sm-service-card:hover .sm-service-link b{transform:translateX(4px)}

/* Problem cards: individual automotive symbols. */
.sm-symptom-list>a{grid-template-columns:52px 1fr auto;padding:17px 19px;border-radius:10px}
.sm-symptom-list>a>span.sm-symptom-icon{display:grid;place-items:center;width:52px;height:52px;color:var(--sm-orange-dark);background:#fff0e9;border-radius:10px;font-family:inherit;font-size:inherit;font-weight:inherit}
.sm-symptom-icon .sm-icon{width:27px;height:27px}
.sm-symptom-list>a:nth-child(2) .sm-symptom-icon,.sm-symptom-list>a:nth-child(5) .sm-symptom-icon{color:#2358d8;background:#edf2ff}
.sm-symptom-list>a:nth-child(3) .sm-symptom-icon,.sm-symptom-list>a:nth-child(6) .sm-symptom-icon{color:#0c8061;background:#eaf8f3}

/* Process: no 01 / 02 / 03. Each idea has a visual anchor and reads as authored content. */
.sm-different__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:start}
.sm-different__cards article{min-height:260px;padding:27px 24px;background:#163248;border:1px solid #3a5365;border-radius:11px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.sm-different__cards article:hover{transform:translateY(-3px);background:#193a52;border-color:#587083}
.sm-different-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:24px;color:#fff;background:var(--sm-orange);border-radius:12px}
.sm-different__cards article:nth-child(2) .sm-different-icon{background:#2358d8}
.sm-different__cards article:nth-child(3) .sm-different-icon{background:#0c8061}
.sm-different-icon .sm-icon{width:28px;height:28px}
.sm-different__cards h3{margin:0;color:#fff;font-size:.82rem;line-height:1.3;text-transform:uppercase}
.sm-different__cards p{margin:11px 0 0;color:#afbec8;font-size:.81rem;line-height:1.58}

/* Guides: add relevant visual anchors without making them look like identical AI cards. */
.sm-guide-card{position:relative;padding:30px;border-radius:12px}
.sm-guide-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;color:var(--sm-orange-dark);background:#fff0e9;border-radius:10px}
.sm-guide-card:nth-child(2) .sm-guide-icon{color:#2358d8;background:#edf2ff}
.sm-guide-card:nth-child(3) .sm-guide-icon{color:#0c8061;background:#eaf8f3}
.sm-guide-icon .sm-icon{width:25px;height:25px}
.sm-guide-card>span.sm-guide-tag{width:max-content;padding:5px 8px;background:#f4f5f5;border-radius:4px;color:#5b6871;font-family:var(--sm-display);font-size:.58rem;font-weight:900;text-transform:uppercase}
.sm-guide-card h3{margin:18px 0 0}

/* Business CTA: use a designed value panel instead of an empty orange slab. */
.sm-business-cta{position:relative;overflow:hidden;padding:88px 0;background:linear-gradient(120deg,#ff641f 0,#ff7134 64%,#f35a18 100%)}
.sm-business-cta:before{content:"";position:absolute;right:-150px;top:-210px;width:520px;height:520px;border:1px solid rgba(6,29,50,.15);border-radius:50%;box-shadow:0 0 0 65px rgba(6,29,50,.035),0 0 0 130px rgba(6,29,50,.025)}
.sm-business-cta__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr);gap:70px;align-items:center}
.sm-business-cta__copy .st-btn{margin-top:26px;background:var(--sm-navy);border-color:var(--sm-navy)}
.sm-business-value{padding:26px;color:#fff;background:var(--sm-navy);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 25px 55px rgba(6,29,50,.23)}
.sm-business-value__head{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #294358}
.sm-business-value__head>span{display:grid;place-items:center;width:50px;height:50px;color:#fff;background:var(--sm-orange);border-radius:10px}
.sm-business-value__head .sm-icon{width:27px;height:27px}
.sm-business-value__head strong{display:block;font-family:var(--sm-display);font-size:.75rem;text-transform:uppercase}
.sm-business-value__head small{display:block;margin-top:4px;color:#9fb0bc;font-size:.72rem}
.sm-business-value__items{display:grid;gap:4px;padding-top:13px}
.sm-business-value__items>div{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:12px 0}
.sm-business-value__items>div>span{display:grid;place-items:center;width:42px;height:42px;color:#ff9e77;background:#18384f;border-radius:9px}
.sm-business-value__items>div:nth-child(2)>span{color:#91adff}.sm-business-value__items>div:nth-child(3)>span{color:#73d4b5}
.sm-business-value__items .sm-icon{width:23px;height:23px}
.sm-business-value__items p{margin:0!important;color:inherit!important}
.sm-business-value__items strong{display:block;color:#fff;font-size:.79rem;text-transform:uppercase}
.sm-business-value__items small{display:block;margin-top:4px;color:#aab9c4;font-size:.73rem;line-height:1.45}

/* Footer logo: purpose-built dark-background version, no CSS inversion. */
.footer-logo{width:320px;max-width:100%;filter:none!important;opacity:1;background:transparent}
.site-footer__brand{min-width:0}

@media(max-width:1120px){
    .sm-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sm-different__cards{grid-template-columns:1fr}
    .sm-different__cards article{min-height:0}
    .sm-business-cta__grid{grid-template-columns:1fr;gap:40px}
    .sm-business-value{max-width:760px}
}
@media(max-width:900px){
    .sm-utility__grid>div{min-height:98px}
}
@media(max-width:620px){
    .sm-service-grid{grid-template-columns:1fr}
    .sm-service-body>small{min-height:0}
    .sm-service-visual{aspect-ratio:16/8.2}
    .sm-utility__grid>div{padding:17px 14px}
    .sm-utility-icon{flex-basis:42px;width:42px;height:42px}
    .sm-utility-icon .sm-icon{width:23px;height:23px}
    .sm-symptom-list>a{grid-template-columns:46px 1fr auto;padding:15px}
    .sm-symptom-list>a>span.sm-symptom-icon{width:46px;height:46px}
    .sm-different__cards article{padding:23px}
    .sm-business-cta__grid{grid-template-columns:1fr}
    .sm-business-value{padding:20px}
    .footer-logo{width:265px}
}


/* =========================================================
   SOUTHPORT MOTORING v0.2.1 — refinement pass
   Simpler hero icons, better contrast, simpler service icons.
   ========================================================= */
.sm-hero .st-btn,.sm-hero .st-btn:visited{color:#fff}
.sm-hero .st-btn.st-btn-ghost,.sm-hero .st-btn.st-btn-ghost:visited{color:#fff;background:rgba(255,255,255,.04);border-color:#5c7183}
.sm-hero .st-btn.st-btn-ghost:hover{background:#fff;color:var(--sm-navy);border-color:#fff}

.sm-utility-icon{color:#6d7780;background:#f8eee8}
.sm-utility-icon .sm-icon{width:22px;height:22px;stroke-width:1.9}
.sm-hero__proof .sm-icon{width:18px;height:18px;padding:2px;color:#ff9e77;background:rgba(255,100,31,.12);border-radius:5px;stroke-width:2}

/* Revert services to simpler cards with compact icon tiles. */
.sm-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sm-service-card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:15px;min-height:112px;padding:18px;background:#fff;border:1px solid #dde3e7;border-radius:10px;text-decoration:none;box-shadow:none}
.sm-service-card:hover{transform:translateY(-3px);border-color:#c5cdd3;box-shadow:0 16px 40px rgba(6,29,50,.09)}
.sm-service-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:10px;background:#eef3f7;color:var(--sm-navy)}
.sm-service-icon .sm-icon{width:31px;height:31px;stroke-width:1.9}
.sm-service-card:nth-child(4n+1) .sm-service-icon{background:#edf2f7;color:var(--sm-navy)}
.sm-service-card:nth-child(4n+2) .sm-service-icon{background:#fff0e9;color:var(--sm-orange-dark)}
.sm-service-card:nth-child(4n+3) .sm-service-icon{background:#edf2ff;color:var(--sm-blue)}
.sm-service-card:nth-child(4n+4) .sm-service-icon{background:#eaf8f3;color:var(--sm-green)}
.sm-service-copy strong{display:block;color:var(--sm-navy);font-family:var(--sm-display);font-size:.84rem;text-transform:uppercase;line-height:1.2}
.sm-service-copy small{display:block;margin-top:6px;color:#77818a;font-size:.70rem;line-height:1.4}
.sm-service-card>b{color:#a2aab0;font-size:1.25rem}
.sm-service-card:hover>b{color:var(--sm-orange)}

/* remove illustrated card rules from v0.2 layout */
.sm-service-visual,.sm-service-body,.sm-service-link{all:unset}

@media(max-width:1120px){.sm-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sm-service-grid{grid-template-columns:1fr}.sm-service-card{grid-template-columns:56px 1fr auto;padding:16px}.sm-service-icon{width:56px;height:56px}.sm-service-icon .sm-icon{width:28px;height:28px}}


/* =========================================================
   SOUTHPORT MOTORING v0.2.2 — clarity pass
   ========================================================= */

/* Lock hero button contrast, regardless of generic link states. */
.sm-hero__actions a.st-btn,
.sm-hero__actions a.st-btn:link,
.sm-hero__actions a.st-btn:visited,
.sm-hero__actions a.st-btn:active{
    color:#fff !important;
    text-decoration:none !important;
}

.sm-hero__actions a.st-btn.st-btn-ghost,
.sm-hero__actions a.st-btn.st-btn-ghost:link,
.sm-hero__actions a.st-btn.st-btn-ghost:visited{
    color:#fff !important;
    background:rgba(255,255,255,.04) !important;
    border-color:#7890a1 !important;
}

.sm-hero__actions a.st-btn.st-btn-ghost:hover,
.sm-hero__actions a.st-btn.st-btn-ghost:focus{
    color:var(--sm-navy) !important;
    background:#fff !important;
    border-color:#fff !important;
}

/* Utility icons: simple and literal rather than decorative. */
.sm-utility-icon{
    background:#f6eee9 !important;
    color:#6f7a83 !important;
    border-radius:9px !important;
}
.sm-utility-icon .sm-icon{
    width:21px !important;
    height:21px !important;
    stroke-width:2 !important;
}

/* Service tiles: consistent colours, clearer symbols. */
.sm-service-icon{
    background:#f1f4f6 !important;
    color:var(--sm-navy) !important;
    border:1px solid #e3e8eb;
}
.sm-service-icon--service,
.sm-service-icon--bodywork,
.sm-service-icon--recovery{
    background:#fff0e9 !important;
    color:var(--sm-orange-dark) !important;
    border-color:#ffe1d2;
}
.sm-service-icon--diagnostics,
.sm-service-icon--dpf,
.sm-service-icon--electrics{
    background:#eaf8f3 !important;
    color:var(--sm-green) !important;
    border-color:#d9efe7;
}
.sm-service-icon--repair,
.sm-service-icon--clutch,
.sm-service-icon--brakes,
.sm-service-icon--gearbox,
.sm-service-icon--detailing{
    background:#edf2ff !important;
    color:var(--sm-blue) !important;
    border-color:#dde6ff;
}
.sm-service-icon--mot,
.sm-service-icon--tyre,
.sm-service-icon--aircon,
.sm-service-icon--mobile{
    background:#edf3f7 !important;
    color:var(--sm-navy) !important;
    border-color:#dfe7ec;
}
.sm-service-icon .sm-icon{
    width:30px !important;
    height:30px !important;
    stroke-width:1.9 !important;
}

/* Broken-down state gets the same recovery symbol as the recovery category. */
.sm-symptom-list>a:last-child .sm-symptom-icon{
    color:var(--sm-orange-dark) !important;
    background:#fff0e9 !important;
}
.sm-symptom-list>a:last-child .sm-symptom-icon .sm-icon{
    width:29px !important;
    height:29px !important;
}

.sm-different h2{max-width:650px}
.sm-business-cta h2{max-width:980px}


/* =========================================================
   SOUTHPORT MOTORING v0.2.3 — icon refinement pass
   ========================================================= */
.sm-utility-icon{width:50px;height:50px;display:grid;place-items:center;padding:0 !important}
.sm-utility-icon .sm-icon{width:30px !important;height:30px !important;stroke-width:1.9 !important}
.sm-guide-icon{width:50px;height:50px;display:grid;place-items:center}
.sm-guide-icon .sm-icon{width:30px;height:30px;stroke-width:1.9}
.sm-service-icon{width:58px;height:58px;display:grid;place-items:center}
.sm-service-icon .sm-icon{width:30px !important;height:30px !important;stroke-width:1.9 !important}
.sm-symptom-icon .sm-icon{width:30px !important;height:30px !important;stroke-width:1.9 !important}
@media(max-width:620px){.sm-utility-icon .sm-icon,.sm-guide-icon .sm-icon,.sm-service-icon .sm-icon,.sm-symptom-icon .sm-icon{width:28px !important;height:28px !important}}


/* =========================================================
   SOUTHPORT MOTORING v0.2.4 — icon clarity pass
   ========================================================= */
.sm-utility-item{align-items:center}
.sm-utility-icon{width:56px;height:56px;min-width:56px;border-radius:10px;background:#f6eee9!important;color:#6b7680!important;display:grid;place-items:center;padding:0!important}
.sm-utility-icon .sm-icon{width:34px!important;height:34px!important;stroke-width:1.8!important}
.sm-service-icon{width:60px;height:60px;min-width:60px}
.sm-service-icon .sm-icon{width:32px!important;height:32px!important;stroke-width:1.85!important}
.sm-guide-icon .sm-icon{width:32px!important;height:32px!important;stroke-width:1.85!important}
.sm-symptom-icon .sm-icon{width:32px!important;height:32px!important;stroke-width:1.85!important}
@media(max-width:620px){.sm-utility-icon{width:52px;height:52px;min-width:52px}.sm-utility-icon .sm-icon{width:30px!important;height:30px!important}.sm-service-icon{width:56px;height:56px;min-width:56px}.sm-service-icon .sm-icon,.sm-guide-icon .sm-icon,.sm-symptom-icon .sm-icon{width:30px!important;height:30px!important}}


/* =========================================================
   SOUTHPORT MOTORING v0.2.5 — verified icon pass
   ========================================================= */
.sm-utility-icon{width:58px!important;height:58px!important;min-width:58px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important}
.sm-utility-icon .sm-icon{width:39px!important;height:39px!important;stroke-width:1.75!important}
.sm-service-icon{width:60px!important;height:60px!important;min-width:60px!important;padding:0!important;display:grid!important;place-items:center!important}
.sm-service-icon .sm-icon{width:34px!important;height:34px!important;stroke-width:1.9!important}
.sm-mot-mark{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important}
.sm-guide-icon .sm-mot-mark{width:35px!important;height:35px!important}
.sm-symptom-icon .sm-icon{width:34px!important;height:34px!important;stroke-width:1.9!important}
@media(max-width:620px){.sm-utility-icon{width:54px!important;height:54px!important;min-width:54px!important}.sm-utility-icon .sm-icon{width:35px!important;height:35px!important}.sm-mot-mark{width:39px!important;height:39px!important}}


/* Southport Motoring v0.2.6 — public business address */
.member-details-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.member-details-grid{grid-template-columns:repeat(2,1fr)}.member-details-grid article:nth-child(2n){border-right:0}}
@media(max-width:620px){.member-details-grid{grid-template-columns:1fr}.member-details-grid article{border-right:0}}


/* =========================================================
   SOUTHPORT MOTORING v0.2.7 — public listing provenance
   ========================================================= */
.public-listing-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:15px 17px;border:1px solid #d8e2e8;border-left:4px solid var(--sm-orange);border-radius:9px;background:#f8fafb;color:#415361}
.public-listing-banner strong{display:block;color:var(--sm-navy);font-family:var(--sm-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}
.public-listing-banner span{display:block;margin-top:4px;font-size:.78rem;line-height:1.45}
.public-listing-banner a{flex:0 0 auto;color:var(--sm-navy);font-family:var(--sm-display);font-size:.64rem;font-weight:900;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--sm-orange)}
.member-details-grid--mot{grid-template-columns:repeat(5,1fr)}
.member-details-grid--mot article:nth-child(4){border-right:1px solid var(--st-line)}
@media(max-width:1080px){.member-details-grid--mot{grid-template-columns:repeat(3,1fr)}.member-details-grid--mot article{border-bottom:1px solid var(--st-line)}}
@media(max-width:820px){.public-listing-banner{align-items:flex-start;flex-direction:column;gap:10px}.member-details-grid--mot{grid-template-columns:1fr}.member-details-grid--mot article{border-right:0}}


/* =========================================================
   SOUTHPORT MOTORING v0.2.8 — business profile maps
   ========================================================= */
.member-map-section{margin:0 0 55px;padding:1.6rem;border:1px solid var(--st-line);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(8,43,85,.06)}
.member-map-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.2rem}
.member-map-section__head h2{font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.05;letter-spacing:-.035em;color:var(--st-navy);margin:.2rem 0 .45rem}
.member-map-section__head p:not(.st-kicker){margin:0;color:var(--st-muted);font-weight:650}
.member-map-directions{flex:0 0 auto;color:var(--st-navy)!important;border-color:#cbd8df!important;background:#fff!important}
.member-map-directions:hover,.member-map-directions:focus{color:#fff!important;background:var(--st-navy)!important;border-color:var(--st-navy)!important}
.member-map-frame{overflow:hidden;border:1px solid var(--st-line);border-radius:16px;background:#eef3f5;line-height:0}
.member-map-frame iframe{display:block;width:100%;height:440px;border:0}
@media(max-width:720px){.member-map-section{padding:1rem;margin-bottom:42px}.member-map-section__head{display:block}.member-map-directions{display:inline-flex;margin-top:1rem}.member-map-frame iframe{height:330px}}


/* =========================================================
   SOUTHPORT MOTORING v0.2.9 — business profile hero spacing
   ========================================================= */
.member-profile .member-hero{padding:34px 38px 40px!important;margin:0 0 14px}
.member-profile .member-hero__main{min-width:0}
@media(max-width:820px){.member-profile .member-hero{padding:28px 26px 32px!important}}
@media(max-width:580px){.member-profile .member-hero{padding:24px 20px 28px!important}}