/*
Theme Name: Safe Zone Auto Parts
Theme URI: https://safezoneparts.com/
Author: Safe Zone Auto Parts
Description: Custom B2B WordPress theme for the Safe Zone Auto Parts catalog.
Version: 0.3.0
Text Domain: safe-zone
*/

@font-face{font-family:Manrope;src:url("assets/Manrope-VariableFont_wght.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{--sz-navy:#10284c;--sz-blue:#1f5d9c;--sz-ink:#1a2a3b;--sz-muted:#536579;--sz-line:#d8e0e8;--sz-bg:#f5f8fb;--sz-white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sz-white);color:var(--sz-ink);font-family:Manrope,Arial,"Noto Sans",sans-serif;font-size:16px;line-height:1.55}
img{max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sz-blue);outline-offset:3px}
.sz-wrap{width:min(100% - 48px,1320px);margin-inline:auto}
.sz-skip{position:absolute;top:-100px;left:24px;z-index:5;background:var(--sz-white);padding:10px 14px}
.sz-skip:focus{top:10px}
.sz-header{background:var(--sz-white);border-bottom:1px solid var(--sz-line)}
.sz-header__row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.sz-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:17px;font-weight:800;line-height:1.1;white-space:nowrap;color:var(--sz-navy)}
.sz-logo-lockup{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.sz-logo-lockup__mark,.sz-logo-lockup__name{position:relative;display:block;flex:none;overflow:hidden;background:#fff}
.sz-logo-lockup__mark{width:64px;height:52px}
.sz-logo-lockup__mark img{position:absolute;left:-6px;top:-7px;display:block;width:77px;max-width:none;height:auto}
.sz-logo-lockup__name{width:190px;height:23px}
.sz-logo-lockup__name img{position:absolute;left:-20px;top:-176px;display:block;width:229px;max-width:none;height:auto}
.sz-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}
.sz-nav a{text-decoration:none;white-space:nowrap}
.sz-nav a:hover{color:var(--sz-blue)}
.sz-languages{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px}
.sz-languages a{color:var(--sz-muted);text-decoration:none}
.sz-languages a[aria-current=page]{color:var(--sz-navy);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.sz-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;background:var(--sz-blue);border:1px solid var(--sz-blue);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.sz-button:hover{background:var(--sz-navy);border-color:var(--sz-navy);color:#fff}
.sz-button--outline{background:#fff;color:var(--sz-navy);border-color:var(--sz-navy)}
.sz-button--outline:hover{background:var(--sz-bg);color:var(--sz-navy)}
.sz-nav .sz-button{color:#fff}
.sz-mobile-nav{display:none}
.sz-main{min-height:45vh}
.sz-hero{position:relative;overflow:hidden;background:#dfeaf7}
.sz-hero::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#dfebf8 0%,rgba(223,235,248,.96) 28%,rgba(223,235,248,.74) 42%,rgba(223,235,248,0) 65%);pointer-events:none}
.sz-hero__inner{position:relative;display:flex;align-items:center;min-height:560px}
.sz-hero__copy{position:relative;z-index:1;width:min(46%,590px);padding:56px 0}
.sz-hero h1{max-width:14ch;margin:0 0 23px;color:var(--sz-navy);font-size:clamp(42px,4.15vw,66px);font-weight:800;line-height:1.07;letter-spacing:-.047em}
html[lang^=zh] .sz-hero h1{max-width:none;font-size:clamp(40px,3.6vw,55px)}
.sz-hero p{max-width:39ch;margin:0 0 28px;color:#334b66;font-size:18px;line-height:1.5}
.sz-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.sz-hero__image{position:absolute;left:50%;top:0;display:block;width:100vw;max-width:none;height:100%;transform:translateX(-50%);object-fit:cover;object-position:center 54%}
.sz-section{padding:80px 0}
.sz-section h2{margin:0 0 18px;color:var(--sz-navy);font-size:clamp(30px,3vw,43px);line-height:1.17;letter-spacing:-.03em}
.sz-section__intro{max-width:58ch;margin:0 0 36px;color:var(--sz-muted)}
.sz-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}
.sz-category{position:relative;display:block;min-width:0;text-decoration:none;color:var(--sz-navy)}
.sz-category__image{display:block;width:100%;aspect-ratio:1;background-image:url("assets/category-products.jpg");background-size:300% 200%;background-repeat:no-repeat;background-color:#dce9f7}
.sz-category__image--1{background-position:0 0}.sz-category__image--2{background-position:50% 0}.sz-category__image--3{background-position:100% 0}
.sz-category__image--4{background-position:0 100%}.sz-category__image--5{background-position:50% 100%}.sz-category__image--6{background-image:url("assets/oem-shock-category.png");background-size:contain;background-position:center;background-color:#e5eef8}
.sz-category__body{display:block;padding:16px 32px 0 0}.sz-category__body strong{display:block;font-size:21px;line-height:1.22}.sz-category__body small{display:block;margin-top:5px;color:var(--sz-muted);font-size:14px;line-height:1.45}
.sz-category__arrow{position:absolute;right:1px;bottom:10px;color:var(--sz-blue);font-size:25px;line-height:1}
.sz-category:hover .sz-category__body strong{color:var(--sz-blue)}
.sz-category:hover .sz-category__image{filter:brightness(1.03)}
.sz-proof{background:var(--sz-bg)}
.sz-proof__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:6vw}
.sz-proof__content{padding:12px 0}.sz-proof__content .sz-section__intro{margin-bottom:20px}
.sz-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0}
.sz-stat{display:flex;flex-direction:column;padding:20px 0;border-top:1px solid var(--sz-line)}
.sz-stat dd{margin:0;color:var(--sz-blue);font-size:clamp(33px,3.3vw,50px);font-weight:800;line-height:1.08;letter-spacing:-.04em;white-space:nowrap}
.sz-stat dd span{font-size:18px;font-weight:700;letter-spacing:0}.sz-stat dd sup{font-size:.7em}
.sz-stat dt{order:2;margin-top:7px;color:var(--sz-muted);font-size:14px;line-height:1.45}
.sz-proof__scope{max-width:52ch;margin:18px 0 0;color:var(--sz-muted);font-size:13px;line-height:1.5}
.sz-proof__image{display:block;width:100%;height:560px;object-fit:cover;object-position:center}
.sz-cta{padding:72px 0;background:var(--sz-navy);color:#fff}
.sz-cta__row{display:flex;align-items:center;justify-content:space-between;gap:28px}
.sz-cta h2{margin:0 0 8px;color:#fff}
.sz-cta p{margin:0;color:#d9e5f0}
.sz-cta .sz-button{background:#fff;border-color:#fff;color:var(--sz-navy)}
.sz-cta .sz-button:hover{background:#e9f1f7}
.sz-page{padding:64px 0 96px}
.sz-page__content{max-width:980px;margin-inline:auto}
.sz-page h1{margin:0 0 27px;color:var(--sz-navy);font-size:clamp(36px,4vw,56px);line-height:1.13;letter-spacing:-.035em}
.sz-page .szb-general-inquiry{margin-top:0}
.sz-article{max-width:800px;margin-inline:auto}
.sz-article h1{font-size:clamp(34px,4vw,50px);line-height:1.18;text-wrap:balance}
.sz-article__body{font-size:17px;line-height:1.75}
.sz-article__body p{margin:0 0 22px}
.sz-article__body h2{margin:38px 0 12px;color:var(--sz-navy);font-size:clamp(24px,2.5vw,30px);line-height:1.3}
.sz-article__body a{color:var(--sz-blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.sz-article__body .sz-resource>p:first-child{font-size:19px;color:#334b66}
.sz-article__body .sz-resource>p:last-child{margin-top:34px;padding-top:20px;border-top:1px solid var(--sz-line);font-weight:700}
.sz-about-lead{max-width:65ch;margin:0 0 32px;color:#334b66;font-size:20px;line-height:1.65}
.sz-about-photo{width:100%;min-height:390px;background-color:#dce7f2;background-size:cover;background-position:center}
.sz-about-photo--wheel{background-image:url("assets/wheel-machining.jpg");background-position:center 52%}
.sz-about-photo--brakes{background-image:url("assets/brake-discs-workshop.jpg")}
.sz-about-section{padding:68px 0 0}
.sz-about-section h2{margin:0 0 18px;color:var(--sz-navy);font-size:clamp(29px,3vw,41px);line-height:1.16;letter-spacing:-.03em}
.sz-about-section p{max-width:66ch;margin:0;color:var(--sz-muted);line-height:1.65}
.sz-about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:38px 0 16px}
.sz-about-stat{display:flex;flex-direction:column;padding-top:16px;border-top:1px solid var(--sz-line)}
.sz-about-stat dd{order:1;margin:0;color:var(--sz-blue);font-size:clamp(27px,3vw,40px);font-weight:800;line-height:1.1;white-space:nowrap}
.sz-about-stat dd span{font-size:.44em;font-weight:600}
.sz-about-stat dt{order:2;margin-top:8px;color:var(--sz-muted);font-size:13px;line-height:1.4}
.sz-about-section .sz-about-scope{font-size:13px}
.sz-about-section--split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}
.sz-about-section--split .sz-about-photo{min-height:330px}
.sz-about-section--last{padding-bottom:12px}
.sz-privacy{max-width:800px}
.sz-privacy-draft{padding:20px 24px;border-inline-start:4px solid var(--sz-blue);background:#edf4fb;color:var(--sz-navy)}
.sz-privacy-draft strong{display:block;font-size:17px}
.sz-privacy-draft p{margin:8px 0 0;line-height:1.65}
.sz-privacy-section{padding-top:36px}
.sz-privacy-section h2{margin:0 0 12px;color:var(--sz-navy);font-size:clamp(23px,2.5vw,30px);line-height:1.25}
.sz-privacy-section p{margin:0;color:var(--sz-muted);font-size:16px;line-height:1.75}
.sz-privacy-section a{color:var(--sz-blue);text-decoration:underline;overflow-wrap:anywhere}
.sz-resources{padding:64px 0 92px}
.sz-resources__hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,76px)}
.sz-resources__intro h1{margin:0 0 18px;color:var(--sz-navy);font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.04em}
.sz-resources__lead{max-width:55ch;margin:0 0 26px;color:var(--sz-muted);font-size:18px;line-height:1.65}
.sz-resources__lead p{margin:0}
.sz-resources__photo{display:block;width:100%;height:350px;object-fit:cover;object-position:center}
.sz-resources__body{padding-top:62px}
.sz-resources__notice{margin:0 0 24px;padding:14px 18px;background:#edf4fb;color:var(--sz-navy);border-inline-start:4px solid var(--sz-blue)}
.sz-resources__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:0}
.sz-resources__item{min-width:0;padding:25px 0 29px;border-top:1px solid var(--sz-line)}
.sz-resources__item h2{max-width:27ch;margin:0 0 15px;color:var(--sz-navy);font-size:clamp(20px,2.1vw,27px);line-height:1.35;letter-spacing:-.02em}
.sz-resources__item a{color:var(--sz-blue);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.sz-resources__item span{color:var(--sz-muted);font-size:14px}
.sz-resources__empty{max-width:65ch;margin:0;padding:24px 0;color:var(--sz-muted);font-size:18px;line-height:1.65;border-top:1px solid var(--sz-line)}
.sz-footer{padding:58px 0 24px;background:#0b1e39;color:#ecf3fb}
.sz-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.sz-footer h2{margin:0 0 18px;font-size:20px}
.sz-footer h3{margin:0 0 16px;font-size:15px}
.sz-footer p{max-width:35ch;color:#c8d7e6;font-size:14px}
.sz-footer a{display:block;width:max-content;max-width:100%;margin:0 0 10px;color:#e5eff8;font-size:14px;text-decoration:none;overflow-wrap:anywhere}
.sz-footer a:hover{text-decoration:underline}
.sz-footer__bottom{margin-top:54px;padding-top:18px;border-top:1px solid #37506c;color:#c4d0de;font-size:13px}
html[dir=rtl] .sz-hero__copy{margin-inline-start:auto}
html[dir=rtl] .sz-hero::after{background:linear-gradient(90deg,#dfebf8 0%,rgba(223,235,248,.98) 48%,rgba(223,235,248,.7) 64%,rgba(223,235,248,0) 82%)}
html[dir=rtl] .sz-category__body{padding:16px 0 0 32px}
html[dir=rtl] .sz-category__arrow{right:auto;left:1px}
@media(max-width:1120px){.sz-nav{gap:14px}.sz-languages{gap:7px}}
@media(max-width:1000px){.sz-hero__copy{width:52%}.sz-proof__grid{gap:32px}.sz-stat dd{font-size:36px}}
@media(max-width:900px){.sz-header__row{gap:14px}.sz-nav{gap:17px}.sz-categories{gap:32px 18px}.sz-category__body strong{font-size:18px}.sz-stat dd span{font-size:15px}}
@media(max-width:767px){
  .sz-wrap{width:min(100% - 36px,1320px)}
  .sz-header__row{min-height:64px}.sz-logo-lockup{gap:6px}.sz-logo-lockup__mark{width:50px;height:41px}.sz-logo-lockup__mark img{left:-5px;top:-5px;width:60px}.sz-logo-lockup__name{width:150px;height:18px}.sz-logo-lockup__name img{left:-15px;top:-138px;width:180px}
  .sz-nav{display:none}.sz-mobile-nav{display:block;font-size:14px}.sz-mobile-nav summary{cursor:pointer;font-weight:700;list-style:none}.sz-mobile-nav summary::-webkit-details-marker{display:none}
  .sz-mobile-nav[open] nav{position:absolute;z-index:3;left:0;right:0;top:64px;display:grid;gap:0;padding:8px 18px 16px;background:#fff;border-bottom:1px solid var(--sz-line)}
  .sz-mobile-nav nav a{display:block;padding:11px 0;text-decoration:none;font-weight:700}
  .sz-mobile-nav nav .sz-button{width:max-content;padding:10px 18px;color:#fff}
  .sz-mobile-nav nav .sz-languages{display:flex;gap:18px;margin-top:14px}
  .sz-mobile-nav nav .sz-languages a{padding:7px 0}
  .sz-hero::after{display:none}.sz-hero__inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.sz-hero__copy{width:100%;padding:38px 0 22px}
  .sz-hero h1{max-width:14ch;font-size:clamp(37px,9vw,50px)}.sz-hero p{font-size:16px}
  html[lang^=zh] .sz-hero h1{font-size:clamp(35px,8vw,45px)}
  .sz-hero__image{position:relative;left:auto;top:auto;width:calc(100% + 36px);height:280px;margin:0 -18px;transform:none;object-position:right center}
  .sz-section{padding:58px 0}.sz-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.sz-category__body{padding:11px 16px 0 0}.sz-category__body strong{font-size:17px}.sz-category__body small{font-size:12px}.sz-category__arrow{font-size:20px;bottom:0}
  .sz-proof__grid{grid-template-columns:1fr;gap:26px}.sz-proof__image{height:300px}.sz-stat dd{font-size:clamp(30px,7vw,42px)}.sz-stat dd span{font-size:14px}
  .sz-cta{padding:54px 0}.sz-cta__row{display:block}.sz-cta .sz-button{margin-top:22px}
  .sz-page{padding:42px 0 64px}.sz-footer__grid{grid-template-columns:1fr;gap:26px}.sz-footer__bottom{margin-top:28px}
  .sz-about-lead{font-size:17px}.sz-about-photo{min-height:260px}.sz-about-section{padding-top:48px}.sz-about-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sz-about-stat dd{font-size:30px}.sz-about-section--split{grid-template-columns:1fr;gap:22px}.sz-about-section--split .sz-about-photo{min-height:230px}
  .sz-resources{padding:42px 0 64px}.sz-resources__hero{grid-template-columns:1fr;gap:28px}.sz-resources__intro h1{font-size:clamp(35px,8vw,47px)}.sz-resources__lead{font-size:16px}.sz-resources__photo{height:250px}.sz-resources__body{padding-top:40px}.sz-resources__grid{grid-template-columns:1fr}.sz-resources__item{padding:22px 0 25px}.sz-resources__item h2{max-width:none}
  html[dir=rtl] .sz-hero__copy{width:100%;margin-inline-start:0}
}
@media(max-width:359px){.sz-about-stats{grid-template-columns:1fr}}