/* Saidelong final architecture / visual system — v2.7.0 */

/* ===== One unified hero system for every non-home public page ===== */
body.sdl-theme.inner-page .site-header:not(.is-scrolled),
body.sdl-theme.products-page .site-header:not(.is-scrolled),
body.sdl-theme.product-detail-page .site-header:not(.is-scrolled),
body.sdl-theme.applications-page .site-header:not(.is-scrolled),
body.sdl-theme.resource-post-page .site-header:not(.is-scrolled){
  color:#fff!important;background:transparent!important;border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.sdl-theme.inner-page .site-header:not(.is-scrolled) .quote-trigger,
body.sdl-theme.products-page .site-header:not(.is-scrolled) .quote-trigger,
body.sdl-theme.product-detail-page .site-header:not(.is-scrolled) .quote-trigger{
  color:#fff!important;border-color:rgba(255,255,255,.5)!important;background:transparent!important;
}
.sdl-page-hero{position:relative;height:520px;min-height:520px;background:#181c19;color:#fff;overflow:hidden;isolation:isolate}
.sdl-page-hero__media,.sdl-page-hero__shade{position:absolute;inset:0}
.sdl-page-hero__media{z-index:-2;background:#181c19}
body.sdl-theme .sdl-page-hero__media img,
body.sdl-theme .elementor .sdl-page-hero__media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important}
.sdl-page-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(8,12,10,.82) 0%,rgba(8,12,10,.57) 48%,rgba(8,12,10,.28) 78%,rgba(8,12,10,.34) 100%),linear-gradient(180deg,rgba(5,8,6,.1),rgba(5,8,6,.54))}
.sdl-page-hero__inner{position:relative;height:100%;padding-top:1px}
.sdl-page-hero__breadcrumb{position:absolute;top:104px;left:0;display:flex;align-items:center;gap:9px;max-width:100%;font-size:10px;line-height:1.2;letter-spacing:.095em;text-transform:uppercase;color:rgba(255,255,255,.64);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdl-page-hero__breadcrumb a{color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s ease}.sdl-page-hero__breadcrumb a:hover{color:#fff}
.sdl-page-hero__copy{position:absolute;left:0;right:0;bottom:46px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);grid-template-rows:auto auto;column-gap:70px;row-gap:10px;align-items:end}
.sdl-page-hero__kicker{grid-column:1;grid-row:1;font-size:10px;line-height:1.2;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#ff7a36}
.sdl-page-hero h1{grid-column:1;grid-row:2;margin:0;max-width:18ch;font-size:clamp(48px,5.25vw,78px);line-height:.94;letter-spacing:-.052em;font-weight:500;text-transform:none;color:#fff}
.sdl-page-hero__copy>p{grid-column:2;grid-row:2;margin:0 0 3px;max-width:48ch;color:rgba(255,255,255,.78);font-size:15px;line-height:1.62}

/* Applications archive: image-led and editorial instead of the old blank text block. */
.applications-archive-main{background:#f2f1ec}
.sdl-app-archive-section{padding:70px 0 112px!important}
.sdl-app-archive-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:70px;align-items:end;margin-bottom:42px}
.sdl-app-archive-intro h2{font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.045em;margin:12px 0 0;font-weight:500}
.sdl-app-archive-intro>p{margin:0;color:#6d746d;font-size:14px;line-height:1.72;max-width:540px}
.sdl-app-post-grid{gap:18px!important}
.sdl-app-post-card{border:0!important;background:#fff!important}
.sdl-app-post-copy{padding:25px 25px 23px!important}

/* Posts / article body after unified hero. */
.sdl-application-single,.resource-single-main{background:#fff}
.sdl-app-single-layout,.resource-single-main .post-layout{padding-top:72px!important;padding-bottom:110px!important}
.sdl-post-meta-line{display:flex;gap:20px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid #e0e3dd;color:#777e77;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.post-aside button[data-quote-open]{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:none;border-bottom:1px solid currentColor}

/* ===== Products catalog ===== */
body.products-page .category-strip{position:relative;z-index:3}
body.products-page .category-strip-inner{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}body.products-page .category-strip-inner::-webkit-scrollbar{display:none}
body.products-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.products-page .product-grid .product-card{display:block!important;height:auto!important;min-height:0!important;background:#fff!important;color:#242824!important;border:1px solid #e1e4dd!important;overflow:hidden!important}
body.products-page .product-grid .product-card[hidden]{display:none!important}
body.products-page .product-grid .product-card .card-media{position:relative!important;aspect-ratio:1/1!important;height:auto!important;overflow:hidden!important;background:#f6f6f2!important}
body.products-page .product-grid .product-card .card-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:contain!important;padding:16px!important;background:#f7f6f2!important;transform:none!important}
body.products-page .product-grid .product-card .card-body{padding:17px 18px 19px!important;min-height:0!important}
body.products-page .product-grid .product-card .card-title{font-size:20px!important;line-height:1.1!important;letter-spacing:-.03em!important;margin:7px 0 8px!important;min-height:0!important}
body.products-page .product-grid .product-card .card-sub{font-size:12px!important;line-height:1.48!important;min-height:53px!important;margin:0!important;color:#727871!important}
body.products-page .product-grid .product-card .card-foot{margin-top:15px!important}
.sdl-product-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:38px 0 12px}
.sdl-product-pagination[hidden]{display:none!important}.sdl-product-pagination button{min-width:38px;height:38px;padding:0 10px;border:1px solid #d6dad2;background:#fff;color:#313631;font:inherit;font-size:12px;cursor:pointer}.sdl-product-pagination button:hover,.sdl-product-pagination button.is-active{background:#202420;color:#fff;border-color:#202420}.sdl-product-pagination button:disabled{opacity:.35;cursor:default}.sdl-product-pagination span{padding:0 3px;color:#8b918b}
.sdl-mobile-filter-head,.sdl-filter-backdrop{display:none}

/* ===== OEM custom parts landing ===== */
.sdl-oem-intro{padding:92px 0;background:#f3f2ed}.sdl-oem-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.sdl-oem-intro h2{font-size:clamp(42px,5.5vw,78px);line-height:.93;letter-spacing:-.052em;font-weight:500;margin:16px 0 0}.sdl-oem-intro p{font-size:16px;line-height:1.75;color:#626962;max-width:610px}.sdl-oem-primary{margin-top:22px;min-height:50px;padding:0 19px;border:0;background:#202420;color:#fff;font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.sdl-oem-primary:hover{background:#ef5d16}
.sdl-oem-process{padding:0 0 94px;background:#f3f2ed}.sdl-oem-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfd3cc;border-bottom:1px solid #cfd3cc}.sdl-oem-process article{padding:28px 24px 32px;border-right:1px solid #cfd3cc}.sdl-oem-process article:last-child{border-right:0}.sdl-oem-process article>span{font-size:10px;color:#ef5d16;letter-spacing:.12em}.sdl-oem-process h3{font-size:25px;letter-spacing:-.035em;margin:45px 0 12px}.sdl-oem-process p{font-size:13px;line-height:1.65;color:#70766f;margin:0}
.sdl-oem-projects{padding:96px 0 114px;background:#fff}.sdl-oem-projects-head{display:grid;grid-template-columns:1fr minmax(300px,.6fr);gap:60px;align-items:end;margin-bottom:42px}.sdl-oem-projects-head h2{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.05em;margin:12px 0 0}.sdl-oem-projects-head p{font-size:14px;line-height:1.7;color:#70766f;margin:0}.sdl-oem-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sdl-oem-project-card{display:block;color:inherit;text-decoration:none;border:1px solid #e0e3dd;background:#fff}.sdl-oem-project-media{aspect-ratio:1/1;background:#f4f4ef;overflow:hidden}.sdl-oem-project-media img{width:100%;height:100%;object-fit:contain;padding:14px}.sdl-oem-project-card>div:last-child{padding:20px}.sdl-oem-project-card span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8b918b}.sdl-oem-project-card h3{font-size:24px;line-height:1.1;letter-spacing:-.035em;margin:8px 0 10px}.sdl-oem-project-card p{font-size:13px;line-height:1.6;color:#717771}.sdl-oem-project-card strong{font-size:10px;text-transform:uppercase;letter-spacing:.07em}.sdl-oem-empty{padding:35px;border:1px solid #dfe2dc;background:#f7f7f3}.sdl-oem-empty p{color:#717771;max-width:700px}

/* ===== Home stat reveal: one deterministic CSS animation, no observer race ===== */
body.sdl-theme.home-page .hero .fact{opacity:0!important;transform:translateY(8px)!important;animation:sdlFactIn .42s cubic-bezier(.22,1,.36,1) both!important;animation-delay:calc(.24s + var(--i,0)*.055s)!important;transition:none!important}
body.sdl-theme.home-page .hero-facts-grid{opacity:1!important;transform:none!important;animation:none!important}
@keyframes sdlFactIn{to{opacity:1;transform:translateY(0)}}

@media(max-width:1180px){
  body.products-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:920px){
  .sdl-page-hero{height:440px;min-height:440px}.sdl-page-hero__breadcrumb{top:90px}.sdl-page-hero__copy{bottom:34px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px}.sdl-page-hero__kicker,.sdl-page-hero h1,.sdl-page-hero__copy>p{grid-column:1;grid-row:auto}.sdl-page-hero h1{font-size:clamp(42px,7vw,60px);max-width:17ch}.sdl-page-hero__copy>p{font-size:14px;max-width:42ch}
  .sdl-app-archive-intro,.sdl-oem-intro-grid,.sdl-oem-projects-head{grid-template-columns:1fr;gap:22px}
  .sdl-oem-process-grid{grid-template-columns:repeat(2,1fr)}.sdl-oem-process article:nth-child(2){border-right:0}.sdl-oem-process article:nth-child(-n+2){border-bottom:1px solid #cfd3cc}.sdl-oem-project-grid{grid-template-columns:repeat(2,1fr)}
  body.products-page .filter-panel{margin-bottom:16px!important}
  body.products-page .mobile-filter-toggle{display:flex!important}
  body.products-page .filter-content{display:block!important;position:fixed;z-index:10040;left:0;top:0;bottom:0;width:min(390px,88vw);overflow:auto;padding:0 18px 26px!important;background:#fff;border:0!important;box-shadow:20px 0 50px rgba(0,0,0,.18);transform:translateX(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1)}
  body.products-page .filter-panel.is-open .filter-content{transform:translateX(0)}
  .sdl-mobile-filter-head{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;min-height:68px;background:#fff;border-bottom:1px solid #e0e3dc;margin:0 -18px 14px;padding:0 18px}.sdl-mobile-filter-head strong{font-size:13px}.sdl-mobile-filter-head button{width:38px;height:38px;border:0;background:#f0f1ed;font-size:25px;line-height:1;cursor:pointer}
  body.products-page .filter-content>.filter-top{display:none!important}
  .sdl-filter-backdrop{display:block;position:fixed;inset:0;z-index:10030;border:0;background:rgba(9,12,10,.5);opacity:0;pointer-events:none;transition:opacity .25s ease}.filter-panel.is-open~.sdl-filter-backdrop{opacity:1;pointer-events:auto}.sdl-filter-open{overflow:hidden}
}
@media(max-width:650px){
  .sdl-page-hero{height:360px;min-height:360px}.sdl-page-hero__breadcrumb{top:78px;font-size:8px;gap:6px}.sdl-page-hero__copy{bottom:25px;gap:6px}.sdl-page-hero__kicker{font-size:8px}.sdl-page-hero h1{font-size:37px;line-height:.96;max-width:15ch}.sdl-page-hero__copy>p{font-size:12.5px;line-height:1.52;max-width:38ch}
  .sdl-app-archive-section{padding:46px 0 74px!important}.sdl-app-archive-intro{margin-bottom:28px}.sdl-app-post-grid{grid-template-columns:1fr!important}.sdl-app-post-card,.sdl-app-post-card.is-featured,.sdl-app-post-card:nth-child(2){grid-column:auto!important}.sdl-app-post-media,.sdl-app-post-card.is-featured .sdl-app-post-media{aspect-ratio:4/3!important}.sdl-app-post-copy{display:block!important;padding:20px!important}.sdl-app-read{display:inline-block;margin-top:18px}
  body.products-page .catalog{padding-top:14px!important}.products-area .catalog-toolbar{padding:0 0 10px!important}.toolbar-label{display:none!important}
  body.products-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.products-page .product-grid .product-card .card-media{aspect-ratio:1/1!important}
  body.products-page .product-grid .product-card .card-media img{padding:8px!important}
  body.products-page .product-grid .product-card .card-body{padding:11px 10px 13px!important}
  body.products-page .product-grid .product-card .card-code{font-size:7px!important}body.products-page .product-grid .card-type{font-size:7px!important}
  body.products-page .product-grid .product-card .card-title{font-size:15px!important;line-height:1.08!important;margin:5px 0!important}
  body.products-page .product-grid .product-card .card-sub{display:none!important}
  body.products-page .product-grid .product-card .card-foot{margin-top:9px!important;padding-top:8px!important}.product-grid .product-card .application{font-size:7px!important}.product-grid .product-card .view-link{font-size:7px!important}
  .sdl-product-pagination{padding-top:28px}.sdl-product-pagination button{min-width:34px;height:34px}
  .sdl-oem-intro{padding:62px 0}.sdl-oem-process{padding-bottom:68px}.sdl-oem-process-grid{grid-template-columns:1fr}.sdl-oem-process article{border-right:0!important;border-bottom:1px solid #cfd3cc!important}.sdl-oem-process article:last-child{border-bottom:0!important}.sdl-oem-projects{padding:68px 0 80px}.sdl-oem-project-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.sdl-theme.home-page .hero .fact{opacity:1!important;transform:none!important;animation:none!important}.sdl-page-hero__media img{transition:none!important}}
/* Unified hero owns the top spacing; legacy per-page padding must not add a white strip. */
body.sdl-theme.inner-page main.site-main{padding-top:0!important}
