/* ============================================================
   VIDARA TASARIM KATMANI
   Vidara Corporate Identity Guidelines (2024-03)

   Marka grafik bileşenleri (s.48): "Living line", "Straight line"
   ve büyük ölçekte, kadraja taşan bir grafik öğe olarak kullanılan
   "Infinity icon". Bu dosya o üç öğeyi web'e uyarlar.

   Tipografi (s.21): büyük başlıklar Comfortaa (tracking -30, caps yok),
   gövde Futura. Futura lisanslı olduğu için gövde mevcut Inter ile
   devam ediyor; başlıklar Comfortaa'ya alındı.

   Yalnızca /login ve /home sayfalarında yükleniyor. Sınıf öneki: vd-
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap');

:root {
    --vd-font-display: 'Comfortaa', 'Inter', sans-serif;
    --vd-green: #046A38;
    --vd-green-deep: #023B1F;
    --vd-lime: #A4D65E;
    --vd-slate: #4A5A58;
    --vd-mist: #D1CFD7;
    --vd-radius: 16px;
    --vd-shadow-sm: 0 1px 2px rgba(2, 59, 31, .06), 0 1px 3px rgba(2, 59, 31, .1);
    --vd-shadow-md: 0 4px 6px -1px rgba(2, 59, 31, .07), 0 12px 24px -8px rgba(2, 59, 31, .12);
    --vd-shadow-lg: 0 24px 48px -12px rgba(2, 59, 31, .18);
}

/* Comfortaa'nın brandbook'taki -30 tracking'i ≈ -0.03em */
.vd-display {
    font-family: var(--vd-font-display);
    letter-spacing: -.03em;
    font-weight: 700;
    text-transform: none;
    color: var(--vd-green-deep);
}

.vd-eyebrow {
    font-family: var(--vd-font-display);
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .68rem;
    font-weight: 600;
    color: var(--vd-green);
}

/* "Straight line" — başlık altı marka çizgisi */
.vd-rule {
    width: 48px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--vd-green), var(--vd-lime));
}

/* "Infinity icon" — kadraja taşan, dekoratif filigran */
.vd-watermark {
    position: absolute;
    background: url('../img/brand/mark.svg') no-repeat center / contain;
    pointer-events: none;
    user-select: none;
}

.vd-watermark-light {
    background-image: url('../img/brand/mark-lime.svg');
}

/* Sidebar logosu — main.css'te .cc-app-sidebar-logo için hiç kural yok ve
   global `img { max-width:100%; height:auto }` ile birleşince logo, boyutu
   belirtilmemiş tek kullanım olduğu için 0 genişliğe çöküyordu.
   SVG'lere içsel width/height eklendi; bu kural da görünür boyutu sabitler. */
.cc-app-sidebar-logo {
    display: flex;
    justify-content: center;
    width: 100%;
}

.cc-app-sidebar-logo img {
    width: auto;
    height: 2.75rem;
    max-width: 100%;
    object-fit: contain;
}

