/* Additions shared by the downloaded product pages. Homepage files are unchanged. */
body.product-page{--ink:#18222b;--blue:#079bd3;overflow-x:visible}
.product-page main{min-width:0}
.product-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:13px;color:#fff}
.product-breadcrumb a:hover{text-decoration:underline}
.product-page .content,.product-page .copy{min-width:0}
.product-page .desktop-footer{position:relative;display:block}
.product-page .mobile-footer{display:none}
.product-page a:focus-visible,.product-page button:focus-visible{outline:3px solid #079bd3;outline-offset:4px}
.product-page .sidebar{top:120px;padding:22px 18px;max-height:calc(100vh - 144px);overflow:auto;scrollbar-width:thin}
.product-page .catalog-categories>li{padding:8px 0}
.product-page .catalog-categories>li>a{font-size:15px;color:var(--ink);font-weight:800}
.product-page .catalog-categories ul{display:block;position:static;padding-left:12px;margin:4px 0 12px;border-left:2px solid #cde8f3}
.product-page .catalog-categories ul li{border:0}
.product-page .catalog-categories ul a{font-size:13px;padding:7px 4px;overflow-wrap:anywhere}
.product-page .catalog-categories ul ul a{color:#68747d;font-size:12px;padding:5px 4px}
.product-page .catalog-categories a:hover{color:var(--blue)}
.product-page .catalog{align-items:start}
.product-page .gallery{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-page .thumb{min-width:0;border:1px solid #dce7ec;border-radius:0}
.product-page .thumb[aria-pressed=true]{border:2px solid #079bd3}
.product-page .detail-banner{min-height:260px}
.product-page table th{border:1px solid #dce7ec;padding:12px 10px;white-space:nowrap;font-size:14px;background:#eaf7fb}
.product-page table td:first-child{white-space:nowrap}
.product-page .btn:hover{background:#e62129}
.product-page .table-wrap{max-width:100%;overscroll-behavior-x:contain}
@media(min-width:901px){.product-page .page-hero{min-height:300px}.product-page .detail-banner .wrap{padding-top:0}}
@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))}}
@media(max-width:900px){
  .product-page .desktop-footer{display:none}
  .product-page .mobile-footer{display:block}
  .product-page .sidebar{max-height:none;position:static;overflow:visible}
  .product-page .catalog-categories{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,70%);overflow-x:auto;gap:18px;padding-bottom:8px;align-items:start;scroll-snap-type:x proximity}
  .product-page .catalog-categories>li{scroll-snap-align:start;border:0}
  .product-page .catalog-categories ul{display:block}
  .product-page .catalog-categories>li>ul{max-height:240px;overflow-y:auto;scrollbar-width:thin}
  .product-page .detail-banner{min-height:220px;padding-top:42px}
  .product-page .intro{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .product-page .page-hero h1{font-size:40px}
  .product-page .detail-banner h1{font-size:32px;line-height:1.2;overflow-wrap:anywhere}
  .product-page .detail,.product-page .catalog{width:calc(100% - 32px)}
  .product-page .resources h2{font-size:27px;line-height:1.25}
  .product-page .content-head h2{font-size:29px}
  .product-page .pagination{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.product-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
