/* Downloaded pages: use the homepage palette and a shared wide content grid. */
body.product-page {
  --blue:#079bd3; --blue-dark:#087ba9; --ink:#18222b;
  --muted:#68747d; --ice:#f2f8fc; --red:#ef2733; --button-hover:#e62129;
  --page-gutter:clamp(16px,4vw,64px);
  --page-width:min(1600px,calc(100% - var(--page-gutter) - var(--page-gutter)));
  width:100%; max-width:none; margin:0; padding:0;
  color:var(--ink); background:#fff; font-family:Manrope,Arial,sans-serif;
}
.product-page :where(input,textarea,button,select){font-family:inherit}
.product-page :is(.page-hero>.wrap,.detail-banner>.wrap,.contact-wrap,.catalog,.detail,.contact-area){
  width:var(--page-width); max-width:none; margin-left:auto; margin-right:auto;
}
.product-page :is(.header-nav-row,.header-top-inner){width:var(--page-width);max-width:1600px}
.product-page .catalog{grid-template-columns:clamp(260px,18vw,310px) minmax(0,1fr);gap:clamp(28px,3vw,56px);margin-top:64px;margin-bottom:90px}
.product-page .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.6vw,30px)}
.product-page .card{border-color:#dce7ec;box-shadow:0 8px 22px rgb(18 49 67 / 5%)}
.product-page .card-img{padding:clamp(20px,2vw,38px);background:#f7f9fb}
.product-page .card-body{padding:22px 24px;min-height:100px}
.product-page .card h3{font-size:clamp(16px,1.2vw,22px);font-weight:650}
.product-page .sidebar{background:var(--ice);border-top-color:var(--blue)}
.product-page :is(.content-head h2,.copy h2,.resources>h2,.contact-intro h2){color:var(--blue);font-weight:800;letter-spacing:-.025em}
.product-page :is(.content-head p,.copy .lead,.article p,.contact-intro>p:last-child){color:var(--muted)}
.product-page .content-head{gap:24px;align-items:flex-start}
.product-page .content-head p{margin-top:12px;line-height:1.6}
.product-page .intro{gap:clamp(32px,4vw,76px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.product-page .copy .lead{max-width:none;margin:0;text-align:left;line-height:1.75;font-size:clamp(16px,1.1vw,20px)}
.product-page .copy h2{line-height:1.16}
.product-page .resources{margin-top:72px}
.product-page .article{margin-bottom:56px}
.product-page .drawing{background:#f7f9fb}
.product-page .drawing img{max-width:1200px;margin-inline:auto}
.product-page :is(.btn,.contact-form button){background:var(--blue);color:#fff;border-radius:7px;padding:15px 28px}
.product-page :is(.btn,.contact-form button):hover{background:var(--button-hover)}
.product-page .contact-area{padding-top:72px;padding-bottom:90px}
.product-page .contact-intro{max-width:880px;margin-bottom:42px}
.product-page .contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,3vw,56px)}
.product-page :is(.contact-card,.contact-form-card){padding:clamp(24px,3vw,48px);min-width:0}
.product-page .contact-card{background:var(--ice)}
.product-page :is(.contact-form label,.contact-row span,.contact-row a){min-width:0;overflow-wrap:anywhere}
.product-page .contact-row b{width:140px}
.product-page .contact-form :is(input,textarea){min-width:0;border-radius:6px}
.product-page .contact-form :is(input,textarea):focus-visible{outline:3px solid rgb(7 155 211 / 20%);outline-offset:1px;border-color:var(--blue)}
.product-page .contact-form-card>h2,.product-page .contact-card>h2{color:var(--blue)}
.product-page :is(.page-hero,.detail-banner,.contact-hero){width:100%;margin:0}
.product-page :is(.page-hero h1,.detail-banner h1,.contact-hero h1){color:#fff;line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}
.product-page .product-breadcrumb{line-height:1.6}
.product-page main :where(img,video,iframe){max-width:100%}
.product-page main :where(.content,.gallery,.copy,.article,.table-wrap){min-width:0}
@media(min-width:1101px) and (max-width:1400px){
  .product-page .desktop-logo{width:180px}
  .product-page .desktop-hotspots{gap:clamp(14px,1.6vw,22px)}
  .product-page .desktop-hotspots>a,.product-page .desktop-hotspots>.nav-item>a{font-size:15px}
}
@media(max-width:1100px) and (min-width:901px){
  .product-page .catalog{grid-template-columns:230px minmax(0,1fr);gap:28px}
  .product-page .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-page .desktop-logo{width:150px}
  .product-page .desktop-hotspots{gap:12px}
  .product-page .desktop-hotspots>a,.product-page .desktop-hotspots>.nav-item>a{font-size:13px}
  .product-page .header-top-inner{gap:12px;font-size:12px}
  .product-page .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  .product-page .contact-row{display:grid;gap:5px}
}
@media(max-width:900px){
  .product-page .catalog,.product-page .intro,.product-page .contact-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .product-page .catalog{margin-top:40px;margin-bottom:60px}
  .product-page .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .product-page .card-body{padding:18px;min-height:88px}
  .product-page .card h3{font-size:17px}
  .product-page .detail{margin-top:40px;margin-bottom:60px}
  .product-page .contact-area{padding-top:44px;padding-bottom:60px}
  .product-page .resources{margin-top:44px}
  .product-page .article{margin-bottom:36px}
  .product-page .copy h2{font-size:clamp(28px,4.5vw,38px)}
  .product-page .contact-intro>p:last-child{font-size:16px}
}
@media(max-width:560px){
  .product-page .products{grid-template-columns:minmax(0,1fr)}
  .product-page .card-img{aspect-ratio:1.1}
  .product-page .card-body{min-height:76px}
  .product-page :is(.page-hero h1,.detail-banner h1,.contact-hero h1){font-size:clamp(28px,7.5vw,40px)}
  .product-page .contact-hero h1 br{display:none}
  .product-page :is(.contact-card,.contact-form-card){padding:24px 18px}
  .product-page .contact-form{grid-template-columns:minmax(0,1fr)}
  .product-page .contact-row{display:grid;gap:5px}
  .product-page .gallery{gap:6px}
  .product-page .thumb{padding:4px}
  .product-page .sidebar{padding:20px 16px}
}