/* Fotoğraftan al: 40 px köşeli fotoğraf, beyaz devre noktaları (nabız halkası); sağda pembe panel: ürün kartı + liste + hepsini ekle */
.cc_wvu8a0gt_mrgRoO1CXV .pspots__note { max-width: 22rem; margin: 0; color: var(--devre-ink-2); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__grid { display: grid; gap: 1.25rem; align-items: start; }
@media (min-width: 1024px) { .cc_wvu8a0gt_mrgRoO1CXV .pspots__grid { grid-template-columns: 1.6fr 1fr; gap: 1.75rem; } }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__shot { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 40px; background: var(--devre-mist); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__shot > img { width: 100%; height: 100%; object-fit: cover; }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__hs { position: absolute; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin: -1.25rem 0 0 -1.25rem; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: var(--devre-blue); font-size: 1rem; box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.4); cursor: pointer; transition: transform 0.3s var(--devre-ease), background 0.25s; }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__hs::before { content: ""; position: absolute; inset: -6px; border: 2px solid var(--devre-white); border-radius: 50%; animation: cc_wvu8a0gt_mrgRoO1CXV_pspots-ping 2s 5; }
@keyframes cc_wvu8a0gt_mrgRoO1CXV_pspots-ping { from { transform: scale(0.8); opacity: 1; } to { transform: scale(1.5); opacity: 0; } }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__hs i { width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--devre-orange); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__hs.is-on { transform: scale(1.2); background: var(--devre-blue); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__hs.is-on i { background: var(--devre-white); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__panel { display: flex; flex-direction: column; gap: 1rem; padding: 1.375rem; border-radius: 32px; background: var(--devre-white); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__panel ul { display: flex; flex-direction: column; gap: 0.375rem; margin: 0; padding: 0; list-style: none; }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__panel li button { display: flex; justify-content: space-between; gap: 0.75rem; width: 100%; padding: 0.55rem 0.9rem; border: 0; border-radius: 999px; background: var(--devre-mist); color: var(--devre-ink); font-family: var(--devre-font); font-size: 0.92rem; text-align: left; cursor: pointer; }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__panel li button.is-on { background: var(--devre-ink); color: var(--devre-white); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__all { width: 100%; justify-content: space-between; }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__all i { background: var(--devre-butter); color: var(--devre-ink); }
.cc_wvu8a0gt_mrgRoO1CXV .pspots__panel .devre-product-card__image-wrapper { aspect-ratio: 5 / 4; }
