/* DRDERMAN – Ürün Liste Slaytı */
.ddls-kart{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.ddls-kart>.ddls-img{grid-area:1/1;opacity:0;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.ddls-kart>.ddls-img.is-on{opacity:1;pointer-events:auto}
.ddls-kart.ddls-kaydir>.ddls-img{opacity:1}

/* Mağaza / kategori / ilgili ürünler kutusu: sabit oran, görsel kırpılmaz */
.ddls-kutu{width:100%;aspect-ratio:var(--ddls-oran,1/1);background:var(--ddls-zemin,#fff);border-radius:12px}
.ddls-kutu>.ddls-img{width:100%!important;height:100%!important;max-width:none;object-fit:var(--ddls-sigdir,contain);margin:0!important;border-radius:0}
.woocommerce ul.products li.product a .ddls-kutu img,.wc-block-grid__product .ddls-kutu img{margin:0}

/* Ana sayfa (DRDERMAN – 07 Ürünlerimiz) kartı: mevcut paket görünümü korunur */
.dd-product-pack .ddls-kart{overflow:visible}
.dd-product-pack .ddls-kart.ddls-kaydir{overflow:hidden}

/* Oklar */
.ddls-ok{position:absolute;top:50%;z-index:3;width:34px;height:34px;margin:-17px 0 0;padding:0;border:1px solid rgba(15,31,61,.08);border-radius:50%;background:rgba(255,255,255,.94);color:#0f1f3d;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s,color .2s;box-shadow:0 4px 12px rgba(15,31,61,.18);font:inherit;line-height:1;min-height:0}
.ddls-ok svg{width:16px;height:16px;display:block}
.ddls-onceki{left:10px}
.ddls-sonraki{right:10px}
.ddls-ok:hover,.ddls-ok:focus-visible{color:var(--ddls-renk,#e31b23);background:#fff;transform:scale(1.08)}
.ddls-acik .ddls-ok,.ddls-ok:focus-visible{opacity:1;visibility:visible}

/* Noktalar */
.ddls-noktalar{position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:6px;opacity:0;transition:opacity .2s;pointer-events:none}
.ddls-noktalar i{width:7px;height:7px;border-radius:50%;background:rgba(15,31,61,.25);transition:background .2s,transform .2s}
.ddls-noktalar i.is-on{background:var(--ddls-renk,#e31b23);transform:scale(1.2)}
.ddls-acik .ddls-noktalar{opacity:1}

/* Dokunmatik ekran: oklar hep görünür (hover yok) */
@media (hover:none){.ddls-ok{opacity:.9;visibility:visible;width:30px;height:30px;margin-top:-15px}.ddls-noktalar{opacity:1}}
@media (prefers-reduced-motion:reduce){.ddls-kart>.ddls-img,.ddls-ok{transition:none}}