/* Shantui Heavy Machinery Homepage - front-end styles. All rules are scoped under .shc */

.shc{
	--c-charcoal:#1d1f21; --c-dark:#2b2e31; --c-steel:#4a4e53; --c-line:#d8d9da;
	--c-paper:#f2f2ef; --c-white:#fff; --c-yellow:#f6b800; --c-yellow-d:#dba200;
	--f-head:'Barlow Condensed','Arial Narrow','Helvetica Neue',Arial,sans-serif;
	--f-body:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
	font-family:var(--f-body); font-size:17px; line-height:1.6; color:var(--c-charcoal);
	-webkit-font-smoothing:antialiased; overflow-x:clip;
}
.shc *,.shc *::before,.shc *::after{box-sizing:border-box}
.shc img{max-width:100%;height:auto;display:block}
.shc a{color:inherit}
.shc h1,.shc h2,.shc h3{font-family:var(--f-head);font-weight:700;line-height:1.05;margin:0;letter-spacing:.01em;text-transform:uppercase}
.shc p,.shc ul,.shc ol,.shc dl,.shc dd{margin:0}
.shc ul,.shc ol{padding:0;list-style:none}
.shc-body{margin:0}
html.shc-lock{overflow:hidden}
.shc-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}

.shc a:focus-visible,.shc button:focus-visible,.shc input:focus-visible,.shc select:focus-visible,.shc textarea:focus-visible{
	outline:2px solid var(--c-charcoal);outline-offset:2px;box-shadow:0 0 0 5px var(--c-yellow)
}
.shc-skip{position:absolute;left:-9999px;top:0;background:var(--c-yellow);color:#1d1f21;padding:12px 18px;z-index:2000;font-weight:600}
.shc-skip:focus{left:8px;top:8px}

/* ---------- Buttons ---------- */
.shc .shc-btn{
	display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;
	font:700 17px/1 var(--f-head);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;text-align:center;
	border:2px solid transparent;border-radius:0;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s
}
.shc .shc-btn--sm{min-height:44px;padding:0 20px;font-size:16px}
.shc .shc-btn--yellow{background:var(--c-yellow);color:var(--c-charcoal)}
.shc .shc-btn--yellow:hover{background:var(--c-yellow-d)}
.shc .shc-btn--dark{background:var(--c-charcoal);color:#fff}
.shc .shc-btn--dark:hover{background:var(--c-steel)}
.shc .shc-btn--ghost{border-color:#fff;color:#fff;background:transparent}
.shc .shc-btn--ghost:hover{background:#fff;color:var(--c-charcoal)}
.shc .shc-btn--outline-dark{border-color:var(--c-charcoal);color:var(--c-charcoal);background:transparent}
.shc .shc-btn--outline-dark:hover{background:var(--c-charcoal);color:#fff}

/* ---------- Header ---------- */
.shc-header{position:sticky;top:0;z-index:1000;background:var(--c-charcoal);color:#fff;border-bottom:3px solid var(--c-yellow)}
.admin-bar .shc-header{top:32px}
@media(max-width:782px){.admin-bar .shc-header{top:46px}}
.shc-header__in{display:flex;align-items:center;gap:16px;min-height:76px}
.shc .shc-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:800 26px/1 var(--f-head);text-transform:uppercase;letter-spacing:.03em;margin-right:auto}
.shc-logo img{max-height:48px;width:auto}
.shc-logo__mark{width:36px;height:36px;display:grid;place-items:center;background:var(--c-yellow);color:var(--c-charcoal);font-size:24px}
.shc-nav>ul{display:flex;align-items:center}
.shc-nav li{position:relative}
.shc .shc-nav a{display:block;padding:28px 10px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.shc .shc-nav>ul>li>a:hover{color:var(--c-yellow)}
.shc-has-sub{display:flex;align-items:center}
.shc-has-sub>a{padding-right:2px !important}
.shc-sub-toggle{width:22px;height:22px;margin-right:6px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.shc-sub-toggle::before{content:"";position:absolute;left:6px;top:5px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .15s}
.shc-has-sub.is-open>.shc-sub-toggle::before{transform:rotate(-135deg);top:8px}
.shc-sub{display:none;position:absolute;left:0;top:100%;min-width:270px;background:#fff;color:var(--c-charcoal);border-top:3px solid var(--c-yellow);box-shadow:0 18px 40px rgba(0,0,0,.28);padding:8px 0;z-index:5}
.shc-sub--wide{min-width:520px;column-count:2;column-gap:0}
.shc-sub li{break-inside:avoid}
.shc .shc-sub a{color:var(--c-charcoal);padding:10px 20px;font-weight:500;white-space:normal}
.shc .shc-sub a:hover{background:var(--c-yellow)}
.shc .shc-sub .shc-sub__all{font-weight:700;border-bottom:1px solid var(--c-line)}
.shc-has-sub:hover>.shc-sub,.shc-has-sub:focus-within>.shc-sub,.shc-has-sub.is-open>.shc-sub{display:block}
.shc-nav__cta{display:flex;gap:8px;margin-left:10px}
.shc .shc-nav__cta a{padding:0 18px}
.shc-burger{display:none;width:48px;height:48px;border:2px solid rgba(255,255,255,.35);background:transparent;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.shc-burger span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s,opacity .2s}
.shc-header.is-open .shc-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.shc-header.is-open .shc-burger span:nth-child(2){opacity:0}
.shc-header.is-open .shc-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1200px){
	.shc-burger{display:flex}
	.shc-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--c-charcoal);max-height:calc(100vh - 80px);overflow-y:auto;padding:8px 24px 28px;border-top:1px solid rgba(255,255,255,.14)}
	.shc-header.is-open .shc-nav{display:block}
	.shc-nav>ul{flex-direction:column;align-items:stretch}
	.shc .shc-nav a{padding:15px 0;font-size:17px;white-space:normal}
	.shc-nav>ul>li{border-bottom:1px solid rgba(255,255,255,.12)}
	.shc-has-sub{flex-wrap:wrap}
	.shc-has-sub>a{flex:1;padding-right:0 !important}
	.shc-sub-toggle{width:48px;height:48px;margin:0}
	.shc-sub-toggle::before{left:19px;top:17px}
	.shc-has-sub.is-open>.shc-sub-toggle::before{top:21px}
	.shc-sub,.shc-sub--wide{position:static;width:100%;min-width:0;column-count:1;box-shadow:none;background:var(--c-dark);color:#fff;border-top:0;padding:4px 0 8px}
	.shc-has-sub:hover>.shc-sub,.shc-has-sub:focus-within>.shc-sub{display:none}
	.shc-has-sub.is-open>.shc-sub{display:block}
	.shc .shc-sub a{color:#fff;padding:11px 16px;font-size:16px}
	.shc .shc-sub a:hover{color:var(--c-charcoal)}
	.shc-nav__cta{flex-direction:column;margin:18px 0 0;border:0 !important}
	.shc .shc-nav__cta a{padding:0 18px}
}

/* ---------- Sections ---------- */
.shc-sec{padding:clamp(56px,8vw,108px) 0}
.shc-sec--paper{background:var(--c-paper)}
.shc-sec--dark{background:var(--c-charcoal);color:#fff}
.shc-sec--yellow{background:var(--c-yellow);color:var(--c-charcoal)}
.shc-sec__head{max-width:780px;margin-bottom:clamp(30px,5vw,56px)}
.shc-sec__head h2{font-size:clamp(34px,5vw,60px);border-left:8px solid var(--c-yellow);padding-left:18px}
.shc-sec__head p{margin-top:16px;color:var(--c-steel);max-width:60ch}
.shc-sec__more{margin-top:36px}
.shc-note{padding:14px 18px;border-left:4px solid var(--c-yellow);background:var(--c-paper);margin:20px 0;font-size:15px}
.shc-note--ok{border-color:#2e7d32}
.shc-note--err{border-color:#b3261e}

/* ---------- Hero ---------- */
.shc-hero{position:relative;background:var(--c-charcoal);color:#fff;min-height:min(90vh,880px);display:flex;flex-direction:column;justify-content:flex-end}
.shc-hero__media{position:absolute;inset:0;overflow:hidden}
.shc-hero__media img,.shc-hero__media .shc-ph{width:100%;height:100%;object-fit:cover}
.shc-hero__media::after{content:"";position:absolute;inset:0;background:rgba(18,19,20,.6)}
.shc-hero__body{position:relative;z-index:1;padding-top:clamp(110px,16vh,190px);padding-bottom:44px}
.shc-hero__title{font-size:clamp(42px,8vw,112px);line-height:.95;font-weight:800;max-width:11.5em}
.shc-hero__lead{max-width:640px;margin-top:24px;font-size:clamp(17px,1.6vw,21px);color:#e8e8e8}
.shc-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.shc-hero__loc{margin-top:24px;font-weight:600;color:var(--c-yellow)}
.shc-hero__cats{position:relative;z-index:1;background:rgba(18,19,20,.82);border-top:1px solid rgba(255,255,255,.22)}
.shc-hero__cats ul{display:grid;grid-template-columns:repeat(6,1fr);max-width:1280px;margin:0 auto}
.shc .shc-hero__cats a{display:block;height:100%;padding:20px 18px;text-decoration:none;font:700 19px/1.2 var(--f-head);letter-spacing:.05em;text-transform:uppercase;border-left:1px solid rgba(255,255,255,.18);transition:background-color .15s,color .15s}
.shc .shc-hero__cats li:last-child a{border-right:1px solid rgba(255,255,255,.18)}
.shc .shc-hero__cats a:hover{background:var(--c-yellow);color:var(--c-charcoal)}
@media(max-width:900px){.shc-hero__cats ul{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.shc-hero__cats ul{grid-template-columns:repeat(2,1fr)}.shc-hero__cta .shc-btn{width:100%}}
.shc-hazard{height:16px;background:repeating-linear-gradient(-45deg,var(--c-yellow) 0 18px,var(--c-charcoal) 18px 36px)}

@media(prefers-reduced-motion:no-preference){
	.shc-hero__title,.shc-hero__lead,.shc-hero__cta,.shc-hero__loc{animation:shc-rise .7s cubic-bezier(.2,.7,.2,1) both}
	.shc-hero__lead{animation-delay:.12s}.shc-hero__cta{animation-delay:.22s}.shc-hero__loc{animation-delay:.3s}
}
@keyframes shc-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ---------- Placeholder image ---------- */
.shc-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:140px;padding:12px;text-align:center;font-size:13px;color:#9da3a8;background:#33373b repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 14px,transparent 14px 28px)}

/* ---------- Services ---------- */
.shc-svc{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--c-line)}
.shc-svc:last-child{border-bottom:1px solid var(--c-line)}
.shc-svc__img{position:relative;min-height:380px;overflow:hidden;background:#33373b}
.shc-svc__img img,.shc-svc__img .shc-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shc-svc__txt{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:clamp(28px,5vw,68px)}
.shc-svc__txt h3{font-size:clamp(30px,3.6vw,46px)}
.shc-svc__txt p{max-width:46ch;color:var(--c-steel)}
.shc-svc:nth-child(even) .shc-svc__img{order:2}
@media(max-width:820px){.shc-svc{grid-template-columns:1fr}.shc-svc__img{min-height:240px}.shc-svc:nth-child(even) .shc-svc__img{order:0}.shc-svc__txt{padding:28px 0}}

/* ---------- Category + product grids ---------- */
.shc-grid{display:grid;gap:24px}
.shc-grid--cats{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.shc-cat{background:#fff;border:1px solid var(--c-line);display:flex;flex-direction:column}
.shc-cat__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#33373b}
.shc-cat__img img,.shc-cat__img .shc-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shc-cat__img img{transition:transform .5s}
.shc-cat:hover .shc-cat__img img{transform:scale(1.04)}
.shc-cat__body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;flex:1;border-top:4px solid var(--c-yellow)}
.shc-cat__body h3{font-size:28px}
.shc-cat__body p{color:var(--c-steel);font-size:16px;flex:1}

.shc-grid--prod{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
@media(min-width:960px){.shc-cols-2{grid-template-columns:repeat(2,1fr)}.shc-cols-3{grid-template-columns:repeat(3,1fr)}.shc-cols-4{grid-template-columns:repeat(4,1fr)}}
.shc-prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line)}
.shc-prod__img{position:relative;display:block;aspect-ratio:4/3;background:#f7f7f6;overflow:hidden}
.shc-prod__img img,.shc-prod__img .shc-ph{width:100%;height:100%;object-fit:contain}
.shc-prod--example .shc-prod__img img,.shc-prod--example .shc-prod__img .shc-ph{object-fit:cover}
.shc-prod__tag{position:absolute;left:0;top:0;background:var(--c-charcoal);color:#fff;font:600 14px/1 var(--f-head);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px}
.shc-prod__body{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1;border-top:4px solid var(--c-yellow)}
.shc-prod__body h3{font-size:27px}
.shc .shc-prod__body h3 a{text-decoration:none}
.shc-prod__bm{font-weight:600;color:var(--c-steel)}
.shc-prod__specs{border-top:1px solid var(--c-line);flex:1}
.shc-prod__specs li{padding:8px 0;border-bottom:1px solid var(--c-line);font-size:15px}
.shc-prod__nospec{flex:1;color:var(--c-steel);font-size:15px}
.shc-prod__btns{display:flex;flex-wrap:wrap;gap:10px}
.shc-prod__btns .shc-btn{flex:1 1 140px}

/* ---------- Spare parts ---------- */
.shc-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.shc .shc-parts a{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 18px;background:#fff;border:1px solid var(--c-line);border-left:8px solid var(--c-line);text-decoration:none;font:700 21px/1.15 var(--f-head);text-transform:uppercase;letter-spacing:.03em;transition:border-color .15s,background-color .15s}
.shc .shc-parts a:hover{border-left-color:var(--c-yellow);background:var(--c-charcoal);color:#fff}
.shc-parts__thumb{flex:0 0 52px;width:52px;height:52px;overflow:hidden;background:#33373b}
.shc-parts__thumb img,.shc-parts__thumb .shc-ph{width:100%;height:100%;object-fit:cover;min-height:0}

/* ---------- Part finder ---------- */
.shc-finder{border-top:0}
.shc-finder__in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.shc-finder h2{font-size:clamp(36px,5.4vw,70px);border-left:8px solid var(--c-yellow);padding-left:18px}
.shc-finder p{margin-top:20px;max-width:56ch;color:#dcdcdc;font-size:19px}
.shc-finder__btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}
@media(max-width:860px){.shc-finder__in{grid-template-columns:1fr}.shc-finder__btns{justify-content:flex-start}}

/* ---------- Industries ---------- */
.shc-grid--ind{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:36px 28px}
.shc-ind__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#33373b;margin-bottom:18px}
.shc-ind__img img,.shc-ind__img .shc-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shc-ind h3{font-size:28px;margin-bottom:8px}
.shc-ind p{color:var(--c-steel);font-size:16px}

/* ---------- Markets ---------- */
.shc-markets{display:grid;grid-template-columns:1fr 1fr}
.shc-market{position:relative;min-height:540px;display:flex;align-items:flex-end;color:#fff;background:var(--c-charcoal);overflow:hidden}
.shc-market__img{position:absolute;inset:0}
.shc-market__img img,.shc-market__img .shc-ph{width:100%;height:100%;object-fit:cover}
.shc-market__img::after{content:"";position:absolute;inset:0;background:rgba(18,19,20,.62)}
.shc-market__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(28px,4vw,56px);max-width:560px}
.shc-market__body h2{font-size:clamp(40px,5vw,68px)}
.shc-market:nth-child(2) .shc-market__body{border-left:0}
.shc-market+.shc-market{border-left:6px solid var(--c-yellow)}
@media(max-width:820px){.shc-markets{grid-template-columns:1fr}.shc-market{min-height:440px}.shc-market+.shc-market{border-left:0;border-top:6px solid var(--c-yellow)}}

/* ---------- Why us ---------- */
.shc-grid--why{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:34px 32px}
.shc-why{border-top:5px solid var(--c-yellow);padding-top:20px}
.shc-why h3{font-size:27px;margin-bottom:8px}
.shc-why p{color:var(--c-steel)}

/* ---------- Steps ---------- */
.shc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.shc-steps li{border-top:3px solid var(--c-charcoal);padding-top:18px}
.shc-steps__n{display:block;font:800 76px/1 var(--f-head);color:var(--c-yellow);-webkit-text-stroke:2px var(--c-charcoal);margin-bottom:10px}
.shc-steps h3{font-size:25px;margin-bottom:8px}
.shc-steps p{color:var(--c-steel);font-size:16px}
@media(max-width:960px){.shc-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.shc-steps{grid-template-columns:1fr}}

/* ---------- Final CTA ---------- */
.shc-final__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.shc-final h2{font-size:clamp(34px,5vw,64px);max-width:15em}
.shc-final__btns{display:flex;flex-wrap:wrap;gap:14px}
@media(max-width:560px){.shc-final__btns,.shc-final__btns .shc-btn{width:100%}}

/* ---------- Footer ---------- */
.shc-footer{background:var(--c-charcoal);color:#d6d7d8;border-top:6px solid var(--c-yellow);font-size:16px}
.shc-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-top:64px;padding-bottom:56px}
.shc-footer h2{font-size:22px;color:#fff;margin-bottom:16px;letter-spacing:.06em}
.shc-footer li{margin-bottom:8px}
.shc .shc-footer a{text-decoration:none}
.shc .shc-footer a:hover{color:var(--c-yellow)}
.shc-footer__brand p{margin-top:16px;max-width:42ch}
.shc-footer__note{font-size:14px;color:#b3b5b7}
.shc-footer__bar{border-top:1px solid rgba(255,255,255,.14);padding:20px 0;font-size:14px}
.shc-footer__bar .shc-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px}
.shc-footer__bar p a{margin-left:20px}
.shc-footer__bar p a:first-child{margin-left:0}
@media(max-width:900px){.shc-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shc-footer__grid{grid-template-columns:1fr;padding-top:44px}}

/* ---------- Inner pages ---------- */
.shc-pagehead{background:var(--c-charcoal);color:#fff;padding:clamp(40px,7vw,80px) 0}
.shc-pagehead h1{font-size:clamp(38px,6vw,76px);border-left:8px solid var(--c-yellow);padding-left:18px}
.shc-inner{padding-bottom:40px;--edge:max(24px,calc((100% - 1280px)/2 + 24px))}
/* plain text added in the WordPress editor lines up with the left edge of every section and button */
.shc-inner>p,.shc-inner>ul,.shc-inner>ol,.shc-inner>h2,.shc-inner>h3,.shc-inner>h4,.shc-inner>blockquote{max-width:780px;margin:24px 24px 0 var(--edge);padding:0}
.shc-inner>ul,.shc-inner>ol{padding-left:22px}
.shc-inner>ul{list-style:disc}
.shc-inner>ol{list-style:decimal}
.shc-inner>h2{font-size:clamp(28px,3.4vw,40px);border-left:8px solid var(--c-yellow);padding-left:16px;margin-top:48px}
.shc-inner>h3{font-size:clamp(24px,2.6vw,30px);margin-top:36px}
.shc-inner>p:first-child,.shc-inner>h2:first-child,.shc-inner>h3:first-child,.shc-inner>ul:first-child,.shc-inner>ol:first-child{margin-top:48px}
.shc-inner>p:first-child{font-size:19px}
.shc-inner .shc-adminnote{margin:24px 24px 0 var(--edge);max-width:780px}
.shc-inline-btns{display:flex;flex-wrap:wrap;gap:14px;padding-top:32px}
.shc-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding-top:40px}
.shc-contact dt{font:700 20px var(--f-head);text-transform:uppercase;letter-spacing:.05em;border-left:5px solid var(--c-yellow);padding-left:12px}
.shc-contact dd{padding-left:17px;margin-top:4px}

/* ---------- Forms ---------- */
.shc-form-wrap{max-width:900px}
.shc-form-wrap h2{font-size:clamp(32px,4vw,48px);border-left:8px solid var(--c-yellow);padding-left:18px}
.shc-form-intro{margin:14px 0 26px;color:var(--c-steel)}
.shc-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.shc-form p{margin:0}
.shc-form__full{grid-column:1/-1}
.shc-form label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.shc-form input[type=text],.shc-form input[type=email],.shc-form input[type=tel],.shc-form select,.shc-form textarea,.shc-form input[type=file]{width:100%;padding:13px 14px;border:2px solid #b9bbbd;border-radius:0;background:#fff;font:inherit;color:inherit}
.shc-form input:focus,.shc-form select:focus,.shc-form textarea:focus{border-color:var(--c-charcoal)}
.shc-form__actions{display:flex;flex-wrap:wrap;gap:12px}
.shc-form__product{background:var(--c-paper);padding:12px 16px;border-left:5px solid var(--c-yellow)}
.shc-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:640px){.shc-form{grid-template-columns:1fr}.shc-form__actions .shc-btn{width:100%}}

/* ---------- Coded illustrations (used until a photo is chosen) ---------- */
.shc-art{display:block;position:relative;width:100%;height:100%;min-height:140px;background-color:#2a2d30;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px}
.shc-art svg{display:block;width:100%;height:100%;padding:8%}
.shc-art .y{fill:var(--c-yellow);stroke:#1d1f21;stroke-width:3;stroke-linejoin:round}
.shc-art .d{fill:#464a50;stroke:#cfd0d1;stroke-width:3}
.shc-art .w{fill:#1d1f21;stroke:#cfd0d1;stroke-width:3}
.shc-art .l{fill:none;stroke:#e9e9e9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.shc-art .g{fill:none;stroke:var(--c-yellow);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.shc-art .glass{fill:#a9bccb;stroke:#1d1f21;stroke-width:2}
.shc-svc__img .shc-art,.shc-cat__img .shc-art,.shc-ind__img .shc-art,.shc-prod__img .shc-art{position:absolute;inset:0}
.shc-parts__thumb .shc-art{min-height:0;background-image:none;background-color:transparent}
.shc-parts__thumb .shc-art svg{padding:0}
.shc .shc-parts a:hover .shc-art .d{fill:#6a6e74}
.shc-market__img .shc-art{min-height:100%}
.shc-market__img .shc-art svg{padding:6% 6% 38% 22%}
.shc-market__img:has(.shc-art)::after{display:none}

/* hero with illustration instead of a photo */
.shc-hero--art .shc-hero__media::after{display:none}
.shc-hero--art .shc-hero__media .shc-art{height:100%;background-color:#26292c}
.shc-hero--art .shc-hero__media .shc-art svg{position:absolute;right:2%;bottom:78px;width:58%;height:auto;max-height:80%;padding:0}
.shc-hero--art .shc-hero__title{max-width:8.4em}
@media(prefers-reduced-motion:no-preference){
	.shc-hero--art .shc-hero__media .shc-art svg{animation:shc-drive 1.2s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes shc-drive{from{transform:translateX(16%);opacity:0}to{transform:none;opacity:1}}
@media(max-width:900px){
	.shc-hero--art .shc-hero__media .shc-art svg{width:96%;right:2%;bottom:150px;opacity:.3}
	.shc-hero--art .shc-hero__title{max-width:none}
}

/* =====================================================================
   v2 additions: topbar, banner photo, split/cards/faq, shop, product page
   ===================================================================== */
.shc-topbar{background:#111213;color:#cfd0d1;font-size:14px}
.shc-topbar__in{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:38px;flex-wrap:wrap}
.shc-topbar__links{display:flex;gap:18px;flex-wrap:wrap}
.shc .shc-topbar a{color:#fff;text-decoration:none;font-weight:600}
.shc .shc-topbar a:hover{color:var(--c-yellow)}
@media(max-width:700px){.shc-topbar__in>span:first-child{display:none}.shc-topbar__in{justify-content:center}}

.shc-pagehead--img{background-size:cover;background-position:center;position:relative;isolation:isolate}
.shc-pagehead--img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,19,20,.88),rgba(18,19,20,.55));z-index:-1}
.shc-pagehead__sub{margin-top:14px;font-size:19px;max-width:60ch;color:#e4e4e4}
.shc .shc-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:14px;color:#c9cacb}
.shc .shc-crumbs a{text-decoration:none;color:#fff}.shc .shc-crumbs a:hover{color:var(--c-yellow)}
.shc-crumbs b{color:var(--c-yellow);font-weight:600}

.shc-float-wa{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:1500;transition:transform .15s}
.shc-float-wa:hover{transform:scale(1.08)}

/* split / cards / faq blocks */
.shc-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.shc-split--rev .shc-split__img{order:2}
.shc-split__img{position:relative;aspect-ratio:10/7;background:#33373b;overflow:hidden;border-bottom:8px solid var(--c-yellow)}
.shc-split__img img,.shc-split__img .shc-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shc-split__txt h2{font-size:clamp(32px,4.4vw,56px);margin-bottom:18px}
.shc-split__txt p{margin:0 0 14px}
.shc-split__txt ul{list-style:disc;padding-left:22px;margin:0 0 20px}
.shc-split__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:860px){.shc-split{grid-template-columns:1fr}.shc-split--rev .shc-split__img{order:0}}
.shc-faq{max-width:900px}
.shc-faq details{border:1px solid var(--c-line);background:#fff;margin-bottom:10px}
.shc-faq summary{cursor:pointer;padding:18px 22px;font:700 21px/1.2 var(--f-head);text-transform:uppercase;letter-spacing:.02em;list-style:none;position:relative}
.shc-faq summary::after{content:"+";position:absolute;right:22px;top:12px;font-size:28px;color:var(--c-yellow)}
.shc-faq details[open] summary::after{content:"–"}
.shc-faq details p{padding:0 22px 20px;color:var(--c-steel)}
.shc-sec--tight{padding:36px 0}

/* shop layout */
.shc-shop{display:grid;grid-template-columns:270px 1fr;gap:32px;align-items:start}
@media(max-width:960px){.shc-shop{grid-template-columns:1fr}}
.shc-shop__side{display:flex;flex-direction:column;gap:18px}
.shc-side-box{background:#fff;border:1px solid var(--c-line);border-top:4px solid var(--c-yellow);padding:18px}
.shc-side-box h2{font-size:23px;margin-bottom:12px}
.shc-side-box ul li a{display:block;padding:8px 0;border-bottom:1px solid var(--c-line);text-decoration:none;font-weight:500}
.shc .shc-side-box ul li a:hover,.shc .shc-side-box ul li a.is-on{color:#b07f00;font-weight:700}
.shc-side-box input[type=search]{width:100%;min-height:46px;border:1px solid var(--c-line);padding:0 12px;margin-bottom:10px;font:inherit}
.shc-side-box--cta{background:var(--c-charcoal);color:#fff;border-color:var(--c-charcoal);border-top-color:var(--c-yellow)}
.shc-side-box--cta p{margin-bottom:14px;color:#dcdcdc}
.shc-side-box--cta .shc-btn{margin:0 8px 8px 0}
@media(max-width:960px){.shc-shop__side{display:none}}
.shc-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}
.shc-toolbar select{min-height:44px;border:1px solid var(--c-line);padding:0 12px;font:inherit;background:#fff}
.shc-pager{margin-top:36px}
.shc-pager .page-numbers{display:inline-block;min-width:44px;padding:11px 14px;margin:0 4px 6px 0;border:1px solid var(--c-line);background:#fff;text-decoration:none;text-align:center;font-weight:600}
.shc-pager .page-numbers.current,.shc-pager a.page-numbers:hover{background:var(--c-yellow);border-color:var(--c-yellow)}
.shc-empty{background:#fff;border:1px dashed var(--c-line);padding:48px 28px;text-align:center}
.shc-empty h2{font-size:34px;margin-bottom:10px}.shc-empty p{margin-bottom:22px;color:var(--c-steel)}
.shc-empty .shc-btn{margin:0 6px 8px}
.shc-grid--subcats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.shc a.shc-subcat{display:block;background:#fff;border:1px solid var(--c-line);text-decoration:none;overflow:hidden;transition:border-color .15s,transform .15s}
.shc a.shc-subcat:hover{border-color:var(--c-yellow);transform:translateY(-3px)}
.shc-subcat__img{display:block;position:relative;aspect-ratio:4/3;background:#33373b}
.shc-subcat__img img,.shc-subcat__img .shc-art,.shc-subcat__img .shc-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shc-subcat__name{display:block;padding:12px 14px;font:700 19px/1.15 var(--f-head);text-transform:uppercase;letter-spacing:.03em;border-top:3px solid var(--c-yellow)}

/* product card extras */
.shc-prod__img .shc-art{position:absolute;inset:0}
.shc-prod__img img{position:relative;z-index:1}
.shc-prod__img img,.shc-prod__img .shc-art{width:100%;height:100%}
.shc-prod__img{transition:opacity .2s}
.shc-prod{transition:box-shadow .2s,transform .2s}
.shc-prod:hover{box-shadow:0 14px 34px rgba(0,0,0,.14);transform:translateY(-3px)}
.shc-prod__img img{object-fit:cover}
.shc-prod__cat{font:600 14px/1 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:#b07f00}
.shc-prod__cat a{text-decoration:none}
.shc-prod__price{font:700 24px/1 var(--f-head)}

/* single product */
.shc-pp{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
@media(max-width:900px){.shc-pp{grid-template-columns:1fr}}
.shc-pp__main{position:relative;aspect-ratio:4/3;background:#33373b;overflow:hidden;border-bottom:6px solid var(--c-yellow)}
.shc-pp__main img,.shc-pp__main .shc-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shc-pp__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.shc-pp__thumbs button{width:88px;height:66px;padding:0;border:2px solid var(--c-line);background:#fff;cursor:pointer;overflow:hidden}
.shc-pp__thumbs button.is-on,.shc-pp__thumbs button:hover{border-color:var(--c-yellow)}
.shc-pp__thumbs img{width:100%;height:100%;object-fit:cover}
.shc-pp__title{font-size:clamp(34px,4.4vw,54px);margin:6px 0 14px}
.shc-pp__meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.shc-pp__meta li{background:var(--c-paper);padding:8px 14px;font-weight:600}
.shc-pp__meta span{display:block;font:600 12px/1 var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:var(--c-steel);margin-bottom:3px}
.shc-pp__short{margin-bottom:16px;color:var(--c-steel)}.shc-pp__short p{margin-bottom:10px}
.shc-pp__price{font:700 36px/1 var(--f-head);margin:6px 0 14px}
.shc-pp__btns{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.shc-pp__notes{border-top:1px solid var(--c-line)}
.shc-pp__notes li{padding:10px 0 10px 28px;border-bottom:1px solid var(--c-line);position:relative;font-size:15px}
.shc-pp__notes li::before{content:"";position:absolute;left:4px;top:17px;width:12px;height:7px;border-left:3px solid var(--c-yellow);border-bottom:3px solid var(--c-yellow);transform:rotate(-45deg)}
.shc-spec{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:16px}
.shc-spec th,.shc-spec td{padding:11px 14px;border:1px solid var(--c-line);text-align:left;vertical-align:top}
.shc-spec th{width:38%;background:var(--c-paper);font-weight:600}
.shc-tabs-wrap{margin-top:56px}
.shc-tabsnav{display:flex;gap:4px;border-bottom:3px solid var(--c-charcoal);flex-wrap:wrap}
.shc-tabsnav button{border:0;background:var(--c-paper);padding:14px 26px;font:700 19px/1 var(--f-head);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.shc-tabsnav button.is-on{background:var(--c-charcoal);color:#fff}
.shc-pane{display:none;padding:28px 0}.shc-pane.is-on{display:block}
.shc-pane p{margin-bottom:14px;max-width:80ch}
.shc-pane .shc-sec{padding:0}
.shc .woocommerce-product-attributes{width:100%;border-collapse:collapse}
.shc .woocommerce-product-attributes th,.shc .woocommerce-product-attributes td{padding:11px 14px;border:1px solid var(--c-line);text-align:left}
.shc .woocommerce-product-attributes th{background:var(--c-paper);width:38%}
.shc .single_add_to_cart_button,.shc .button.alt{background:var(--c-yellow);color:var(--c-charcoal);border:0;min-height:52px;padding:0 28px;font:700 17px/1 var(--f-head);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.shc .quantity input{min-height:52px;width:70px;border:1px solid var(--c-line);text-align:center}
.shc-inner .woocommerce{max-width:1280px;margin:0 auto;padding:40px 24px}
@media(min-width:1000px){.shc-markets{grid-template-columns:repeat(var(--shc-mk,2),1fr)}}
.shc-credits{display:grid;gap:10px;margin-top:20px}
.shc-credits li{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--c-line);padding:8px 12px;font-size:15px}
.shc-credits img{width:64px;height:48px;object-fit:cover}

/* ---------- v2.2 Page Controls / Section Builder ---------- */
.shc-pagehead--center{text-align:center}
.shc-pagehead--center h1{border-left:0;padding-left:0;border-bottom:6px solid var(--c-yellow);display:inline-block;padding-bottom:10px}
.shc-pagehead--center .shc-pagehead__sub{margin-left:auto;margin-right:auto}
.shc-pagehead--center .shc-crumbs{justify-content:center}
.shc-pagehead--compact{padding:clamp(20px,3vw,36px) 0}
.shc-pagehead--compact h1{font-size:clamp(28px,4vw,46px)}
.shc-pagehead--tall{min-height:420px;display:flex;align-items:center}
.shc-pagehead--tall .shc-wrap{width:100%}
.shc-pagehead--light{background:var(--c-paper);color:var(--c-charcoal)}
.shc-pagehead--light .shc-pagehead__sub{color:var(--c-steel)}
.shc-ps-hr{border:0;border-top:1px solid var(--c-line);margin:24px 0}
.shc-ps-text{max-width:900px}
.shc-ps-btns .shc-btn{margin:4px 8px 4px 0}
.shc-ps--content.shc-inner{padding-bottom:0}
@media(min-width:783px){.shc-ps-hide-d{display:none!important}}
@media(max-width:782px){.shc-ps-hide-m{display:none!important}}


/* =====================================================================
   v2.3: category pages, aligned page text, notes
   ===================================================================== */
.shc-adminnote{padding:12px 16px;background:#fff6cf;border-left:5px solid var(--c-yellow);font-size:15px}

/* chips: quick category links on phones and tablets */
.shc-chips{background:#fff;border-bottom:1px solid var(--c-line)}
.shc-chips ul{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
.shc .shc-chips a{display:block;white-space:nowrap;padding:9px 16px;border:1px solid var(--c-line);background:#fff;text-decoration:none;font:700 17px/1 var(--f-head);letter-spacing:.04em;text-transform:uppercase}
.shc .shc-chips a:hover{border-color:var(--c-yellow)}
.shc .shc-chips a.is-on{background:var(--c-yellow);border-color:var(--c-yellow)}
@media(min-width:961px){.shc-chips{display:none}}

/* category introduction */
.shc-catintro__in{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.shc-catintro__txt h2{font-size:clamp(28px,3.6vw,44px);border-left:8px solid var(--c-yellow);padding-left:16px;margin-bottom:18px}
.shc-catintro__txt p{margin-bottom:14px;max-width:70ch}
.shc-points{margin:8px 0 0;columns:2;column-gap:28px}
.shc-points li{break-inside:avoid;position:relative;padding:6px 0 6px 26px}
.shc-points li::before,.shc-checklist li::before{content:"";position:absolute;left:3px;top:13px;width:12px;height:7px;border-left:3px solid var(--c-yellow);border-bottom:3px solid var(--c-yellow);transform:rotate(-45deg)}
.shc-catintro__box{background:var(--c-charcoal);color:#fff;padding:26px;border-top:5px solid var(--c-yellow)}
.shc-catintro__box h3{font-size:26px;margin-bottom:10px}
.shc-checklist li{position:relative;padding:9px 0 9px 28px;border-bottom:1px solid var(--c-line);font-size:16px}
.shc-catintro__box .shc-checklist li{border-color:rgba(255,255,255,.18)}
.shc-checklist li::before{top:16px}
.shc-catintro__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.shc-catintro__box .shc-btn--outline-dark{border-color:#fff;color:#fff}
.shc-catintro__box .shc-btn--outline-dark:hover{background:#fff;color:var(--c-charcoal)}
@media(max-width:900px){.shc-catintro__in{grid-template-columns:1fr}.shc-points{columns:1}}

/* category cards */
.shc a.shc-cat__img{display:block}
.shc .shc-cat__body h3 a{text-decoration:none}
.shc .shc-cat__body p.shc-cat__count{flex:0 0 auto;font:700 14px/1 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:#8a6500}

/* shop column */
.shc-shop__h{font-size:clamp(28px,3.4vw,40px);margin-bottom:20px;border-left:8px solid var(--c-yellow);padding-left:16px}
.shc .shc-side-box h2 a{text-decoration:none}
.shc-side-count{float:right;font-size:13px;font-weight:600;color:var(--c-steel);background:var(--c-paper);padding:1px 8px;border-radius:10px}
.shc-toolbar p{font-weight:600}
.shc-empty__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:26px}
.shc-empty .shc-empty__btns .shc-btn{margin:0}
.shc-checklist--center{max-width:460px;margin:0 auto;text-align:left}

/* text blocks (buying guide etc.) */
.shc-prose{max-width:1280px}
.shc-prose>*{max-width:78ch}
.shc-prose h2{font-size:clamp(28px,3.4vw,40px);border-left:8px solid var(--c-yellow);padding-left:16px;margin-bottom:18px}
.shc-prose p{margin:0 0 16px}
.shc-prose ul{list-style:disc;padding-left:22px;margin:0 0 16px}
.shc-prose li{margin-bottom:6px}

/* ---------- v2.3 single product ---------- */
.shc-crumbbar{background:var(--c-paper);border-bottom:1px solid var(--c-line);font-size:14px}
.shc-crumbbar .shc-wrap{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px;color:var(--c-steel)}
.shc .shc-crumbbar a{text-decoration:none}.shc .shc-crumbbar a:hover{color:#8a6500}
.shc-crumbbar b{font-weight:600;color:var(--c-charcoal)}
.shc-prodpage{padding-top:clamp(28px,4vw,52px)}
.shc-pp__main{background:#fff;border:1px solid var(--c-line);border-bottom:6px solid var(--c-yellow)}
.shc-pp__main img{object-fit:contain;padding:12px;background:#fff;z-index:1}
.shc-pp__main .shc-art{z-index:0}
.shc-pp__title{font-size:clamp(32px,4vw,50px);line-height:1.02}
.shc-pp__back{margin:4px 0 16px;font-weight:600}
.shc .shc-pp__back a{text-decoration:none;color:#8a6500}
.shc-pp__info{position:sticky;top:110px}
@media(max-width:900px){.shc-pp__info{position:static}}
.shc-stickybar{display:none}
@media(max-width:700px){
	.shc-stickybar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:1400;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--c-charcoal);box-shadow:0 -6px 20px rgba(0,0,0,.3)}
	.shc-stickybar .shc-btn{flex:1}
	.shc .shc-stickybar .shc-btn--dark{border-color:#fff}
	.single-product .shc-float-wa{display:none}
	.single-product .shc-footer{padding-bottom:70px}
}

.shc-side-sub{margin:0 0 6px 14px;padding-left:10px;border-left:2px solid var(--c-line)}
.shc-side-sub li a{font-size:15px}

.shc-filter__g{margin:0 0 16px;padding:0;border:0}
.shc-filter label,.shc-filter legend{display:block;font-weight:700;margin-bottom:6px}
.shc-filter input[type=search],.shc-filter input[type=number]{width:100%;min-height:42px;border:1px solid var(--c-line);padding:0 10px;font:inherit}
.shc-filter .shc-filter__c{display:flex;align-items:center;gap:8px;font-weight:500;margin:0 0 6px;cursor:pointer}
.shc-filter .shc-filter__c .shc-side-count{margin-left:auto}
.shc-filter__row{display:flex;gap:8px;align-items:center}
.shc-filter__btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.shc-filter-m{display:none;margin-bottom:16px;border:1px solid var(--c-line);background:#fff}
.shc-filter-m summary{padding:12px 16px;font:700 18px/1 var(--f-head);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.shc-filter-m .shc-filter{padding:0 16px 16px}
@media(max-width:960px){.shc-filter-m{display:block}}
.shc-fchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.shc .shc-fchips a{display:inline-block;padding:6px 12px;background:var(--c-paper);border:1px solid var(--c-line);text-decoration:none;font-weight:600;font-size:14px}

.shc-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.shc-pills li{padding:10px 18px;background:#fff;border:1px solid var(--c-line);border-left:5px solid var(--c-yellow);font:700 19px/1 var(--f-head);letter-spacing:.04em;text-transform:uppercase}