.cc_4waatua4_vZOmaYY2K3 .pspots__grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
.cc_4waatua4_vZOmaYY2K3 .pspots__shot { position: relative; min-height: 28.75rem; overflow: hidden; border-radius: var(--defter-radius); background: var(--defter-mist); }
.cc_4waatua4_vZOmaYY2K3 .pspots__shot > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cc_4waatua4_vZOmaYY2K3 .pspots__cap { position: absolute; left: 1.5rem; bottom: 1.5rem; padding: 0.625rem 1.125rem; border-radius: 999px; background: var(--defter-white); font-size: 0.95rem; font-weight: 700; }
.cc_4waatua4_vZOmaYY2K3 .pspots__hs { position: absolute; z-index: 2; width: 2.375rem; height: 2.375rem; margin: -1.1875rem 0 0 -1.1875rem; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: var(--defter-white); cursor: pointer; animation: cc_4waatua4_vZOmaYY2K3_pspots-pulse 2s 6; }
.cc_4waatua4_vZOmaYY2K3 .pspots__hs::after { content: ""; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--defter-orange); }
.cc_4waatua4_vZOmaYY2K3 .pspots__hs.is-on { background: var(--defter-orange); }
.cc_4waatua4_vZOmaYY2K3 .pspots__hs.is-on::after { background: var(--defter-white); }
@keyframes cc_4waatua4_vZOmaYY2K3_pspots-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
.cc_4waatua4_vZOmaYY2K3 .pspots__pop { position: absolute; z-index: 4; width: 15.625rem; display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: 20px; background: var(--defter-white); box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.5); animation: cc_4waatua4_vZOmaYY2K3_pspots-up 0.3s both; }
@keyframes cc_4waatua4_vZOmaYY2K3_pspots-up { from { opacity: 0; transform: translateY(12px); } }
.cc_4waatua4_vZOmaYY2K3 .pspots__th { flex: 0 0 4rem; width: 4rem; height: 4rem; overflow: hidden; border-radius: 12px; background: var(--defter-mist); }
.cc_4waatua4_vZOmaYY2K3 .pspots__th img { width: 100%; height: 100%; object-fit: cover; }
.cc_4waatua4_vZOmaYY2K3 .pspots__nm { min-width: 0; color: var(--defter-ink); text-decoration: none; }
.cc_4waatua4_vZOmaYY2K3 .pspots__nm b { display: block; font-family: var(--defter-font-soft); font-size: 0.95rem; font-weight: 700; line-height: 1.2; }
.cc_4waatua4_vZOmaYY2K3 .pspots__nm span { display: block; margin-top: 0.375rem; font-family: var(--defter-font-soft); font-size: 1rem; font-weight: 800; }
.cc_4waatua4_vZOmaYY2K3 .pspots__add { flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; margin-left: auto; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: var(--defter-ink); color: var(--defter-white); font-size: 1.25rem; line-height: 2.5rem; text-align: center; cursor: pointer; }
@media (max-width: 767px) { .cc_4waatua4_vZOmaYY2K3 .pspots__pop { width: 13.75rem; } }
@media (min-width: 1024px) { .cc_4waatua4_vZOmaYY2K3 .pspots__grid { grid-template-columns: 1.25fr 1fr; } .cc_4waatua4_vZOmaYY2K3 .pspots__shot { min-height: 38.75rem; } }