.equipment-types{grid-column:1/-1;min-width:0;padding:0;border:1px solid #35596d;border-radius:12px;background:#0b2130}
.equipment-types>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;color:#ecf7fc;font-size:13px;font-weight:700;list-style:none}
.equipment-types>summary::-webkit-details-marker{display:none}.equipment-types>summary:after{content:'⌄';font-size:20px;color:#86d9ff}.equipment-types[open]>summary:after{transform:rotate(180deg)}
.equipment-types>summary [data-type-picked-count]{margin-left:auto;color:#a9d5e6;font-size:11px;font-weight:400;text-align:right}
.equipment-types>summary:focus-visible{outline:2px solid #7ed8ff;outline-offset:3px;border-radius:10px}
.equipment-types-hint{margin:0;padding:0 14px 13px;font-size:12px;line-height:1.5;color:#bfd3df}
.equipment-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px}
.equipment-type-card{min-width:0;padding:11px;border:1px solid #355568;border-radius:11px;background:#0d2534}
.equipment-type-card:has([data-equipment-type]:checked){border-color:#53c9f4;background:#10374a}
.equipment-type-select{display:flex;align-items:flex-start;gap:9px;min-height:44px;margin-bottom:9px;cursor:pointer;color:#f0f8fc}
.equipment-type-select b{font-size:13px;line-height:1.5}
.equipment-type-select input,.equipment-color-choices input,.equipment-type-help input{flex:none;width:19px;height:19px;min-height:0;margin:2px 0 0;padding:0;accent-color:#4cc9f5;cursor:pointer}
.equipment-type-select input:focus-visible,.equipment-color-choices input:focus-visible,.equipment-type-help input:focus-visible{outline:2px solid #e1f8ff;outline-offset:3px}
.equipment-type-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.equipment-type-pair figure{min-width:0;margin:0}
.equipment-type-pair .equipment-type-photo{display:block;grid-row:auto;align-self:auto;width:100%;height:auto;aspect-ratio:1;border:1px solid #446377;border-radius:7px;background:#d9dedf}
.equipment-type-pair .equipment-type-photo img{display:block;width:100%;height:100%;object-fit:cover}
.equipment-type-pair .equipment-type-photo:focus-visible{outline:3px solid #7ed8ff;outline-offset:3px}
.equipment-type-pair figcaption{font-size:10px;line-height:1.4;margin-top:5px;color:#c8dce6}
.equipment-type-source{display:block;min-height:36px;margin-top:9px;color:#88d9ff;font-size:10px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.equipment-type-source:hover,.equipment-type-source:focus-visible{color:#fff;background:#1b3d50;border-radius:4px}
.equipment-color-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 12px;padding:12px;border:1px solid #35596d;border-radius:10px;color:#e9f6fc}
.equipment-color-choices legend{padding:0 6px;font-size:13px;font-weight:700}.equipment-color-choices p{grid-column:1/-1;margin:0 0 3px;color:#b9d2de;font-size:11px}
.equipment-color-choices label{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px;border:1px solid #355569;border-radius:7px;font-size:12px;cursor:pointer}
.equipment-color-choices label:has(input:checked){border-color:#53c9f4;color:#e8f9ff;background:#123c51}
.equipment-type-help{display:flex;align-items:center;gap:9px;margin:14px 12px;padding:10px;border:1px solid #4a6678;border-radius:8px;font-size:12px;color:#e2f0f8;cursor:pointer}
.equipment-type-help:has(input:checked){background:#12384a;border-color:#64c7eb}
.equipment-type-disclaimer{display:block;margin:0 14px 14px;color:#b7cdd8;font-size:10px;line-height:1.5}
@media(max-width:700px){.equipment-type-grid{grid-template-columns:1fr}.equipment-types>summary{font-size:12px;padding:12px}.equipment-color-choices{grid-template-columns:1fr}.equipment-type-select b{font-size:14px}.equipment-type-pair figcaption,.equipment-type-source{font-size:11px}.equipment-type-select{min-height:40px}}
.equipment-type-open{grid-column:1/-1;grid-row:auto;display:flex;align-items:center;gap:12px;width:100%;min-height:74px;padding:12px;border:1px solid #4a839e;border-radius:11px;background:#103247;color:#f0f9ff;text-align:left;cursor:pointer}
.equipment-type-open:hover{background:#17435a;border-color:#73d6ff;color:#fff}.equipment-type-open:focus-visible{outline:3px solid #b9efff;outline-offset:3px}
.equipment-type-preview{display:flex;gap:5px;flex:none}.equipment-type-preview img{display:block;width:44px;height:44px;object-fit:cover;border:1px solid #6d8b9b;border-radius:7px;background:#e6e6e4}
.equipment-type-open-copy{display:grid;gap:5px;min-width:0}.equipment-type-open-copy b{font-size:14px;line-height:1.4}.equipment-type-open-copy small{font-size:11px;line-height:1.4;color:#bfe6f7}.equipment-type-open>span:last-child{margin-left:auto;font-size:22px;color:#83dcff}
.equipment-item:has(>.equipment-type-open)>.equipment-thumb,.equipment-item:has(>.equipment-type-open)>.equipment-item-copy,.equipment-item:has(>.equipment-type-open)>.equipment-item-choices{grid-row:1}
.equipment-types{position:fixed;inset:0;z-index:1250;display:flex;align-items:center;justify-content:center;grid-column:auto;min-width:0;margin:0;padding:24px;border:0;border-radius:0;background:#020b13df}
.equipment-types[hidden]{display:none!important}
.equipment-type-error{grid-column:1/-1;padding:10px 12px;margin:8px 0;color:#e6f6ff;background:#153b50;border:1px solid #60b4d8;border-radius:8px;font-size:13px;line-height:1.5}
.equipment-types-sheet{width:min(900px,100%);max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid #48768e;border-radius:18px;background:#0b2130;box-shadow:0 24px 90px #0009}
.equipment-types-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#0c2535;border-bottom:1px solid #35576b}
.equipment-types-header small{color:#7ed8f7;font-size:10px;font-weight:700;letter-spacing:.15em}.equipment-types-header h3{margin:5px 0 0;font-size:22px;line-height:1.3;color:#f2f9fc}
.equipment-types-close{flex:none;width:42px;height:42px;padding:0;border:1px solid #4e7489;border-radius:10px;background:#15384b;color:#effaff;font-size:20px;cursor:pointer}.equipment-types-close:hover{background:#6cd3f8;color:#061825}.equipment-types-close:focus-visible{outline:3px solid #c8f3ff;outline-offset:3px}
.equipment-types .equipment-types-hint{padding-top:14px}.equipment-types-footer{position:sticky;bottom:0;padding:14px;background:#0c2535;border-top:1px solid #35576b}.equipment-types-footer .btn{width:100%;min-height:48px}
@media(max-width:700px){.equipment-type-preview img{width:32px;height:32px}.equipment-type-open{gap:9px;padding:10px}.equipment-type-open-copy b{font-size:12px}.equipment-type-open-copy small{font-size:10px}.equipment-item:has(>.equipment-type-open)>.equipment-thumb{grid-row:1/span 2}.equipment-item:has(>.equipment-type-open)>.equipment-item-copy{grid-row:1}.equipment-item:has(>.equipment-type-open)>.equipment-item-choices{grid-row:2}.equipment-types{padding:12px}.equipment-types-sheet{max-height:94dvh;border-radius:14px}.equipment-types-header{padding:14px}.equipment-types-header h3{font-size:19px}}

.equipment-type-note{margin:0 0 12px;color:#c5dce7;font-size:12px;line-height:1.55;min-height:3.1em}.pool-cover-guide{padding:13px 14px;margin:0 12px 15px;border:1px solid #3c6578;border-radius:9px;background:#123348}.pool-cover-guide b{display:block;color:#eaf8ff;margin-bottom:5px}

/* The choice starts with the installed product; the technical product view stays inside. */
.equipment-item.equipment-item-installed{grid-template-columns:180px minmax(0,1fr) 132px}
.equipment-item-installed>.equipment-thumb{width:180px;height:144px;background:#0d2738}
.equipment-item-installed>.equipment-thumb img{object-fit:cover}
.equipment-type-preview img{object-fit:cover}
@media(max-width:700px){.equipment-item.equipment-item-installed{grid-template-columns:110px minmax(0,1fr)}.equipment-item-installed>.equipment-thumb{width:110px;height:128px}.equipment-item.equipment-item-installed>.equipment-item-choices{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap}.equipment-item.equipment-item-installed>.equipment-item-copy{grid-column:2;grid-row:1/3}}

.equipment-checklist{container-type:inline-size}
@container(max-width:620px){
 .equipment-item.equipment-item-installed{grid-template-columns:110px minmax(0,1fr)}
 .equipment-item.equipment-item-installed:has(>.equipment-type-open)>.equipment-thumb{grid-row:1;width:110px;height:118px}
 .equipment-item.equipment-item-installed:has(>.equipment-type-open)>.equipment-item-copy{grid-column:2;grid-row:1;overflow-wrap:anywhere}
 .equipment-item.equipment-item-installed:has(>.equipment-type-open)>.equipment-item-choices{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:5px}
}