/* Approved CP / Viper card composition. Quote identity and original media stay native. */
@font-face{font-family:"Owner Catalog Anton";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/anton-latin.woff2") format("woff2")}
.product-card[data-card-standard="owner"]{border:1px solid #cbd2db;border-radius:5px;overflow:hidden;box-shadow:none;container-type:inline-size}
.product-card[data-card-standard="owner"] .card-copy{padding:22px;display:flex;flex-direction:column;gap:0}
.product-card[data-card-standard="owner"] .card-copy>.eyebrow{font:700 22px/1.2 Arial,sans-serif;text-transform:none;letter-spacing:0;color:#171b1e;margin:0 0 10px;min-height:0}
.product-card[data-card-standard="owner"] .card-name-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:12px;align-items:center;min-height:82px;margin:0 0 10px}
.product-card[data-card-standard="owner"] .card-name-row h3{margin:0;font:400 clamp(26px,8.5cqw,31px)/1.15 "Owner Catalog Anton",Impact,sans-serif;overflow-wrap:anywhere}
.product-card[data-card-standard="owner"]:is([data-card-category="2"],[data-card-category="9"],[data-card-category="12"]) .card-name-row h3{align-self:start}
.product-card[data-card-standard="owner"] .card-brand{width:72px;min-height:0;margin:0}
.product-card[data-card-standard="owner"] .card-brand img{width:72px;height:72px;object-fit:contain;max-width:100%}
.product-card[data-card-standard="owner"]:is([data-card-category="2"],[data-card-category="9"],[data-card-category="12"]) .card-brand{align-self:start;height:44px}
.product-card[data-card-standard="owner"]:is([data-card-category="2"],[data-card-category="9"],[data-card-category="12"]) .card-brand img{height:44px}
.product-card[data-card-standard="owner"] .card-type{margin:0 0 6px;color:#171b1e;font-size:16px;line-height:1.4}
.product-card[data-card-standard="owner"] .card-configuration{margin:0 0 6px;font-size:15px;line-height:1.4;color:#171b1e}
.product-card[data-card-standard="owner"] .card-part-number{margin:0 0 8px;font-size:14px;line-height:1.4;color:#536170}
.product-card[data-card-standard="owner"] .card-retainer-name{margin:0 0 8px;font-size:16px;line-height:1.4;font-weight:700;color:#536170}
.product-card[data-card-standard="owner"] .card-actions.owner-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:12px;align-items:end;border:0;padding:16px 0 0;margin-top:auto}
.product-card[data-card-standard="owner"] .owner-card-actions>.card-link{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:55px;width:auto;border:2px solid #171b1e;border-radius:3px;background:#ffe034;color:#171b1e;padding:10px 14px;text-decoration:none;font:700 18px/1.2 Arial,sans-serif;white-space:normal}
.product-card[data-card-standard="owner"] .owner-card-actions>.card-link svg{width:24px;height:24px;flex:0 0 24px}
.product-card[data-card-standard="owner"] .catalog-parts-tile{display:flex;flex-direction:column;align-self:end;border:1px solid #14852a;border-radius:3px;overflow:hidden;background:#fff;color:#fff;text-decoration:none;width:78px}
.product-card[data-card-standard="owner"] .catalog-parts-preview{height:80px;display:flex;align-items:center;justify-content:center;padding:4px;background:#fff;color:#536170}
.product-card[data-card-standard="owner"] .catalog-parts-preview img{display:block;width:100%;height:100%;object-fit:contain}
.product-card[data-card-standard="owner"] .catalog-parts-preview svg{width:30px;height:38px}
.product-card[data-card-standard="owner"] .catalog-parts-label{display:flex;align-items:center;justify-content:space-between;gap:3px;background:#14852a;color:#fff;min-height:29px;padding:4px 6px;font:700 15px/1.2 Arial,sans-serif}
.product-card[data-card-standard="owner"] .catalog-parts-label span{font-size:20px;line-height:1}
.product-card[data-card-standard="owner"] .catalog-parts-tile:hover .catalog-parts-label{background:#0e6520}
.product-card[data-card-standard="owner"] .card-link:hover{background:#ffdb20}
.product-card[data-card-standard="owner"] .catalog-parts-tile:focus-visible,.product-card[data-card-standard="owner"] .card-link:focus-visible{outline:3px solid #171b1e;outline-offset:3px}
.product-card[data-card-standard="owner"] .card-image{position:relative;container-type:inline-size}
.product-card[data-card-standard="owner"] .catalog-retainer-inset{position:absolute;left:3%;bottom:6px;z-index:4;width:32%;max-width:180px;min-width:100px;display:flex;flex-direction:column;background:#fff;border:1px solid #cbd2db;border-radius:3px;color:#171b1e;text-align:center;overflow:hidden;box-shadow:0 1px 3px #00000014}
.product-card[data-card-standard="owner"] .catalog-retainer-inset>img{position:static;display:block;width:100%;height:clamp(78px,25cqw,136px);max-width:100%;padding:7px;object-fit:contain;mix-blend-mode:normal;transform:none}
.product-card[data-card-standard="owner"] .catalog-retainer-inset[data-catalog-retainer-inset="QBR"]>img{padding:1px}
.product-card[data-card-standard="owner"] .catalog-retainer-copy{display:block;padding:4px 5px 9px;font:700 clamp(14px,4cqw,22px)/1.18 Arial,sans-serif}
.product-card[data-card-standard="owner"] .catalog-retainer-copy>span{display:block;font-size:.82em;margin-bottom:3px}
.product-card[data-card-standard="owner"] .catalog-retainer-copy strong{font-weight:700}
.catalog-grid.catalog-chipping-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.product-card[data-card-standard="owner"] .card-copy{padding:16px}.product-card[data-card-standard="owner"] .card-copy>.eyebrow{font-size:20px}.product-card[data-card-standard="owner"] .owner-card-actions>.card-link{padding:9px;font-size:16px}.product-card[data-card-standard="owner"] .card-actions.owner-card-actions{gap:9px}}
@media(max-width:760px){.catalog-grid.catalog-chipping-grid{grid-template-columns:minmax(0,1fr)}.product-card[data-card-standard="owner"] .card-copy{padding:20px}.product-card[data-card-standard="owner"] .card-name-row h3{font-size:32px}}
.product-card[data-card-standard="owner"] .card-copy{align-items:stretch}
.product-card[data-card-standard="owner"] .card-brand{height:72px}
.product-card[data-card-standard="owner"][data-card-category="1"] .card-name-row{grid-template-columns:minmax(0,1fr) clamp(72px,25cqw,112px)}
.product-card[data-card-standard="owner"][data-card-category="1"] .card-brand{width:clamp(72px,25cqw,112px);max-width:clamp(72px,25cqw,112px);height:80px}
.product-card[data-card-standard="owner"][data-card-category="1"] .card-brand img{width:clamp(72px,25cqw,112px);height:80px}
/* Use the live catalog's three-column desktop rhythm for every tool family.
   Retainer variants remain separate cards; tablet and phone keep readable widths. */
.catalog-main .catalog-grid:has(>[data-card-standard="owner"]),.content-search-results.variant-search-results:has(>[data-card-standard="owner"]){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.catalog-main .catalog-grid:has(>[data-card-standard="owner"]),.content-search-results.variant-search-results:has(>[data-card-standard="owner"]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.catalog-main .catalog-grid:has(>[data-card-standard="owner"]),.content-search-results.variant-search-results:has(>[data-card-standard="owner"]){grid-template-columns:minmax(0,1fr)}}
/* Legacy product-page ID rules must not recolor the shared card controls. */
.product-card[data-card-standard="owner"] .card-name-row h3 a,
.product-card[data-card-standard="owner"] .owner-card-actions>.card-link{color:#171b1e!important;text-decoration:none!important}

.product-card[data-card-standard="owner"] .card-photo-caption{font-size:14px;line-height:1.4;color:#536170;margin:0 0 8px}

/* Owner-approved chuck identification: green Hex, yellow Round. */
.chuck-title-label{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.08em .28em;color:#171b1e;white-space:nowrap}
.chuck-title-label--hex{background:#8fd179}
.chuck-title-label--round{background:#ffe034}

/* The CP rectangle has blank side margins: contain the complete circular mark
   in a square frame instead of magnifying it inside the 44px wordmark slot. */
.product-card[data-card-standard="owner"]:is([data-card-category="2"],[data-card-category="9"],[data-card-category="12"]) .card-brand[href*="id_brand=4&"]{height:72px;--card-logo-scale:1}
.product-card[data-card-standard="owner"]:is([data-card-category="2"],[data-card-category="9"],[data-card-category="12"]) .card-brand[href*="id_brand=4&"] img{height:72px;transform:none}
.product-card[data-card-standard="owner"]:is([data-card-category="2"],[data-card-category="9"],[data-card-category="12"]) .card-brand[href*="id_brand=4&"] img:is([src*="cp-new-logo-rect-"],[src*="chicago-pneumatic-transparent-"]){object-fit:cover}

/* Give retainer labels the full card width beneath the model and logo. */
.product-card[data-card-standard="owner"][data-card-category="1"] .card-name-row:has(>.card-variant-title){row-gap:4px}
.product-card[data-card-standard="owner"][data-card-category="1"] .card-name-row>.card-variant-title{
 grid-column:1/-1;min-width:0;margin:0;white-space:nowrap;overflow-wrap:normal;
 font:700 clamp(12px,4.4cqw,15px)/1.4 Arial,sans-serif;color:#24313a;text-decoration:none
}
.product-card[data-card-standard="owner"][data-card-category="1"] .card-retainer-name{white-space:nowrap;font-size:clamp(12px,4.4cqw,16px)}

/* Give the tall TAMCO emblem one consistent footprint across every tool category.
   Its circular mark matches the neighboring CP logo; the handle stays intact. */
.product-card[data-card-standard="owner"] .card-brand[href*="id_brand=9&"]{width:72px;min-width:72px;max-width:72px;height:88px;min-height:88px;--card-logo-scale:1;overflow:visible}
.product-card[data-card-standard="owner"] .card-brand[href*="id_brand=9&"] img{width:72px;height:88px;max-width:72px;object-fit:contain;transform:none}

/* Shared catalog identity: readable brand, explicit model, and stronger specs. */
.product-card .card-copy>.eyebrow,
.product-card[data-card-standard="owner"] .card-copy>.eyebrow{
 font:700 clamp(24px,7.4cqw,28px)/1.22 Arial,sans-serif;
 letter-spacing:0;text-transform:none;color:#171b1e;margin:0 0 12px;overflow-wrap:normal
}
.product-card .card-brand-last{white-space:nowrap}
.product-card .card-trademark{font:700 .46em/0 Arial,sans-serif;vertical-align:super;position:static;margin-left:.1em}
.product-card .card-type,
.product-card[data-card-standard="owner"] .card-type{font-size:20px;line-height:1.4;font-weight:700;color:#171b1e}
.product-card .card-configuration,
.product-card[data-card-standard="owner"] .card-configuration,
.product-card[data-card-standard="owner"] .card-part-number,
.product-card[data-card-standard="owner"] .card-retainer-name,
.product-card[data-card-standard="owner"] .breaker-parts-models,
.product-card[data-card-standard="owner"] .card-name-row>.card-variant-title{
 font-size:18px;line-height:1.4;font-weight:700;color:#24313a;white-space:normal;overflow-wrap:anywhere
}

/* Keep model names readable and contained beside the brand logo. */
.product-card[data-card-standard="owner"] .card-name-row h3{
 min-width:0;font-size:clamp(24px,8cqw,31px);line-height:1.18;
 overflow-wrap:break-word;word-break:normal
}
.product-card[data-card-standard="owner"] .card-name-row h3 a{display:block;max-width:100%}
/* Keep narrow related cards readable without overflowing their action buttons. */
@container (max-width:280px){
 .product-card .card-copy>.eyebrow{font-size:22px;overflow-wrap:break-word}
 .product-card .card-brand-last{white-space:normal}
 .product-card[data-card-standard="owner"] .owner-card-actions>.card-link{font-size:16px;padding:9px 8px;gap:4px}
 .product-card[data-card-standard="owner"] .owner-card-actions>.card-link svg{width:18px;height:18px;flex-basis:18px}
}

/* Mixed-category cards reserve a matching row for chipping-retainer labels. */
@media(min-width:761px){
 :is(.product-grid,.catalog-grid,.variant-search-results):has(>.product-card[data-card-category="1"]):has(>.product-card[data-card-category]:not([data-card-category="1"]))>.product-card[data-card-standard="owner"] .card-name-row{grid-template-rows:minmax(80px,auto) minmax(25.2px,auto);row-gap:4px}
 :is(.product-grid,.catalog-grid,.variant-search-results):has(>.product-card[data-card-category="1"]):has(>.product-card[data-card-category]:not([data-card-category="1"]))>.product-card[data-card-standard="owner"] .card-name-row h3{align-self:start}
 :is(.product-grid,.catalog-grid,.variant-search-results):has(>.product-card[data-card-category="1"])>.product-card[data-card-standard="owner"]:not([data-card-category="1"]) .card-name-row::after{content:"";grid-column:1/-1;min-height:25.2px}
}

/* WEB-0003: explicit supplied retainer, with its actual part photograph. */
.product-card[data-card-standard="owner"] .card-supplied-retainer{display:flex;gap:12px;align-items:center;min-height:122px;margin:0 0 14px}
.product-card[data-card-standard="owner"] .card-supplied-retainer>div{flex:1;min-width:0}
.product-card[data-card-standard="owner"] .card-supplied-retainer span{display:block;font:700 clamp(16px,4.9cqw,19px)/1.35 Arial,sans-serif;margin-bottom:7px;color:#24313a}
.product-card[data-card-standard="owner"] .card-supplied-retainer strong{display:block;font:700 clamp(18px,5.7cqw,22px)/1.3 Arial,sans-serif;color:#171b1e}
.product-card[data-card-standard="owner"] .card-supplied-retainer img{width:clamp(65px,24cqw,100px);height:114px;object-fit:contain;flex:none}
.product-card[data-card-standard="owner"] .card-owner-note{font:700 18px/1.4 Arial,sans-serif;padding:10px 12px;border-left:4px solid #ffe034;background:#f3f5f6;margin:4px 0 12px}
