.anchors-page .anchor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.anchors-page .anchor-card{display:flex;flex-direction:column;height:100%;min-width:0}
.anchors-page .anchor-card .product-image{height:240px;padding:20px;background:#fff;display:flex;align-items:center;justify-content:center}
.anchors-page .anchor-card .product-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.anchors-page .anchor-card .product-copy{display:flex;flex-direction:column;flex:1;padding:24px}
.anchors-page .anchor-card h3{font-size:20px;line-height:1.3;margin:12px 0 16px}
.anchors-page .anchor-card p{font-size:14px;line-height:1.7;margin:0 0 24px;color:#666}
.anchors-page .anchor-b2b{margin-top:auto;display:flex;justify-content:space-between;gap:16px;padding:15px 18px;background:var(--orange);color:#000;font-size:12px;font-weight:800;transition:background .2s,color .2s}
.anchors-page .anchor-b2b:hover{background:#111;color:#fff}
.anchors-page .anchor-b2b:focus-visible{outline:3px solid #111;outline-offset:4px}
.anchors-page .section-head .text-link{margin-bottom:26px}
@media(max-width:1000px){.anchors-page .anchor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.anchors-page .anchor-grid{grid-template-columns:1fr}.anchors-page .anchor-card .product-image{height:220px}.anchors-page .anchor-card .product-copy{padding:20px}.anchors-page .fastener-hero h1{font-size:38px}}
.anchors-page .anchor-card .product-image img{max-width:100%;max-height:100%;filter:none}.anchors-page .anchor-card p{color:#bcbcbc}
.dowel-nails-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.dowel-nails-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.dowel-nails-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
.rivets-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.rivets-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.rivets-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
.roofing-screws-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.roofing-screws-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.roofing-screws-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
.window-screws-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.window-screws-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.window-screws-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
.drywall-screws-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.drywall-screws-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.drywall-screws-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
.sheet-metal-screws-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.sheet-metal-screws-page .anchor-card--text .product-copy{min-height:430px;padding:32px}
@media(max-width:600px){.sheet-metal-screws-page .anchor-card--text .product-copy{min-height:330px;padding:24px 20px}}
.construction-screws-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.construction-screws-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.construction-screws-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
@media(max-width:600px){.construction-screws-page h1,.construction-screws-page h2{overflow-wrap:anywhere}}
.clamps-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.clamps-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.clamps-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
.studs-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.studs-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.studs-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}
.wood-screws-page .fastener-hero{grid-template-columns:minmax(0,900px)}
.wood-screws-page .anchor-card--text .product-copy{min-height:390px;padding:32px}
@media(max-width:600px){.wood-screws-page .anchor-card--text .product-copy{min-height:310px;padding:24px 20px}}

/* Shared two-column hero for every internal fastener group page. */
.anchors-page .fastener-hero.fastener-subgroup-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(30px,5vw,80px)}
.anchors-page .fastener-subgroup-hero .fastener-hero-copy{min-width:0}
.anchors-page .fastener-subgroup-hero .fastener-hero-photo{display:grid;place-items:center;width:100%;min-width:0;min-height:320px;margin:0;overflow:hidden}
.anchors-page .fastener-subgroup-hero .fastener-hero-photo img{display:block;width:100%;height:clamp(300px,34vw,460px);max-width:100%;max-height:460px;object-fit:contain;object-position:center;filter:none}
@media(max-width:800px){.anchors-page .fastener-hero.fastener-subgroup-hero{grid-template-columns:1fr;gap:34px}.anchors-page .fastener-subgroup-hero .fastener-hero-photo{min-height:240px}.anchors-page .fastener-subgroup-hero .fastener-hero-photo img{height:clamp(230px,68vw,360px);max-height:360px}}