@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#000;color:#fff}body{font-family:'Poppins',Arial,Helvetica,sans-serif;font-size:14px}a{color:#006ca8;text-decoration:none}a:hover{text-decoration:underline}.site-shell{width:1110px;max-width:calc(100% - 30px);margin:0 auto}.site-header{padding-top:3px}.header-row{height:136px;position:relative}.phone{position:absolute;top:16px;color:#006ca8;font-size:18px}.phone-left{left:15px}.phone-right{right:15px}.logo-wrap{position:absolute;left:50%;top:0;transform:translateX(-50%);width:300px;text-align:center}.logo-link,.site-logo{display:block}.site-logo{width:100%;height:auto;margin:auto}.main-nav{text-align:center;margin-top:1px;margin-bottom:14px}.nav-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 20px;line-height:36px}.nav-row a,.nav-row span{color:#006ca8;white-space:nowrap}.nav-row-second{margin-top:2px}.hero-grid{display:grid;grid-template-columns:203px 610px 203px;column-gap:14px;align-items:stretch}.side-gallery{display:grid;grid-template-rows:repeat(4,1fr);gap:8px;background:#222;padding:8px;height:525px}.side-image{overflow:hidden;background:#111}.side-image img{width:100%;height:100%;object-fit:cover;display:block}.image-placeholder{width:100%;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;color:#777;background:linear-gradient(135deg,#151515,#252525);text-align:center}.image-placeholder.large{min-height:385px}.hero-centre{display:flex;flex-direction:column}.hero-image{height:385px;overflow:hidden;background:#111;position:relative}.homepage-slideshow .home-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;display:block}.homepage-slideshow .home-slide.active{opacity:1}.contact-strip{min-height:140px;display:grid;grid-template-columns:122px 1fr 122px;gap:16px;align-items:center;padding-top:12px}.contact-badge{width:122px;height:122px;background:#fff;padding:6px}.badge-frame{width:100%;height:100%;border:4px solid #111;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px}.badge-phone{font-size:9px;font-weight:bold}.badge-logo{font-family:Arial Black,Arial,sans-serif;font-size:34px;font-weight:900;line-height:1;letter-spacing:-4px}.badge-small{font-size:7px;line-height:9px;margin-top:4px}.badge-rule{width:72%;height:1px;background:#111;margin:7px auto 5px}.badge-site{font-size:7px;font-weight:bold}.contact-details{text-align:center;font-size:14px;line-height:22px}.contact-details strong,.contact-details span{display:block}.contact-details strong{font-size:17px;margin-bottom:2px}.qr-card{width:122px;height:122px;padding:7px;background:#fff;color:#000;display:flex;flex-direction:column;justify-content:space-between}.qr-grid{position:relative;flex:1;background:repeating-linear-gradient(0deg,transparent 0 5px,#000 5px 10px),repeating-linear-gradient(90deg,transparent 0 5px,#000 5px 10px);overflow:hidden}.qr-finder{position:absolute;z-index:3;width:26px;height:26px;background:#fff;border:6px solid #000}.qr-finder:after{content:"";position:absolute;inset:4px;background:#000}.finder-one{left:3px;top:3px}.finder-two{right:3px;top:3px}.finder-three{left:3px;bottom:3px}.qr-caption{text-align:center;font-size:8px;font-weight:bold;padding-top:4px}.tagline{text-align:center;font-size:21px;padding-top:36px}.review-link{padding-top:38px;padding-left:12px}.review-link a{text-decoration:underline}.footer-content{display:grid;grid-template-columns:480px 1fr;gap:40px;padding-top:72px;padding-bottom:20px}.footer-links{display:grid;grid-template-columns:220px 220px;gap:38px}.footer-column{display:flex;flex-direction:column}.footer-column a{line-height:21px}.footer-right{text-align:right;align-self:start;font-size:12px;line-height:24px}.footer-right p{margin:0 0 12px}@media(max-width:1140px){.site-shell{width:100%;max-width:100%;padding:0 20px}.hero-grid{grid-template-columns:19% 58% 19%;gap:2%}}@media(max-width:850px){.header-row{height:auto;padding:15px 0}.phone{position:static;text-align:center;margin-bottom:5px}.logo-wrap{position:static;transform:none;width:280px;max-width:90%;margin:10px auto}.hero-grid{grid-template-columns:1fr;gap:16px}.hero-centre{order:-1}.side-gallery{height:auto;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,150px)}.hero-image{height:auto;aspect-ratio:16/10}.contact-strip{min-height:0;grid-template-columns:1fr;gap:16px;padding-top:16px}.contact-badge,.qr-card{margin:auto}.footer-content{grid-template-columns:1fr}.footer-right{text-align:left}}@media(max-width:560px){.site-shell{padding:0 12px}.logo-wrap{width:250px}.nav-row{display:block;line-height:27px}.nav-row a,.nav-row span{display:inline-block;margin:0 5px}.side-gallery{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,120px)}.footer-links{grid-template-columns:1fr;gap:20px}}

/* Header contact pills */
.phone{
    top:20px;
    min-width:245px;
    padding:11px 20px 10px;
    background:#151515;
    border:1px solid #006ca8;
    border-radius:999px;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,0,0,.28);
    line-height:1.25;
}
.phone::first-line{
    color:#fff;
    font-size:17px;
    font-weight:700;
}
.phone-left::after,
.phone-right::after{
    display:block;
    margin-top:4px;
    color:#8d8d8d;
    font-size:12px;
    font-weight:500;
    letter-spacing:.35px;
}
.phone-left::after{content:"Classic & Sports Car Enquiries"}
.phone-right::after{content:"Speak Directly With CCHL"}
@media(max-width:850px){
    .phone{
        position:relative;
        top:auto;
        display:block;
        width:max-content;
        min-width:245px;
        margin:7px auto;
    }
    .phone-left,.phone-right{left:auto;right:auto}
}


/* Telephone icons in header contact pills */
.phone-left::before,
.phone-right::before{
    content:"☎";
    display:inline-block;
    position:static;
    transform:none;
    margin-right:8px;
    color:#008dcc;
    font-size:18px;
    line-height:1;
    vertical-align:-1px;
}


/* Homepage gallery centering fix
   The gallery columns total 1044px (203 + 610 + 203 + 14 + 14).
   Constrain the grid to that actual width and centre it in the 1110px site shell. */
@media(min-width:1141px){
    .hero-grid{
        width:1044px;
        margin-left:auto;
        margin-right:auto;
    }
}


/* Current/selected main menu item */
.main-nav a.active,.main-nav a.current,.main-nav a[aria-current="page"],
.nav-row a.active,.nav-row a.current,.nav-row a[aria-current="page"]{color:#fff!important}