/**
 * Oluşturulma: 2026-08-12
 * Son değişiklik: 2026-08-12
 * Oluşturan: Özgür Elibol
 * Amaç: V95 ana sayfa Nargile Menüsü yatay slider ve admin yönetim arayüzü.
 */

/* PUBLIC */
.v95-hookah-section{
    width:min(calc(100% - 70px),1180px);
    margin:22px auto 42px;
    padding:0;
}
.v95-hookah-section .v88-section-head{
    margin-bottom:16px;
}
.v95-hookah-arrows{
    display:flex;
    gap:8px;
}
.v95-hookah-arrows button{
    width:40px;
    height:40px;
    padding:0;
    border:1px solid var(--customer-border,#ded2c1);
    border-radius:50%;
    background:var(--customer-surface,#fffaf4);
    color:var(--customer-text,#19140f);
    font-size:17px;
    cursor:pointer;
}
.v95-hookah-arrows button:hover{
    border-color:var(--customer-primary,#c8953b);
    color:var(--customer-primary,#c8953b);
}
.v95-hookah-viewport{
    overflow:hidden;
}
.v95-hookah-track{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:2px 1px 8px;
}
.v95-hookah-track::-webkit-scrollbar{display:none}
.v95-hookah-card{
    flex:0 0 calc((100% - 42px)/4);
    min-width:0;
    overflow:hidden;
    scroll-snap-align:start;
    border:1px solid var(--customer-border,#ded2c1);
    border-radius:11px;
    background:var(--customer-surface,#fffaf4);
    box-shadow:0 7px 22px rgba(34,24,15,.06);
}
.v95-hookah-image{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#111;
}
.v95-hookah-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}
.v95-hookah-card:hover .v95-hookah-image img{transform:scale(1.035)}
.v95-hookah-image>span{
    position:absolute;
    top:10px;
    left:10px;
    padding:5px 7px;
    border-radius:999px;
    background:var(--customer-primary,#c8953b);
    color:var(--customer-button-text,#111);
    font-size:7px;
    font-weight:900;
    letter-spacing:.06em;
}
.v95-hookah-copy{
    min-height:132px;
    padding:14px;
}
.v95-hookah-copy h3{
    margin:0 0 7px;
    color:var(--customer-text,#19140f);
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    line-height:1.15;
}
.v95-hookah-copy p{
    min-height:38px;
    margin:0 0 12px;
    color:var(--customer-muted,#6f685f);
    font-size:10px;
    line-height:1.5;
}
.v95-hookah-copy strong{
    color:var(--customer-primary,#c8953b);
    font-size:14px;
}

/* ADMIN */
.v95-hookah-admin-layout{
    display:grid;
    grid-template-columns:minmax(330px,420px) minmax(0,1fr);
    gap:16px;
    align-items:start;
}
.v95-hookah-admin-layout>section:first-child{
    position:sticky;
    top:82px;
}
.v95-hookah-form .v95-hookah-checks{
    display:flex;
    align-items:center;
    gap:16px;
    padding:10px 12px;
    border:1px solid #dbe3ee;
    border-radius:9px;
    background:#f8fafc;
}
.v95-current-hookah{
    overflow:hidden;
    border:1px solid #dbe3ee;
    border-radius:9px;
}
.v95-current-hookah img{
    width:100%;
    max-height:210px;
    object-fit:cover;
    display:block;
}
.v95-current-hookah small{display:block;padding:7px 9px;color:#667085}
.v95-count{
    padding:5px 7px;
    border-radius:999px;
    background:#eef2f7;
    color:#5f6e82;
    font-size:8px;
    font-weight:800;
}
.v95-hookah-admin-list{display:grid;gap:10px}
.v95-hookah-admin-list>article{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    overflow:hidden;
    border:1px solid #dbe3ee;
    border-radius:11px;
    background:#fff;
}
.v95-hookah-admin-image{
    min-height:145px;
    background:#111;
}
.v95-hookah-admin-image img{
    width:100%;
    height:100%;
    min-height:145px;
    object-fit:cover;
    display:block;
}
.v95-hookah-admin-image span{
    height:100%;
    min-height:145px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9aa5b4;
    font-size:9px;
}
.v95-hookah-admin-copy{padding:13px}
.v95-hookah-admin-copy h3{margin:7px 0 5px;font-size:15px}
.v95-hookah-admin-copy p{margin:0 0 7px;color:#667085;font-size:9px;line-height:1.5}
.v95-hookah-admin-copy>small{display:block;margin-bottom:10px;color:#7b8797;font-size:8px}
.v95-hookah-status{display:flex;gap:5px;flex-wrap:wrap}
.v95-hookah-status span{
    padding:4px 6px;
    border-radius:999px;
    background:#eef2f7;
    color:#58667a;
    font-size:7px;
    font-weight:800;
}
.v95-hookah-status span.on{background:#e7f4eb;color:#2f7047}
.v95-hookah-status span.off{background:#f3eeee;color:#865151}

@media(max-width:960px){
    .v95-hookah-card{flex-basis:calc((100% - 28px)/3)}
    .v95-hookah-admin-layout{grid-template-columns:1fr}
    .v95-hookah-admin-layout>section:first-child{position:static}
}
@media(max-width:720px){
    .v95-hookah-section{width:calc(100% - 24px);margin-bottom:32px}
    .v95-hookah-card{flex-basis:72vw}
    .v95-hookah-copy{min-height:118px}
    .v95-hookah-arrows button{width:34px;height:34px}
    .v95-hookah-admin-list>article{grid-template-columns:115px 1fr}
}
@media(max-width:480px){
    .v95-hookah-card{flex-basis:82vw}
    .v95-hookah-admin-list>article{grid-template-columns:1fr}
    .v95-hookah-admin-image,.v95-hookah-admin-image img,.v95-hookah-admin-image span{min-height:175px}
}


/* =========================================================
   V95.1 - NARGİLE SLIDER DİKEY GÖRSEL DÜZENİ
   Nargile ürün fotoğrafları boydan olduğundan kart görselleri
   3:4 portre oranında gösterilir; görsel kırpılmaz.
   ========================================================= */

.v95-hookah-card{
    flex:0 0 calc((100% - 42px)/4)!important;
}

.v95-hookah-image{
    aspect-ratio:3/4!important;
    background:#0b0b0b!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.v95-hookah-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#0b0b0b!important;
}

.v95-hookah-copy{
    min-height:124px!important;
}

@media(max-width:960px){
    .v95-hookah-card{
        flex-basis:calc((100% - 28px)/3)!important;
    }
}

@media(max-width:720px){
    .v95-hookah-card{
        flex-basis:58vw!important;
    }
    .v95-hookah-image{
        aspect-ratio:3/4!important;
    }
}

@media(max-width:480px){
    .v95-hookah-card{
        flex-basis:68vw!important;
    }
}