/* ==========================================================================
   Büyük Dosya — "çay" teması (ön yüz)
   Bootstrap 5.1 + FontAwesome 6 üstüne; JS'in beklediği sınıf/id iskeleti korunur.
   ========================================================================== */

:root {
    --bd-green: #5BBC2E;
    --bd-green-600: #4CA324;
    --bd-green-700: #3F8F1E;
    --bd-green-900: #163B10;
    --bd-green-950: #0F2A0B;
    --bd-green-50: #EEF8E8;
    --bd-green-100: #DCF1CF;
    --bd-yellow: #FFE600;
    --bd-yellow-600: #E6CF00;
    --bd-yellow-100: #FFF9BF;
    --bd-tea: #D6711F;
    --bd-tea-700: #9E4A14;
    --bd-tea-100: #FBE7D3;
    --bd-cream: #FBF7EE;
    --bd-cream-200: #F3EDDF;
    --bd-sand: #E8E1D1;
    --bd-ink: #1C2419;
    --bd-ink-600: #46513F;
    --bd-muted: #78826F;
    --bd-border: #E7E2D6;
    --bd-white: #FFFFFF;
    --bd-danger: #D9453D;
    --bd-radius: 18px;
    --bd-radius-sm: 12px;
    --bd-radius-xs: 8px;
    --bd-shadow: 0 12px 34px rgba(22, 59, 16, 0.10);
    --bd-shadow-sm: 0 4px 14px rgba(22, 59, 16, 0.08);
    --bd-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* eski değişken adları (vendor ikon css'i ve eski kurallar bunları okur) */
    --primaryColor: var(--bd-green-900);
    --secondaryColor: var(--bd-green);
    --iconColor: #5BBC2E;
    --iconColorOp: #74D249;
    --iconColorOp2: #93E76C;
    --white: #FFFFFF;
    --bs-body-font-family: var(--bd-font);
    --bs-body-color: var(--bd-ink);
    --bs-body-bg: var(--bd-cream);
}

html { scroll-behavior: smooth; }
body {
    font-family: var(--bd-font) !important;
    color: var(--bd-ink);
    background-color: var(--bd-cream);
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
}
a { color: var(--bd-green-700); text-decoration: none; transition: color .2s; }
a:hover { color: var(--bd-green-900); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { font-weight: 800; letter-spacing: -0.01em; color: var(--bd-ink); }
p { margin-bottom: 0.75rem; }
img { max-width: 100%; }
::selection { background: var(--bd-yellow); color: var(--bd-green-900); }

/* --------------------------------------------------------------------------
   Düğmeler
   -------------------------------------------------------------------------- */
.btn {
    font-weight: 600;
    border-radius: 999px;
    padding: 0.6rem 1.25rem;
    border-width: 2px;
    transition: transform .15s ease, box-shadow .2s ease, background-color .2s, color .2s, border-color .2s;
}
.btn:active { transform: translateY(1px); }
.btn-md { padding: 0.8rem 1.6rem; font-size: 1rem; }
.btn-sm { padding: 0.4rem 0.95rem; font-size: 0.875rem; }
.btn-secondary, .btn-secondary:focus {
    background-color: var(--bd-green);
    border-color: var(--bd-green);
    color: #fff;
    box-shadow: inset 0 -3px 0 var(--bd-yellow);
}
.btn-secondary:hover { background-color: var(--bd-green-600); border-color: var(--bd-green-600); color: #fff; box-shadow: inset 0 -3px 0 var(--bd-yellow), 0 8px 20px rgba(91, 188, 46, .35); }
.btn-secondary:disabled { background-color: var(--bd-sand); border-color: var(--bd-sand); color: var(--bd-muted); box-shadow: none; }
.btn-outline-secondary { border-color: var(--bd-green); color: var(--bd-green-700); background: transparent; }
.btn-outline-secondary:hover { background-color: var(--bd-green-50); border-color: var(--bd-green); color: var(--bd-green-900); }
.btn-primary, .btn-primary:focus, .btn-dark { background-color: var(--bd-green-900); border-color: var(--bd-green-900); color: #fff; }
.btn-primary:hover, .btn-dark:hover { background-color: var(--bd-green-950); border-color: var(--bd-green-950); color: #fff; }
.btn-outline-primary { border-color: var(--bd-green-900); color: var(--bd-green-900); }
.btn-outline-primary:hover { background-color: var(--bd-green-900); color: #fff; }
.btn-light, .btn-light:focus { background-color: var(--bd-green); border-color: var(--bd-green); color: #fff; }
.btn-light:hover { background-color: var(--bd-green-600); border-color: var(--bd-green-600); color: #fff; }
.btn-outline-light { border-color: var(--bd-green-900); color: var(--bd-green-900); background: transparent; }
.btn-outline-light:hover { background-color: var(--bd-green-900); color: #fff; }
.btn-outline-danger { border-color: var(--bd-danger); color: var(--bd-danger); }
.btn-outline-danger:hover { background-color: var(--bd-danger); color: #fff; }
.btn-primary-icon { display: inline-flex; align-items: center; gap: .5rem; background: var(--bd-green-900); color: #fff; border: 2px solid var(--bd-green-900); }
.btn-primary-icon:hover { background: var(--bd-green-950); color: #fff; }
.btn-primary-icon i { transition: transform .2s; }
.btn-primary-icon:hover i { transform: translateX(3px); }

/* --------------------------------------------------------------------------
   Form elemanları
   -------------------------------------------------------------------------- */
.form-label { font-weight: 600; font-size: .9rem; color: var(--bd-ink-600); margin-bottom: .35rem; }
.form-label .red { color: var(--bd-danger); }
.form-control, .form-select {
    border: 1.5px solid var(--bd-border);
    border-radius: var(--bd-radius-xs);
    background-color: #fff;
    color: var(--bd-ink);
    padding: .65rem .9rem;
    box-shadow: none;
}
.form-control-md { padding: .7rem 1rem; font-size: .95rem; }
.form-control:focus, .form-select:focus { border-color: var(--bd-green); box-shadow: 0 0 0 .2rem rgba(91, 188, 46, .18); }
.form-control::placeholder { color: #A1A89A; }
.form-check-input:checked { background-color: var(--bd-green); border-color: var(--bd-green); }
.form-check-input:focus { box-shadow: 0 0 0 .2rem rgba(91, 188, 46, .18); border-color: var(--bd-green); }
.input-group.input-icon { position: relative; }
.input-group.input-icon .form-control { border-radius: var(--bd-radius-xs) !important; padding-right: 3rem; }
.input-group.input-icon button {
    position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
    border: 0; background: transparent; color: var(--bd-muted); width: 36px; height: 36px; border-radius: 50%; z-index: 5;
}
.input-group.input-icon button:hover { background: var(--bd-cream-200); color: var(--bd-ink); }

/* --------------------------------------------------------------------------
   Açılır menü (JS: [data-dropdown] .active)
   -------------------------------------------------------------------------- */
.drop-down { position: relative; }
.drop-down .drop-down-btn { display: flex; align-items: center; cursor: pointer; color: var(--bd-ink); transition: .2s; }
.drop-down .drop-down-btn:hover { color: var(--bd-green-700); }
.drop-down .drop-down-menu {
    position: absolute; right: 0; top: 40px; min-width: 200px;
    background: #fff; border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm);
    box-shadow: var(--bd-shadow); padding: .4rem;
    visibility: hidden; opacity: 0; transform: translateY(6px) scale(.98); transition: .2s; z-index: 1050;
}
.drop-down .drop-down-menu .drop-down-item { display: flex; align-items: center; gap: .6rem; padding: .55rem .75rem; border-radius: var(--bd-radius-xs); color: var(--bd-ink-600); font-size: .92rem; cursor: pointer; }
.drop-down .drop-down-menu .drop-down-item i { width: 18px; text-align: center; color: var(--bd-green-700); }
.drop-down .drop-down-menu .drop-down-item:hover { background: var(--bd-green-50); color: var(--bd-green-900); }
.drop-down .drop-down-menu .drop-down-item.active { color: var(--bd-green-700); font-weight: 600; }
.drop-down .drop-down-menu .drop-down-item.text-danger:hover { background: #FDECEB; color: var(--bd-danger) !important; }
.drop-down.active { z-index: 1060; }
.drop-down.active .drop-down-menu { visibility: visible; opacity: 1; transform: translateY(0) scale(1); }

/* --------------------------------------------------------------------------
   Üst çubuk (JS: .nav-bar.active, .nav-bar-menu.active, .nav-bar-menu-icon, .btn-close, .overlay)
   -------------------------------------------------------------------------- */
.header { position: relative; }
.nav-bar {
    position: fixed; top: 0; left: 0; width: 100%; height: 76px; z-index: 1000;
    display: flex; align-items: center;
    transition: background-color .25s, box-shadow .25s, height .25s;
}
.nav-bar.active { background: rgba(251, 247, 238, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 6px 24px rgba(22, 59, 16, .08); height: 66px; }
.nav-bar .logo { display: inline-flex; align-items: center; height: 40px; }
.nav-bar .logo img { height: 100%; width: auto; }
.nav-bar .logo img:last-child { display: none; }
.nav-bar .nav-bar-actions { display: flex; align-items: center; gap: .75rem; }
.nav-bar .nav-bar-links { display: flex; align-items: center; gap: 1.5rem; }
.nav-bar .nav-bar-link { color: var(--bd-ink-600); font-weight: 600; font-size: .95rem; cursor: pointer; position: relative; }
.nav-bar .nav-bar-link:not(.btn)::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 3px; border-radius: 3px; background: var(--bd-yellow); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.nav-bar .nav-bar-link:not(.btn):hover { color: var(--bd-green-900); }
.nav-bar .nav-bar-link:not(.btn):hover::after { transform: scaleX(1); }
.nav-bar .nav-bar-link.btn { padding: .45rem 1.1rem; font-size: .9rem; }
.nav-bar .nav-bar-link.btn.me-3 { margin-right: 0 !important; }
.nav-bar .nav-bar-menu .overlay { display: none; }
.nav-bar .nav-bar-menu-icon { cursor: pointer; color: var(--bd-green-900); width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1.5px solid var(--bd-border); background: #fff; }
.nav-bar .user-menu .drop-down-btn { gap: .5rem; padding: .25rem .6rem .25rem .25rem; border: 1.5px solid var(--bd-border); border-radius: 999px; background: #fff; }
.nav-bar .user-menu .user-img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.nav-bar .user-menu .user-name { font-weight: 600; font-size: .9rem; max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav-bar .languages .drop-down-btn { font-size: .9rem; color: var(--bd-ink-600); }
@media (max-width: 991.98px) {
    .nav-bar { height: 64px; }
    .nav-bar .logo { height: 34px; }
    .nav-bar .nav-bar-menu { visibility: hidden; position: fixed; inset: 0; opacity: 0; transition: .3s; z-index: 1030; }
    .nav-bar .nav-bar-menu .overlay { display: block; position: absolute; inset: 0; background: rgba(22, 59, 16, .35); backdrop-filter: blur(2px); }
    .nav-bar .nav-bar-menu .nav-bar-links { position: absolute; top: 0; right: -320px; width: 300px; height: 100%; flex-direction: column; align-items: stretch; gap: .25rem; background: var(--bd-cream); padding: 1.25rem; transition: .3s; overflow: hidden auto; z-index: 1000; box-shadow: -10px 0 30px rgba(0, 0, 0, .15); }
    .nav-bar .nav-bar-menu .nav-bar-links .btn-close { background-color: #fff; border-radius: 50%; padding: .6rem; opacity: 1; }
    .nav-bar .nav-bar-menu .nav-bar-links .nav-bar-link { padding: .7rem .5rem; font-size: 1.05rem; color: var(--bd-ink); border-bottom: 1px solid var(--bd-border); }
    .nav-bar .nav-bar-menu .nav-bar-links .nav-bar-link::after { display: none; }
    .nav-bar .nav-bar-menu .nav-bar-links .nav-bar-link.btn { width: 100%; text-align: center; border-bottom: 2px solid transparent; margin-top: .5rem; }
    .nav-bar .nav-bar-menu .nav-bar-links .nav-bar-link.btn.btn-outline-light { border-color: var(--bd-green-900); }
    .nav-bar .nav-bar-menu.active { visibility: visible; opacity: 1; }
    .nav-bar .nav-bar-menu.active .nav-bar-links { right: 0; }
    .nav-bar .user-menu .user-name { display: none; }
}

/* --------------------------------------------------------------------------
   Hero (çay bardağı + yükleme kutusu)
   -------------------------------------------------------------------------- */
.hero {
    position: relative; padding: 128px 0 72px; overflow: hidden;
    background: radial-gradient(1200px 600px at 85% -10%, rgba(255, 230, 0, .25), transparent 60%),
                radial-gradient(900px 500px at -10% 20%, rgba(91, 188, 46, .14), transparent 60%),
                var(--bd-cream);
}
.hero::before { content: ""; position: absolute; inset: 0; background-image: url("../../../img/cay/cini.svg"); background-size: 120px 120px; opacity: .07; color: var(--bd-green-900); pointer-events: none; }
.hero .container-lg { position: relative; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 2.5rem; align-items: center; }
@media (max-width: 991.98px) { .hero { padding: 100px 0 56px; } .hero-grid { grid-template-columns: 1fr; gap: 1.5rem; } }
.hero-art { position: relative; display: flex; justify-content: center; align-items: flex-end; min-height: 420px; }
.hero-art .tea { width: min(100%, 360px); height: auto; filter: drop-shadow(0 30px 40px rgba(158, 74, 20, .25)); }
.hero-art .chip {
    position: absolute; display: inline-flex; align-items: center; gap: .55rem;
    background: #fff; border: 1px solid var(--bd-border); border-radius: 999px; padding: .5rem .9rem .5rem .55rem;
    box-shadow: var(--bd-shadow-sm); font-size: .85rem; font-weight: 600; color: var(--bd-ink-600);
    animation: float 6s ease-in-out infinite;
}
.hero-art .chip .chip-icon { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--bd-green-50); color: var(--bd-green-700); font-size: .8rem; }
.hero-art .chip-1 { top: 12%; left: 0; }
.hero-art .chip-2 { top: 44%; right: 0; animation-delay: 1.3s; }
.hero-art .chip-3 { bottom: 12%; left: 6%; animation-delay: 2.4s; }
.hero-art .chip-3 .chip-icon { background: var(--bd-yellow-100); color: var(--bd-tea-700); }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.tea .steam path { animation: steam 3.2s ease-in-out infinite; transform-origin: center bottom; }
.tea .steam .steam-2 { animation-delay: .7s; }
.tea .steam .steam-3 { animation-delay: 1.4s; }
@keyframes steam { 0% { transform: translateY(2px); opacity: 0; } 30% { opacity: .8; } 100% { transform: translateY(-14px); opacity: 0; } }
@media (max-width: 991.98px) {
    .hero-art { min-height: 0; order: -1; }
    .hero-art .tea { width: 150px; filter: drop-shadow(0 14px 18px rgba(158, 74, 20, .25)); }
    .hero-art .chip { display: none; }
}
@media (prefers-reduced-motion: reduce) { .hero-art .chip, .tea .steam path { animation: none; } }

.hero-eyebrow { display: inline-flex; align-items: center; gap: .5rem; background: #fff; border: 1px solid var(--bd-border); color: var(--bd-green-900); border-radius: 999px; padding: .35rem .9rem .35rem .5rem; font-size: .85rem; font-weight: 600; margin-bottom: 1.1rem; }
.hero-eyebrow .dot { width: 22px; height: 22px; border-radius: 50%; background: var(--bd-yellow); color: var(--bd-green-900); display: inline-flex; align-items: center; justify-content: center; font-size: .75rem; }
.hero-title { font-size: clamp(2rem, 4.2vw, 3.3rem); line-height: 1.1; margin-bottom: 1rem; color: var(--bd-green-900); }
.hero-title mark { background: linear-gradient(transparent 60%, var(--bd-yellow) 60%); color: inherit; padding: 0 .1em; }
.hero-lead { font-size: 1.1rem; color: var(--bd-ink-600); max-width: 34rem; margin-bottom: 1.5rem; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; margin-bottom: 1.5rem; }
.hero-trust { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; padding: 0; margin: 0; list-style: none; color: var(--bd-ink-600); font-size: .9rem; }
.hero-trust li { display: inline-flex; align-items: center; gap: .45rem; }
.hero-trust li i { color: var(--bd-green); }
.hero-link { color: var(--bd-green-900); font-weight: 600; text-decoration: underline; text-decoration-color: var(--bd-yellow); text-decoration-thickness: 3px; text-underline-offset: 4px; }
.hero-link:hover { color: var(--bd-green-700); }
.hero .dropzone-index { text-align: left; }
@media (max-width: 991.98px) { .hero .dropzone-index { text-align: center; } .hero-lead { margin-left: auto; margin-right: auto; } .hero-actions, .hero-trust { justify-content: center; } }

/* Yükleme kutusu durum makinesi (JS sınıfları) */
.dropzone-wrapper { position: relative; }
.dropzone-wrapper .dropzone-drag { display: none; width: 100%; max-width: 640px; border-radius: var(--bd-radius); cursor: pointer; transform: perspective(200px) translateZ(-50px); transition: .3s; }
.dropzone-wrapper .dropzone-drag .dropzone-drag-inner {
    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
    min-height: 320px; padding: 40px 30px; background: #fff; border-radius: var(--bd-radius);
    border: 2px dashed var(--bd-green); box-shadow: var(--bd-shadow); transition: .2s;
}
.dropzone-wrapper .dropzone-drag:hover .dropzone-drag-inner { background: var(--bd-green-50); }
.dropzone-wrapper .dropzone-drag .dropzone-drag-icon { width: 84px; height: 84px; border-radius: 50%; background: var(--bd-green-50); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.dropzone-wrapper .dropzone-drag .dropzone-drag-icon i { font-size: 36px; color: var(--bd-green); }
.dropzone-wrapper .dropzone-drag .dropzone-drag-title { font-weight: 700; font-size: 1.25rem; color: var(--bd-green-900); margin-bottom: 4px; }
.dropzone-wrapper .dropzone-drag .dropzone-drag-text { color: var(--bd-muted); margin: 0; }

.dropzone-wrapper .dropzone-uploadbox {
    display: none; flex-direction: column; width: 100%; max-width: 560px; min-height: 480px;
    background: #fff; border-radius: var(--bd-radius); box-shadow: var(--bd-shadow); border: 1px solid var(--bd-border);
    text-align: start; overflow: hidden; transform: perspective(200px) translateZ(-50px); transition: .3s;
}
.dropzone-wrapper .dropzone-uploadbox .dropzone-uploadbox-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--bd-border); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-more { display: flex; align-items: center; cursor: pointer; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-more i { width: 44px; height: 44px; border-radius: 50%; background: var(--bd-green); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: inset 0 -3px 0 var(--bd-yellow); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-more .dropzone-more-title { font-weight: 700; font-size: 1rem; margin: 0; color: var(--bd-ink); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-more .dropzone-more-text { color: var(--bd-muted); font-size: .85rem; margin: 0; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-reset { cursor: pointer; color: var(--bd-muted); font-size: .85rem; text-align: center; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-reset:hover { color: var(--bd-danger); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-reset i { display: block; font-size: 1.05rem; margin-bottom: 2px; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-reset-text { margin: 0; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-uploadbox-files { padding: 14px 20px 0; max-height: 300px; overflow: hidden auto; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-forms { display: none; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-forms .dropzone-form { display: none; background: #fff; visibility: hidden; opacity: 0; transition: .3s; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-forms .dropzone-form.show { display: block; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-forms .dropzone-form.animation { visibility: visible; opacity: 1; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--bd-border); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-title { display: flex; align-items: center; gap: .5rem; font-weight: 700; font-size: 1.05rem; margin: 0; color: var(--bd-ink); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-title i { color: var(--bd-green); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-body { padding: 18px 20px 4px; max-height: 360px; overflow: hidden auto; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-edit .drop-down-btn { width: 36px; height: 36px; border-radius: 50%; justify-content: center; color: var(--bd-muted); border: 1.5px solid var(--bd-border); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-edit .drop-down-menu { top: auto; bottom: 44px; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-edit .dropzone-form-edit-item { cursor: pointer; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-edit .dropzone-form-edit-item.active { color: var(--bd-green-700) !important; background: var(--bd-green-50); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-uploadbox-lower { margin-top: auto; border-top: 1px solid var(--bd-border); background: var(--bd-cream); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-actions { display: flex; gap: 10px; padding: 16px 20px 0; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-action { flex: 1; padding: 12px; text-align: center; cursor: pointer; border-radius: var(--bd-radius-sm); border: 1.5px solid var(--bd-border); background: #fff; font-weight: 600; color: var(--bd-ink-600); transition: .2s; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-action i { margin-right: 6px; color: var(--bd-green); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-action:hover, .dropzone-wrapper .dropzone-uploadbox .dropzone-form-action.active { background: var(--bd-green-50); border-color: var(--bd-green-100); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-action.selected { border-color: var(--bd-green); background: var(--bd-green-50); color: var(--bd-green-900); box-shadow: 0 0 0 3px rgba(91, 188, 46, .15); }
.dropzone-wrapper .dropzone-uploadbox .dropzone-uploadbox-submit { padding: 16px 20px 20px; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-uploadbox-submit button { width: 100%; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-submit { display: none; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 20px 20px; }
.dropzone-wrapper .dropzone-uploadbox .dropzone-form-submit .btn { flex: 1; }
.dropzone-wrapper .dropzone-uploadbox.show-forms .dropzone-uploadbox-header,
.dropzone-wrapper .dropzone-uploadbox.show-forms .dropzone-uploadbox-files { display: none; }
.dropzone-wrapper .dropzone-uploadbox.show-forms .dropzone-forms { display: block; }
.dropzone-wrapper .dropzone-uploadbox.show-forms .dropzone-uploadbox-submit { display: none; }
.dropzone-wrapper .dropzone-uploadbox.show-forms .dropzone-form-submit { display: flex; }
.dropzone-wrapper.show-drag .dropzone-index { display: none; }
.dropzone-wrapper.show-drag .dropzone-drag { display: block; }
.dropzone-wrapper.show-drag .dropzone-uploadbox { display: none; }
.dropzone-wrapper.show-uploadbox .dropzone-index { display: none; }
.dropzone-wrapper.show-uploadbox .dropzone-drag { display: none; }
.dropzone-wrapper.show-uploadbox .dropzone-uploadbox { display: flex; }
.dropzone-wrapper.animation .dropzone-drag,
.dropzone-wrapper.animation .dropzone-uploadbox { transform: perspective(200px) translateZ(0); }
.dropzone-wrapper .d-none { display: none !important; }

/* Dropzone önizleme satırları */
.dropzone { display: flex; flex-direction: column; min-height: 0; padding: 0; border: 0; background: transparent; }
.dropzone > * { flex-shrink: 0; pointer-events: all; }
.dropzone .dz-default { display: none; }
.dropzone .dz-preview { position: relative; display: flex; align-items: center; width: 100%; min-height: 0; height: 76px; margin: 0; padding: 12px 14px; background: var(--bd-cream); border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm); }
.dropzone .dz-preview.dz-image-preview { background: var(--bd-cream); }
.dropzone .dz-preview:not(:last-child) { margin-bottom: 8px; }
.dropzone .dz-preview:hover { z-index: unset; }
.dropzone .dz-preview .dz-fileicon { width: 40px; flex-shrink: 0; margin-right: 12px; }
.dropzone .dz-preview .dz-fileicon .vi.vi-file::before { border-top-color: var(--bd-cream); border-right-color: var(--bd-cream); }
.dropzone .dz-preview .dz-fileicon img { width: 100%; height: 100%; border-radius: 6px; }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { display: none; position: static; margin: 0 6px 0 0; opacity: 1; color: var(--bd-green); animation: unset !important; }
.dropzone .dz-preview .dz-error-mark { color: var(--bd-danger); }
.dropzone .dz-preview .dz-preview-content { min-width: 0; width: 100%; }
.dropzone .dz-preview .dz-details { position: static; display: flex; flex-direction: column; min-width: 0; width: 100%; padding: 0; opacity: 1 !important; }
.dropzone .dz-preview .dz-details .dz-details-info { width: calc(100% - 40px); }
.dropzone .dz-preview .dz-details .dz-filename { display: flex; align-items: center; padding: 0; font-size: .95rem; font-weight: 600; color: var(--bd-ink); }
.dropzone .dz-preview .dz-details .dz-filename span { border: 0 !important; background: transparent !important; padding: 0; }
.dropzone .dz-preview .dz-details .dz-meta { display: flex; align-items: center; font-size: .8rem; color: var(--bd-muted); }
.dropzone .dz-preview .dz-details .dz-size { margin: 0; font-size: .8rem; color: var(--bd-muted); }
.dropzone .dz-preview .dz-details .dz-size strong { font-weight: 500; }
.dropzone .dz-preview .dz-details .dz-remove { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--bd-border); color: var(--bd-muted); cursor: pointer; transition: .2s; text-decoration: none; }
.dropzone .dz-preview .dz-details .dz-remove i { font-size: 12px; cursor: pointer; }
.dropzone .dz-preview .dz-details .dz-remove:hover { background: var(--bd-danger); border-color: var(--bd-danger); color: #fff; }
.dropzone .dz-preview .dz-error-message { display: block; position: static; width: calc(100% - 40px); height: auto; padding: 0; opacity: 1; background: transparent; color: var(--bd-danger); font-size: .78rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dropzone .dz-preview .dz-error-message::after { display: none; }
.dropzone .dz-preview .dz-progress { display: none; position: relative; width: calc(100% - 40px); height: 5px; margin: 6px 0 0; opacity: 1; background: var(--bd-sand); border-radius: 999px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { position: absolute; left: 0; top: 0; height: 100%; display: block; background: linear-gradient(90deg, var(--bd-green), var(--bd-yellow)); border-radius: 999px; }
.dropzone .dz-preview [data-dz-name] { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: transparent !important; }
.dropzone .dz-preview.dz-processing .dz-progress { display: block; }
.dropzone .dz-preview.dz-complete .dz-progress { display: none; }
.dropzone .dz-preview.dz-success .dz-success-mark { display: block; }
.dropzone .dz-preview.dz-error .dz-error-mark { display: block; }
.dropzone .dz-preview.dz-error { border-color: #F3C4C1; background: #FFF5F4; }

/* Tam ekran sürükleme örtüsü */
.dz-dragbox { position: fixed; inset: 0; visibility: hidden; opacity: 0; z-index: 10000; color: #fff; transition: .3s; }
.dz-dragbox.show { visibility: visible; opacity: 1; }
.dz-dragbox .dz-dragbox-inner { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 40px; text-align: center; color: #fff; }
.dz-dragbox .dz-dragbox-inner > * { z-index: 1; }
.dz-dragbox .dz-dragbox-inner::before { content: ""; position: absolute; inset: 0; background: var(--bd-green-900); opacity: .92; z-index: 0; }
.dz-dragbox .dz-dragbox-inner::after { content: ""; position: absolute; inset: 20px; border: 4px dashed rgba(255, 230, 0, .8); border-radius: 20px; }
.dz-dragbox .dz-dragbox-inner i { color: var(--bd-yellow); }
@media (max-width: 991.98px) { .dz-dragbox { display: none; } }

/* Transfer tamamlandı kartı & indirme kartı */
.file-container { max-width: 520px; margin: 0 auto; }
.card-v { background: #fff; border: 1px solid var(--bd-border); border-radius: var(--bd-radius); box-shadow: var(--bd-shadow); }
.card-v .card-v-body { padding: 28px; }
.card-v.v2 { box-shadow: var(--bd-shadow-sm); }
.animation-zoomIn { animation: zoomIn .5s; }
@keyframes zoomIn { 0% { opacity: 0; transform: perspective(200px) translateZ(-50px); } 100% { opacity: 1; transform: perspective(200px) translateZ(0); } }
.upload-complete { text-align: center; }
.upload-complete .upload-complete-icon { width: 88px; height: 88px; margin: 0 auto 14px; border-radius: 50%; background: var(--bd-green-50); color: var(--bd-green); display: flex; align-items: center; justify-content: center; }
.upload-complete .upload-complete-icon i { font-size: 40px; }
.upload-complete .upload-complete-title { font-size: 1.4rem; font-weight: 800; margin-bottom: 4px; color: var(--bd-green-900); }
.upload-complete .upload-complete-text { color: var(--bd-muted); }
.form-button { display: flex; gap: 8px; }
.form-button .btn-copy { flex-shrink: 0; width: 48px; border-radius: var(--bd-radius-xs); border: 1.5px solid var(--bd-border); background: var(--bd-cream); color: var(--bd-green-900); }
.form-button .btn-copy:hover { background: var(--bd-yellow-100); }
.files { max-height: 280px; text-align: left; }
.files .file { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--bd-radius-sm); background: var(--bd-cream); border: 1px solid var(--bd-border); }
.files .file + .file { margin-top: 8px; }
.files .file .file-icon { width: 34px; flex-shrink: 0; }
.files .file .file-info { min-width: 0; }
.files .file .file-title { margin: 0; font-weight: 600; font-size: .92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.files .file .file-text { margin: 0; font-size: .78rem; color: var(--bd-muted); }
.files .file .file-download a { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--bd-green); color: #fff; box-shadow: inset 0 -3px 0 var(--bd-yellow); }
.files .file .file-download a:hover { background: var(--bd-green-600); }
.file-password { text-align: center; }
.file-password .file-password-icon { width: 72px; height: 72px; margin: 0 auto 12px; border-radius: 50%; background: var(--bd-yellow-100); color: var(--bd-tea-700); display: flex; align-items: center; justify-content: center; font-size: 28px; }
.file-password .file-password-title { font-weight: 800; font-size: 1.25rem; margin-bottom: 4px; }
.file-password .file-password-text { color: var(--bd-muted); }

/* Hero'da indirme kartı (download sayfası) */
.hero.hero-compact { padding: 120px 0 64px; }
.hero.hero-compact .file-container { position: relative; }

/* --------------------------------------------------------------------------
   Bölümler
   -------------------------------------------------------------------------- */
.section { position: relative; padding: 84px 0; }
.section.bg-white { background: #fff; }
.section.pattern::before { content: ""; position: absolute; inset: 0; background-image: url("../../../img/cay/cini.svg"); background-size: 120px 120px; opacity: .05; color: var(--bd-green-900); pointer-events: none; }
.section .container-lg { position: relative; }
.section-header { text-align: center; margin-bottom: 48px; }
.section-title h5 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; color: var(--bd-green-900); display: inline-block; position: relative; margin-bottom: .75rem; }
.section-title h5::after { content: ""; display: block; width: 56px; height: 5px; border-radius: 5px; background: var(--bd-yellow); margin: 12px auto 0; }
.section-text p { color: var(--bd-muted); font-size: 1.05rem; margin: 0; }
@media (max-width: 767.98px) { .section { padding: 60px 0; } .section-header { margin-bottom: 32px; } }

/* Sayaçlar (#counter + .odometer) */
.section.v3 { padding: 0; }
.stats-band { position: relative; margin-top: -28px; background: var(--bd-green-900); color: #fff; border-radius: var(--bd-radius); padding: 28px 32px; box-shadow: var(--bd-shadow); overflow: hidden; }
.stats-band::before { content: ""; position: absolute; inset: 0; background-image: url("../../../img/cay/cini.svg"); background-size: 100px 100px; opacity: .08; color: #fff; }
.stats-band .row { position: relative; }
.counter { display: flex; align-items: center; gap: 16px; }
.counter .counter-icon { width: 54px; height: 54px; border-radius: 16px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .12); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; color: var(--bd-yellow); flex-shrink: 0; }
.counter .counter-number { font-size: 1.9rem; font-weight: 800; margin: 0; line-height: 1.1; letter-spacing: -0.02em; display: flex; align-items: baseline; gap: .3rem; }
.counter .counter-number small { font-size: 1rem; font-weight: 700; color: var(--bd-yellow); }
.counter .counter-title { margin: 0; color: rgba(255, 255, 255, .72); font-size: .9rem; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: inherit; line-height: 1.1; }

/* Özellikler */
.feat { display: flex; flex-direction: column; gap: 14px; height: 100%; }
.feat .feat-icon { width: 60px; height: 60px; border-radius: 18px; background: var(--bd-green-50); display: inline-flex; align-items: center; justify-content: center; }
.feat .feat-icon img { width: 34px; height: 34px; object-fit: contain; }
.feat .feat-title { font-weight: 700; font-size: 1.1rem; margin: 0 0 4px; color: var(--bd-ink); }
.feat .feat-text { color: var(--bd-muted); margin: 0; font-size: .95rem; }
.card-v.v2.h-100 { transition: transform .2s, box-shadow .2s; }
.card-v.v2.h-100:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow); }

/* Planlar */
.plan-switcher { display: inline-flex; background: #fff; border: 1.5px solid var(--bd-border); border-radius: 999px; padding: 4px; gap: 4px; }
.plan-switcher .plan-switcher-item { padding: .5rem 1.25rem; border-radius: 999px; font-weight: 600; color: var(--bd-ink-600); cursor: pointer; transition: .2s; }
.plan-switcher .plan-switcher-item.active { background: var(--bd-green-900); color: #fff; }
.plans .plans-item { display: none; }
.plans .plans-item.active { display: block; }
.plan { position: relative; height: 100%; display: flex; flex-direction: column; background: #fff; border: 1.5px solid var(--bd-border); border-radius: var(--bd-radius); padding: 28px; box-shadow: var(--bd-shadow-sm); transition: transform .2s, box-shadow .2s; }
.plan:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow); }
.plan.plan-featured { border-color: var(--bd-green); box-shadow: 0 0 0 4px rgba(91, 188, 46, .14), var(--bd-shadow); }
.plan.plan-current { border-color: var(--bd-yellow-600); }
.plan .plan-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); }
.plan .plan-badge span { display: inline-block; background: var(--bd-yellow); color: var(--bd-green-900); font-weight: 700; font-size: .78rem; padding: .3rem .8rem; border-radius: 999px; }
.plan .plan-title { font-size: 1.25rem; font-weight: 800; margin-bottom: 2px; color: var(--bd-green-900); }
.plan .plan-text { color: var(--bd-muted); font-size: .9rem; min-height: 1.4em; }
.plan .plan-price-content { margin: 10px 0 18px; }
.plan .plan-price > div { display: flex; align-items: baseline; gap: 2px; font-size: 2.2rem; font-weight: 800; color: var(--bd-ink); letter-spacing: -0.02em; }
.plan .plan-price .plan-price-text { font-size: .9rem; font-weight: 500; color: var(--bd-muted); margin-left: 4px; }
.plan .plan-price .text { font-size: 2rem; color: var(--bd-green-700); }
.plan .plan-features { display: flex; flex-direction: column; gap: 10px; flex: 1; }
.plan .plan-feature-item { display: flex; align-items: flex-start; gap: 10px; font-size: .92rem; color: var(--bd-ink-600); }
.plan .plan-feature-icon { width: 22px; height: 22px; border-radius: 50%; background: var(--bd-green-50); color: var(--bd-green-700); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: .7rem; margin-top: 2px; }
.plan .plan-action { margin-top: 8px; }

/* Blog kartları */
.blog-post { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--bd-border); border-radius: var(--bd-radius); overflow: hidden; box-shadow: var(--bd-shadow-sm); transition: transform .2s, box-shadow .2s; }
.blog-post:hover { transform: translateY(-4px); box-shadow: var(--bd-shadow); }
.blog-post .blog-post-header { position: relative; }
.blog-post .blog-post-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.blog-post .blog-post-cate { position: absolute; left: 14px; bottom: 14px; background: var(--bd-yellow); color: var(--bd-green-900); font-weight: 700; font-size: .78rem; padding: .3rem .75rem; border-radius: 999px; }
.blog-post .blog-post-cate:hover { background: var(--bd-yellow-600); }
.blog-post .blog-post-body { padding: 20px 20px 8px; flex: 1; }
.post-meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8rem; color: var(--bd-muted); }
.post-meta .post-meta-item { display: inline-flex; align-items: center; gap: .35rem; }
.post-meta .post-meta-item i { color: var(--bd-green); }
.blog-post .blog-post-title { display: block; font-weight: 700; font-size: 1.1rem; color: var(--bd-ink); line-height: 1.35; margin: .5rem 0; }
.blog-post .blog-post-title:hover { color: var(--bd-green-700); }
.blog-post .blog-post-text { color: var(--bd-muted); font-size: .92rem; margin: 0; }
.blog-post .blog-post-footer { padding: 8px 20px 20px; }
.blog-post.v2 { box-shadow: none; }
.blog-post.v2 .blog-post-body { padding: 28px; }
.blog-post.v2 .blog-post-content { font-size: 1.05rem; line-height: 1.8; color: var(--bd-ink-600); }
.blog-post.v2 .blog-post-content img { border-radius: var(--bd-radius-sm); }
.blog-post.v2 .blog-post-content h2, .blog-post.v2 .blog-post-content h3 { margin-top: 1.5em; color: var(--bd-green-900); }

/* SSS akordeon */
.faqs { max-width: 860px; margin: 0 auto; }
.accordion-custom .accordion-item { border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm) !important; margin-bottom: 10px; background: #fff; overflow: hidden; }
.accordion-custom .accordion-button { font-weight: 600; color: var(--bd-ink); background: #fff; padding: 18px 22px; box-shadow: none; }
.accordion-custom .accordion-button:not(.collapsed) { color: var(--bd-green-900); background: var(--bd-green-50); }
.accordion-custom .accordion-button:focus { box-shadow: none; border-color: transparent; }
.accordion-custom .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23163B10'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-custom .accordion-body { color: var(--bd-ink-600); padding: 6px 22px 20px; line-height: 1.7; }

/* İletişim */
.contact-us { max-width: 820px; margin: 0 auto; background: #fff; border: 1px solid var(--bd-border); border-radius: var(--bd-radius); padding: 32px; box-shadow: var(--bd-shadow-sm); }
@media (max-width: 575.98px) { .contact-us { padding: 20px; } }

/* --------------------------------------------------------------------------
   İç sayfa başlığı (layouts/pages)
   -------------------------------------------------------------------------- */
.header.v2 { background: var(--bd-green-900); padding: 118px 0 48px; position: relative; overflow: hidden; }
.header.v2::before { content: ""; position: absolute; inset: 0; background-image: url("../../../img/cay/cini.svg"); background-size: 120px 120px; opacity: .08; color: #fff; }
.header.v2 .nav-bar .nav-bar-link:not(.btn) { color: rgba(255, 255, 255, .85); }
.header.v2 .nav-bar .nav-bar-link:not(.btn):hover { color: #fff; }
.header.v2 .nav-bar .nav-bar-menu-icon { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .2); color: #fff; }
.header.v2 .nav-bar .btn-outline-light { border-color: rgba(255, 255, 255, .6); color: #fff; }
.header.v2 .nav-bar .btn-outline-light:hover { background: #fff; color: var(--bd-green-900); }
.header.v2 .nav-bar .user-menu .drop-down-btn { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .2); color: #fff; }
.header.v2 .nav-bar .languages .drop-down-btn { color: rgba(255, 255, 255, .85); }
.header.v2 .nav-bar.active .nav-bar-link:not(.btn) { color: var(--bd-ink-600); }
.header.v2 .nav-bar.active .nav-bar-menu-icon { background: #fff; border-color: var(--bd-border); color: var(--bd-green-900); }
.header.v2 .nav-bar.active .btn-outline-light { border-color: var(--bd-green-900); color: var(--bd-green-900); }
.header.v2 .nav-bar.active .user-menu .drop-down-btn { background: #fff; border-color: var(--bd-border); color: var(--bd-ink); }
.header.v2 .nav-bar.active .languages .drop-down-btn { color: var(--bd-ink-600); }
@media (max-width: 991.98px) { .header.v2 .nav-bar .nav-bar-menu .nav-bar-links .nav-bar-link:not(.btn) { color: var(--bd-ink); } }
.header.v2 .page-title { position: relative; font-size: clamp(1.8rem, 3.5vw, 2.6rem); color: #fff !important; font-weight: 800; }
.header.v2 .page-title::after { content: ""; display: block; width: 56px; height: 5px; border-radius: 5px; background: var(--bd-yellow); margin: 14px auto 0; }
.header.v2 + .section, .header.v2 + section { padding-top: 56px; }

/* Blog yan sütun */
.blog-sidebar .card-v { margin-bottom: 20px; }
.form-search { position: relative; }
.form-search input { padding-right: 3rem; }
.form-search button.icon { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: var(--bd-green); color: #fff; width: 36px; height: 36px; border-radius: 50%; }
.sidebar-title { font-size: 1rem; font-weight: 800; color: var(--bd-green-900); margin-bottom: 12px; }
.categories { display: flex; flex-direction: column; gap: 6px; }
.categories .category { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: var(--bd-radius-xs); background: var(--bd-cream); color: var(--bd-ink-600); font-weight: 600; font-size: .92rem; }
.categories .category:hover { background: var(--bd-green-50); color: var(--bd-green-900); }
.posts { display: flex; flex-direction: column; gap: 12px; }
.posts .post { display: flex; gap: 12px; align-items: center; }
.posts .post .post-img { width: 64px; height: 48px; object-fit: cover; border-radius: var(--bd-radius-xs); flex-shrink: 0; }
.posts .post .post-title { display: block; font-weight: 600; font-size: .9rem; color: var(--bd-ink); line-height: 1.35; }
.posts .post .post-title:hover { color: var(--bd-green-700); }
.share { display: flex; flex-wrap: wrap; gap: 8px; }
.share .social-btn { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: var(--bd-green-900); transition: transform .15s; }
.share .social-btn:hover { transform: translateY(-2px); color: #fff; }
.share .social-facebook { background: #1877F2; } .share .social-twitter { background: #111; } .share .social-linkedin { background: #0A66C2; } .share .social-whatsapp { background: #25D366; } .share .social-pinterest { background: #E60023; }
.comments .comments-title { font-weight: 800; font-size: 1.15rem; margin-bottom: 16px; color: var(--bd-green-900); }
.comment { display: flex; gap: 14px; padding: 16px; background: var(--bd-cream); border: 1px solid var(--bd-border); border-radius: var(--bd-radius-sm); }
.comment + .comment { margin-top: 10px; }
.comment .comment-img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.comment .comment-title { font-weight: 700; margin: 0; font-size: .95rem; }
.comment .comment-date { font-size: .78rem; color: var(--bd-muted); }
.comment .comment-text { margin: 6px 0 0; color: var(--bd-ink-600); font-size: .92rem; }

/* Sayfalama (vendor/pagination/bootstrap-4) */
.pagination { gap: 6px; }
.pagination .page-link { border: 1.5px solid var(--bd-border); color: var(--bd-ink-600); border-radius: 10px !important; min-width: 40px; text-align: center; font-weight: 600; background: #fff; }
.pagination .page-link:hover { background: var(--bd-green-50); color: var(--bd-green-900); border-color: var(--bd-green-100); }
.pagination .page-item.active .page-link { background: var(--bd-green-900); border-color: var(--bd-green-900); color: #fff; }
.pagination .page-item.disabled .page-link { color: #B5BBAE; background: var(--bd-cream); }

/* Alert */
.alert-primary { background: var(--bd-green-50); border-color: var(--bd-green-100); color: var(--bd-green-900); border-radius: var(--bd-radius-sm); }

/* --------------------------------------------------------------------------
   Alt bilgi
   -------------------------------------------------------------------------- */
.footer { position: relative; background: var(--bd-green-900); color: rgba(255, 255, 255, .78); padding: 56px 0 24px; overflow: hidden; }
.footer::before { content: ""; position: absolute; inset: 0; background-image: url("../../../img/cay/cini.svg"); background-size: 120px 120px; opacity: .06; color: #fff; pointer-events: none; }
.footer .container-lg { position: relative; }
.footer .footer-brand img { height: 40px; }
.footer .footer-tagline { margin: 14px 0 0; max-width: 30rem; color: rgba(255, 255, 255, .72); }
.footer .footer-tagline .tea-inline { display: inline-block; width: 18px; height: 18px; vertical-align: -3px; margin-left: 4px; }
.footer .footer-heading { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--bd-yellow); font-weight: 700; margin-bottom: 14px; }
.footer .footer-links { display: flex; flex-direction: column; gap: 8px; }
.footer .footer-links .link a { color: rgba(255, 255, 255, .8); font-weight: 500; }
.footer .footer-links .link a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--bd-yellow); text-underline-offset: 4px; }
.footer .footer-contact a { color: #fff; font-weight: 600; }
.footer .footer-bottom { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 40px; padding-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font-size: .88rem; color: rgba(255, 255, 255, .6); }
.footer .footer-bottom a { color: rgba(255, 255, 255, .8); }

/* --------------------------------------------------------------------------
   Çerez kutusu & popup (helper çıktısı; sadece CSS)
   -------------------------------------------------------------------------- */
.cookies { visibility: hidden; position: fixed; left: 24px; bottom: -150%; width: 100%; max-width: 380px; padding: 24px; background: #fff; border: 1px solid var(--bd-border); border-radius: var(--bd-radius); box-shadow: var(--bd-shadow); z-index: 90000; transition: .6s; }
.cookies.show { visibility: visible; bottom: 24px; }
@media (max-width: 575.98px) { .cookies { left: 0; max-width: 100%; border-radius: var(--bd-radius) var(--bd-radius) 0 0; } .cookies.show { bottom: 0; } }
#load-modal .modal-content { border-radius: var(--bd-radius); border: 0; }

/* Reklam alanları */
.vr-adv-unit { margin: 16px auto; }

/* Yardımcılar */
.text-muted { color: var(--bd-muted) !important; }
.bg-primary { background-color: var(--bd-green-900) !important; }
.text-white { color: #fff !important; }
.red { color: var(--bd-danger); }
.lead { font-weight: 400; }
.container-lg { max-width: 1200px; }

/* İndirme sayfası: mesaj kutusu */
.transfer-message { text-align: left; background: var(--bd-yellow-100); border: 1px solid #F3E58A; border-radius: var(--bd-radius-sm); padding: 12px 14px; color: var(--bd-ink-600); font-size: .92rem; white-space: pre-line; }
/* İletişim sayfası: kart içinde kart olmasın */
.contact-us .card-v, .contact-us .card-v.v2 { border: 0; box-shadow: none; background: transparent; }
.contact-us .card-v .card-v-body { padding: 0; }

/* Çoklu e-posta etiket girişi (tags-input kütüphanesi #input-tags'i .tags-input-wrapper ile değiştirir) */
.tags-input-wrapper { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; max-width: 100%; min-height: 48px; padding: 6px 2.2rem 6px 8px !important; background: #fff; border: 1.5px solid var(--bd-border); border-radius: var(--bd-radius-xs); transition: border-color .15s, box-shadow .15s; cursor: text; }
.tags-input-wrapper.active, .tags-input-wrapper:focus-within { border-color: var(--bd-green); box-shadow: 0 0 0 .2rem rgba(91, 188, 46, .18); }
.tags-input-wrapper input { flex: 1 1 160px; min-width: 120px; width: auto; border: 0; outline: none; background: transparent; padding: 6px 4px; font-size: .95rem; color: var(--bd-ink); }
.tags-input-wrapper input::placeholder { color: #A1A89A; }
.tags-input-wrapper .tag { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 8px 5px 10px; background: var(--bd-green-50); border: 1px solid var(--bd-green-100); border-radius: 999px; color: var(--bd-green-900); font-size: .85rem; font-weight: 600; line-height: 1.2; box-shadow: none; max-width: 100%; }
.tags-input-wrapper .tag::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-weight: 400; font-size: .75rem; color: var(--bd-green-700); }
.tags-input-wrapper .tag a { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; margin: 0; font-size: .95rem; line-height: 1; color: var(--bd-green-700); cursor: pointer; }
.tags-input-wrapper .tag a:hover { background: var(--bd-danger); color: #fff; }
.tags-input-wrapper .icon { position: absolute; top: 50%; right: .75rem; transform: translateY(-50%); color: var(--bd-muted); cursor: pointer; }
.tags-input-wrapper .icon:hover { color: var(--bd-danger); }
.tags-hint { font-size: .78rem; color: var(--bd-muted); margin: 4px 0 0; }

/* --------------------------------------------------------------------------
   Canlı sayaç şeridi v2 (kilim kenarı, çini kafesi, lale ayraçları) + 5 yıldız
   -------------------------------------------------------------------------- */
.stats-band.stats-band-v2 { padding: 0; border-radius: var(--bd-radius); background: linear-gradient(135deg, #1A4713 0%, var(--bd-green-900) 55%, #0F2A0B 100%); overflow: visible; }
.stats-band.stats-band-v2::before { opacity: .13; background-size: 96px 96px; border-radius: var(--bd-radius); overflow: hidden; }
.stats-band.stats-band-v2::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(255, 230, 0, .22); border-radius: calc(var(--bd-radius) - 8px); pointer-events: none; }
.stats-band-v2 .kilim { position: absolute; top: -1px; left: 24px; right: 24px; height: 8px; border-radius: 0 0 4px 4px; background: repeating-linear-gradient(135deg, var(--bd-yellow) 0 8px, #D9453D 8px 16px, #FFFFFF 16px 24px); opacity: .9; }
.stats-band-v2 .stats-live { position: absolute; top: 16px; right: 24px; display: inline-flex; align-items: center; gap: 6px; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .7); z-index: 2; }
.stats-band-v2 .stats-live .dot { width: 8px; height: 8px; border-radius: 50%; background: #7EE34C; box-shadow: 0 0 0 0 rgba(126, 227, 76, .6); animation: livePulse 1.8s infinite; }
@keyframes livePulse { 0% { box-shadow: 0 0 0 0 rgba(126, 227, 76, .6); } 70% { box-shadow: 0 0 0 9px rgba(126, 227, 76, 0); } 100% { box-shadow: 0 0 0 0 rgba(126, 227, 76, 0); } }
.stats-band-v2 .stats-grid { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 34px 40px 22px; }
.stats-band-v2 .stat { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; }
.stats-band-v2 .stat-icon { width: 58px; height: 58px; flex-shrink: 0; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; color: var(--bd-yellow); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 230, 0, .25); box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .03); }
.stats-band-v2 .stat-num { display: flex; align-items: baseline; gap: .3rem; margin: 0; font-size: 2.3rem; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: #fff; }
.stats-band-v2 .stat-num small { font-size: 1rem; font-weight: 700; color: var(--bd-yellow); }
.stats-band-v2 .stat-num .bump { display: inline-block; animation: bump .9s ease; color: var(--bd-yellow); }
@keyframes bump { 0% { transform: scale(1); } 30% { transform: scale(1.12); } 100% { transform: scale(1); } }
.stats-band-v2 .stat-label { margin: 2px 0 0; font-size: .9rem; color: rgba(255, 255, 255, .72); }
.stats-band-v2 .stat-divider { width: 34px; flex-shrink: 0; display: flex; justify-content: center; color: var(--bd-yellow); opacity: .85; }
.stats-band-v2 .stat-divider img { width: 30px; height: 40px; filter: invert(84%) sepia(70%) saturate(1400%) hue-rotate(2deg) brightness(104%); }
.stats-band-v2 .stats-rating { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 22px; padding: 16px 40px 22px; border-top: 1px solid rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .85); }
.stats-band-v2 .rating-title { font-weight: 700; font-size: .95rem; color: #fff; }
.stats-band-v2 .rating-title i { color: var(--bd-yellow); }
.stats-band-v2 .stars { display: inline-flex; gap: 4px; }
.stats-band-v2 .star { border: 0; background: transparent; padding: 4px; font-size: 1.6rem; line-height: 1; color: rgba(255, 255, 255, .28); cursor: pointer; transition: transform .15s, color .15s; }
.stats-band-v2 .star:hover { transform: scale(1.15); }
.stats-band-v2 .star.on, .stats-band-v2 .star.hover { color: var(--bd-yellow); text-shadow: 0 0 14px rgba(255, 230, 0, .45); }
.stats-band-v2 .stats-rating.sending .star { pointer-events: none; opacity: .6; }
.stats-band-v2 .rating-meta { display: inline-flex; align-items: center; gap: 8px; font-size: .92rem; color: rgba(255, 255, 255, .75); }
.stats-band-v2 .rating-meta strong { color: #fff; font-size: 1.05rem; }
.stats-band-v2 .rating-thanks { color: var(--bd-yellow); font-weight: 600; }
@media (max-width: 991.98px) {
    .stats-band-v2 .stats-grid { flex-direction: column; align-items: stretch; padding: 34px 22px 10px; gap: 10px; }
    .stats-band-v2 .stat { padding: 8px 0; }
    .stats-band-v2 .stat-divider { display: none; }
    .stats-band-v2 .stats-rating { padding: 16px 22px 22px; text-align: center; }
    .stats-band-v2 .stats-live { top: 14px; right: 18px; }
}

/* Footer: Atatürk + Türk bayrağı */
.footer .footer-turkiye { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 8px 0; }
.footer .footer-ataturk { position: relative; width: 112px; height: 112px; }
.footer .footer-ataturk > img:first-child { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; border: 3px solid var(--bd-yellow); box-shadow: 0 10px 24px rgba(0, 0, 0, .35); filter: grayscale(1) contrast(1.05); }
.footer .footer-ataturk .footer-flag { position: absolute; right: -10px; bottom: 2px; width: 44px; height: auto; border-radius: 4px; box-shadow: 0 4px 10px rgba(0, 0, 0, .35); border: 2px solid rgba(255, 255, 255, .85); }
.footer .footer-signature { width: 150px; height: auto; filter: invert(1) brightness(1.6); opacity: .92; }
.footer .footer-turkiye-text { margin: 0; font-size: .85rem; color: rgba(255, 255, 255, .72); }
@media (max-width: 991.98px) { .footer .footer-turkiye { padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .1); } }
.footer .footer-contact a { overflow-wrap: anywhere; }

/* Footer motifleri: kilim şeridi, altın çini kafesi, Selçuklu bordürü, lale filigranı */
.footer.footer-motif { background: linear-gradient(180deg, #1A4713 0%, var(--bd-green-900) 45%, #0F2A0B 100%); padding-top: 64px; }
.footer.footer-motif::before { background-image: url("../../../img/cay/cini-gold.svg"); background-size: 110px 110px; opacity: .085; }
.footer.footer-motif .kilim { position: absolute; top: 0; left: 0; right: 0; height: 7px; background: repeating-linear-gradient(135deg, var(--bd-yellow) 0 8px, #D9453D 8px 16px, #FFFFFF 16px 24px); opacity: .9; z-index: 1; }
.footer.footer-motif .footer-lale { position: absolute; left: -40px; bottom: -30px; width: 320px; height: auto; opacity: .06; filter: invert(84%) sepia(70%) saturate(1400%) hue-rotate(2deg) brightness(104%); pointer-events: none; transform: rotate(-12deg); }
.footer.footer-motif .footer-selcuk { height: 32px; margin-top: 36px; background-image: url("../../../img/cay/selcuk-band.svg"); background-repeat: repeat-x; background-position: center; background-size: 64px 32px; opacity: .45; }
.footer.footer-motif .footer-bottom { border-top: 0; margin-top: 10px; padding-top: 14px; }
.footer .footer-made { display: inline-flex; align-items: center; gap: 8px; }
.footer .footer-flag-sm { width: 22px; height: auto; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }
.footer.footer-motif .footer-heading { position: relative; padding-left: 14px; }
.footer.footer-motif .footer-heading::before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; transform: translateY(-50%) rotate(45deg); background: var(--bd-yellow); }
@media (max-width: 991.98px) { .footer.footer-motif .footer-lale { width: 220px; left: -60px; } }

/* Sümer motifleri (çivi yazısı + dingir yıldızı bandı, zigurat basamaklı kenar) — footer ve iç sayfa başlıkları */
.footer.footer-motif .footer-sumer { height: 40px; margin: 6px auto 0; max-width: 720px; background-image: url("../../../img/cay/sumer-band.svg"); background-repeat: repeat-x; background-position: center; background-size: 120px 40px; opacity: .28; }
.footer.footer-motif .footer-selcuk { margin-top: 30px; }
.footer.footer-motif { padding-bottom: 40px; }
.footer.footer-motif .ziggurat { position: absolute; left: 0; right: 0; bottom: 0; height: 16px; background-image: url("../../../img/cay/ziggurat-edge.svg"); background-repeat: repeat-x; background-size: 48px 16px; opacity: .35; }

.header.v2.header-motif { background: linear-gradient(180deg, #1A4713 0%, var(--bd-green-900) 55%, #0F2A0B 100%); padding: 124px 0 64px; }
.header.v2.header-motif::before { background-image: url("../../../img/cay/cini-gold.svg"); background-size: 110px 110px; opacity: .085; }
.header.v2.header-motif .kilim { position: absolute; top: 0; left: 0; right: 0; height: 7px; background: repeating-linear-gradient(135deg, var(--bd-yellow) 0 8px, #D9453D 8px 16px, #FFFFFF 16px 24px); opacity: .9; z-index: 1001; }
.header.v2.header-motif .header-lale { position: absolute; right: -30px; top: 40px; width: 240px; height: auto; opacity: .06; filter: invert(84%) sepia(70%) saturate(1400%) hue-rotate(2deg) brightness(104%); pointer-events: none; transform: rotate(14deg); }
.header.v2.header-motif .container { position: relative; }
.header.v2.header-motif .header-selcuk { width: 320px; max-width: 80%; height: 32px; margin-top: 18px; background-image: url("../../../img/cay/selcuk-band.svg"); background-repeat: repeat-x; background-position: center; background-size: 64px 32px; opacity: .5; }
.header.v2.header-motif .header-sumer { position: absolute; left: 0; right: 0; bottom: 16px; height: 40px; background-image: url("../../../img/cay/sumer-band.svg"); background-repeat: repeat-x; background-position: center; background-size: 120px 40px; opacity: .14; pointer-events: none; }
.header.v2.header-motif .ziggurat { position: absolute; left: 0; right: 0; bottom: 0; height: 16px; background-image: url("../../../img/cay/ziggurat-edge.svg"); background-repeat: repeat-x; background-size: 48px 16px; opacity: .3; }
@media (max-width: 991.98px) { .header.v2.header-motif { padding: 104px 0 56px; } .header.v2.header-motif .header-lale { width: 160px; right: -40px; } }