/* Installation Tools: shares the Removal Systems card language (category-shop.css), grouped by role. */
.wrd-category-install{--ci-orange:#c74b00;--ci-line:#e1dfda;--ci-stage:#f8f7f4;background:#fff;color:#292929;font-family:Montserrat,Arial,sans-serif;padding-bottom:40px}
.wrd-category-install *{box-sizing:border-box}
.wrd-category-install .ci-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px 6px;font-size:13px;color:#666}
.wrd-category-install .ci-toolbar p{margin:0}
.wrd-category-install .ci-toolbar>span{font-size:11px;white-space:nowrap}

/* Group heading: quiet label + hairline, summary beneath. */
.wrd-category-install .ci-group{margin-top:26px}
.wrd-category-install .ci-group-head{display:flex;align-items:baseline;gap:16px;margin-bottom:14px}
.wrd-category-install .ci-group-head h2{flex:none;font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#292929;margin:0}
.wrd-category-install .ci-group-head p{flex:1;display:flex;align-items:baseline;gap:16px;font-size:12px;color:#777;margin:0}
.wrd-category-install .ci-group-head p::before{content:"";flex:none;width:28px;height:1px;background:var(--ci-line);transform:translateY(-3px)}

.wrd-category-install .ci-grid{display:grid;gap:18px}
.wrd-category-install .ci-grid--feature{grid-template-columns:repeat(2,minmax(0,1fr))}
.wrd-category-install .ci-grid--tile{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wrd-category-install .ci-grid--wide{grid-template-columns:1fr}

/* Shared card shell */
.wrd-category-install .ci-card{position:relative;display:grid;min-width:0;color:inherit;text-decoration:none;border:1px solid var(--ci-line);background:var(--ci-stage);transition:border-color .2s ease,background-color .2s ease}
.wrd-category-install .ci-art{grid-area:art;position:relative;min-width:0}
.wrd-category-install .ci-art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}
.wrd-category-install .ci-copy{grid-area:copy;min-width:0;align-self:center}
.wrd-category-install .ci-feature{display:block;color:var(--ci-orange);font-size:9px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:9px}
.wrd-category-install .ci-copy h3{font-family:Montserrat,Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.045em;line-height:1.12;text-transform:none;color:#292929;margin:0 0 9px}
.wrd-category-install .ci-lead{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:-.02em;color:#424242;margin:0}
.wrd-category-install .ci-description{grid-area:description;font-size:13px;line-height:1.65;color:#626262;margin:0;align-self:start}
.wrd-category-install .ci-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--ci-line);background:#fff;align-self:end;min-height:58px}
.wrd-category-install .ci-kit{display:flex;align-items:center;gap:10px;min-width:0}
.wrd-category-install .ci-kit img{display:block;width:46px;height:44px;object-fit:contain;flex:none}
.wrd-category-install .ci-kit strong{display:block;font-size:11px;font-weight:600;line-height:1.5}
.wrd-category-install .ci-kit small,.wrd-category-install .ci-fit small{display:block;font-size:9px;line-height:1.5;color:#777;margin-top:1px}
.wrd-category-install .ci-fit{display:flex;align-items:center;gap:10px;min-width:0}
.wrd-category-install .ci-fit img{display:block;height:26px;width:auto;flex:none}
.wrd-category-install .ci-action{display:flex;align-items:center;gap:10px;flex:none;font-size:11px;font-weight:600;color:var(--ci-orange)}
.wrd-category-install .ci-action em{font-style:normal}
.wrd-category-install .ci-action>span{display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;border-radius:50%;background:#f9ede5;font-size:17px;font-weight:400;transition:background-color .2s ease,color .2s ease}
.wrd-category-install .ci-card:hover{border-color:var(--ci-orange);background:#faf7f1}
.wrd-category-install .ci-card:hover .ci-action>span{background:var(--ci-orange);color:#fff}
.wrd-category-install .ci-card:hover .ci-art img{transform:scale(1.03)}
.wrd-category-install .ci-main{color:inherit;text-decoration:none}
.wrd-category-install .ci-main::after{content:"";position:absolute;inset:0;z-index:1}
.wrd-category-install .ci-main:hover,.wrd-category-install .ci-main:focus{color:inherit;text-decoration:none;outline:none}
.wrd-category-install .ci-card:has(.ci-main:focus-visible){outline:3px solid var(--ci-orange);outline-offset:4px}
.wrd-category-install .ci-story{margin:9px 0 0}

/* Feature cards (systems, cups): the removal-family composition. */
.wrd-category-install .ci-card--feature{grid-template-columns:42% minmax(0,1fr);grid-template-areas:"art copy" "description description" "footer footer";column-gap:18px;row-gap:12px;padding:18px 20px 0}
.wrd-category-install .ci-card--feature .ci-art{height:150px;align-self:center}
.wrd-category-install .ci-card--feature .ci-art img{inset:-8px -10px;width:calc(100% + 20px);height:calc(100% + 16px)}
.wrd-category-install .ci-card--feature .ci-footer{padding:10px 20px;margin:2px -20px 0}
/* Systems are wide assemblies: give them a larger stage. */
.wrd-category-install .ci-group--systems .ci-card--feature{grid-template-columns:50% minmax(0,1fr)}
.wrd-category-install .ci-group--systems .ci-card--feature .ci-art{height:178px}

/* Attachment tiles: image stage on top, compact copy. */
.wrd-category-install .ci-card--tile{grid-template-rows:auto auto 1fr auto;grid-template-areas:"art" "copy" "description" "footer";padding:0 16px}
.wrd-category-install .ci-card--tile .ci-art{height:132px;margin:14px -4px 12px}
.wrd-category-install .ci-card--tile .ci-copy h3{font-size:19px;margin:0 0 6px;letter-spacing:-.035em}
.wrd-category-install .ci-card--tile .ci-feature{margin-bottom:6px}
.wrd-category-install .ci-card--tile .ci-description{font-size:12px;line-height:1.6;margin:0 0 14px}
.wrd-category-install .ci-card--tile .ci-footer{padding:10px 16px;margin:0 -16px;min-height:62px}
.wrd-category-install .ci-card--tile .ci-fit{flex-direction:column;align-items:flex-start;gap:5px}
.wrd-category-install .ci-card--tile .ci-fit img{height:22px}

/* Single wide card: art | copy + description | action. */
.wrd-category-install .ci-card--wide{grid-template-columns:200px minmax(0,1fr) auto;grid-template-areas:"art copy footer" "art description footer";column-gap:28px;row-gap:6px;padding:18px 0 18px 24px}
.wrd-category-install .ci-card--wide .ci-art{height:150px;align-self:center}
.wrd-category-install .ci-card--wide .ci-copy{align-self:end}
.wrd-category-install .ci-card--wide .ci-copy h3{font-size:24px}
.wrd-category-install .ci-card--wide .ci-description{max-width:620px}
.wrd-category-install .ci-card--wide .ci-footer{align-self:stretch;border-top:0;border-left:1px solid var(--ci-line);padding:0 24px;margin:-18px 0}

@media(min-width:992px) and (max-width:1199px){
 .wrd-category-install .ci-card--feature{column-gap:14px;padding:16px 16px 0}
 .wrd-category-install .ci-card--feature .ci-footer{padding-inline:16px;margin-inline:-16px}
 .wrd-category-install .ci-copy h3{font-size:24px}
 .wrd-category-install .ci-card--tile .ci-copy h3{font-size:17px}
}
@media(max-width:991px){
 .wrd-category-install .ci-grid--feature{grid-template-columns:1fr;gap:14px}
 .wrd-category-install .ci-grid--tile{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .wrd-category-install .ci-card--feature,.wrd-category-install .ci-group--systems .ci-card--feature{grid-template-columns:40% minmax(0,1fr)}
}
@media(max-width:600px){
 .wrd-category-install .ci-toolbar{padding-block:16px 2px;font-size:12px}
 .wrd-category-install .ci-group{margin-top:22px}
 .wrd-category-install .ci-group-head{flex-direction:column;gap:4px;margin-bottom:12px}
 .wrd-category-install .ci-group-head p::before{display:none}
 .wrd-category-install .ci-card--feature,.wrd-category-install .ci-group--systems .ci-card--feature{grid-template-columns:42% minmax(0,1fr);column-gap:14px;padding:16px 16px 0}
 .wrd-category-install .ci-card--feature .ci-art,.wrd-category-install .ci-group--systems .ci-card--feature .ci-art{height:116px}
 .wrd-category-install .ci-card--feature .ci-art img{inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px)}
 .wrd-category-install .ci-copy h3{font-size:22px}
 .wrd-category-install .ci-feature{font-size:8px;letter-spacing:.04em;margin-bottom:7px}
 .wrd-category-install .ci-card--feature .ci-footer{gap:10px;padding:9px 16px;margin-inline:-16px}
 .wrd-category-install .ci-kit{gap:7px}
 .wrd-category-install .ci-kit img{width:38px;height:40px}
 .wrd-category-install .ci-kit strong{font-size:10px}
 .wrd-category-install .ci-action{font-size:10px;gap:7px}
 .wrd-category-install .ci-action>span{width:24px;height:24px}
 .wrd-category-install .ci-grid--tile{gap:10px}
 .wrd-category-install .ci-card--tile{padding:0 12px}
 .wrd-category-install .ci-card--tile .ci-art{height:96px;margin:10px -2px 10px}
 .wrd-category-install .ci-card--tile .ci-copy h3{font-size:15px}
 .wrd-category-install .ci-card--tile .ci-description{font-size:11px}
 .wrd-category-install .ci-card--tile .ci-footer{padding:9px 12px;margin:0 -12px}
 .wrd-category-install .ci-card--tile .ci-fit img{height:18px}
 .wrd-category-install .ci-card--wide{grid-template-columns:42% minmax(0,1fr);grid-template-areas:"art copy" "description description" "footer footer";column-gap:14px;row-gap:12px;padding:16px 16px 0}
 .wrd-category-install .ci-card--wide .ci-art{height:116px}
 .wrd-category-install .ci-card--wide .ci-copy{align-self:center}
 .wrd-category-install .ci-card--wide .ci-copy h3{font-size:22px}
 .wrd-category-install .ci-card--wide .ci-footer{border-left:0;border-top:1px solid var(--ci-line);padding:9px 16px;margin:2px -16px 0;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){.wrd-category-install *{transition:none!important}.wrd-category-install .ci-card:hover .ci-art img{transform:none}}