body.phase1-detail{background:#f7fafb}

/* Product hero */
.phase1-detail .v3p-hero{display:grid;grid-template-columns:1.08fr .92fr;width:min(var(--ty-max),calc(100% - 48px));min-height:390px;margin:0 auto;padding:30px 0 26px}
.phase1-detail .v3p-hero-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:12px 38px 12px 0}
.phase1-detail .v3p-breadcrumb{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px;color:var(--ty-muted);font-size:11px}
.phase1-detail .v3p-breadcrumb a{color:var(--ty-blue)}
.phase1-detail .v3p-hero-copy h1{max-width:680px;margin-bottom:10px;color:var(--ty-navy)}
.phase1-detail .v3p-hero-copy>p:not(.v3p-kicker){max-width:640px;margin-bottom:15px;font-size:14px}
.phase1-detail .v3p-hero-proof{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.phase1-detail .v3p-hero-proof span{padding:6px 9px;border:1px solid var(--ty-border);border-radius:3px;background:#fff;color:var(--ty-navy);font-size:12px;font-weight:750}
.phase1-detail .vs-detail-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.phase1-detail .v3p-family-nav{display:flex;max-width:100%;gap:0;overflow-x:auto;border-block:1px solid var(--ty-border);scrollbar-width:thin;white-space:nowrap}
.phase1-detail .v3p-family-nav a{flex:0 0 auto;padding:8px 11px;border-right:1px solid var(--ty-border);color:var(--ty-muted);font-size:11px;line-height:1.3}
.phase1-detail .v3p-family-nav a:first-child{padding-left:0}
.phase1-detail .v3p-family-nav a.current{color:var(--ty-teal-dark);font-weight:800}
.phase1-detail .v3p-hero-media{display:flex;align-items:center;justify-content:center;min-width:0;padding:18px;background:transparent}
.phase1-detail .v3p-hero-media img{width:100%;max-height:330px;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 14px rgba(16,46,70,.11))}

/* Compact page navigation */
.phase1-detail .vs-detail-jump{position:sticky;top:var(--ty-header);z-index:80;border-block:1px solid var(--ty-border);background:rgba(249,252,253,.97);backdrop-filter:blur(10px)}
.phase1-detail .vs-detail-jump-inner{display:flex;width:min(var(--ty-max),calc(100% - 48px));margin:auto;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.phase1-detail .vs-detail-jump-inner::-webkit-scrollbar{display:none}
.phase1-detail .vs-detail-jump a{flex:0 0 auto;padding:10px 12px;border-right:1px solid #e0e8ec;color:var(--ty-muted);font-size:11px;font-weight:750}
.phase1-detail .vs-detail-jump a:hover,.phase1-detail .vs-detail-jump a:focus-visible{color:var(--ty-teal-dark);background:#f0f5f7}

/* Core technical content */
.phase1-detail .v3p-section{padding:52px 0}
.phase1-detail #ratings{background:#fff}
.phase1-detail #ratings .v3p-title{margin-bottom:18px}
.phase1-detail #ratings h3{color:var(--ty-navy);font-size:18px}
.phase1-detail .v3p-two-col{display:grid;grid-template-columns:1fr 1fr;gap:54px}
.phase1-detail .v3p-two-col h2{margin-bottom:14px;color:var(--ty-navy);font-size:25px}
.phase1-detail .v3p-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--ty-border)}
.phase1-detail .v3p-list li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid var(--ty-border);color:var(--ty-text);font-size:13px;line-height:1.45}
.phase1-detail .v3p-list li::before{content:"";position:absolute;left:1px;top:15px;width:5px;height:5px;border-radius:50%;background:var(--ty-teal)}
.phase1-detail .vs-config-link{margin-top:17px}

/* Gallery: product photography and engineering drawing are intentionally treated differently. */
.phase1-detail #drawings{background:#fff}
.phase1-detail .v3p-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.phase1-detail .v3p-gallery figure{min-width:0;margin:0;border:1px solid var(--ty-border);border-radius:var(--ty-radius);overflow:hidden;background:#fff}
.phase1-detail .v3p-gallery .vs-product-photo{display:grid;place-items:center;min-height:270px;padding:16px;background:#eef4f6}
.phase1-detail .v3p-gallery .vs-product-photo img{width:100%;height:238px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 12px rgba(16,46,70,.08))}
.phase1-detail .v3p-gallery .drawing{grid-column:1/-1;width:min(860px,100%);justify-self:center;background:#fff}
.phase1-detail .vs-drawing-open{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}
.phase1-detail .v3p-gallery .drawing img{display:block;width:100%;height:auto;min-height:360px;max-height:660px;object-fit:contain;object-position:center;background:#fff;filter:contrast(1.12)}
.phase1-detail .v3p-gallery figcaption{padding:10px 12px;border-top:1px solid var(--ty-border);background:#f7fafb;color:var(--ty-muted);font-size:11px;line-height:1.45}
.phase1-detail .v3p-gallery .vs-product-photo::after{display:none}

/* Documents */
.phase1-detail .vs-documents{padding:52px 0;background:var(--ty-surface);border-top:1px solid var(--ty-border)}
.phase1-detail .vs-documents>.v3p-shell>p:not(.v3p-kicker){max-width:760px;margin:-7px 0 18px;color:#708490;font-size:12px}
.phase1-detail .vs-doc-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px}
.phase1-detail .vs-doc-card{padding:20px;border:1px solid var(--ty-border);border-radius:var(--ty-radius);background:#fff}
.phase1-detail .vs-doc-card>small{display:block;margin-bottom:6px;color:var(--ty-teal-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.phase1-detail .vs-doc-card h3{margin-bottom:15px;color:var(--ty-navy);font-size:18px}
.phase1-detail .vs-doc-meta{display:grid;grid-template-columns:150px minmax(0,1fr);margin:0;border-top:1px solid var(--ty-border)}
.phase1-detail .vs-doc-meta dt,.phase1-detail .vs-doc-meta dd{margin:0;padding:8px 0;border-bottom:1px solid var(--ty-border);font-size:12px;line-height:1.45}
.phase1-detail .vs-doc-meta dt{color:var(--ty-muted)}
.phase1-detail .vs-doc-meta dd{color:var(--ty-text);font-weight:700}
.phase1-detail .vs-doc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.phase1-detail .vs-doc-note{margin:12px 0 0;padding-top:10px;border-top:1px solid #e1e9ed;color:#7a8d98;font-size:11px;line-height:1.5}
.phase1-detail .vs-doc-card:last-child>p{font-size:13px;line-height:1.55}

/* Related products and RFQ */
.phase1-detail .vs-related{padding:48px 0;background:#fff}
.phase1-detail .vs-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.phase1-detail .vs-related-card{display:flex;min-height:116px;flex-direction:column;padding:15px;border:1px solid var(--ty-border);border-radius:var(--ty-radius);background:#f9fbfc;transition:border-color .16s ease,background .16s ease}
.phase1-detail .vs-related-card:hover,.phase1-detail .vs-related-card:focus-visible{border-color:#9bb6c3;background:#f1f6f8}
.phase1-detail .vs-related-card small{color:var(--ty-muted);font-size:11px}.phase1-detail .vs-related-card strong{margin:5px 0 12px;color:var(--ty-navy);font-size:14px;line-height:1.4}.phase1-detail .vs-related-card span{margin-top:auto;color:var(--ty-blue);font-size:11px;font-weight:800}
.phase1-detail .v3p-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;width:min(var(--ty-max),calc(100% - 48px));margin:0 auto 54px;padding:26px;border:1px solid var(--ty-border);border-radius:var(--ty-radius);background:var(--ty-surface)}
.phase1-detail .v3p-cta>div:first-child{max-width:740px}.phase1-detail .v3p-cta h2{margin-bottom:7px;color:var(--ty-navy);font-size:25px}.phase1-detail .v3p-cta p:last-child{margin-bottom:0;font-size:13px}.phase1-detail .v3p-cta-actions{display:flex;gap:8px;flex:0 0 auto}

@media(max-width:1080px){
  .phase1-detail .v3p-hero{grid-template-columns:1.15fr .85fr}
  .phase1-detail .v3p-hero-copy{padding-right:26px}
  .phase1-detail .vs-doc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .phase1-detail .v3p-hero{grid-template-columns:1fr;min-height:0;width:min(var(--ty-max),calc(100% - 36px));padding:28px 0}
  .phase1-detail .v3p-hero-copy{padding:0}
  .phase1-detail .v3p-hero-media{order:-1;min-height:240px;padding:8px 0 20px}.phase1-detail .v3p-hero-media img{max-height:250px}
  .phase1-detail .vs-detail-jump-inner{width:min(var(--ty-max),calc(100% - 36px))}
  .phase1-detail .v3p-two-col{grid-template-columns:1fr;gap:34px}
  .phase1-detail .v3p-gallery .vs-product-photo{min-height:230px}.phase1-detail .v3p-gallery .vs-product-photo img{height:200px}
  .phase1-detail .v3p-gallery .drawing img{min-height:300px;max-height:560px}
  .phase1-detail .vs-doc-grid{grid-template-columns:1fr}
  .phase1-detail .vs-related-grid{grid-template-columns:1fr 1fr}
  .phase1-detail .v3p-cta{align-items:flex-start;flex-direction:column;width:min(var(--ty-max),calc(100% - 36px))}
}
@media(max-width:560px){
  .phase1-detail .v3p-hero{width:calc(100% - 32px);padding:22px 0 26px}
  .phase1-detail .v3p-hero-media{min-height:210px}.phase1-detail .v3p-hero-media img{max-height:220px}
  .phase1-detail .v3p-breadcrumb{margin-bottom:13px}
  .phase1-detail .v3p-family-nav{margin-right:0}
  .phase1-detail .vs-detail-jump-inner{width:100%;padding-inline:10px}
  .phase1-detail .v3p-section,.phase1-detail .vs-documents{padding:46px 0}
  .phase1-detail .v3p-gallery{grid-template-columns:1fr}
  .phase1-detail .v3p-gallery .drawing{grid-column:auto;width:100%}
  .phase1-detail .v3p-gallery .vs-product-photo{min-height:220px}.phase1-detail .v3p-gallery .vs-product-photo img{height:190px}
  .phase1-detail .v3p-gallery .drawing img{min-height:260px;max-height:none}
  .phase1-detail .vs-doc-meta{grid-template-columns:1fr}
  .phase1-detail .vs-doc-meta dt{padding-bottom:2px;border-bottom:0}.phase1-detail .vs-doc-meta dd{padding-top:0}
  .phase1-detail .vs-related-grid{grid-template-columns:1fr}
  .phase1-detail .v3p-cta{width:calc(100% - 32px);padding:20px}
  .phase1-detail .v3p-cta-actions{width:100%;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.phase1-detail .vs-related-card{transition:none!important}}

/* v42: product imagery lives in the hero carousel; the lower Product & Engineering Views block is retired. */
.phase1-detail .vs-product-carousel{position:relative;display:block;min-width:0;padding:18px;background:transparent}
.phase1-detail .vs-product-carousel-stage{position:relative;width:100%;height:330px;overflow:hidden;border-radius:var(--ty-radius);background:#eef4f6}
.phase1-detail .vs-product-carousel-slide{position:absolute;inset:0;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .28s ease}
.phase1-detail .vs-product-carousel-slide.is-active{opacity:1;pointer-events:auto}
.phase1-detail .vs-product-carousel-slide img{width:100%;height:100%;max-height:294px;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 14px rgba(16,46,70,.11))}
.phase1-detail .vs-product-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.phase1-detail .vs-product-carousel-dots{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.phase1-detail .vs-product-carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#b9c7ce;cursor:pointer;transition:width .18s ease,background .18s ease}
.phase1-detail .vs-product-carousel-dot.is-active{width:24px;background:var(--ty-teal-dark)}
.phase1-detail .vs-product-carousel-count{color:var(--ty-muted);font-size:11px;font-weight:750;letter-spacing:.04em}
.phase1-detail .vs-product-carousel[data-single-slide="true"] .vs-product-carousel-controls{display:none}

@media(max-width:820px){
  .phase1-detail .vs-product-carousel{order:-1;min-height:240px;padding:8px 0 20px}
  .phase1-detail .vs-product-carousel-stage{height:250px}
  .phase1-detail .vs-product-carousel-slide img{max-height:220px}
}
@media(max-width:560px){
  .phase1-detail .vs-product-carousel{min-height:210px}
  .phase1-detail .vs-product-carousel-stage{height:220px}
  .phase1-detail .vs-product-carousel-slide{padding:12px}
  .phase1-detail .vs-product-carousel-slide img{max-height:196px}
}
@media(prefers-reduced-motion:reduce){
  .phase1-detail .vs-product-carousel-slide,.phase1-detail .vs-product-carousel-dot{transition:none!important}
}

/* v45: full-bleed product media, larger standardized image areas, and text-only merged variants. */

/* Products directory hero */
.phase1-products .v23-product-carousel{height:360px;border:0;border-radius:0;background:#dfe8ed;box-shadow:none}
.phase1-products .v23-product-slide img{height:298px;padding:0;object-fit:cover;object-position:center;background:#dfe8ed;transform:scale(1.035);transform-origin:center}
.phase1-products .v23-product-slide figcaption{min-height:62px;border-top:0;padding:12px 16px}
.phase1-products .v23-carousel-nav{top:14px;right:14px;border:0;box-shadow:0 8px 24px rgba(16,46,70,.10)}

/* Products directory list */
.phase1-products .v3p-platform-card{grid-template-columns:190px minmax(0,1fr);min-height:142px}
.phase1-products .v3p-platform-card .media{display:block;min-width:0;padding:0;border-right:0;overflow:hidden;background:#dfe8ed}
.phase1-products .v3p-platform-card .media img{display:block;width:100%;height:100%;min-height:142px;padding:0;object-fit:cover;object-position:center;mix-blend-mode:normal;transform:scale(1.045);transform-origin:center}
.phase1-products .v3p-platform-card .copy{padding:17px 20px}

/* Shared family and homepage cards */
.v3p-family-hero-media{display:block!important;overflow:hidden;background:#dfe8ed!important}
.v3p-family-hero-media img{display:block;width:100%!important;height:100%!important;min-height:100%;padding:0!important;object-fit:cover!important;object-position:center;transform:scale(1.035);transform-origin:center}
.v3p-platform-card .media{overflow:hidden!important;padding:0!important;background:#dfe8ed!important}
.v3p-platform-card .media img,.v3p-platform-card>img{display:block;width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center;transform:scale(1.04);transform-origin:center}
.v3p-family-card-media{overflow:hidden;background:#dfe8ed!important}
.v3p-family-card-media img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center;transform:scale(1.04);transform-origin:center}
.v3p-index-hero .media{overflow:hidden;background:#dfe8ed!important}
.v3p-index-hero .media img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center;transform:scale(1.025);transform-origin:center}

/* Product detail hero carousel */
.phase1-detail .vs-product-carousel{padding:0;background:transparent}
.phase1-detail .vs-product-carousel-stage{height:390px;border-radius:0;background:#dfe8ed}
.phase1-detail .vs-product-carousel-slide{padding:0;background:#dfe8ed}
.phase1-detail .vs-product-carousel-slide img{width:100%;height:100%;max-height:none;padding:0;object-fit:cover;object-position:center;filter:none;transform:scale(1.035);transform-origin:center}
.phase1-detail .vs-product-carousel-controls{margin-top:8px;padding-inline:2px}

/* Variants that share a parent platform are text-only, not duplicate image cards. */
.v45-variant-section{padding:28px 0 34px;border-top:1px solid #d6e2e7;background:#f7fafb}
.v45-variant-section .v3p-shell{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:28px;align-items:start}
.v45-variant-intro h2{margin:2px 0 8px;color:var(--navy,#06243f);font-size:22px;line-height:1.2}
.v45-variant-intro p{margin:0;color:#657987;font-size:12px;line-height:1.55}
.v45-variant-list{display:grid;gap:8px}
.v45-variant-link{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:20px;align-items:center;padding:14px 16px;border-top:1px solid #d7e2e7;border-bottom:1px solid #d7e2e7;background:#fff;color:inherit}
.v45-variant-link+.v45-variant-link{margin-top:-1px}
.v45-variant-link strong{color:var(--navy,#06243f);font-size:14px;line-height:1.35}
.v45-variant-link span{color:#667b89;font-size:12px;line-height:1.45}

@media(max-width:820px){
  .phase1-products .v23-product-carousel{height:330px}
  .phase1-products .v23-product-slide img{height:268px}
  .phase1-products .v3p-platform-card{grid-template-columns:158px minmax(0,1fr)}
  .phase1-products .v3p-platform-card .media img{min-height:132px}
  .phase1-detail .vs-product-carousel-stage{height:300px}
  .v45-variant-section .v3p-shell{grid-template-columns:1fr;gap:14px}
}
@media(max-width:560px){
  .phase1-products .v23-product-carousel{height:292px}
  .phase1-products .v23-product-slide img{height:230px}
  .phase1-products .v3p-platform-card{grid-template-columns:132px minmax(0,1fr);min-height:122px}
  .phase1-products .v3p-platform-card .media img{min-height:122px}
  .phase1-detail .vs-product-carousel-stage{height:240px}
  .v45-variant-link{grid-template-columns:1fr;gap:4px}
}

/* v46: three-family architecture, larger product imagery, and clean substation presentation. */

/* Products landing page: larger, cleaner media without nested frames. */
.phase1-products .v23-product-carousel{height:400px;background:#fff;border:0;box-shadow:none}
.phase1-products .v23-product-slide img{height:336px;padding:0;background:#fff;object-fit:cover;object-position:center;transform:scale(1.02)}
.phase1-products .v23-product-slide figcaption{min-height:64px;padding:12px 16px;border-top:1px solid #e1e9ed;background:#fff}
.phase1-products .v23-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.phase1-products .v23-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}

/* Product directory cards: one clean image field, larger and edge-to-edge. */
.phase1-products .v3p-platform-card{grid-template-columns:220px minmax(0,1fr);min-height:160px}
.phase1-products .v3p-platform-card .media{padding:0!important;border-right:0!important;background:#fff!important;overflow:hidden}
.phase1-products .v3p-platform-card .media img{display:block;width:100%!important;height:160px!important;min-height:160px!important;padding:0!important;background:#fff;object-fit:cover!important;object-position:center;mix-blend-mode:normal!important;transform:scale(1.02)}

/* Family pages use the same media rhythm. */
.v3p-family-hero-media{background:#fff!important}
.v3p-family-hero-media img{padding:0!important;object-fit:cover!important;object-position:center!important;transform:scale(1.02)!important}
.v3p-platform-card .media{padding:0!important;background:#fff!important;overflow:hidden!important}
.v3p-platform-card .media img,.v3p-platform-card>img{padding:0!important;background:#fff!important;object-fit:cover!important;object-position:center!important;transform:scale(1.02)!important}

/* Product detail pages: substantially larger product image area. */
.phase1-detail .v3p-hero{grid-template-columns:minmax(0,.86fr) minmax(600px,1.14fr);width:min(1540px,calc(100% - 40px));min-height:520px;padding:22px 0}
.phase1-detail .v3p-hero-copy{padding-right:32px}
.phase1-detail .v3p-hero-media,.phase1-detail .vs-product-carousel{padding:0;background:#fff}
.phase1-detail .vs-product-carousel-stage{height:500px;background:#fff;border:0;border-radius:0}
.phase1-detail .vs-product-carousel-slide{padding:0;background:#fff}
.phase1-detail .vs-product-carousel-slide img{width:100%;height:100%;max-height:none;padding:0;background:#fff;object-fit:contain;object-position:center;filter:none;transform:scale(1.12);transform-origin:center}
.phase1-detail .vs-product-carousel-controls{margin-top:6px;padding:0 4px}

/* Distribution family now contains exactly the two construction types. */
.v46-distribution-family .v3p-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
.v46-distribution-family .v3p-platform-card{grid-template-rows:280px auto}
.v46-distribution-family .v3p-platform-card .media img{height:280px!important;object-fit:contain!important;transform:scale(1.10)!important}

@media(max-width:1080px){
  .phase1-detail .v3p-hero{grid-template-columns:1fr 1fr;width:min(var(--ty-max),calc(100% - 36px))}
  .phase1-detail .vs-product-carousel-stage{height:420px}
  .phase1-products .v3p-platform-card{grid-template-columns:190px minmax(0,1fr)}
}
@media(max-width:820px){
  .phase1-products .v23-family-grid{grid-template-columns:1fr}
  .phase1-products .v23-hero-facts{grid-template-columns:1fr 1fr}
  .phase1-products .v23-product-carousel{height:350px}
  .phase1-products .v23-product-slide img{height:286px}
  .phase1-products .v3p-platform-card{grid-template-columns:170px minmax(0,1fr);min-height:142px}
  .phase1-products .v3p-platform-card .media img{height:142px!important;min-height:142px!important}
  .phase1-detail .v3p-hero{grid-template-columns:1fr;min-height:0}
  .phase1-detail .vs-product-carousel-stage{height:360px}
  .phase1-detail .vs-product-carousel-slide img{transform:scale(1.08)}
  .v46-distribution-family .v3p-platform-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .phase1-products .v23-hero-facts{grid-template-columns:1fr}
  .phase1-products .v23-product-carousel{height:300px}
  .phase1-products .v23-product-slide img{height:238px}
  .phase1-products .v3p-platform-card{grid-template-columns:132px minmax(0,1fr);min-height:124px}
  .phase1-products .v3p-platform-card .media img{height:124px!important;min-height:124px!important}
  .phase1-detail .vs-product-carousel-stage{height:290px}
  .phase1-detail .vs-product-carousel-slide img{transform:scale(1.06)}
}


/* v54: complete-product hero fit and balanced detail layout. */
.phase1-detail .v3p-hero{width:min(1440px,calc(100% - 64px));grid-template-columns:minmax(390px,.88fr) minmax(520px,1.12fr);gap:42px;align-items:center;padding:36px 0 32px}
.phase1-detail .v3p-hero-copy{padding:8px 0}
.phase1-detail .v3p-hero-copy h1{max-width:620px}
.phase1-detail .vs-product-carousel{min-width:0}
.phase1-detail .vs-product-carousel-stage{height:520px;display:grid;place-items:center;overflow:hidden;background:#eef3f5}
.phase1-detail .vs-product-carousel-slide{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;padding:18px;background:#eef3f5;overflow:hidden}
.phase1-detail .vs-product-carousel-slide img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;padding:0;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
.phase1-detail .vs-product-carousel-controls{margin-top:8px}
body[data-v52-oil-family="true"] .v3p-family-nav{gap:8px;border:0;overflow:visible;white-space:normal}
body[data-v52-oil-family="true"] .v3p-family-nav a,body[data-v52-oil-family="true"] .v3p-family-nav a:first-child{padding:8px 11px;border:1px solid var(--ty-border);border-radius:3px;background:#fff}
body[data-v52-oil-family="true"] .v3p-family-nav a.current{background:#edf4f5;border-color:#9eb8c1}
@media(max-width:1180px){.phase1-detail .v3p-hero{width:min(1180px,calc(100% - 48px));grid-template-columns:minmax(350px,.95fr) minmax(440px,1.05fr);gap:28px}.phase1-detail .vs-product-carousel-stage{height:440px}}
@media(max-width:820px){.phase1-detail .v3p-hero{width:min(var(--ty-max),calc(100% - 36px));grid-template-columns:1fr;gap:22px;padding:26px 0}.phase1-detail .v3p-hero-copy{padding:0}.phase1-detail .v3p-hero-media{order:0}.phase1-detail .vs-product-carousel-stage{height:360px}.phase1-detail .vs-product-carousel-slide{padding:12px}}
@media(max-width:560px){.phase1-detail .v3p-hero{width:calc(100% - 28px);gap:16px}.phase1-detail .vs-product-carousel-stage{height:290px}.phase1-detail .vs-product-carousel-slide{padding:8px}}


/* v55: oil-distribution intrinsic-ratio image fix. Portrait and square source images must never be forced to fill a landscape frame. */
body[data-v55-image-fit="true"] .vs-product-carousel-stage{height:460px;background:#eef3f5}
body[data-v55-image-fit="true"] .vs-product-carousel-slide{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px;background:#eef3f5;overflow:hidden}
body[data-v55-image-fit="true"] .vs-product-carousel-slide img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
@media(max-width:1180px){body[data-v55-image-fit="true"] .vs-product-carousel-stage{height:420px}}
@media(max-width:820px){body[data-v55-image-fit="true"] .vs-product-carousel-stage{height:340px}body[data-v55-image-fit="true"] .vs-product-carousel-slide{padding:12px}}
@media(max-width:560px){body[data-v55-image-fit="true"] .vs-product-carousel-stage{height:280px}body[data-v55-image-fit="true"] .vs-product-carousel-slide{padding:8px}}

/* v56: stable product media geometry, bounded navigation and consistent card rhythm. */
html, body { overflow-x: hidden; }

/* Detail hero: the content grid and body sections share the same 1240px alignment. */
.phase1-detail .v3p-hero {
  width: min(1240px, calc(100% - 48px));
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 32px;
  align-items: center;
}
.phase1-detail .vs-product-carousel {
  min-width: 0;
  overflow: hidden;
}
.phase1-detail .vs-product-carousel-stage {
  position: relative;
  display: grid;
  place-items: center;
  height: 480px !important;
  overflow: hidden;
  background: #eef3f5;
}
.phase1-detail .vs-product-carousel-slide {
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 24px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
  background: #eef3f5;
}
.phase1-detail .vs-product-carousel-slide img {
  display: block !important;
  flex: 0 1 auto;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
}

/* Short product labels may scroll inside their own strip, never across the page. */
.phase1-detail .v3p-family-nav {
  max-width: 100%;
}
@media (max-width: 820px) {
  .phase1-detail .v3p-hero {
    grid-template-columns: 1fr !important;
    min-height: 0;
  }
  .phase1-detail .v3p-hero-media { order: 0; }
  .phase1-detail .vs-product-carousel-stage { height: 340px !important; }
  .phase1-detail .vs-product-carousel-slide { padding: 16px !important; }
  .phase1-detail .v3p-family-nav {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
    padding-bottom: 4px;
  }
  .phase1-detail .v3p-family-nav a { flex: 0 0 auto; }
}
@media (min-width: 821px) and (max-width: 1080px) {
  .phase1-detail .v3p-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px;
  }
  .phase1-detail .vs-product-carousel-stage { height: 420px !important; }
}
@media (max-width: 560px) {
  .phase1-detail .v3p-hero { width: calc(100% - 28px); gap: 16px; }
  .phase1-detail .vs-product-carousel-stage { height: 280px !important; }
  .phase1-detail .vs-product-carousel-slide { padding: 12px !important; }
}

/* Directory hero: image, caption and controls always occupy stable rows. */
.phase1-products .v23-product-carousel {
  display: block;
  height: 400px !important;
}
.phase1-products .v23-product-slide {
  grid-template-rows: minmax(0, calc(100% - 64px)) 64px;
  margin: 0 !important;
  height: 100%;
}
.phase1-products .v23-product-slide img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  padding: 16px 24px !important;
  box-sizing: border-box;
  object-fit: contain !important;
  object-position: center;
  transform: none !important;
}
.phase1-products .v23-product-slide figcaption {
  min-height: 0;
  height: 64px;
  box-sizing: border-box;
  overflow: hidden;
}

/* Directory and family cards show the complete equipment at a stable scale. */
.phase1-products .v3p-platform-card .media,
.v3p-platform-card .media {
  overflow: hidden !important;
  background: #eef3f5 !important;
}
.phase1-products .v3p-platform-card .media img,
.v3p-platform-card .media img,
.v3p-platform-card > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  padding: 14px !important;
  box-sizing: border-box;
  object-fit: contain !important;
  object-position: center;
  transform: none !important;
  mix-blend-mode: normal !important;
}
.v3p-family-hero-media img {
  width: 100% !important;
  height: 100% !important;
  padding: 28px !important;
  box-sizing: border-box;
  object-fit: contain !important;
  object-position: center;
  transform: none !important;
}
@media (max-width: 820px) {
  .phase1-products .v23-product-carousel { height: 330px !important; }
  .phase1-products .v23-product-slide { grid-template-rows: minmax(0, calc(100% - 62px)) 62px; }
  .phase1-products .v23-product-slide figcaption { height: 62px; }
  .phase1-products .v23-product-slide img { padding: 12px 16px !important; }
}
@media (max-width: 560px) {
  .phase1-products .v23-product-carousel { height: 292px !important; }
  .phase1-products .v23-product-slide { grid-template-rows: minmax(0, calc(100% - 60px)) 60px; }
  .phase1-products .v23-product-slide figcaption { height: 60px; }
  .phase1-products .v23-product-slide img { padding: 10px !important; }
}