/* SGS 2.0 — shop + header + motion. Local CSS only. */
:root{
  --innomo:#00b3b0;
  --innomo2:#007a78;
  --skf:#00549f;
  --sew:#e30613;
  --hdr:76px;
  --topbar-h:36px;
}
body.sgs-industrial-theme{padding-top:0}
body.sgs-industrial-theme:not(.home){padding-top:calc(var(--topbar-h) + var(--hdr))}
#topbar{position:relative;z-index:801;min-height:var(--topbar-h)}
#header{position:fixed;top:var(--topbar-h);inset-inline:0;z-index:800}
#header.has-topbar{top:var(--topbar-h)}
#header.scrolled{top:0}
.admin-bar #header,.admin-bar #header.has-topbar{top:calc(32px + var(--topbar-h))}
.admin-bar #header.scrolled{top:32px}
@media (max-width:782px){
  .admin-bar #header,.admin-bar #header.has-topbar{top:calc(46px + var(--topbar-h))}
  .admin-bar #header.scrolled{top:46px}
}

/* Header never overflows; logo stays readable */
.hdr-inner{min-height:var(--hdr);height:auto;flex-wrap:nowrap;overflow:visible}
.logo{min-width:0}
.logo .custom-logo-link img,.custom-logo{max-height:48px;width:auto;height:auto}
.hdr-nav{min-width:0}
.hdr-actions{flex-shrink:0}
.transparent .logo-name{color:#fff}
.scrolled .logo-name,.mini-logo .logo-name{color:var(--ink)}

@media (max-width:1100px){
  .hdr-cta-ghost{display:none}
}
@media (max-width:900px){
  :root{--topbar-h:0px;--hdr:62px}
  #topbar{display:none}
  #header,#header.has-topbar,#header.scrolled{top:0}
  .admin-bar #header,.admin-bar #header.has-topbar,.admin-bar #header.scrolled{top:46px}
  .hdr-nav,.hdr-actions{display:none!important}
  .ham{display:flex!important;margin-inline-start:auto}
  .hdr-inner{padding-inline:16px;height:var(--hdr)}
  .logo-name{font-size:13px;max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .logo-sub{letter-spacing:.12em;font-size:8px}
  .mob-drawer{width:min(92vw,380px);padding-bottom:env(safe-area-inset-bottom)}
  .mob-head .logo-name{max-width:none;color:var(--ink)}
  body.sgs-industrial-theme:not(.home){padding-top:var(--hdr)}
}

/* Shop catalog — standard product grid, not list-only */
.sgs-woo{padding-top:28px;padding-bottom:80px}
.sgs-shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 22px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;clear:both}
.woocommerce ul.products.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;clear:none!important}
.woocommerce ul.products li.product .sgs-card-media{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--mist);margin-bottom:14px}
.woocommerce ul.products li.product img{width:100%;height:100%;object-fit:cover;margin:0}
.woocommerce-result-count,.woocommerce-ordering{margin:0}
@media (max-width:1024px){
  .woocommerce ul.products,.woocommerce ul.products.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .woocommerce ul.products,.woocommerce ul.products.columns-4{grid-template-columns:1fr}
  .woocommerce div.product{grid-template-columns:1fr!important}
  .sgs-request-grid{grid-template-columns:1fr}
  .prod-action{display:inline-flex!important;margin-top:10px}
}

/* Brand motion strip */
.trust-track{animation:sgsMarquee 28s linear infinite}
@keyframes sgsMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
.brand-rail{display:flex;gap:18px;overflow:auto;padding:8px 0 18px;scrollbar-width:none}
.brand-chip{flex:0 0 auto;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;font-size:12px;letter-spacing:.06em}
.brand-chip.innomo{color:var(--innomo2);border-color:rgba(0,179,176,.35);background:rgba(0,179,176,.08)}

/* Request forms public */
.sgs-form-wrap{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 48px rgba(7,17,31,.06)}
.sgs-form-wrap h1,.sgs-form-wrap h2{margin-bottom:8px}
.sgs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sgs-form-grid .full{grid-column:1/-1}
@media (max-width:640px){.sgs-form-grid{grid-template-columns:1fr}}

.page-forms-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.form-card{display:block;padding:22px;border-radius:18px;border:1px solid var(--line);background:#fff}
.form-card:hover{border-color:var(--innomo);transform:translateY(-3px);transition:.2s}

.sgs-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}
.sgs-cat-card{position:relative;min-height:220px;border-radius:22px;overflow:hidden;color:#fff}
.sgs-cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sgs-cat-card span{position:relative;z-index:2;display:block;padding:22px;font-weight:900;font-size:1.2rem;background:linear-gradient(180deg,transparent,rgba(7,17,31,.75));position:absolute;inset:auto 0 0 0}
@media (max-width:800px){.sgs-cat-grid{grid-template-columns:1fr}}

/* Solid header on inner pages */
#header.sgs-solid-header .hdr-inner,
#header.sgs-solid-header.scrolled .hdr-inner{
  background:#fff;
  box-shadow:0 10px 28px rgba(7,17,31,.08);
  border-bottom:1px solid var(--line);
}
#header.sgs-solid-header .logo-name,
#header.sgs-solid-header .hdr-nav .menu-item>a,
#header.sgs-solid-header .nav-link,
#header.sgs-solid-header .lang-btn,
#header.sgs-solid-header .hdr-cta-ghost{color:var(--ink)!important}
#header.sgs-solid-header .ham span{background:var(--ink)}
#header.sgs-solid-header .hdr-nav,
#header.sgs-solid-header .hdr-actions{flex-wrap:nowrap}
.hdr-inner{overflow:visible!important}
#header,#topbar{z-index:10050!important}
#header .hdr-nav{position:relative;z-index:10060}
#header .sub-menu,
#header .sgs-primary-menu .sub-menu{
  z-index:10080!important;
  position:absolute!important;
}
#hero,#heroCanvas,.slides-bg,.slide-video{z-index:1}
.hero-container,.hero-nav,.hero-dots,.hero-stats{z-index:5}
#header .menu-item-has-children:hover>.sub-menu,
#header .menu-item-has-children:focus-within>.sub-menu{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto;
}