/* Mobil header'daki marka logosu da aynı güvenceye alınıyor */
.cc-app-header-brand img {
    height: 2.25rem;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- yüzeyler ---------- */
.vd-surface {
    background: #fff;
    border: 1px solid #E7EFEA;
    border-radius: var(--vd-radius);
    box-shadow: var(--vd-shadow-sm);
}

.vd-gradient-green {
    background: linear-gradient(135deg, #046A38 0%, #03592F 45%, #023B1F 100%);
}

/* Marka yeşilinin üzerine binen açık yeşil ışıma */
.vd-gradient-green-glow {
    background:
        radial-gradient(120% 90% at 85% 10%, rgba(164, 214, 94, .30) 0%, rgba(164, 214, 94, 0) 55%),
        radial-gradient(90% 80% at 10% 95%, rgba(164, 214, 94, .18) 0%, rgba(164, 214, 94, 0) 60%),
        linear-gradient(135deg, #046A38 0%, #03592F 45%, #023B1F 100%);
}

/* ============================================================
   LOGIN
   ============================================================ */

.vd-auth {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 1fr;
    background: #fff;
}

@media (min-width: 1280px) {
    .vd-auth {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    }
}

/* ---- sol: form ---- */
.vd-auth-pane {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden auto;
    padding: 2rem 1.5rem;
}

@media (min-width: 768px) {
    .vd-auth-pane { padding: 2.5rem 3rem; }
}

.vd-auth-pane-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(60% 40% at 100% 0%, rgba(164, 214, 94, .13) 0%, rgba(164, 214, 94, 0) 70%),
        radial-gradient(50% 35% at 0% 100%, rgba(4, 106, 56, .07) 0%, rgba(4, 106, 56, 0) 70%);
}

.vd-auth-pane > * { position: relative; z-index: 1; }

.vd-auth-form {
    width: 100%;
    max-width: 400px;
    margin: auto;
    padding: 2rem 0;
}

.vd-auth-logo { height: 42px; width: auto; display: block; }

.vd-auth-title {
    font-size: clamp(1.65rem, 1.2rem + 1.4vw, 2.15rem);
    line-height: 1.15;
    margin: 0;
}

.vd-auth-subtitle {
    color: var(--vd-slate);
    font-size: .9rem;
    margin: .6rem 0 0;
    line-height: 1.55;
}

.vd-auth-footer {
    margin-top: auto;
    padding-top: 2rem;
    font-size: .8rem;
    color: #7A8785;
    text-align: center;
}

.vd-auth-footer a { color: var(--vd-green); font-weight: 600; }

/* form alanlarını marka yeşiline hizala (cc-input sınıfları korunuyor) */
.vd-auth-form .cc-input {
    border-radius: 11px;
    transition: border-color .18s, box-shadow .18s;
}

.vd-auth-form .cc-input:focus-within {
    border-color: var(--vd-green);
    box-shadow: 0 0 0 4px rgba(4, 106, 56, .12);
}

.vd-auth-form .cc-form-field-label {
    font-weight: 600;
    color: #2F3B39;
}

.vd-auth-form .cc-btn-primary {
    border-radius: 11px;
    font-weight: 600;
    letter-spacing: .01em;
    box-shadow: 0 8px 18px -8px rgba(4, 106, 56, .55);
}

.vd-auth-form .cc-btn-primary:hover { box-shadow: 0 12px 22px -8px rgba(4, 106, 56, .65); }

/* "veya" ayırıcı */
.vd-divider {
    display: flex;
    align-items: center;
    gap: .85rem;
    color: #9AA5A3;
    font-size: .75rem;
}

.vd-divider::before,
.vd-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #E7EFEA;
}

/* dil seçimi satırı — "Kayıt Ol" butonundan ayrılıp ortalanıyor */
.vd-auth-lang {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 2.25rem;
    font-size: .8rem;
    color: var(--vd-slate);
}

/* etiket tek satırda kalsın, select'e yer açsın */
.vd-auth-lang .cc-form-field-label {
    flex: none;
    margin-bottom: 0;
    white-space: nowrap;
}

/* varsayılan 11.25rem min-width bu satırda gereksiz geniş duruyor */
.vd-auth-lang .cc-select {
    min-width: 0;
}

.vd-auth-lang .cc-select-trigger {
    border-radius: 10px;
}

/* ---- sağ: marka paneli ---- */
.vd-auth-brand {
    position: relative;
    display: none;
    overflow: hidden;
}

@media (min-width: 1280px) {
    .vd-auth-brand { display: block; }
}

.vd-auth-brand .swiper,
.vd-auth-brand .swiper-slide { height: 100%; }

.vd-auth-slide {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transform: scale(1.06);
    transition: transform 7s linear;
}

.swiper-slide-active .vd-auth-slide { transform: scale(1); }

/* görselin üzerine marka gradyanı: logo her zaman okunur kalsın */
.vd-auth-brand-veil {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(2, 59, 31, .72) 0%, rgba(2, 59, 31, .38) 38%, rgba(2, 59, 31, .88) 100%),
        linear-gradient(115deg, rgba(4, 106, 56, .55) 0%, rgba(4, 106, 56, 0) 60%);
}

.vd-auth-brand-mark {
    position: absolute;
    z-index: 3;
    right: -7rem;
    top: -4rem;
    width: 30rem;
    height: 30rem;
    opacity: .16;
    pointer-events: none;
    background: url('../img/brand/mark-lime.svg') no-repeat center / contain;
}

