/* İLAN PAKETİ bölümü (views/partials/ilan-paketi.php). Airbnb dili:
   beyaz kart, ince gri çizgi, 12 px köşe, yazı #222. Düğmeler sayfanın
   kendi .btn sınıflarından. */
.ip{margin:28px 0 8px;padding:24px;border:1px solid #ebebeb;border-radius:16px;background:#fff;color:#222}
.ip-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.ip-bas h2{margin:0;font-size:22px;line-height:26px;font-weight:700;letter-spacing:-.01em}
.ip-bas p{margin:4px 0 0;font-size:15px;line-height:20px;color:#6a6a6a}
.ip-zip{flex:none;white-space:nowrap}
.ip-sec{display:inline-flex;gap:4px;margin:0 0 16px;padding:4px;border-radius:999px;background:#f7f7f7;border:1px solid #ebebeb}
.ip-sec button{padding:8px 16px;border:0;border-radius:999px;background:none;color:#6a6a6a;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ip-sec button small{font-size:12px;font-weight:500;opacity:.8}
.ip-sec button.on{background:#fff;color:#222;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.ip-izgara.dikey{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:720px){.ip-izgara.dikey{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ip-izgara.dikey .ip-ac img{aspect-ratio:9/16}
.ip-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:720px){.ip-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ip-kare{margin:0;min-width:0}
.ip-bos{aspect-ratio:16/9;border-radius:12px;background:linear-gradient(90deg,#f2f2f2 0%,#e9e9e9 40%,#f2f2f2 80%);background-size:200% 100%;animation:ip-parla 1.4s linear infinite}
@keyframes ip-parla{from{background-position:100% 0}to{background-position:-100% 0}}
.ip-ac{display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#f2f2f2;cursor:zoom-in}
.ip-ac img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}
.ip-ac:hover img{transform:scale(1.03)}
.ip-kare figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:13px;line-height:18px;font-weight:600}
.ip-kare figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ip-indir{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;color:#222}
.ip-indir:hover{background:#f7f7f7}
.ip-indir svg{width:18px;height:18px}
.ip-durum{margin:12px 0 0;font-size:14px;color:#6a6a6a}
.ip-metin{margin-top:22px;padding-top:22px;border-top:1px solid #ebebeb}
.ip-metin-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ip-metin-ust b{font-size:16px}
.ip-kopya{padding:9px 14px;font-size:14px}
.ip-kopya svg{width:16px;height:16px}
.ip-metin h3{margin:0 0 8px;font-size:17px;line-height:22px;font-weight:700}
.ip-aciklama{white-space:pre-line;font-size:15px;line-height:22px;color:#33424f}
.ip-buyuk{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:56px 16px 24px;background:rgba(0,0,0,.88)}
.ip-buyuk[hidden]{display:none}
.ip-buyuk img{max-width:100%;max-height:calc(100vh - 160px);border-radius:8px}
.ip-kapat{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.ip-kapat svg{width:16px;height:16px}
@media (max-width:560px){.ip{padding:18px 16px;margin-left:-4px;margin-right:-4px}.ip-bas{flex-direction:column}.ip-zip{width:100%;justify-content:center}}