/* Product detail — SKF-like RFQ */
.woocommerce div.product.sgs-pdp,
.sgs-pdp{
  display:block!important;
  float:none!important;
  width:100%!important;
}
.sgs-pdp-crumb{margin-bottom:18px;font-size:13px;color:rgba(7,17,31,.5)}
.sgs-pdp-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:40px;
  align-items:start;
}
.sgs-pdp-stage{
  background:linear-gradient(180deg,#f6f8fc,#fff);
  border:1px solid var(--line);
  border-radius:24px;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
}
.sgs-pdp-img,.sgs-pdp-stage img{
  max-width:100%;
  max-height:460px;
  width:auto!important;
  height:auto!important;
  object-fit:contain;
  margin:0 auto;
}
.sgs-pdp-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--innomo2);margin-bottom:10px}
.sgs-pdp-title{
  font-size:clamp(1.35rem,2.4vw,2rem)!important;
  font-weight:900;
  line-height:1.45;
  color:var(--ink);
  margin:0 0 14px;
  word-break:normal;
  overflow-wrap:anywhere;
  white-space:normal!important;
}
.sgs-pdp-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:rgba(7,17,31,.6);margin-bottom:14px}
.sgs-pdp-excerpt{line-height:1.9;color:rgba(7,17,31,.7);margin-bottom:20px}
.sgs-pdp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.sgs-pdp-bullets{padding:0;margin:0;list-style:none}
.sgs-pdp-bullets li{position:relative;padding-inline-start:18px;margin:8px 0;font-size:14px;color:rgba(7,17,31,.7)}
.sgs-pdp-bullets li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--innomo)}
.sgs-pdp-tabs{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);line-height:2}

.slide-video.weg-video,.slide-video.active{opacity:.55;z-index:2}
#hero .hero-container{z-index:8}
.sgs-cfg{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 48px rgba(7,17,31,.06)}
.sgs-cfg-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 22px}
.sgs-cfg-steps li{padding:8px 14px;border-radius:99px;background:var(--mist);font-size:13px;font-weight:800;color:rgba(7,17,31,.5)}
.sgs-cfg-steps li.on{background:var(--innomo);color:#fff}
.sgs-cfg-pane{display:none}
.sgs-cfg-pane.on{display:block}
.sgs-cfg-nav{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
@media (max-width:640px){.sgs-cfg{padding:18px 14px}}
.sgs-pdp-cart form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sgs-pdp-price{font-size:1.35rem;font-weight:900;color:var(--blue);margin-bottom:12px}

.sgs-rfq-modal{position:fixed;inset:0;z-index:200000;display:none}
.sgs-rfq-modal.is-open,.sgs-rfq-modal:not([hidden]){display:block}
.sgs-rfq-modal[hidden]{display:none!important}
.sgs-rfq-backdrop{position:absolute;inset:0;background:rgba(7,17,31,.55)}
.sgs-rfq-dialog{
  position:relative;
  z-index:1;
  width:min(640px,92vw);
  max-height:min(88vh,820px);
  overflow:auto;
  margin:6vh auto;
  background:#fff;
  border-radius:22px;
  padding:28px 24px 24px;
  box-shadow:0 30px 80px rgba(7,17,31,.25);
}
.sgs-rfq-x{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);font-size:22px}
.sgs-rfq-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--skf);margin-bottom:6px}
.sgs-rfq-sub{font-size:13px;color:rgba(7,17,31,.55);margin:0 0 16px}
.sgs-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sgs-request-field.full{grid-column:1/-1}
.sgs-request-field input,.sgs-request-field textarea,.sgs-request-field select{
  display:block;width:100%;margin-top:6px;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff
}

@media (max-width:900px){
  .sgs-pdp-grid{grid-template-columns:1fr;gap:22px}
  .sgs-pdp-stage{min-height:240px;padding:16px}
  .sgs-pdp-title{font-size:1.35rem!important}
  .sgs-request-grid{grid-template-columns:1fr}
  .sgs-rfq-dialog{margin:4vh auto;padding:22px 16px}
}

/* Kill old WC two-column that stacked title letters */
.woocommerce div.product div.images,
.woocommerce div.product div.summary{float:none!important;width:auto!important}
.woocommerce div.product .product_title{white-space:normal}