.vd-auth-brand-content {
    position: absolute;
    z-index: 4;
    inset: auto 0 0 0;
    /* alt boşluk, altındaki sayfalama çizgilerine yer bırakır */
    padding: 3.5rem 3.5rem 5.25rem;
    color: #fff;
}

.vd-auth-quote {
    font-family: var(--vd-font-display);
    letter-spacing: -.03em;
    font-weight: 700;
    font-size: clamp(1.8rem, 1rem + 1.7vw, 2.6rem);
    line-height: 1.18;
    color: #fff;
    margin: 0 0 1rem;
    max-width: 20ch;
}

.vd-auth-quote em {
    font-style: normal;
    color: var(--vd-lime);
}

.vd-auth-lede {
    color: rgba(255, 255, 255, .82);
    font-size: .95rem;
    line-height: 1.6;
    max-width: 46ch;
    margin: 0;
}

.vd-auth-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1.75rem;
}

.vd-auth-pill {
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: #EAF6DE;
    background: rgba(164, 214, 94, .16);
    border: 1px solid rgba(164, 214, 94, .32);
    border-radius: 999px;
    padding: .38rem .8rem;
    backdrop-filter: blur(2px);
}

/* swiper pagination'ı marka çizgisine dönüştür */
.vd-auth-brand .swiper-pagination {
    z-index: 5;
    bottom: 1.75rem !important;
    left: 3.5rem !important;
    right: auto !important;
    width: auto !important;
    text-align: left;
}

.vd-auth-brand .swiper-pagination-bullet {
    width: 26px;
    height: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .38);
    opacity: 1;
    transition: background .25s, width .25s;
}

.vd-auth-brand .swiper-pagination-bullet-active {
    background: var(--vd-lime);
    width: 44px;
}

/* ============================================================
   HOME
   ============================================================ */

/* ---- karşılama bandı ---- */
.vd-hero {
    position: relative;
    overflow: hidden;
    border-radius: var(--vd-radius);
    color: #fff;
    padding: 1.75rem;
    box-shadow: var(--vd-shadow-md);
}

@media (min-width: 1024px) {
    .vd-hero { padding: 2.25rem 2.5rem; }
}

.vd-hero-mark {
    position: absolute;
    right: -5rem;
    top: -7rem;
    width: 26rem;
    height: 26rem;
    opacity: .13;
    pointer-events: none;
    background: url('../img/brand/mark-lime.svg') no-repeat center / contain;
}

.vd-hero-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
}

.vd-hero-greeting {
    font-family: var(--vd-font-display);
    letter-spacing: -.03em;
    font-weight: 700;
    font-size: clamp(1.4rem, 1rem + 1.1vw, 2rem);
    line-height: 1.15;
    color: #fff;
    margin: .35rem 0 0;
}

.vd-hero-greeting em { font-style: normal; color: var(--vd-lime); }

.vd-hero-eyebrow {
    font-family: var(--vd-font-display);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .66rem;
    font-weight: 600;
    color: rgba(234, 246, 222, .85);
}

.vd-hero-sub {
    color: rgba(255, 255, 255, .78);
    font-size: .85rem;
    margin: .55rem 0 0;
}

/* bakiye rozetleri */
.vd-hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.vd-stat {
    display: flex;
    align-items: center;
    gap: .7rem;
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    padding: .6rem .9rem;
    min-width: 148px;
    backdrop-filter: blur(4px);
}

.vd-stat-icon {
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    background: rgba(164, 214, 94, .2);
    color: var(--vd-lime);
}

.vd-stat-label {
    font-size: .66rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .68);
    line-height: 1.2;
}

.vd-stat-value {
    font-family: var(--vd-font-display);
    font-weight: 700;
    font-size: .98rem;
    line-height: 1.25;
    color: #fff;
}

/* ---- hızlı erişim ---- */
.vd-quick {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

@media (min-width: 768px) {
    .vd-quick { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.vd-quick-item {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .95rem 1.05rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #E7EFEA;
    box-shadow: var(--vd-shadow-sm);
    color: #1E2B28;
    text-decoration: none;
    transition: transform .18s, box-shadow .18s, border-color .18s;
}

.vd-quick-item:hover {
    transform: translateY(-2px);
    border-color: #C6E2D2;
    box-shadow: var(--vd-shadow-md);
    color: var(--vd-green-deep);
}

/* hover'da soldan giren marka çizgisi */
.vd-quick-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--vd-green), var(--vd-lime));
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .22s;
}

