/* Paket kaydiricilari — kart disinda yan oklar, ust sayac cubugu (21 Ekim 2026). Davranis: js/soho-slider.js */
.pkg-slider { position: relative; }

/* yan oklar: kartlarin tamamen disinda (46px ok + 16px bosluk). JS yer yetmezse .nav-side koymaz, cubuk gosterilir.
   kartlar uzun (~880px): ok dikey ortada degil, fotograf hizasinda durur ki kart basina bakarken gorunsun */
.pkg-nav { position: absolute; top: 150px; z-index: 3; display: none; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid var(--line, #e7e1d6); border-radius: 50%; background: #fff; color: var(--navy, #0a0a3c); box-shadow: 0 8px 22px rgba(8, 8, 61, .12); cursor: pointer; transition: opacity .2s ease, background .16s ease, color .16s ease; }
.pkg-prev { left: -62px; }
.pkg-next { right: -62px; }
.pkg-nav:hover { background: var(--navy, #0a0a3c); color: #fff; }
.pkg-nav:disabled { opacity: .3; cursor: default; background: #fff; color: var(--navy, #0a0a3c); }
.pkg-slider.is-scrollable.nav-side .pkg-nav { display: flex; }

/* ust cubuk — mobilde ve yan boslugu dar ekranlarda (22 Ekim 2026).
   Cubuk + kartlar tek bir panelde: butonlar ustteki metne degil paketlere ait gorunur.
   Sag ic bosluk yok: yandaki kart panelin kenarina kadar uzanir */
.pkg-bar { display: none; }
.pkg-slider.is-scrollable:not(.nav-side) { margin: 26px 0 10px; padding: 14px 0 2px 14px; border: 1px solid var(--line, #e7e1d6); border-radius: 20px; background: #f7f4ef; }
.pkg-slider.is-scrollable:not(.nav-side) .paketler1x_slider { scrollbar-width: none; } /* konum noktalardan okunur; panel icinde beyaz serit kalmasin */
.pkg-slider.is-scrollable:not(.nav-side) .paketler1x_slider::-webkit-scrollbar { display: none; }
.pkg-slider.is-scrollable:not(.nav-side) .pkg-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 14px 12px 0; }
.pkg-meta { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.pkg-label { color: var(--navy, #0a0a3c); font-size: 12px; font-weight: 700; letter-spacing: .07em; line-height: 1; text-transform: uppercase; }
/* nokta gostergesi: gorunen kart uzun altin cizgi, digerleri kucuk nokta */
.pkg-dots { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.pkg-dots i { display: block; width: 6px; height: 6px; border-radius: 999px; background: rgba(10, 10, 60, .18); transition: width .25s ease, background .25s ease; }
.pkg-dots i.is-active { width: 22px; background: var(--gold, #b1a084); }
/* sayac metni yalnizca ekran okuyucular icin */
.pkg-count { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* tek kapsul: iki ok arasinda ince ayrac */
.pkg-bar-arrows { display: inline-flex; flex: none; align-items: center; border: 1px solid var(--line, #e7e1d6); border-radius: 999px; background: #fff; box-shadow: 0 4px 14px rgba(8, 8, 61, .06); }
.pkg-bar-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 40px; padding: 0; border: 0; background: transparent; color: var(--navy, #0a0a3c); cursor: pointer; transition: color .16s ease, opacity .2s ease; }
.pkg-bar-btn:first-child { border-radius: 999px 0 0 999px; }
.pkg-bar-btn:last-child { border-left: 1px solid var(--line, #e7e1d6); border-radius: 0 999px 999px 0; }
.pkg-bar-btn:not(:disabled):active { background: rgba(10, 10, 60, .05); }
.pkg-bar-btn:disabled { color: rgba(10, 10, 60, .25); cursor: default; }
.pkg-nav:focus-visible, .pkg-bar-btn:focus-visible { outline: 2px solid var(--gold, #b1a084); outline-offset: 2px; }

@media (max-width: 767px) {
	/* yandaki kartin kenari gorunsun: kaydirilabildigini belli eder */
	.pkg-slider .paketler1x_slider { grid-auto-columns: min(300px, 84%); }
}