/* Duct swatches use the same photo/copy/action hierarchy as Textilene. */
.duct-materials{scroll-margin-top:78px}.duct-materials>.entity-card{background:#fff;border:1px solid #e3e5e0;border-radius:10px;padding:32px}.duct-library-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.duct-library-heading h2{font-size:28px;margin:0}.duct-library-heading>span{font-size:14px;color:#6c7c84}.duct-library-intro{line-height:1.75;color:#536974;margin:16px 0 0;padding-bottom:24px;border-bottom:1px solid #ecece8}.duct-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:32px 0}.duct-swatch-card{min-width:0;text-align:center}.duct-swatch-visual{width:min(100%,174px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid #e3e5e0;background:#f6f7f3;margin:0 auto 18px}.duct-swatch-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.duct-swatch-missing{display:flex;align-items:center;justify-content:center;border-style:dashed;color:#6c7c84}.duct-swatch-missing span{font-size:14px;padding:16px}.duct-swatch-missing small{display:block;margin-top:10px;font-size:12px}.duct-swatch-card h3{font-size:20px;margin:0 0 6px}.duct-swatch-name{font-size:15px;color:#405865;margin:0;min-height:48px;line-height:1.55}.duct-swatch-meta,.duct-swatch-moq{font-size:13px;color:#6c7c84;margin:6px 0;line-height:1.6}.duct-swatch-actions{margin-top:12px;display:flex;justify-content:center;align-items:flex-start;gap:18px;flex-wrap:wrap}.duct-swatch-actions summary,.duct-swatch-actions>a{display:flex;align-items:center;justify-content:center;min-height:44px;color:#415967;font-size:14px;cursor:pointer;text-underline-offset:4px}.duct-swatch-actions summary{list-style:none;text-decoration:underline}.duct-swatch-actions summary::-webkit-details-marker{display:none}.duct-swatch-actions details[open]{flex-basis:100%;order:2}.duct-swatch-actions dl{text-align:left;margin:0;background:#f6f7f3;padding:14px;border-radius:6px}.duct-swatch-actions dl>div{display:grid;grid-template-columns:1fr 1.7fr;gap:12px;padding:9px 0;font-size:13px;line-height:1.6;border-bottom:1px solid #e3e5e0}.duct-swatch-actions dd{margin:0}.duct-image-note,.duct-glass-test{font-size:13px;color:#536974;line-height:1.8;margin:20px 0}.duct-order-basics{padding:24px 0;border-top:1px solid #ecece8;border-bottom:1px solid #ecece8}.duct-order-basics h3{font-size:19px;margin:0 0 12px}.duct-order-basics p{line-height:1.8;margin:8px 0;color:#536974}.duct-photo-details>summary{padding:16px 0;cursor:pointer}.duct-glass-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.duct-glass-gallery figure{margin:0}.duct-glass-gallery img{width:100%;height:240px;object-fit:contain;background:#f6f7f3}.duct-glass-gallery figcaption{font-size:13px;line-height:1.6;color:#536974;margin-top:8px}.duct-materials :is(a,summary):focus-visible{outline:2px solid #a45117;outline-offset:4px}@media(max-width:700px){.duct-materials>.entity-card{padding:24px 18px}.duct-library-heading h2{font-size:24px}.duct-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.duct-swatch-visual{width:min(100%,142px)}.duct-swatch-name{font-size:13px;min-height:42px}.duct-swatch-meta,.duct-swatch-moq{font-size:12px}.duct-swatch-actions{gap:0}.duct-swatch-actions>a,.duct-swatch-actions summary{font-size:13px}.duct-swatch-actions dl>div{grid-template-columns:1fr;gap:2px}.duct-glass-gallery{grid-template-columns:1fr}.duct-glass-gallery img{height:auto}.duct-library-intro{font-size:14px}}
#main-content .duct-materials>.entity-card{background:#fff;border:1px solid #e3e5e0;border-radius:10px;padding:32px}
@media(max-width:700px){#main-content .duct-materials>.entity-card{padding:24px 18px}.duct-swatch-actions{flex-direction:column;align-items:stretch;gap:4px}.duct-swatch-actions details[open]{order:0;flex-basis:auto}}

@media(max-width:700px){.duct-swatch-meta{min-height:3.2em}}