/* uy-08 — Otomatik akan ürün carousel + sağ/sol ok navigasyon */.blok-uy08{ background:var(--blok-bg-bg, var(--blok-bg)); padding:clamp(48px,7vw,96px) 0; overflow:hidden; }.uy08-head{
    text-align:center;
    margin-bottom:clamp(28px,4vw,44px);
    padding:0 clamp(16px,3vw,40px);
}.uy08-kicker{
    font-family:var(--font-body,inherit);
    font-size:11px; letter-spacing:.3em;
    color:var(--blok-text); font-weight:600;
    text-transform:uppercase;
    display:inline-block; margin-bottom:12px;
}.uy08-title{
    font-family:var(--font-heading,inherit);
    font-size:clamp(26px,3.6vw,44px);
    font-weight:600; color:var(--blok-baslik);
    margin:0; letter-spacing:-.02em; line-height:1.1;
}.uy08-sub{
    font-size:14px; color:var(--blok-text);
    margin:8px auto 0; max-width:560px;
}

/* Stage — track + sağ/sol ok için relative kapsayıcı */.uy08-stage{
    position:relative;
    padding:0 clamp(40px,5vw,72px);
    -webkit-mask-image:linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
    mask-image:linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
}

/* Track */.uy08-track{
    display:flex;
    gap:clamp(14px,1.6vw,22px);
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    scroll-behavior:auto;
    touch-action:pan-y;
    padding:6px 0;
}.uy08-track::-webkit-scrollbar{ display:none; }.uy08-track.is-dragging{ cursor:grabbing; }.uy08-track.is-dragging a{ pointer-events:none; }

/* Kart */.uy08-card{
    width:clamp(170px, 17vw, 240px);
    flex:0 0 auto;
    display:flex; flex-direction:column;
    background:transparent;
}

/* Kare media — cover fill, marjinsiz */.uy08-media{
    position:relative;
    display:block;
    aspect-ratio:1/1;
    overflow:hidden;
    background:var(--blok-bg-bg, var(--blok-bg));
    border-radius:4px;
}.uy08-media img,
.uy08-media picture img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    transition:opacity .35s ease, transform .8s ease;
}
/* Dual-image hover: app.css'teki [data-slot-count] kuralları halleder (2+ resim varsa swap, yoksa swap yok). Burada sadece scale. */.uy08-card:hover .uy08-media img,
.uy08-card:hover .uy08-media picture img{ transform:scale(1.04); }

/* Body */.uy08-body{
    padding:14px 2px 0;
    display:flex; flex-direction:column; gap:6px;
}.uy08-name{
    font-family:var(--font-heading,inherit);
    font-size:14px; font-weight:500; line-height:1.3;
    margin:0; color:var(--blok-text); letter-spacing:.01em;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden;
}.uy08-name a{ color:inherit; text-decoration:none; transition:color .15s; }.uy08-name a:hover{ color:var(--blok-text); }.uy08-price{
    display:flex; align-items:baseline; gap:8px;
    margin-top:4px; flex-wrap:wrap;
}.uy08-now{
    font-family:var(--font-heading,inherit);
    font-size:15px; font-weight:600;
    color:var(--blok-text); letter-spacing:.01em;
}.uy08-old{
    font-size:13px; color:var(--blok-text);
    text-decoration:line-through; font-weight:400;
}.uy08-vat{ font-size:10px; color:var(--blok-text); letter-spacing:.04em; }

/* Sağ/sol ok butonları */.uy08-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px; height:44px;
    background:var(--blok-bg-bg, var(--blok-bg)); color:var(--blok-text);
    border:1px solid var(--blok-border);
    border-radius:50%;
    cursor:pointer;
    z-index:5;
    display:flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, transform .2s, box-shadow .25s;
    box-shadow:0 4px 14px rgba(42,31,24,.10);
    padding:0;
}.uy08-nav:hover{
    background:var(--blok-bg-bg, var(--blok-bg)); color:var(--blok-text);
    transform:translateY(-50%) scale(1.06);
    box-shadow:0 8px 22px rgba(42,31,24,.20);
}.uy08-nav:active{ transform:translateY(-50%) scale(.96); }
/* Stage padding'in içine yerleştir */.uy08-prev{ left:6px; }.uy08-next{ right:6px; }

/* Body içeriğine ok overlay düşmesin — sadece media yüksekliğinde dur */
@media (min-width: 769px) {
    .uy08-nav {
        top:calc(50% - 40px); /* başlık+fiyat alanı offsetini telafi et */
    }
}

/* Footer */.uy08-footer{
    text-align:center;
    margin-top:clamp(28px,3.5vw,44px);
    padding:0 clamp(16px,3vw,40px);
}.uy08-viewall{
    display:inline-flex; align-items:center; gap:8px;
    font-size:13px; font-weight:600;
    color:var(--blok-text); text-decoration:none;
    letter-spacing:.05em; text-transform:uppercase;
    border-bottom:1px solid currentColor;
    padding-bottom:2px;
    transition:gap .2s, color .2s;
}.uy08-viewall:hover{ gap:12px; color:var(--blok-text); }

@media (max-width: 768px) {
    .uy08-stage { padding:0 44px; }.uy08-card{ width:200px; }.uy08-title{ font-size:24px; }.uy08-name{ font-size:12px; }.uy08-now{ font-size:13px; }.uy08-kicker{ font-size:10px; letter-spacing:.2em; }.uy08-nav{ width:36px; height:36px; }.uy08-prev{ left:4px; }.uy08-next{ right:4px; }
}
@media (max-width: 480px) {
    .uy08-stage { padding:0 36px; }.uy08-card{ width:180px; }
}