/* Product selection inherits onoffPULS typography, charcoal panels and red accent. */
.product-selection{background:#191b1d;border-block:1px solid var(--line)}
.product-selection>.section-heading>div{max-width:850px}
.product-selection .section-heading>p{color:#c5c9cf;max-width:240px}
.apple-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px}
.apple-feature{border:1px solid #41464d;border-radius:14px;overflow:hidden;background:#202327;display:flex;flex-direction:column;min-width:0}
.apple-feature-image{height:330px;display:flex;align-items:center;justify-content:center;background:#edeff1;padding:28px;position:relative}
.apple-feature-image img{max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.apple-feature-image.health-image{padding:0;background:#111314}
.apple-feature-image.health-image img{width:100%;height:100%;mix-blend-mode:normal;object-fit:contain}
.apple-feature-copy{padding:30px;display:flex;flex-direction:column;flex:1}
.apple-feature-copy .eyebrow{color:#ff8795;margin-bottom:14px}
.apple-feature-copy h3{font-size:clamp(1.7rem,2.5vw,2.5rem);font-weight:500;margin-bottom:18px}
.apple-feature-copy>p{margin-bottom:18px}
.apple-feature-copy ul{padding-left:22px;color:#c5c9cf;margin:0 0 24px}
.apple-feature-copy .text-link{margin-top:auto;align-self:flex-start;font-size:.95rem}
.apple-feature-copy .catalog-note{font-size:.85rem;margin-bottom:22px}
.catalog-heading{border-top:1px solid #41464d;padding-top:52px;margin-bottom:30px}
.catalog-heading .eyebrow{margin-bottom:18px;color:#ff8795}
.catalog-heading h3{font-size:clamp(2rem,3.5vw,3.1rem);font-weight:500;max-width:800px}
.catalog-heading>p{max-width:850px;margin-top:20px}
.catalog-filters{display:flex;flex-wrap:wrap;gap:10px}
.catalog-filters button{background:#22262b;color:#dce0e5;border:1px solid #66707c;border-radius:50px;padding:11px 19px;min-height:48px;font-size:.88rem;transition:background .18s,border-color .18s}
.catalog-filters button[aria-pressed=true]{background:#af1830;color:#fff;border-color:#ed687d}
.catalog-filters button:hover{border-color:#ff9da8}
.catalog-brand{display:flex;align-items:center;gap:15px;margin-bottom:18px;color:#c5c9cf}
.catalog-brand select{font:inherit;padding:10px;color:#fff;background:#22262b;border:1px solid #66707c;border-radius:6px}
.catalog-count{font-size:.86rem;color:#bec5cf;margin:24px 0}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalog-card{display:flex;flex-direction:column;background:#22262b;border:1px solid #41464d;border-radius:12px;overflow:hidden;min-width:0;transition:border-color .2s}
.catalog-card:hover{border-color:#838d99}
.catalog-image{aspect-ratio:1.25;background:#eef0f2;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px}
.catalog-image img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}
.catalog-card:hover img{transform:scale(1.025)}
.catalog-image svg{width:42%;max-height:180px;fill:none;stroke:#47545e;stroke-width:3;stroke-linecap:round}
.catalog-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.catalog-category{font-size:.72rem!important;letter-spacing:.07em;text-transform:uppercase;color:#ff9da8!important;margin-bottom:13px}
.catalog-category span{color:#b5bdc8;padding:0 4px}
.catalog-copy h4{font:500 clamp(1.5rem,2vw,2rem)/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.035em;margin:0 0 18px}
.catalog-copy>p:not(.catalog-category){font-size:.94rem;line-height:1.7;color:#c5c9cf}
.catalog-copy .catalog-note{font-size:.82rem!important;color:#c0c8d2!important;margin-top:15px;padding-top:14px;border-top:1px solid #41464d}
.catalog-links{display:flex;flex-direction:column;gap:9px;margin-top:auto;padding-top:26px}
.catalog-source{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:44px;color:#f2f4f7;text-decoration:underline;text-underline-offset:5px;font-size:.86rem}
.catalog-source:hover{color:#ff9da8}.catalog-buy{background:#af1830;border-radius:5px;color:white;padding:12px 16px;display:flex;justify-content:space-between;min-height:48px}.catalog-affiliate{color:#c5c9cf;font-size:.75rem}
.catalog-support{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;margin-top:40px;border:1px solid #64404a;border-radius:12px;background:#261d23}
.catalog-support h4{font-size:1.4rem;margin:0 0 12px;line-height:1.25}.catalog-support p{max-width:650px}.catalog-support .button{flex-shrink:0}
.product-selection [hidden]{display:none!important}
.hp-device-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-support{display:block}.catalog-support .button{margin-top:22px}.apple-feature-image{height:270px}}
@media(max-width:700px){.apple-pair{grid-template-columns:1fr;margin-bottom:45px}.catalog-grid{grid-template-columns:1fr;gap:24px}.catalog-image{aspect-ratio:1.3;padding:25px}.catalog-copy,.apple-feature-copy{padding:25px}.catalog-filters{gap:8px}.catalog-filters button{padding:10px 14px;font-size:.85rem}.catalog-support{padding:25px}.hp-device-buttons{grid-template-columns:1fr}.hp-device-buttons button small{display:inline;margin-left:10px}.hp-device-buttons button{min-height:56px}.product-selection .section-heading{display:block}.catalog-heading{padding-top:32px}.apple-feature-image{height:280px}}
@media(prefers-reduced-motion:reduce){.catalog-card,.catalog-image img,.catalog-filters button{transition:none}.catalog-card:hover img{transform:none}}

/* Transparent product cutouts sit directly on the surrounding dark panel. */
.apple-feature-image,
.apple-feature-image.health-image,
.catalog-image,
.hp-device-art.hp-product-light{background:transparent}
.apple-feature-image img,
.catalog-image img{mix-blend-mode:normal}
.hp-product-light .hp-image-credit{color:#bdc6d1}
.hp-device-art img{filter:drop-shadow(0 12px 18px #0003)}
.catalog-image svg{stroke:#c5c9cf}
.apple-feature-image.health-image{padding:22px}
@media(max-width:700px){.apple-feature-image.health-image{padding:15px}}