/* CircleTrust v1.20C — multi-image carousel shared by recommendation/detail/Circle cards. */
.ct-media-carousel{position:relative;width:100%;height:100%;min-height:180px;overflow:hidden;background:color-mix(in srgb,var(--ct-ink) 5%,var(--ct-paper));isolation:isolate}
.ct-media-track{position:absolute;inset:0}
.ct-media-slide{position:absolute;inset:0;opacity:0;transform:scale(1.018);transition:opacity .48s ease,transform .72s cubic-bezier(.22,1,.36,1);pointer-events:none}
.ct-media-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.ct-media-slide img{width:100%;height:100%;display:block;object-fit:cover}
.ct-media-arrow{position:absolute;top:50%;z-index:4;translate:0 -50%;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.52);background:rgba(20,17,15,.52);color:white;font:500 24px/1 var(--ct-font-ui);display:grid;place-items:center;cursor:pointer;opacity:.25;transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(6px)}
.ct-media-carousel:hover .ct-media-arrow,.ct-media-carousel:focus-within .ct-media-arrow{opacity:.95}.ct-media-arrow:hover{transform:scale(1.05)}.ct-media-arrow.prev{left:12px}.ct-media-arrow.next{right:12px}
.ct-media-dots{position:absolute;left:50%;bottom:12px;z-index:5;transform:translateX(-50%);display:flex;gap:6px;padding:5px 7px;border-radius:999px;background:rgba(20,17,15,.38);backdrop-filter:blur(7px)}
.ct-media-dots button{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.48);cursor:pointer}.ct-media-dots button.is-active{width:16px;border-radius:999px;background:#fff}
.ct-media-count{position:absolute;z-index:5;right:12px;bottom:11px;border-radius:999px;padding:5px 8px;background:rgba(20,17,15,.55);color:#fff;font:700 .65rem/1 var(--ct-font-ui);backdrop-filter:blur(7px)}
.ct-media-note{position:absolute;z-index:5;left:12px;top:12px;border-radius:999px;padding:6px 9px;background:rgba(20,17,15,.64);color:#fff;font:800 .6rem/1 var(--ct-font-ui);letter-spacing:.04em;text-transform:uppercase}
.ct-media-carousel--single .ct-media-count,.ct-media-carousel--single .ct-media-dots,.ct-media-carousel--single .ct-media-arrow{display:none}
.parity-hero-media .ct-media-carousel{min-height:410px}.parity-hero-media .ct-media-carousel img{min-height:410px}
.browse-content-media .ct-media-carousel{min-height:100%;height:100%}.cir-post-media.ct-media-carousel{display:block;min-height:320px;border-radius:17px;margin-top:12px}
@media(max-width:720px){.ct-media-arrow{opacity:.82;width:32px;height:32px}.ct-media-arrow.prev{left:8px}.ct-media-arrow.next{right:8px}.ct-media-dots{bottom:9px}.ct-media-count{right:9px;bottom:8px}.parity-hero-media .ct-media-carousel,.parity-hero-media .ct-media-carousel img{min-height:280px}.cir-post-media.ct-media-carousel{min-height:260px}}
@media(prefers-reduced-motion:reduce){.ct-media-slide{transition:none}.ct-media-arrow{transition:none}}


/* D2 recommendation aspect-preserving media */
.browse-rec-carousel .ct-media-slide,.post-detail-carousel .ct-media-slide{background:linear-gradient(145deg,#eee8df,#ddd4c8)}
.browse-rec-carousel .ct-media-slide img,.post-detail-carousel .ct-media-slide img{object-fit:contain;object-position:center;background:transparent}