.vd-quick-item:hover::before { transform: scaleY(1); }

.vd-quick-icon {
    width: 40px;
    height: 40px;
    flex: none;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    background: #EEF7F1;
    color: var(--vd-green);
    transition: background .18s, color .18s;
}

.vd-quick-item:hover .vd-quick-icon {
    background: var(--vd-green);
    color: #fff;
}

.vd-quick-label {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25;
}

.vd-quick-hint {
    font-size: .72rem;
    color: #7A8785;
    line-height: 1.3;
}

/* ---- bölüm başlığı ---- */
.vd-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.vd-section-title {
    font-family: var(--vd-font-display);
    letter-spacing: -.03em;
    font-weight: 700;
    font-size: 1.02rem;
    color: var(--vd-green-deep);
    margin: 0;
    display: flex;
    align-items: center;
    gap: .55rem;
}

.vd-section-title i { color: var(--vd-green); }

.vd-section-desc {
    font-size: .8rem;
    color: #7A8785;
    margin: .3rem 0 0;
}

/* ---- kart ---- */
.vd-card {
    background: #fff;
    border: 1px solid #E7EFEA;
    border-radius: var(--vd-radius);
    box-shadow: var(--vd-shadow-sm);
    overflow: hidden;
}

.vd-card-head {
    padding: 1.15rem 1.35rem;
    border-bottom: 1px solid #F0F5F2;
}

.vd-card-body { padding: 1.35rem; }
.vd-card-body-flush { padding: 0; }

/* ---- ana banner ---- */
.vd-banner {
    border-radius: var(--vd-radius);
    overflow: hidden;
    box-shadow: var(--vd-shadow-md);
}

.vd-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vd-banner .swiper-pagination {
    bottom: 1rem !important;
}

.vd-banner .swiper-pagination-bullet {
    width: 22px;
    height: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .5);
    opacity: 1;
    transition: background .25s, width .25s;
}

.vd-banner .swiper-pagination-bullet-active {
    background: var(--vd-lime);
    width: 38px;
}

.vd-banner .swiper-button-prev,
.vd-banner .swiper-button-next {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    color: var(--vd-green);
    box-shadow: var(--vd-shadow-sm);
    transition: background .18s, color .18s;
}

.vd-banner .swiper-button-prev:hover,
.vd-banner .swiper-button-next:hover {
    background: var(--vd-green);
    color: #fff;
}

.vd-banner .swiper-button-prev::after,
.vd-banner .swiper-button-next::after {
    font-size: .85rem;
    font-weight: 700;
}

/* ---- duyuru / blog kartı ---- */
.vd-post {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid #E7EFEA;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .18s, box-shadow .18s, border-color .18s;
}

.vd-post:hover {
    transform: translateY(-3px);
    border-color: #C6E2D2;
    box-shadow: var(--vd-shadow-md);
}

.vd-post-media {
    aspect-ratio: 16 / 10;
    background-size: cover;
    background-position: center;
    position: relative;
}

.vd-post-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 59, 31, 0) 55%, rgba(2, 59, 31, .35) 100%);
}

.vd-post-body {
    padding: 1.15rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
}

.vd-post-title {
    font-family: var(--vd-font-display);
    letter-spacing: -.02em;
    font-weight: 700;
    font-size: .98rem;
    line-height: 1.35;
    color: var(--vd-green-deep);
    margin: 0 0 .5rem;
}

.vd-post-text {
    font-size: .82rem;
    color: #6B7876;
    line-height: 1.55;
    flex: 1;
    margin: 0;
}

.vd-post-link {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--vd-green);
    text-decoration: none;
}

.vd-post-link i { transition: transform .18s; }
.vd-post-link:hover i { transform: translateX(3px); }

/* blog varyantı: görsel yok, yeşil zemin */
.vd-post-plain {
    background: linear-gradient(160deg, #F4FAEA 0%, #EEF7F1 100%);
    border-color: #DCEFD0;
}

/* ---- tedarikçi ---- */
.vd-partner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 118px;
    padding: 1rem;
    background: #fff;
    border: 1px solid #E7EFEA;
    border-radius: 14px;
    transition: transform .18s, box-shadow .18s, border-color .18s;
}

