/*
Theme Name: AVA Performance V2.5
Theme URI: https://avaperformance.se
Author: AVA Performance AB
Description: Premium dark automotive WordPress theme for AVA Performance AB.
Version: 2.5.2
Text Domain: ava-performance-v2
*/
:root{
  --bg:#121212;--bg2:#171717;--panel:#1c1c1c;--panel2:#222;--line:#404040;
  --white:#fff;--text:#f0f0f0;--muted:#b7b7b7;--red:#b20e1b;--red2:#d21928;
  --max:1220px;--radius:5px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(13,13,13,.95);backdrop-filter:blur(12px);border-bottom:1px solid #303030}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-logo img{width:230px;height:70px;object-fit:contain;object-position:left center}.main-nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:800}.main-nav>a{padding:12px 0;color:#dedede;position:relative}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:5px;background:var(--red);transition:.2s}.main-nav>a:hover:after{right:0}.main-nav>a:hover{color:white}.nav-cta{background:var(--red);padding:14px 20px!important;border-radius:4px;box-shadow:0 8px 28px rgba(178,14,27,.16)}.nav-cta:hover{background:var(--red2)}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid #3a3a3a;border-radius:4px;padding:8px 11px;font-size:20px}
.hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;background:#111}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.72) 0%,rgba(8,8,8,.60) 28%,rgba(8,8,8,.30) 50%,rgba(8,8,8,.04) 74%,rgba(8,8,8,0) 100%),url('assets/hero-car-v22.webp') center right/cover no-repeat;filter:brightness(1.13) contrast(1.02)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 88%,rgba(18,18,18,.42) 100%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:80px 0 72px;max-width:680px;margin-left:clamp(34px,5vw,76px);margin-right:0}.eyebrow{display:flex;align-items:center;gap:11px;color:#d6d6d6;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:900}.eyebrow:before{content:"";width:38px;height:2px;background:var(--red)}h1,h2,h3{line-height:1.05;margin-top:0}.hero h1{font-size:clamp(54px,6.3vw,88px);letter-spacing:-.055em;margin:20px 0 25px;color:#fff}.accent{color:var(--red)}.hero-copy{font-size:18px;color:#dedede;max-width:560px;margin-bottom:32px}.btn-row{display:flex;gap:14px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:4px;padding:14px 22px;display:inline-flex;align-items:center;gap:10px;justify-content:center;font-weight:850;font-size:14px;transition:.2s;cursor:pointer}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red2);transform:translateY(-1px)}.btn-outline{border-color:#555;background:rgba(0,0,0,.22);color:#fff}.btn-outline:hover{border-color:#888;background:#111}.arrow{font-size:18px;line-height:1}
.trust-bar{border-top:1px solid #424242;border-bottom:1px solid #424242;background:#1a1a1a}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{display:flex;align-items:center;gap:18px;padding:28px 32px;border-right:1px solid #404040}.trust-item:last-child{border-right:0}.trust-icon{width:48px;height:48px;min-width:48px;border:1px solid #393939;border-radius:50%;display:grid;place-items:center;color:var(--red2)}.trust-icon svg{width:25px;height:25px}.trust-item strong{font-size:16px;display:block;color:#fff;opacity:1}.trust-item span{font-size:13px;color:#dedede;display:block;margin-top:4px;opacity:1}
.section{padding:78px 0}.section-dark{background:#171717}.section-head{text-align:center;max-width:760px;margin:0 auto 34px}.section-head .eyebrow{justify-content:center}.section-head h2{font-size:clamp(31px,4vw,48px);margin:14px 0 12px;letter-spacing:-.035em}.section-head p{margin:0;color:#c1c1c1}.services-showcase{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.025),transparent 38%),#151515}.services-showcase .section-head{margin-bottom:30px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{--service-image:none;position:relative;min-height:245px;border:1px solid #4a4a4a;border-radius:6px;padding:24px;display:block;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;background-image:linear-gradient(90deg,#171717 0%,#171717 43%,rgba(23,23,23,.88) 51%,rgba(23,23,23,.36) 72%,rgba(23,23,23,.08) 100%),var(--service-image);background-repeat:no-repeat;background-position:center,right center;background-size:cover,64% 100%}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16));pointer-events:none}.service-card:hover{border-color:#777;transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.28)}.service-card:before{content:"";position:absolute;z-index:3;inset:auto 0 0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.25s}.service-card:hover:before{transform:scaleX(1)}.service-card--service{--service-image:url('assets/services/service.webp')}.service-card--brakes{--service-image:url('assets/services/brakes.webp')}.service-card--diagnostics{--service-image:url('assets/services/diagnostics.webp')}.service-card--wheels{--service-image:url('assets/services/wheels.webp')}.service-card--climate{--service-image:url('assets/services/climate.webp')}.service-card--battery{--service-image:url('assets/services/battery.webp')}.service-icon{position:relative;z-index:4;width:48px;height:48px;border:1px solid #606060;border-radius:50%;display:grid;place-items:center;color:var(--red2);background:rgba(12,12,12,.72);margin-bottom:18px}.service-icon svg{width:25px;height:25px}.service-card-copy{position:relative;z-index:4;width:56%;min-width:185px}.service-card h3{font-size:19px;margin:0 0 8px;color:#fff}.service-card p{font-size:13px;line-height:1.55;color:#e0e0e0;margin:0 0 18px}.service-more{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:900;color:#fff}.service-more b{font-size:20px;line-height:1;color:var(--red2);font-weight:500;transition:transform .2s}.service-card:hover .service-more b{transform:translateX(4px)}.center-cta{text-align:center;margin-top:26px}.services-all-btn{min-width:220px;border-color:var(--red);background:#141414}.services-all-btn:hover{border-color:var(--red2)}
.why-section{padding:74px 0;border-top:1px solid #222;background:radial-gradient(circle at 50% 0%,rgba(178,14,27,.09),transparent 31%),#161616}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:38px}.why-item{text-align:center;padding:12px 25px;border-right:1px solid #272727}.why-item:last-child{border-right:0}.why-icon{width:56px;height:56px;border:1px solid #3b3b3b;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:var(--red2)}.why-icon svg{width:26px;height:26px}.why-item strong{display:block;font-size:14px}.why-item span{display:block;margin-top:7px;color:#d0d0d0;font-size:12px}
.cta-band{position:relative;overflow:hidden;background:linear-gradient(90deg,#3a070b,#721019 55%,#230406);border-top:1px solid #7e1620;border-bottom:1px solid #3f1014}.cta-band:after{content:"";position:absolute;right:-70px;top:-80px;width:390px;height:390px;border:70px solid rgba(255,255,255,.025);border-radius:50%}.cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:50px 0}.cta-inner h2{font-size:clamp(29px,4vw,45px);margin:0 0 9px}.cta-inner p{margin:0;color:#e0bcc0}
.page-hero{padding:95px 0 70px;border-bottom:1px solid #222;background:linear-gradient(110deg,#050505 0%,#0a0a0a 67%,#21070a 100%)}.page-hero h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.04em;margin:18px 0 10px}.page-hero p{max-width:720px;color:#a5a5a5;font-size:18px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-row{padding:28px;border:1px solid #2d2d2d;background:#111}.service-row h3{font-size:21px;margin-bottom:9px}.service-row p{color:#999;margin:0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.about-grid h2{font-size:clamp(38px,5vw,58px);letter-spacing:-.04em}.about-copy{font-size:18px;color:#aaa}.check-list{display:grid;gap:12px;margin-top:26px}.check{display:flex;gap:12px;color:#c6c6c6;align-items:center}.check:before{content:"✓";display:grid;place-items:center;width:23px;height:23px;border:1px solid #7b2027;border-radius:50%;color:#ed3341;font-weight:900;font-size:12px}
.form-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:start}.form-card,.info-card{background:#111;border:1px solid #303030;padding:30px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:15px}label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:7px;color:#c7c7c7}input,select,textarea{width:100%;padding:14px;background:#090909;border:1px solid #393939;color:white;border-radius:3px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#777}textarea{min-height:145px;resize:vertical}.notice{padding:14px 16px;border:1px solid #3a3a3a;background:#0b0b0b;margin-bottom:18px}.notice.success{border-color:#397448}.notice.error{border-color:#9b2833}.info-card h3{font-size:23px}.info-row{padding:16px 0;border-bottom:1px solid #292929}.info-row:last-child{border-bottom:0}.info-row span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777}.info-row strong{display:block;margin-top:5px}.map-placeholder{margin-top:30px;min-height:250px;border:1px solid #2c2c2c;background:radial-gradient(circle at center,rgba(178,14,27,.1),transparent 35%),linear-gradient(135deg,#101010,#080808);display:grid;place-items:center;text-align:center;padding:30px;color:#8b8b8b}
.site-footer{background:#0a0a0a;border-top:1px solid #282828;padding:42px 0 20px}.footer-top{display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr;gap:28px}.footer-logo img{width:190px;height:90px;object-fit:contain;object-position:left center}.site-footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#aaa}.site-footer p,.site-footer a,.site-footer li{font-size:13px;color:#aaa}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #242424;margin-top:32px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#676767;font-size:11px}.prose{max-width:850px}.prose h2{font-size:30px;margin-top:44px}.prose p,.prose li{color:#aaa}
@media(max-width:1020px){.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:235px}.service-card-copy{width:58%}.why-grid{grid-template-columns:repeat(3,1fr)}.why-item{border-right:0;border-bottom:1px solid #272727}.footer-top{grid-template-columns:1fr 1fr}.hero-content{margin-left:30px}.hero:before{background:linear-gradient(90deg,rgba(8,8,8,.72) 0%,rgba(8,8,8,.60) 38%,rgba(8,8,8,.22) 65%,rgba(8,8,8,.03)),url('assets/hero-car-v22.webp') center right/cover no-repeat;filter:brightness(1.12) contrast(1.02)}}
@media(max-width:840px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:88px;background:#070707;border-bottom:1px solid #2c2c2c;padding:20px;flex-direction:column;align-items:stretch;gap:6px}.main-nav.open{display:flex}.main-nav>a{padding:12px}.nav-cta{text-align:center}.site-logo img{width:190px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid #252525}.trust-item:last-child{border-bottom:0}.form-layout,.about-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta-inner .btn{margin-top:24px}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.hero-content{margin-left:14px;margin-right:14px}.header-inner{height:76px}.main-nav{top:76px}.site-logo img{width:165px;height:58px}.hero{min-height:650px}.hero:before{background:linear-gradient(180deg,rgba(5,5,5,.10),rgba(8,8,8,.52) 48%,#111 82%),url('assets/hero-car-v22.webp') 62% top/auto 430px no-repeat;filter:brightness(1.12) contrast(1.02)}.hero-content{padding-top:315px;padding-bottom:52px}.hero h1{font-size:52px}.hero-copy{font-size:16px}.btn{width:100%}.section{padding:62px 0}.services-grid{grid-template-columns:1fr}.service-card{min-height:230px;padding:22px;background-size:cover,68% 100%}.service-card-copy{width:60%;min-width:0}.service-card h3{font-size:18px}.service-card p{font-size:12.5px}.why-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom a{display:inline-block;margin-top:8px}}

/* ===== V2.4 Premium AVA footer ===== */
.premium-footer{background:radial-gradient(circle at 16% 26%,rgba(255,255,255,.025),transparent 25%),linear-gradient(120deg,#0d0d0d,#151515 55%,#0a0a0a);border-top:1px solid #2f2f2f;padding:0;color:#e5e5e5}.footer-main{display:grid;grid-template-columns:1.15fr 1fr .82fr 1.12fr;gap:0;padding:72px 0 62px}.footer-main>div{padding:0 34px;border-right:1px solid #343434}.footer-main>div:first-child{padding-left:0}.footer-main>div:last-child{border-right:0;padding-right:0}.premium-footer .footer-logo{display:block;width:max-content}.premium-footer .footer-logo img{width:255px;height:auto;max-height:125px;object-fit:contain;object-position:left center}.footer-brand-rule{width:255px;height:2px;display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:12px;align-items:center;background:none!important;margin:18px 0 22px;position:relative}.footer-brand-rule::before,.footer-brand-rule::after{content:"";display:block;height:1px;background:#666}.footer-brand-rule span{position:static!important;display:block;width:auto!important;height:2px!important;background:var(--red)!important}.footer-tagline{margin:27px 0 21px!important;color:#dedede!important;font-size:15px!important}.footer-about{max-width:310px;color:#aeb0b2!important;font-size:14px!important;line-height:1.65}.footer-social-row{display:flex;gap:12px;margin-top:24px}.footer-social-icon{width:43px;height:43px;border:1px solid #555;border-radius:7px;display:grid;place-items:center;color:#fff!important;background:#141414;transition:.2s}.footer-social-icon svg{width:23px;height:23px}.footer-social-icon:hover{border-color:var(--red);color:var(--red2)!important;transform:translateY(-2px)}.premium-footer h4{margin:0;color:#e7e7e7;font-size:15px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.footer-heading-line{width:43px;height:2px;background:var(--red);margin:14px 0 27px}.footer-contact-list{display:grid;gap:19px}.footer-contact-item{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;color:#e3e3e3;font-size:14px;line-height:1.45}.footer-contact-item a{color:#e3e3e3!important;font-size:14px!important}.footer-contact-item a:hover{color:#fff!important}.footer-contact-icon{color:var(--red2);display:grid;place-items:center;width:28px;height:28px}.footer-contact-icon svg{width:27px;height:27px}.footer-hours span:last-child{white-space:pre-line}.footer-links{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:0!important}.footer-links li{border-bottom:1px solid #3b3b3b}.footer-links a{display:flex!important;align-items:center;justify-content:space-between;padding:14px 0;color:#e3e3e3!important;font-size:15px!important}.footer-links a b{font-size:25px;font-weight:300;color:var(--red2);line-height:1;transition:transform .2s}.footer-links a:hover{color:#fff!important}.footer-links a:hover b{transform:translateX(4px)}.footer-instagram-handle{display:flex!important;align-items:center;gap:13px;color:#f2f2f2!important;font-size:14px!important;font-weight:700}.footer-instagram-icon{width:39px;height:39px;border:2px solid var(--red);border-radius:8px;display:grid;place-items:center;color:var(--red2)}.footer-instagram-icon svg{width:24px;height:24px}.footer-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:26px 0 20px}.footer-gallery img{width:100%;height:105px;object-fit:cover;border:1px solid #4a4a4a;border-radius:4px;filter:brightness(.83) saturate(.82);transition:.2s}.footer-gallery img:hover{filter:brightness(1) saturate(1)}.footer-instagram-copy{color:#9da0a3!important;line-height:1.55!important;font-size:13px!important}.footer-divider{display:flex;align-items:center;gap:14px}.footer-divider span{height:1px;background:linear-gradient(90deg,var(--red),#6e0a12);flex:1}.footer-divider i{display:block;width:45px;height:18px;transform:skew(-28deg);background:linear-gradient(90deg,#707070 0 28%,transparent 28% 36%,var(--red) 36% 61%,transparent 61% 69%,#646464 69% 100%)}.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0 34px;color:#838383;font-size:11px}.footer-legal-left{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.legal-sep{color:#595959}.footer-legal a{color:#8f8f8f!important;font-size:11px!important}.footer-legal a:hover{color:#fff!important}
@media(max-width:1080px){.footer-main{grid-template-columns:1fr 1fr}.footer-main>div{padding:32px 28px;border-right:0;border-bottom:1px solid #303030}.footer-main>div:nth-child(odd){border-right:1px solid #303030}.footer-main>div:first-child{padding-left:28px}.footer-main>div:last-child{padding-right:28px}.footer-gallery img{height:120px}}
@media(max-width:680px){.footer-brand-rule{width:220px}.footer-main{grid-template-columns:1fr;padding:34px 0 22px}.footer-main>div,.footer-main>div:nth-child(odd){padding:30px 0;border-right:0;border-bottom:1px solid #303030}.footer-main>div:last-child{border-bottom:0}.premium-footer .footer-logo img{width:220px}.footer-gallery img{height:95px}.footer-legal{display:block;padding-bottom:28px}.footer-legal-right{margin-top:12px}.footer-divider i{width:34px}}
/* ==================================================
   AVA PERFORMANCE – CIRCULAR SERVICE BUTTONS
   ================================================== */

.services-showcase .services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* CIRCULAR SERVICE BUTTON */
.services-showcase .service-card {
    position: relative !important;

    width: 100% !important;
    max-width: 400px !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;

    justify-self: center !important;

    border-radius: 50% !important;
    overflow: hidden !important;

    padding: 42px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    background-size: cover !important;
    background-position: 65% center !important;

    /* Silver outer rim */
    border: 2px solid rgba(215, 215, 215, 0.85) !important;

    /* Black + red inner rim */
    box-shadow:
        inset 0 0 0 5px #101010,
        inset 0 0 0 7px rgba(210, 0, 27, 0.75),
        0 16px 36px rgba(0, 0, 0, 0.55),
        0 0 16px rgba(210, 0, 27, 0.22) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;
}

/* Darker text side, photo clearer on right */
.services-showcase .service-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;

    background: linear-gradient(
        90deg,
        rgba(10,10,10,0.98) 0%,
        rgba(13,13,13,0.96) 40%,
        rgba(13,13,13,0.82) 55%,
        rgba(10,10,10,0.26) 75%,
        rgba(10,10,10,0.05) 100%
    );

    z-index: 1;
    pointer-events: none;
}

/* Keep icon/text above overlay */
.services-showcase .service-icon,
.services-showcase .service-card-copy {
    position: relative !important;
    z-index: 3 !important;
}

.services-showcase .service-card-copy {
    width: 62% !important;
}

/* SMALL ROUND ICON */
.services-showcase .service-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    margin-bottom: 18px !important;

    background: rgba(15,15,15,0.96) !important;
    border: 1px solid rgba(210,0,27,0.85) !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,0.50),
        0 0 8px rgba(210,0,27,0.22) !important;
}

/* HEADINGS */
.services-showcase .service-card h3 {
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    margin: 0 0 12px !important;
}

/* DESCRIPTION */
.services-showcase .service-card p {
    color: rgba(255,255,255,0.88) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin: 0 0 22px !important;
}

/* READ MORE */
.services-showcase .service-more {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.services-showcase .service-more b {
    color: #d2001b !important;
    margin-left: 8px !important;
}

/* BUTTON HOVER */
.services-showcase .service-card:hover {
    transform: translateY(-7px) scale(1.025) !important;

    border-color: #eeeeee !important;

    box-shadow:
        inset 0 0 0 5px #101010,
        inset 0 0 0 7px rgba(210,0,27,0.95),
        0 22px 45px rgba(0,0,0,0.65),
        0 0 28px rgba(210,0,27,0.40) !important;
}

/* TABLET */
@media (max-width: 1050px) {

    .services-showcase .services-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        max-width: 850px !important;
    }

    .services-showcase .service-card {
        max-width: 390px !important;
    }
}

/* MOBILE */
@media (max-width: 650px) {

    .services-showcase .services-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    .services-showcase .service-card {
        width: min(92vw, 390px) !important;
        max-width: 390px !important;
        padding: 40px !important;
    }

    .services-showcase .service-card-copy {
        width: 64% !important;
    }
}
}/* AVA circular service cards - final sizing adjustments */

.services-showcase .services-grid {
    max-width: 1180px !important;
    gap: 36px 42px !important;
}

.services-showcase .service-card {
    max-width: 350px !important;
    padding: 36px !important;

    background-position: 70% center !important;

    border: 2px solid rgba(215,215,215,.90) !important;

    box-shadow:
        inset 0 0 0 5px #0b0b0b,
        inset 0 0 0 7px rgba(210,0,27,.70),
        0 14px 30px rgba(0,0,0,.55),
        0 0 14px rgba(210,0,27,.18) !important;
}

.services-showcase .service-card-copy {
    width: 66% !important;
}

.services-showcase .service-card h3 {
    font-size: 20px !important;
    line-height: 1.15 !important;
}

.services-showcase .service-card p {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.services-showcase .service-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    margin-bottom: 14px !important;
}

/* ==================================================
   AVA PERFORMANCE – PREMIUM CIRCULAR SERVICE BUTTONS
   ================================================== */

.services-showcase .services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 310px) !important;
    justify-content: center !important;
    gap: 34px 42px !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
}

/* Main circle */
.services-showcase .service-card {
    position: relative !important;

    width: 310px !important;
    height: 310px !important;
    min-height: 310px !important;
    max-width: 310px !important;

    padding: 0 !important;
    overflow: hidden !important;

    border-radius: 50% !important;

    background-size: cover !important;
    background-position: 72% center !important;
    background-repeat: no-repeat !important;

    border: 2px solid rgba(210,210,210,.9) !important;

    box-shadow:
        inset 0 0 0 4px #0b0b0b,
        inset 0 0 0 6px rgba(210,0,27,.65),
        0 12px 28px rgba(0,0,0,.50),
        0 0 10px rgba(210,0,27,.18) !important;

    transition: .28s ease !important;
}

/* Black text panel on left */
.services-showcase .service-card::before {
    content: "" !important;
    position: absolute !important;

    left: -8% !important;
    top: -3% !important;

    width: 70% !important;
    height: 106% !important;

    background:
        linear-gradient(
            90deg,
            rgba(10,10,10,.99) 0%,
            rgba(13,13,13,.98) 65%,
            rgba(15,15,15,.92) 100%
        ) !important;

    border-radius: 50% !important;

    z-index: 1 !important;
    pointer-events: none !important;
}

/* Curved red divider */
.services-showcase .service-card::after {
    content: "" !important;
    position: absolute !important;

    left: 57% !important;
    top: 4% !important;

    width: 23% !important;
    height: 92% !important;

    border-left: 2px solid #d2001b !important;
    border-radius: 50% !important;

    transform: rotate(3deg) !important;

    z-index: 2 !important;
    pointer-events: none !important;
}

/* Icon */
.services-showcase .service-icon {
    position: absolute !important;

    top: 38px !important;
    left: 38px !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #151515 !important;
    border: 1px solid #d2001b !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.45),
        0 0 8px rgba(210,0,27,.20) !important;

    z-index: 4 !important;
}

/* Text area */
.services-showcase .service-card-copy {
    position: absolute !important;

    top: 106px !important;
    left: 38px !important;

    width: 51% !important;

    z-index: 4 !important;
}

.services-showcase .service-card h3 {
    margin: 0 0 10px !important;

    font-size: 18px !important;
    line-height: 1.15 !important;
    color: #fff !important;
}

.services-showcase .service-card p {
    margin: 0 0 18px !important;

    font-size: 12.5px !important;
    line-height: 1.45 !important;

    color: rgba(255,255,255,.88) !important;
}

/* Läs mer */
.services-showcase .service-more {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.services-showcase .service-more b {
    margin-left: 7px !important;
    color: #d2001b !important;
}

/* Hover - makes it feel like a button */
.services-showcase .service-card:hover {
    transform: translateY(-5px) scale(1.025) !important;

    box-shadow:
        inset 0 0 0 4px #0b0b0b,
        inset 0 0 0 6px rgba(210,0,27,.92),
        0 18px 34px rgba(0,0,0,.58),
        0 0 22px rgba(210,0,27,.32) !important;
}

/* Tablet */
@media (max-width: 1000px) {
    .services-showcase .services-grid {
        grid-template-columns: repeat(2, 310px) !important;
    }
}

/* Mobile */
@media (max-width: 680px) {
    .services-showcase .services-grid {
        grid-template-columns: 300px !important;
        gap: 28px !important;
    }

    .services-showcase .service-card {
        width: 300px !important;
        height: 300px !important;
        min-height: 300px !important;
        max-width: 300px !important;
    }
}

/* AVA - service images 3 x 2 */

.services-image-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 290px) !important;
    justify-content: center !important;
    gap: 32px 38px !important;
    max-width: 1000px !important;
    margin: 35px auto 30px !important;
}

.service-image-button {
    display: block !important;
    width: 290px !important;
    height: 290px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

.service-image-button img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
}

.service-image-button:hover {
    transform: translateY(-5px) scale(1.025) !important;
    filter: brightness(1.08) !important;
}

@media (max-width: 1000px) {
    .services-image-grid {
        grid-template-columns: repeat(2, 290px) !important;
    }
}

@media (max-width: 650px) {
    .services-image-grid {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
    }

    .service-image-button {
        width: 280px !important;
        height: 280px !important;
    }
}

/* AVA - FINAL SERVICE IMAGE GRID */

.services-image-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 290px) !important;
    justify-content: center !important;
    gap: 32px 38px !important;
    max-width: 1000px !important;
    margin: 35px auto 30px !important;
}

.services-image-grid .service-image-button {
    display: block !important;
    width: 290px !important;
    height: 290px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    text-decoration: none !important;
}

.services-image-grid .service-image-button img {
    display: block !important;
    width: 290px !important;
    height: 290px !important;
    max-width: 290px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
}

.services-image-grid .service-image-button:hover {
    transform: translateY(-5px) scale(1.025);
    transition: transform 0.25s ease;
}

@media (max-width: 1000px) {
    .services-image-grid {
        grid-template-columns: repeat(2, 290px) !important;
    }
}

@media (max-width: 650px) {
    .services-image-grid {
        grid-template-columns: 280px !important;
    }

    .services-image-grid .service-image-button,
    .services-image-grid .service-image-button img {
        width: 280px !important;
        height: 280px !important;
        max-width: 280px !important;
    }
}/* Equalize apparent size of the six service circles */

.services-image-grid .service-image-button {
    width: 290px !important;
    height: 290px !important;
}

/* Service */
.services-image-grid .service-image-button:nth-child(1) img {
    transform: scale(1.00);
}

/* Bromsar */
.services-image-grid .service-image-button:nth-child(2) img {
    transform: scale(1.00);
}

/* Diagnostik */
.services-image-grid .service-image-button:nth-child(3) img {
    transform: scale(1.00);
}

/* Däck & hjul */
.services-image-grid .service-image-button:nth-child(4) img {
    transform: scale(1.06);
}

/* AC & klimat */
.services-image-grid .service-image-button:nth-child(5) img {
    transform: scale(1.07);
}

/* Batteri & el */
.services-image-grid .service-image-button:nth-child(6) img {
    transform: scale(1.18);
}/* AVA - smaller service circles */

.services-image-grid {
    grid-template-columns: repeat(3, 240px) !important;
    gap: 28px 45px !important;
    max-width: 900px !important;
}

.services-image-grid .service-image-button,
.services-image-grid .service-image-button img {
    width: 240px !important;
    height: 240px !important;
    max-width: 240px !important;
}

/* Tablet */
@media (max-width: 850px) {
    .services-image-grid {
        grid-template-columns: repeat(2, 240px) !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .services-image-grid {
        grid-template-columns: 220px !important;
    }

    .services-image-grid .service-image-button,
    .services-image-grid .service-image-button img {
        width: 220px !important;
        height: 220px !important;
        max-width: 220px !important;
    }
}