/* ==========================================================================
   COLLECTION LIST
   Kaynak: application/views/shop_collection/list/page_style.php
   Bu dosya sayfa şablonundan AYRILDI; inline <style> bloğu tarayıcı
   tarafından önbelleğe alınamıyor ve her istekte HTML'i şişiriyordu.
   ========================================================================== */

/* Koleksiyonlar tam ekran dikey slider - sayfa scroll'u kapali, her slide tam viewport.
   Hiçbir dış padding/margin/background sızdırmasın. */
html,
body.gshop-collections-fullscreen {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
    background: #0d0d0d !important;
}

/* Tema chrome'unun tüm sarmalayıcılarındaki padding/min-height'i sıfırla */
body.gshop-collections-fullscreen #main,
body.gshop-collections-fullscreen .gardenist-cms,
body.gshop-collections-fullscreen .gardenist-cms.gardenist-cms--shop,
body.gshop-collections-fullscreen .gardenist-cms--collections-fullscreen,
body.gshop-collections-fullscreen .gshop-collections-page {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: #0d0d0d !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.koleksiyonSwiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0d0d0d;
}
.koleksiyonSwiper .swiper-wrapper {
    height: 100%;
}

.gshop-collection-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0d0d0d;
    color: #fff;
}
.gshop-collection-slide__link {
    display: block;
    position: absolute;
    inset: 0;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}
.gshop-collection-slide__media {
    position: absolute;
    inset: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
    background-color: #0d0d0d;
    overflow: hidden;
}
.gshop-collection-slide__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.06);
    transition: transform 1.6s cubic-bezier(.16,1,.3,1);
    will-change: transform;
}
.swiper-slide-active .gshop-collection-slide__img {
    transform: scale(1);
}
.gshop-collection-slide__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.18) 45%, rgba(0,0,0,0) 75%),
        linear-gradient(to right, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 55%);
    pointer-events: none;
}
.gshop-collection-slide__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: clamp(2rem, 8vh, 6rem);
    padding: 0 clamp(1.5rem, 6vw, 5rem);
    color: #fff;
    z-index: 2;
    max-width: 880px;
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.9s cubic-bezier(.16,1,.3,1) 0.18s,
                transform 0.9s cubic-bezier(.16,1,.3,1) 0.18s;
}
.swiper-slide-active .gshop-collection-slide__content {
    opacity: 1;
    transform: translateY(0);
}
.gshop-collection-slide__eyebrow {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin: 0 0 1rem;
    font-size: 0.7rem;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
    font-weight: 400;
}
.gshop-collection-slide__counter {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.65rem;
    color: rgba(255,255,255,0.6);
}
.gshop-collection-slide__counter::before {
    content: "";
    width: 36px;
    height: 1px;
    background: rgba(255,255,255,0.45);
    display: inline-block;
}
.gshop-collection-slide__name {
    font-family: var(--font-serif, 'Cormorant Garamond', 'Playfair Display', serif);
    font-weight: 300;
    font-size: clamp(2.5rem, 6.5vw, 5.5rem);
    line-height: 1;
    letter-spacing: -0.01em;
    margin: 0 0 1.25rem;
    color: #fff;
}
.gshop-collection-slide__desc {
    font-size: clamp(0.95rem, 1.1vw, 1.05rem);
    line-height: 1.6;
    max-width: 520px;
    color: rgba(255,255,255,0.86);
    margin: 0 0 1.75rem;
}
.gshop-collection-slide__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    color: #fff;
    font-size: 0.74rem;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    padding: 0.95rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.55);
    transition: gap 0.3s ease, border-color 0.3s ease;
}
.gshop-collection-slide__link:hover .gshop-collection-slide__cta {
    gap: 1.4rem;
    border-color: #fff;
}

/* Sag taraftaki dikey pagination noktalari - istek üzerine gizlendi */
.koleksiyonSwiper__pagination {
    display: none !important;
}
.koleksiyonSwiper__pagination.swiper-pagination-vertical.swiper-pagination-bullets {
    right: clamp(0.85rem, 2vw, 2rem);
    left: auto;
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
}
.koleksiyonSwiper__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    opacity: 1;
    transition: background 0.3s ease, transform 0.3s ease;
    margin: 0 !important;
}
.koleksiyonSwiper__pagination .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.4);
}

/* Asagi 'Scroll' ipucu */
.koleksiyonSwiper__hint {
    position: absolute;
    bottom: clamp(1.25rem, 3vh, 2rem);
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    background: transparent;
    border: 0;
    padding: 0;
    color: rgba(255,255,255,0.7);
    pointer-events: none;
    transition: opacity 0.4s ease;
}
.koleksiyonSwiper__hint-line {
    width: 1px;
    height: 36px;
    background: rgba(255,255,255,0.55);
    position: relative;
    overflow: hidden;
}
.koleksiyonSwiper__hint-line::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    transform-origin: top center;
    animation: koleksiyonScrollHint 2.2s cubic-bezier(.7,0,.3,1) infinite;
}
@keyframes koleksiyonScrollHint {
    0% { transform: scaleY(0); transform-origin: top center; }
    49% { transform: scaleY(1); transform-origin: top center; }
    50% { transform: scaleY(1); transform-origin: bottom center; }
    100% { transform: scaleY(0); transform-origin: bottom center; }
}
.koleksiyonSwiper__hint-label {
    font-size: 0.6rem;
    letter-spacing: 0.4em;
    text-transform: uppercase;
}
.koleksiyonSwiper.is-last .koleksiyonSwiper__hint { opacity: 0; }

@media (max-width: 700px) {
    .gshop-collection-slide__content {
        bottom: clamp(2rem, 12vh, 5rem);
        padding: 0 1.25rem;
        max-width: 92%;
    }
    .koleksiyonSwiper__pagination.swiper-pagination-vertical.swiper-pagination-bullets {
        right: 0.6rem;
    }
    .koleksiyonSwiper__hint { display: none; }
}