.vd-partner:hover {
    transform: translateY(-3px);
    border-color: #C6E2D2;
    box-shadow: var(--vd-shadow-md);
}

.vd-partner img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .62;
    transition: filter .22s, opacity .22s;
}

.vd-partner:hover img {
    filter: grayscale(0);
    opacity: 1;
}

/* ---- firma bilgi satırları ---- */
.vd-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem .85rem;
}

.vd-meta-full { grid-column: 1 / -1; }

.vd-meta-label {
    font-size: .68rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #8B9694;
    margin-bottom: .2rem;
}

.vd-meta-value {
    font-size: .84rem;
    font-weight: 500;
    color: #1E2B28;
    word-break: break-word;
}

.vd-account-name {
    font-family: var(--vd-font-display);
    letter-spacing: -.02em;
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--vd-green);
    line-height: 1.3;
}

/* bakiye satırı (kart içi) */
.vd-balance {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .7rem .8rem;
    border-radius: 12px;
    background: #F7FBF8;
    border: 1px solid #E7EFEA;
}

.vd-balance-icon {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--vd-green);
    color: #fff;
    font-size: .82rem;
}

.vd-balance-label {
    font-size: .68rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8B9694;
    line-height: 1.2;
}

.vd-balance-value {
    font-family: var(--vd-font-display);
    font-weight: 700;
    font-size: .95rem;
    color: #1E2B28;
    line-height: 1.3;
}

/* ---- favori ürün satırı ---- */
.vd-product {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem;
    border: 1px solid #E7EFEA;
    border-radius: 12px;
    background: #fff;
    transition: border-color .18s, box-shadow .18s, background .18s;
}

.vd-product:hover {
    border-color: #C6E2D2;
    background: #FAFDFB;
    box-shadow: var(--vd-shadow-sm);
}

.vd-product-thumb {
    width: 44px;
    height: 44px;
    flex: none;
    border-radius: 50%;
    border: 1px solid #E7EFEA;
    background: #fff center / 72% no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 700;
    color: var(--vd-green);
}

.vd-product-group {
    font-size: .66rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8B9694;
}

.vd-product-name {
    font-size: .85rem;
    font-weight: 600;
    color: #1E2B28;
    line-height: 1.3;
}

.vd-product-brand {
    font-size: .72rem;
    color: #7A8785;
}

/* ---- sosyal ---- */
.vd-social {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .65rem .8rem;
    border: 1px solid #E7EFEA;
    border-radius: 12px;
    background: #fff;
    text-decoration: none;
    transition: transform .18s, border-color .18s, box-shadow .18s;
}

.vd-social:hover {
    transform: translateX(3px);
    border-color: #C6E2D2;
    box-shadow: var(--vd-shadow-sm);
}

.vd-social img {
    width: 38px;
    height: 38px;
    flex: none;
    object-fit: contain;
}

.vd-social-name {
    font-size: .85rem;
    font-weight: 600;
    color: #1E2B28;
    line-height: 1.2;
}

.vd-social-handle {
    font-size: .75rem;
    color: #7A8785;
}

.vd-social-go {
    margin-left: auto;
    width: 30px;
    height: 30px;
    flex: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEF7F1;
    color: var(--vd-green);
    font-size: .72rem;
    transition: background .18s, color .18s;
}

.vd-social:hover .vd-social-go {
    background: var(--vd-green);
    color: #fff;
}

/* ---- sekmeler (cc-tab kontratını bozmadan görsel katman) ---- */
.vd-tabs .cc-tab-nav-item {
    font-family: var(--vd-font-display);
    letter-spacing: -.01em;
    font-weight: 600;
    font-size: .82rem;
}

/* ---- boş durum ---- */
.vd-empty {
    text-align: center;
    padding: 2.5rem 1rem;
    color: #8B9694;
}

.vd-empty i {
    font-size: 1.75rem;
    color: #C6E2D2;
    margin-bottom: .6rem;
    display: block;
}

.vd-empty p { font-size: .84rem; margin: 0; }

/* hareket azaltma tercihine saygı */
@media (prefers-reduced-motion: reduce) {
    .vd-auth-slide,
    .vd-quick-item,
    .vd-post,
    .vd-partner,
    .vd-partner img,
    .vd-social,
    .vd-post-link i {
        transition: none;
    }

    .vd-auth-slide { transform: none; }
}