/* Sizes use the same graphite, paper and square-card treatment as the catalogue. */
body .duct-item-catalog{padding-block:32px 56px}
body .duct-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
body .duct-catalog-heading h2{margin:0;font:600 34px/1.2 Arial,sans-serif;letter-spacing:-.7px;color:#222b31}
body .duct-catalog-controls{display:flex;gap:8px;flex:none}
body .duct-catalog-controls button{width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:#222b31;color:#fff;cursor:pointer}
body .duct-catalog-controls button:disabled{opacity:.35;cursor:default}
body .duct-catalog-controls button:hover:not(:disabled){background:#254c85}
body .duct-catalog-controls svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body .duct-catalog-frame{padding:24px;border:1px solid #dadddc;border-radius:10px;background:#fff}
body .duct-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,320px));gap:16px;justify-content:center}
body .duct-item-card{aspect-ratio:1/1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #e1e5e4;border-radius:5px;background:#fff;overflow:hidden}
body .duct-item-card[hidden]{display:none!important}
body .duct-item-link{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;text-decoration:none;color:#222b31}
body .duct-item-photo{position:relative;min-height:0;overflow:hidden;background:#fff;border-radius:3px}
body .duct-item-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;padding:0;object-fit:contain;mix-blend-mode:normal}
body .duct-item-card h3{margin:0;font:600 14px/1.4 Arial,sans-serif;letter-spacing:0;color:#222b31;overflow-wrap:normal;text-wrap:balance}
body .duct-item-price{font:400 12px/1.4 Arial,sans-serif;color:#626d73}
body .duct-item-order{flex:none;min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:7px 0 0;border-top:1px solid #e6e9e7;color:#254c85;font:500 12px/1.4 Arial,sans-serif;text-decoration:none}
body .duct-item-order::after{content:'↗';font-size:17px;line-height:1}
body .duct-item-order:hover{color:#222b31}
body .duct-item-catalog :is(a,button):focus-visible{outline:2px solid #254c85;outline-offset:3px}
body .duct-catalog-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;white-space:nowrap}
body .duct-model-family{padding-block:24px;font:400 14px/1.5 Arial,sans-serif}
body .duct-model-family a{color:#254c85;text-underline-offset:3px}
body.duct-model-page .product-hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.15;overflow-wrap:normal}
@media(max-width:1023px){body .duct-item-grid{grid-template-columns:repeat(2,minmax(0,320px))}body .duct-catalog-frame{padding:16px}}
@media(max-width:767px){
 body .duct-item-catalog{padding-block:28px 32px}
 body .duct-catalog-heading{align-items:center;gap:12px;margin-bottom:18px}
 body .duct-catalog-heading h2{font-size:25px;line-height:1.24;letter-spacing:-.7px}
 body .duct-catalog-controls{gap:2px}
 body .duct-catalog-controls button{position:relative;background:transparent;padding:13px}
 body .duct-catalog-controls button::before{content:'';position:absolute;inset:5px;background:#222b31;border-radius:50%}
 body .duct-catalog-controls button svg{position:relative;width:18px;height:18px}
 body .duct-catalog-controls button:hover:not(:disabled){background:transparent}
 body .duct-catalog-controls button:hover:not(:disabled)::before{background:#254c85}
 body .duct-catalog-frame{padding:0;border:0;border-radius:0}
 body .duct-item-grid{grid-template-columns:minmax(0,320px)}
 body .duct-item-card{padding:12px}
 body .duct-item-order{min-height:44px;font-size:13px}
}