/*
Theme Name: Volvo Saab Parts — Premium V2
Description: Premium catalog-mode WooCommerce theme for used Volvo and Saab parts.
Version: 2.2.0
Text Domain: vs-parts
Requires PHP: 8.0
*/
:root{--ink:#0f1922;--deep:#08131b;--navy:#142631;--red:#e12230;--paper:#f5f7f9;--muted:#607387}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.wrap{width:min(1520px,calc(100% - 80px));margin-inline:auto}.topbar{background:#0a1822;color:#dbe4eb;font-size:11px}.topbar-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-contact{display:flex;gap:20px}.topbar-primary{white-space:nowrap}.topbar-middle{white-space:nowrap}.status-dot{display:inline-block;background:var(--red);border-radius:50%;width:8px;height:8px;margin-right:6px}.topbar a:hover{color:white}.site-header{background:#fff;box-shadow:0 1px 8px #07152111;position:sticky;top:0;z-index:50}.header-row{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.footer-brand{font-size:27px;letter-spacing:-.065em;line-height:.95;font-weight:1000;white-space:nowrap}.brand span,.footer-brand span{color:var(--red)}.brand small,.footer-brand small{display:block;font-size:8px;letter-spacing:.23em;line-height:2.1;color:#4d6478;font-weight:900}.main-nav{display:flex;align-items:center;gap:36px;font-weight:750;font-size:13px}.main-nav a:hover{color:var(--red)}.cart-link{display:flex;gap:12px;align-items:center;justify-content:center;background:var(--red);color:white;padding:12px 19px;font-size:13px;font-weight:760;border-radius:3px;box-shadow:0 5px 15px #cb1a2b22;white-space:nowrap}.cart-link:hover,.btn:hover{background:#b91827;color:#fff}.hero{color:#fff;background:#08121a url("assets/hero-automotive-v2.webp") center/cover no-repeat;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09141a66 0%,#0a171ec9 21%,#0a151ab8 55%,#0a121a26 100%);z-index:-1}.hero-wrap{position:relative;display:flex;align-items:center;min-height:475px}.hero-inner{position:relative;z-index:1;padding:67px 0;max-width:780px;margin-left:clamp(0px,8vw,120px)}.eyebrow{font-size:11px;color:#f14654;letter-spacing:.2em;font-weight:900}.hero h1{font-size:clamp(38px,4.2vw,65px);letter-spacing:-.055em;line-height:1.08;margin:14px 0 14px;font-weight:850}.hero h1 em{font-style:normal;color:#f13f4b}.hero p{font-size:16px;line-height:1.6;color:#d9e2e8;max-width:650px;margin:0 0 25px}.hero-links{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:var(--red);border:1px solid var(--red);min-height:48px;color:#fff;padding:12px 21px;font-size:13px;font-weight:800;border-radius:3px;transition:.2s}.btn-outline{background:#0d182399;border-color:#9eafba}.btn-outline:hover{background:#223542}.hero-mark{position:absolute;right:clamp(0px,5vw,85px);bottom:34%;font-weight:900;letter-spacing:.065em;color:#ffffffb5;font-size:clamp(23px,2.2vw,34px);text-align:center;text-shadow:0 2px 25px #000}.hero-mark>span{display:inline-block;width:30px;height:2px;background:#ffffff99;vertical-align:middle;margin:0 7px}.hero-mark small{display:block;font-weight:700;font-size:9px;letter-spacing:.36em;color:#b1bec8;margin-top:7px}.section{padding:57px 0 48px}.categories-section{background:linear-gradient(160deg,#fff 0%,#f6f8fa 74%)}.category-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:25px}.section h2{font-size:clamp(29px,3vw,39px);line-height:1.16;margin:8px 0 5px;letter-spacing:-.045em}.section-intro{max-width:730px;color:#526778;margin:0;font-size:14px}.category-side-note{font-size:10px;letter-spacing:.2em;font-weight:850;color:#687a88;text-align:right;max-width:260px}.category-side-note b{font-size:26px;color:var(--red);margin-left:15px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.cat-card{display:block;background:#fff;min-width:0;box-shadow:0 4px 12px #11233208;border:1px solid #e4e9ed;transition:transform .2s,box-shadow .2s}.cat-card:hover{transform:translateY(-5px);box-shadow:0 9px 22px #11233222}.cat-image{height:142px;overflow:hidden;background:#131f28}.cat-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.cat-card:hover img{transform:scale(1.065)}.cat-card .inner{padding:12px 12px 13px}.cat-card h3{font-size:15px;line-height:1.2;margin:0 0 3px;letter-spacing:-.02em}.cat-card h3 b{float:right;color:var(--red)}.cat-card .inner span{font-size:10px;color:#778796}.notice-stock{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;background:linear-gradient(110deg,#dcecf8,#eef5fa 70%,#cbdce8);padding:15px 22px;margin-top:26px;font-size:14px;color:#132735;border:0;border-radius:4px}.notice-icon{font-family:Georgia,serif;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;flex:none;color:white;background:#296d9f;font-weight:bold;font-size:21px;margin-right:8px}.featureband{background:#142632;color:#fff}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0;gap:25px}.feature{display:flex;gap:18px;align-items:center;padding:0 20px;border-right:1px solid #ffffff2c}.feature:last-child{border-right:0}.feature-icon{font-size:35px;min-width:45px;color:#f3f6f8;text-align:center}.feature strong{font-size:15px;display:block;margin-bottom:3px}.feature p{font-size:12px;color:#b7c7d1;margin:0}.site-footer{background:#0d1820;color:#e9eef3}.contact-main{position:relative;padding:46px 0 48px;background:radial-gradient(ellipse at 0% 100%,#263b47 0%,transparent 40%),linear-gradient(105deg,#0c151d,#13212d 75%,#0a151e)}.contact-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:75px}.contact-info{padding-left:clamp(0px,8vw,120px)}.site-footer h2{font-size:clamp(27px,2.8vw,40px);letter-spacing:-.035em;line-height:1.12;margin:12px 0}.footer-lead{color:#c2cdd5;font-size:13px;margin-bottom:18px;max-width:610px}.contact-lines{display:grid;gap:7px;color:#dce5ea;font-size:12px}.contact-lines div{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.contact-lines div>span{font-size:17px;color:#fff;width:20px}.contact-lines strong{font-weight:750}.contact-lines a:hover{color:#ff7a82}.contact-map{position:relative;min-height:250px;background:#243341;border-radius:5px;overflow:hidden;box-shadow:0 14px 38px #0003}.contact-map iframe{width:100%;height:280px;border:0;display:block}.map-link{position:absolute;z-index:1;left:12px;top:12px;background:#fff;color:#266aa0;font-size:12px;font-weight:750;padding:10px 14px;border-radius:3px;box-shadow:0 3px 10px #0002}.map-empty{padding:60px 30px}.bottom-footer{background:#081219;border-top:1px solid #ffffff17}.footer-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;color:#92a4af;font-size:11px}.footer-brand{font-size:17px;color:#fff}.footer-brand small{font-size:6px;color:#90a2ae}.footer-bottom-row nav{display:flex;gap:18px;color:#d5dfe5}.footer-bottom-row nav a:hover{color:#fff}.shop-shell{padding:56px 0 88px;min-height:480px}.shop-shell h1{letter-spacing:-.04em}.woocommerce .products li.product{background:#fff!important;padding:13px!important;border:1px solid #e1e8ec!important}.woocommerce div.product{background:#fff;padding:22px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--red)!important;color:#fff!important;border-radius:3px!important}.woocommerce .woocommerce-breadcrumb{margin:0 0 30px}.notice{padding:14px 18px;border-left:4px solid var(--red);background:white;margin:25px 0;font-size:14px}.notice-stock{border:0}.mobile-nav{display:none}@media(max-width:1300px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-mark{display:none}.topbar-contact{display:none}.contact-grid{gap:36px}}@media(max-width:900px){.wrap{width:min(100% - 44px,1520px)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-inner{margin-left:0}.feature{padding:0}.contact-info{padding-left:0}.topbar-middle{display:none}.contact-grid{grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:680px){.wrap{width:calc(100% - 30px)}.topbar-inner{justify-content:center;text-align:center}.header-row{min-height:78px;flex-wrap:wrap;padding:12px 0;gap:11px}.brand{font-size:22px}.main-nav{order:3;width:100%;display:flex;justify-content:space-around;gap:12px;border-top:1px solid #edf1f4;padding-top:10px}.cart-link{margin-left:auto;font-size:11px;padding:11px 12px}.hero-wrap{min-height:420px}.hero-inner{padding:53px 0}.hero h1{font-size:clamp(34px,9vw,45px)}.hero p{font-size:14px}.hero{background-position:center}.hero:before{background:#0b151bcb}.category-heading{display:block}.category-side-note{display:none}.section{padding:46px 0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-image{height:115px}.cat-card .inner{padding:10px}.cat-card h3{font-size:14px}.cat-card .inner span{font-size:9px}.features{grid-template-columns:1fr;gap:21px}.feature{border:0;gap:18px}.contact-grid{grid-template-columns:1fr}.contact-main{padding:40px 0}.contact-map iframe{height:250px}.footer-bottom-row{flex-direction:column;align-items:flex-start}.notice-stock{justify-content:flex-start;font-size:13px}.hero-links .btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cat-card,.cat-card img{transition:none}}

/* PREMIUM V2.2 — cinematic clarity + precision-cut design */
.hero{background-image:none!important;background-color:#0d1b24;overflow:hidden;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/hero-automotive-v2.webp") center 52% / cover no-repeat;filter:brightness(2.45) contrast(1.16) saturate(1.08);transform:scale(1.012)}
.hero::before{z-index:-1;background:linear-gradient(90deg,rgba(5,13,19,.33) 0%,rgba(5,15,23,.77) 22%,rgba(5,15,23,.71) 51%,rgba(5,15,23,.16) 86%,rgba(5,15,23,.08) 100%)}
.hero-inner{max-width:760px;text-shadow:0 2px 18px #02080dcc}
.hero-mark{text-shadow:0 2px 15px #000,0 0 25px #00111c;color:#fff}
.hero-wrap{min-height:470px}
.hero::selection{background:#e12230;color:white}
.categories-section{position:relative;overflow:hidden;background:linear-gradient(157deg,#fff 0%,#f6f8fa 70%,#ebf1f5 100%)}
.categories-section::before{content:"";position:absolute;right:12%;top:26px;width:24%;height:72px;background:linear-gradient(120deg,#e3ebf1,#f1f5f8);clip-path:polygon(12% 0,100% 0,88% 100%,0% 100%);opacity:.7;pointer-events:none}
.categories-section::after{content:"";position:absolute;right:6%;top:24px;width:50px;height:72px;background:repeating-linear-gradient(115deg,transparent 0 13px,#dee7ef 14px 24px);transform:skew(-12deg);opacity:.7;pointer-events:none}
.category-heading{position:relative;z-index:1}
.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.cat-card{overflow:hidden;border-color:#e0e8ed;border-radius:5px 5px 2px 2px;position:relative;box-shadow:0 6px 19px #10253411}
.cat-card::after{content:"";position:absolute;bottom:0;right:0;width:27px;height:27px;clip-path:polygon(100% 0,100% 100%,0 100%);background:#e1223014;pointer-events:none;transition:background .2s}
.cat-card:hover::after{background:#e1223050}
.cat-card .inner{padding:15px 14px 16px;position:relative}
.cat-image{height:153px;position:relative}
.cat-image::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#e12230,transparent);opacity:0;transition:opacity .2s}
.cat-card:hover .cat-image::after{opacity:1}
.cat-card h3{font-size:16px}
.notice-stock{position:relative;overflow:hidden;justify-content:center;border-left:4px solid #2b719c;background:linear-gradient(103deg,#dceaf7 5%,#ecf4f9 68%,#c8dce9 100%);padding:19px 24px;box-shadow:inset 0 0 0 1px #ffffff55}
.notice-stock::after{content:"";position:absolute;right:0;top:0;bottom:0;width:24%;background:repeating-linear-gradient(125deg,#ffffff00 0 14px,#ffffff4c 14px 16px);pointer-events:none}
.features{padding:28px 0}
.feature-icon{font-size:36px;color:#fff}
.contact-main{overflow:hidden;background:radial-gradient(ellipse at 0 75%,#28404e 0%,transparent 38%),linear-gradient(100deg,#09141d 0%,#152935 70%,#08131c 100%)}
.contact-main::before{content:"";position:absolute;left:-40px;bottom:-100px;width:340px;height:450px;border:1px solid #ffffff0d;transform:skewX(-23deg) rotate(-4deg);pointer-events:none}
.contact-main::after{content:"";position:absolute;right:-65px;top:0;width:220px;height:100%;background:linear-gradient(115deg,transparent 45%,#ffffff06 45%,#ffffff06 60%,transparent 60%);pointer-events:none}
.contact-grid{position:relative;z-index:1}
.contact-map{border:1px solid #ffffff26;border-radius:7px}
.btn,.cart-link{box-shadow:0 8px 22px #00000024;transition:transform .2s,background .2s,box-shadow .2s}
.btn:hover,.cart-link:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000038}
@media(min-width:1450px){.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1300px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.categories-section::before,.categories-section::after{opacity:.35}}
@media(max-width:680px){.hero::after{background-position:42% center;filter:brightness(1.9) contrast(1.15)}.hero::before{background:linear-gradient(90deg,#05111bd9,#06121bc9)}.hero-inner{text-shadow:0 2px 12px #000}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-image{height:120px}.cat-card h3{font-size:14px}.categories-section::before,.categories-section::after{display:none}.notice-stock{justify-content:flex-start}.hero-wrap{min-height:430px}}