
.carel-kit-spec{margin:28px 0 8px;padding:22px 0 8px;border:0;background:#fff;color:#202936}
.carel-kit-spec *{box-sizing:border-box}
.carel-kit-spec__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.carel-kit-spec h2{font-size:22px;line-height:1.25;margin:0 0 8px;color:#172536}
.carel-kit-spec__lead{max-width:900px;margin:0;color:#536173;line-height:1.45}
.carel-kit-spec__badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:4px;background:#20364d;color:#fff;font-weight:700;font-size:13px;white-space:nowrap}
.carel-kit-spec h3{font-size:17px;margin:20px 0 12px;color:#172536}
.carel-kit-spec h4{font-size:15px;margin:16px 0 10px;color:#2a3747}
.carel-kit-spec__variant{margin:16px 0 0;padding:0;border:0;background:#fff}
.carel-kit-spec__variant-title{margin:0 0 8px;font-size:15px;font-weight:700;color:#2a3747;line-height:1.35}
.carel-kit-spec__variant-price{display:block;margin:2px 0 12px;color:#697789;font-size:12px;line-height:1.35}
.carel-kit-spec__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.carel-kit-spec__grid--rows{display:block}
.carel-kit-spec__grid--rows .carel-kit-spec__card{display:grid;grid-template-columns:62px minmax(120px,160px) 1fr 38px;align-items:center;gap:12px;min-height:74px;margin:0 0 8px;padding:8px 10px;box-shadow:none}
.carel-kit-spec__grid--rows .carel-kit-spec__meta{display:contents}
.carel-kit-spec__grid--rows .carel-kit-spec__article{margin:0;font-size:13px}
.carel-kit-spec__grid--rows .carel-kit-spec__name{font-size:13px;line-height:1.35}
.carel-kit-spec__grid--rows .carel-kit-spec__qty{position:static;justify-self:end}
.carel-kit-spec__card{position:relative;display:grid;grid-template-columns:62px 1fr;gap:11px;min-height:96px;padding:10px 42px 10px 10px;border:1px solid #e0e8f0;background:#fff;border-radius:6px;box-shadow:0 1px 2px rgba(22,39,60,.04)}
.carel-kit-spec__thumb{width:62px;height:62px;border:1px solid #e4ebf2;background:#f4f7fa;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.carel-kit-spec__thumb img{display:block;max-width:56px;max-height:56px;width:auto;height:auto;object-fit:contain}
.carel-kit-spec__placeholder{font-size:11px;line-height:1.1;font-weight:700;color:#607184;text-align:center;padding:4px}
.carel-kit-spec__placeholder--hose{background:linear-gradient(135deg,#eef5fb,#dfeaf5)}
.carel-kit-spec__placeholder--water{background:linear-gradient(135deg,#eef8fb,#dceff5)}
.carel-kit-spec__placeholder--drain{background:linear-gradient(135deg,#f6f7f9,#e7ecf1)}
.carel-kit-spec__placeholder--sensor{background:linear-gradient(135deg,#eef7f4,#deece8)}
.carel-kit-spec__placeholder--cylinder{background:linear-gradient(135deg,#f7f6f1,#ebe8de)}
.carel-kit-spec__meta{min-width:0}
.carel-kit-spec__article{font-size:12px;font-weight:700;margin-bottom:5px}
.carel-kit-spec__article a{color:#1f78c8;text-decoration:none}
.carel-kit-spec__article a:hover{text-decoration:underline}
.carel-kit-spec__name{font-size:13px;line-height:1.32;color:#273445}
.carel-kit-spec__qty{position:absolute;right:10px;top:10px;min-width:26px;padding:4px 7px;border-radius:999px;background:#eaf2f8;color:#1d3b5b;font-size:12px;font-weight:700;text-align:center}
.carel-kit-spec__details{margin-top:14px;border:1px solid #dfe8f1;background:#fff;border-radius:6px;overflow:hidden}
.carel-kit-spec__details summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#172536;background:#fff}
.carel-kit-spec__details-inner{padding:14px}
.carel-kit-spec__details .carel-kit-spec__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.carel-kit-spec__note{margin:14px 0 0;color:#697789;font-size:12px;line-height:1.4}
@media (max-width:760px){.carel-kit-spec__grid--rows .carel-kit-spec__card{grid-template-columns:56px 1fr 34px}.carel-kit-spec__grid--rows .carel-kit-spec__meta{display:block}.carel-kit-spec__grid--rows .carel-kit-spec__name{grid-column:auto}.carel-kit-spec__grid--rows .carel-kit-spec__qty{grid-column:3;grid-row:1 / span 2;align-self:start}}
@media (max-width:640px){.carel-kit-spec{padding:16px 0 8px}.carel-kit-spec__head{display:block}.carel-kit-spec__badge{margin-top:10px}.carel-kit-spec__grid{grid-template-columns:1fr}.carel-kit-spec__card{grid-template-columns:56px 1fr;padding-right:38px}.carel-kit-spec__thumb{width:56px;height:56px}}
