/* Sidebar Alanlari */
.sidenav {
    position: fixed;
    width: 85vw;
    max-width: 420px;
    top: 0;
    left: -90vw;
    height: 100%;
    z-index: 1050;
    transition: left 0.28s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
    color: #e5e7eb;
    box-shadow: 12px 0 28px rgba(0, 0, 0, 0.35);
    padding: 16px 12px 20px;
    overflow-x: hidden;
}

.sidenav.active {
    left: 0;
}

/* theme-blue.css icindeki #sidebarleft (250px) ayarini ezer */
#sidebarleft.sidenav {
    width: 85vw !important;
    max-width: 85vw !important;
    left: -85vw !important;
    z-index: 1050 !important;
}

#sidebarleft.sidenav.active {
    left: 0 !important;
}

/* Sidebar header */
.sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 12px;
    margin-bottom: 6px;
}

.sidebar-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #f8fafc;
    margin: 0;
}

#dismiss {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}

.sidebar-section {
    margin: 10px 0;
    padding: 6px 6px 2px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 12px;
}

.section-title {
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #cbd5f5;
    margin: 6px 10px 8px;
}

.section-divider {
    margin: 0 8px 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar-item {
    color: #e5e7eb;
    margin: 0;
    padding: 6px 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.4;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.sidebar-item i {
    flex: 0 0 18px;
    width: 18px;
    text-align: center;
    opacity: 0.9;
    margin-top: 2px;
}

.sidebar-link {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    color: #e5e7eb;
    text-decoration: none;
    line-height: 1.35;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.sidebar-link i {
    flex: 0 0 18px;
    margin-top: 2px;
}

.sidebar-link span,
.sidebar-item b,
.sidebar-item a,
.sidebar-item p {
    min-width: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.sidebar-link:hover {
    background: rgba(59, 130, 246, 0.15);
    color: #fff;
    text-decoration: none;
}

.truncate {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.sidebar-mobile-feedback {
    display: block;
}

.sidebar-mobile-hero {
    display: block;
}

.sidebar-social-list {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px 2px;
}

.sidebar-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
}

.sidebar-social-icon:hover,
.sidebar-social-icon:focus {
    text-decoration: none;
}

@media (min-width: 577px) {
    body .sidenav {
        width: 70vw;
        max-width: 70vw;
        left: -72vw;
        padding: 18px 18px 28px;
        background:
            linear-gradient(180deg, rgba(15, 22, 17, 0.18) 0%, rgba(15, 22, 17, 0.04) 18%, rgba(15, 22, 17, 0) 36%),
            linear-gradient(180deg, var(--sidenav-start) 0%, var(--sidenav-end) 100%) !important;
        box-shadow: 24px 0 48px rgba(10, 12, 8, 0.42);
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px;
    }

    #sidebarleft.sidenav {
        width: 70vw !important;
        max-width: 70vw !important;
        left: -70vw !important;
    }

    .sidenav::before,
    .sidenav::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .sidenav::before {
        inset: 0;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 18%, rgba(255, 255, 255, 0) 34%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23f4e7cb' stroke-opacity='.11' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 74h38c0 16-8 28-19 28S48 90 48 74z'/%3E%3Cpath d='M54 74V58c0-6 4-10 10-10'/%3E%3Cpath d='M80 74V58c0-6-4-10-10-10'/%3E%3Cpath d='M42 104h50'/%3E%3Cpath d='M136 72h34c0 16-7 28-17 28s-17-12-17-28z'/%3E%3Cpath d='M170 78h8c7 0 12 5 12 12s-5 12-12 12h-8'/%3E%3Cpath d='M142 104h40'/%3E%3Cpath d='M222 80c0-16 14-28 32-28s32 12 32 28H222z'/%3E%3Cpath d='M216 94h76'/%3E%3Cpath d='M224 110h60'/%3E%3Cpath d='M228 124h52'/%3E%3Cpath d='M220 138h68c0 10-9 18-18 18h-32c-9 0-18-8-18-18z'/%3E%3Cpath d='M58 210c9-18 27-30 48-30 19 0 36 8 46 22'/%3E%3Cpath d='M48 238c10 14 24 22 42 22 19 0 34-8 44-22'/%3E%3Cpath d='M206 216c0-22 18-39 42-39s42 17 42 39H206z'/%3E%3Cpath d='M242 170h12'/%3E%3Cpath d='M200 216h96'/%3E%3Cpath d='M218 238h60'/%3E%3Cpath d='M134 250c-12 0-22 10-22 22s10 22 22 22 22-10 22-22-10-22-22-22z'/%3E%3Cpath d='M134 256c8 8 8 24 0 32'/%3E%3C/g%3E%3C/svg%3E");
        background-size: auto, 320px 320px;
    }

    .sidenav::after {
        top: 18px;
        bottom: 18px;
        right: 10px;
        width: 12px;
        background:
            linear-gradient(180deg, rgba(248, 228, 187, 0.72) 0%, rgba(227, 191, 119, 0.48) 100%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='96' viewBox='0 0 12 96'%3E%3Cg fill='none' stroke='%23202a1c' stroke-opacity='.18' stroke-width='1.3'%3E%3Ccircle cx='6' cy='18' r='3.3'/%3E%3Ccircle cx='6' cy='48' r='3.3'/%3E%3Ccircle cx='6' cy='78' r='3.3'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 12px 100%, 12px 96px;
        background-repeat: no-repeat, repeat-y;
        background-position: center, center top;
        border-radius: 999px;
        opacity: 0.88;
        box-shadow: inset 0 0 0 1px rgba(255, 248, 230, 0.16);
    }

    #dismiss {
        position: absolute;
        top: 16px;
        right: 16px;
        left: auto;
        z-index: 3;
        margin: 0;
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 10px 22px rgba(8, 10, 6, 0.18);
    }

    .sidebar-mobile-hero {
        position: relative;
        z-index: 1;
        margin: 18px 26px 12px 6px;
        padding: 20px 22px 18px;
        border-radius: 26px;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 44%, rgba(255, 255, 255, 0.03) 100%),
            radial-gradient(circle at top right, rgba(243, 210, 140, 0.24) 0%, rgba(243, 210, 140, 0) 34%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 20px 34px rgba(7, 10, 6, 0.2);
        overflow: hidden;
    }

    .sidebar-mobile-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 38%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23f4e7cb' stroke-opacity='.1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 50h30c0 13-7 22-15 22S22 63 22 50z'/%3E%3Cpath d='M28 50V38c0-5 3-8 8-8'/%3E%3Cpath d='M46 50V38c0-5-3-8-8-8'/%3E%3Cpath d='M18 74h38'/%3E%3Cpath d='M124 56c0-12 10-21 24-21s24 9 24 21h-48z'/%3E%3Cpath d='M118 68h60'/%3E%3Cpath d='M126 82h44'/%3E%3Cpath d='M34 158c8-14 22-22 38-22 14 0 26 5 34 16'/%3E%3Cpath d='M28 180c8 10 19 15 32 15 14 0 26-5 35-15'/%3E%3Cpath d='M136 160c0-16 14-29 32-29s32 13 32 29h-64z'/%3E%3Cpath d='M162 124h10'/%3E%3C/g%3E%3C/svg%3E");
        background-position: top left, right -12px top -6px;
        background-repeat: no-repeat, no-repeat;
        pointer-events: none;
    }

    .sidebar-mobile-hero-title,
    .sidebar-mobile-hero-text,
    .sidebar-mobile-hero-chips,
    .sidebar-mobile-hero-social {
        position: relative;
        z-index: 1;
    }

    .sidebar-mobile-hero-title {
        margin-top: 0;
        padding-right: 56px;
        color: #fff9ef;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }

    .sidebar-mobile-hero-text {
        margin: 10px 0 14px;
        color: rgba(250, 243, 228, 0.86);
        font-size: 15px;
        line-height: 1.5;
        max-width: 720px;
    }

    .sidebar-mobile-hero-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .sidebar-mobile-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 34px;
        padding: 0 13px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: #fbf2df;
        font-size: 13px;
        font-weight: 600;
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .sidebar-mobile-hero-social {
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .sidebar-mobile-hero-social-title {
        margin-bottom: 10px;
        color: rgba(246, 236, 214, 0.86);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .sidebar-section {
        position: relative;
        z-index: 1;
        margin: 12px 26px 0 6px;
        padding: 14px 12px 8px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.045) 100%);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 20px;
        backdrop-filter: blur(8px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .sidebar-item,
    .sidebar-link {
        font-size: 15px;
    }

    .section-title {
        margin: 0 10px 10px;
        color: rgba(246, 236, 214, 0.86);
    }

    .section-divider {
        margin: 0 8px 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .sidebar-mobile-feedback {
        position: relative;
        z-index: 1;
        display: block;
        margin: 14px 26px 8px 6px;
        padding: 16px 18px 18px;
        border-radius: 22px;
    }
}

@media (max-width: 576px) {
    body .sidenav {
        width: 86vw;
        left: -88vw;
        padding: 16px 14px 24px;
        background:
            linear-gradient(180deg, rgba(15, 22, 17, 0.18) 0%, rgba(15, 22, 17, 0.04) 18%, rgba(15, 22, 17, 0) 36%),
            linear-gradient(180deg, var(--sidenav-start) 0%, var(--sidenav-end) 100%) !important;
        box-shadow: 24px 0 48px rgba(10, 12, 8, 0.42);
        border-top-right-radius: 28px;
        border-bottom-right-radius: 28px;
    }

    #sidebarleft.sidenav {
        width: 86vw !important;
        max-width: 86vw !important;
        left: -86vw !important;
    }

    .sidenav::before,
    .sidenav::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .sidenav::before {
        inset: 0;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 18%, rgba(255, 255, 255, 0) 34%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23f4e7cb' stroke-opacity='.11' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 74h38c0 16-8 28-19 28S48 90 48 74z'/%3E%3Cpath d='M54 74V58c0-6 4-10 10-10'/%3E%3Cpath d='M80 74V58c0-6-4-10-10-10'/%3E%3Cpath d='M42 104h50'/%3E%3Cpath d='M136 72h34c0 16-7 28-17 28s-17-12-17-28z'/%3E%3Cpath d='M170 78h8c7 0 12 5 12 12s-5 12-12 12h-8'/%3E%3Cpath d='M142 104h40'/%3E%3Cpath d='M222 80c0-16 14-28 32-28s32 12 32 28H222z'/%3E%3Cpath d='M216 94h76'/%3E%3Cpath d='M224 110h60'/%3E%3Cpath d='M228 124h52'/%3E%3Cpath d='M220 138h68c0 10-9 18-18 18h-32c-9 0-18-8-18-18z'/%3E%3Cpath d='M58 210c9-18 27-30 48-30 19 0 36 8 46 22'/%3E%3Cpath d='M48 238c10 14 24 22 42 22 19 0 34-8 44-22'/%3E%3Cpath d='M206 216c0-22 18-39 42-39s42 17 42 39H206z'/%3E%3Cpath d='M242 170h12'/%3E%3Cpath d='M200 216h96'/%3E%3Cpath d='M218 238h60'/%3E%3Cpath d='M134 250c-12 0-22 10-22 22s10 22 22 22 22-10 22-22-10-22-22-22z'/%3E%3Cpath d='M134 256c8 8 8 24 0 32'/%3E%3C/g%3E%3C/svg%3E");
        background-size: auto, 320px 320px;
    }

    .sidenav::after {
        top: 18px;
        bottom: 18px;
        right: 10px;
        width: 12px;
        background:
            linear-gradient(180deg, rgba(248, 228, 187, 0.72) 0%, rgba(227, 191, 119, 0.48) 100%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='96' viewBox='0 0 12 96'%3E%3Cg fill='none' stroke='%23202a1c' stroke-opacity='.18' stroke-width='1.3'%3E%3Ccircle cx='6' cy='18' r='3.3'/%3E%3Ccircle cx='6' cy='48' r='3.3'/%3E%3Ccircle cx='6' cy='78' r='3.3'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 12px 100%, 12px 96px;
        background-repeat: no-repeat, repeat-y;
        background-position: center, center top;
        border-radius: 999px;
        opacity: 0.88;
        box-shadow: inset 0 0 0 1px rgba(255, 248, 230, 0.16);
    }

    .sidebar-header h3 {
        font-size: 17px;
    }

    .sidebar-link,
    .sidebar-item {
        font-size: 14px;
    }

    .sidebar-section {
        position: relative;
        z-index: 1;
        margin: 12px 18px 0 2px;
        padding: 12px 10px 6px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.045) 100%);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 18px;
        backdrop-filter: blur(8px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    #dismiss {
        position: absolute;
        top: 14px;
        right: 14px;
        left: auto;
        z-index: 3;
        margin: 0;
        width: 38px;
        height: 38px;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 18px rgba(8, 10, 6, 0.16);
    }

    .sidebar-mobile-hero {
        position: relative;
        z-index: 1;
        display: block;
        margin: 18px 18px 10px 2px;
        padding: 18px 18px 16px;
        border-radius: 24px;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 44%, rgba(255, 255, 255, 0.03) 100%),
            radial-gradient(circle at top right, rgba(243, 210, 140, 0.24) 0%, rgba(243, 210, 140, 0) 34%);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 20px 34px rgba(7, 10, 6, 0.2);
        overflow: hidden;
    }

    .sidebar-mobile-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 38%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23f4e7cb' stroke-opacity='.1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 50h30c0 13-7 22-15 22S22 63 22 50z'/%3E%3Cpath d='M28 50V38c0-5 3-8 8-8'/%3E%3Cpath d='M46 50V38c0-5-3-8-8-8'/%3E%3Cpath d='M18 74h38'/%3E%3Cpath d='M124 56c0-12 10-21 24-21s24 9 24 21h-48z'/%3E%3Cpath d='M118 68h60'/%3E%3Cpath d='M126 82h44'/%3E%3Cpath d='M34 158c8-14 22-22 38-22 14 0 26 5 34 16'/%3E%3Cpath d='M28 180c8 10 19 15 32 15 14 0 26-5 35-15'/%3E%3Cpath d='M136 160c0-16 14-29 32-29s32 13 32 29h-64z'/%3E%3Cpath d='M162 124h10'/%3E%3C/g%3E%3C/svg%3E");
        background-position: top left, right -12px top -6px;
        background-repeat: no-repeat, no-repeat;
        pointer-events: none;
    }

    .sidebar-mobile-hero-title,
    .sidebar-mobile-hero-text,
    .sidebar-mobile-hero-chips,
    .sidebar-mobile-hero-social {
        position: relative;
        z-index: 1;
    }

    .sidebar-mobile-hero-title {
        margin-top: 0;
        padding-right: 52px;
        color: #fff9ef;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }

    .sidebar-mobile-hero-text {
        margin: 10px 0 14px;
        color: rgba(250, 243, 228, 0.86);
        font-size: 14px;
        line-height: 1.5;
    }

    .sidebar-mobile-hero-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .sidebar-mobile-hero-social {
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .sidebar-mobile-hero-social-title {
        margin-bottom: 10px;
        color: rgba(246, 236, 214, 0.86);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .sidebar-mobile-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 32px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: #fbf2df;
        font-size: 12px;
        font-weight: 600;
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .sidebar-mobile-feedback {
        position: relative;
        z-index: 1;
        display: block;
        margin: 14px 18px 8px 2px;
        padding: 16px 18px 18px;
        border-radius: 22px;
        background:
            linear-gradient(145deg, rgba(244, 225, 184, 0.18) 0%, rgba(201, 157, 78, 0.12) 48%, rgba(255, 255, 255, 0.04) 100%),
            rgba(255, 252, 246, 0.06);
        border: 1px solid rgba(228, 194, 128, 0.22);
        box-shadow: 0 18px 30px rgba(7, 10, 6, 0.18);
        overflow: hidden;
    }

    .sidebar-mobile-feedback::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 44%),
            radial-gradient(circle at bottom right, rgba(243, 205, 132, 0.18) 0%, rgba(243, 205, 132, 0) 42%);
        pointer-events: none;
    }

    .sidebar-mobile-feedback-badge,
    .sidebar-mobile-feedback-text,
    .sidebar-mobile-feedback-link {
        position: relative;
        z-index: 1;
    }

    .sidebar-mobile-feedback-badge {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(250, 233, 196, 0.18);
        color: #f4d59b;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .sidebar-mobile-feedback-text {
        margin: 12px 0 14px;
        color: #f8f1df;
        font-size: 15px;
        line-height: 1.45;
        font-weight: 600;
    }

    .sidebar-mobile-feedback-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 14px;
        text-decoration: none;
        color: #1e1a12;
        background: linear-gradient(135deg, #f4d89f 0%, #f0c46d 100%);
        box-shadow: 0 10px 20px rgba(24, 18, 8, 0.18);
        font-size: 14px;
        font-weight: 700;
    }

    .sidebar-mobile-feedback-link:hover,
    .sidebar-mobile-feedback-link:focus {
        color: #1e1a12;
        text-decoration: none;
        filter: brightness(1.02);
    }

    body .section-title {
        margin: 4px 10px 10px;
        color: rgba(246, 228, 188, 0.94) !important;
        font-size: 11px;
        letter-spacing: 0.12em;
    }

    .section-divider {
        margin: 0 10px 10px;
        border-top-color: rgba(255, 255, 255, 0.08);
    }

    .sidebar-item,
    .sidebar-link {
        position: relative;
        align-items: center;
        gap: 12px;
        padding: 11px 12px;
        border-radius: 14px;
        color: #f6f0e1 !important;
    }

    .sidebar-link {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.04);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .sidebar-link::after {
        content: "\203A";
        margin-left: auto;
        color: rgba(247, 226, 182, 0.8);
        font-size: 20px;
        line-height: 1;
    }

    .sidebar-social-section {
        padding-bottom: 14px;
    }

    .sidebar-social-list {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0;
    }

    .sidebar-social-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.08);
        color: #f7e4bb !important;
        text-decoration: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .sidebar-social-icon i {
        font-size: 18px;
    }

    .sidebar-social-icon:hover,
    .sidebar-social-icon:focus {
        background: rgba(248, 225, 178, 0.12);
        color: #fff7e7 !important;
        text-decoration: none;
        transform: translateY(-1px);
    }

    .sidebar-link i,
    .sidebar-item i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        margin-top: 0;
        border-radius: 10px;
        background: rgba(248, 225, 178, 0.12);
        color: #f6ddb0;
    }

    .sidebar-link span,
    .sidebar-item {
        font-size: 14px;
        font-weight: 500;
    }

    body .sidebar-link:hover,
    body .sidebar-link:focus {
        background: rgba(248, 225, 178, 0.12) !important;
        color: #fff8ea !important;
        text-decoration: none;
        transform: translateX(1px);
    }
}

/* Topbar Alanları */

.navbar {

    /* Sabit üst çubuk */

    position: sticky;

    top: 0;

    z-index: 1000;

}



.bg-header {

    /* Başlık çubuğu arka planı */

    background-color: #34495e;

    color: #fff;

}



.logo a {

    /* Logo metni */

    font-size: 16px;

    font-weight: 700;

}



/* Footer Alanları */

.footer {

    /* Alt bilgi çubuğu */

    padding: 20px;

    text-align: center;

    background-color: #ecf0f1;

}



/* Topbar + cart UI */

.topbar {
    position: relative;
    padding: 9px 0 18px;
    overflow: visible;
    box-shadow: 0 10px 24px rgba(23, 34, 18, 0.12);
}

.topbar::before,
.topbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

.topbar::before {
    display: none;
}

.topbar::after {
    bottom: -1px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 22' preserveAspectRatio='none'%3E%3Cpath fill='%23fbf7f0' d='M0 0H1440V8C1320 14 1200 14 1080 8C960 2 840 2 720 8C600 14 480 14 360 8C240 2 120 2 0 8V0Z'/%3E%3C/svg%3E") center bottom / 100% 22px no-repeat;
}

body.scene-backed {
    background:
        radial-gradient(circle at top, rgba(252, 248, 241, 0.94) 0%, rgba(247, 240, 230, 0.84) 24%, rgba(239, 230, 215, 0.96) 100%) !important;
    background-color: #efe6d7 !important;
}

.scene-backed .wrapper {
    position: relative;
}

.scene-backed #content {
    position: relative;
    z-index: 1;
}

.scene-backed #content {
    background: transparent !important;
    background-color: transparent !important;
    overflow: hidden;
}

.menu-scene {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.menu-scene::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(32, 45, 29, 0.06) 0px, rgba(32, 45, 29, 0.025) 92px, rgba(239, 230, 215, 0.28) 168px, rgba(239, 230, 215, 0.72) 100%),
        radial-gradient(circle at top, rgba(255, 252, 247, 0.42) 0%, rgba(255, 252, 247, 0) 36%);
}

.menu-scene::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(239, 230, 215, 0.34) 0%, rgba(239, 230, 215, 0.1) 18%, rgba(239, 230, 215, 0.1) 82%, rgba(239, 230, 215, 0.34) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23656d59' stroke-opacity='.11' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M52 88h44c0 18-10 31-22 31S52 106 52 88z'/%3E%3Cpath d='M60 88V68c0-7 5-12 12-12'/%3E%3Cpath d='M88 88V68c0-7-5-12-12-12'/%3E%3Cpath d='M46 124h56'/%3E%3Cpath d='M146 84h38c0 18-8 31-19 31s-19-13-19-31z'/%3E%3Cpath d='M184 90h8c8 0 14 6 14 14s-6 14-14 14h-8'/%3E%3Cpath d='M152 122h42'/%3E%3Cpath d='M154 72c0-8 6-14 14-14'/%3E%3Cpath d='M168 72c0-8 6-14 14-14'/%3E%3Cpath d='M242 90c0-17 15-30 34-30s34 13 34 30H242z'/%3E%3Cpath d='M236 104h80'/%3E%3Cpath d='M246 122h60'/%3E%3Cpath d='M252 136h48'/%3E%3Cpath d='M240 150h72c0 11-9 20-20 20h-32c-11 0-20-9-20-20z'/%3E%3Cpath d='M72 214c10-16 28-26 48-26 18 0 35 8 46 22'/%3E%3Cpath d='M58 246c10-21 31-35 56-35 21 0 40 10 52 27'/%3E%3Cpath d='M58 246c7 15 21 23 39 23 19 0 35-8 45-23'/%3E%3Cpath d='M242 228c0-25 21-44 48-44s48 19 48 44H242z'/%3E%3Cpath d='M284 176v-8'/%3E%3Cpath d='M274 168h20'/%3E%3Cpath d='M228 228h124'/%3E%3Cpath d='M250 252h68'/%3E%3Cpath d='M170 214c-12 0-22 10-22 22s10 22 22 22 22-10 22-22-10-22-22-22z'/%3E%3Cpath d='M170 220c8 8 8 24 0 32'/%3E%3Cpath d='M84 304h42'/%3E%3Cpath d='M214 306h40'/%3E%3C/g%3E%3C/svg%3E");
    background-size: auto, 360px 360px;
    background-position: center, center;
    opacity: 1;
}

.scene-backed .content-wrap {
    background: linear-gradient(180deg, rgba(252, 248, 242, 0.96) 0%, rgba(255, 252, 247, 0.985) 100%);
    box-shadow: 0 18px 42px rgba(96, 69, 47, 0.08);
}

.menu-scene > div {
    display: none !important;
}

.topbar .container-fluid {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
}

.topbar .btn {
    height: 42px;
    min-width: 42px;
    padding: 0 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.topbar .btn:hover,
.topbar .btn:focus {
    background: rgba(255, 255, 255, 0.14);
}

#sidebarleftbutton {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.topbar-logo {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
    padding: 0 14px;
}

.topbar-cart-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.topbar-cart-text {
    font-size: 14px;
}

.topbar-cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: 700;
    background: #ffffff;
    color: #111;
    padding: 0 6px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
}

@media (max-width: 576px) {
    .topbar {
        padding: 7px 0 15px;
    }
    .topbar::after {
        height: 16px;
        background-size: 100% 16px;
    }
    .menu-scene::before {
        background:
            linear-gradient(180deg, rgba(34, 47, 27, 0.08) 0px, rgba(34, 47, 27, 0.035) 86px, rgba(239, 230, 215, 0.24) 140px, rgba(239, 230, 215, 0.78) 100%);
    }
    .menu-scene::after {
        background:
            linear-gradient(180deg, rgba(255, 252, 247, 0) 0%, rgba(239, 230, 215, 0.18) 100%),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Cg fill='none' stroke='%23656d59' stroke-opacity='.1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M34 68h36c0 15-8 26-18 26S34 83 34 68z'/%3E%3Cpath d='M40 68V52c0-6 4-10 10-10'/%3E%3Cpath d='M64 68V52c0-6-4-10-10-10'/%3E%3Cpath d='M28 98h48'/%3E%3Cpath d='M116 64h32c0 15-7 26-16 26s-16-11-16-26z'/%3E%3Cpath d='M148 70h7c7 0 12 5 12 12s-5 12-12 12h-7'/%3E%3Cpath d='M122 96h36'/%3E%3Cpath d='M190 70c0-14 12-24 28-24s28 10 28 24H190z'/%3E%3Cpath d='M184 82h68'/%3E%3Cpath d='M192 98h52'/%3E%3Cpath d='M196 112h44'/%3E%3Cpath d='M188 124h60c0 9-8 16-16 16h-28c-8 0-16-7-16-16z'/%3E%3Cpath d='M48 182c8-17 26-28 46-28 17 0 32 7 42 20'/%3E%3Cpath d='M40 208c8 13 20 20 36 20 17 0 31-7 40-20'/%3E%3Cpath d='M178 188c0-20 17-36 40-36s40 16 40 36H178z'/%3E%3Cpath d='M212 146h12'/%3E%3Cpath d='M172 188h92'/%3E%3Cpath d='M190 208h56'/%3E%3C/g%3E%3C/svg%3E");
        background-size: auto, 280px 280px;
    }
    .scene-backed .content-wrap {
        box-shadow: 0 12px 26px rgba(96, 69, 47, 0.07);
    }
    .footer {
        padding: 24px 16px 14px;
    }
    .footer::before {
        top: -15px;
        height: 16px;
        background-size: 100% 16px;
    }
    .topbar .container-fluid {
        min-height: 46px;
    }
    .topbar .btn {
        height: 38px;
        min-width: 38px;
        padding: 0 10px;
        border-radius: 12px;
    }
    .topbar-logo {
        padding: 0 8px;
    }
    .topbar-cart-text {
        display: none;
    }
}



/* Footer */

.footer {
    position: relative;
    z-index: 1;
    isolation: isolate;
    height: auto;
    padding: 30px 20px 14px;
    overflow: visible;
}
.footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -21px;
    height: 22px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 22' preserveAspectRatio='none'%3E%3Cpath fill='%23fbf7f0' d='M0 22H1440V14C1320 8 1200 8 1080 14C960 20 840 20 720 14C600 8 480 8 360 14C240 20 120 20 0 14V22Z'/%3E%3C/svg%3E") center top / 100% 22px no-repeat;
}
.footer::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.018) 18%, rgba(255, 255, 255, 0.018) 82%, rgba(255, 255, 255, 0.06) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23f3e8cf' stroke-opacity='.12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 72h36c0 15-8 26-18 26S42 87 42 72z'/%3E%3Cpath d='M48 72V56c0-6 4-10 10-10'/%3E%3Cpath d='M72 72V56c0-6-4-10-10-10'/%3E%3Cpath d='M36 102h48'/%3E%3Cpath d='M130 68h34c0 15-7 26-17 26s-17-11-17-26z'/%3E%3Cpath d='M164 74h8c7 0 12 5 12 12s-5 12-12 12h-8'/%3E%3Cpath d='M136 100h40'/%3E%3Cpath d='M214 74c0-15 13-26 30-26s30 11 30 26H214z'/%3E%3Cpath d='M208 88h72'/%3E%3Cpath d='M216 104h56'/%3E%3Cpath d='M220 118h48'/%3E%3Cpath d='M212 132h64c0 10-8 18-18 18h-28c-10 0-18-8-18-18z'/%3E%3Cpath d='M56 212c8-18 26-30 48-30 18 0 34 8 44 22'/%3E%3Cpath d='M46 238c8 14 22 22 40 22 18 0 33-8 43-22'/%3E%3Cpath d='M204 214c0-21 18-38 42-38s42 17 42 38H204z'/%3E%3Cpath d='M240 168h12'/%3E%3Cpath d='M198 214h96'/%3E%3Cpath d='M216 236h60'/%3E%3C/g%3E%3C/svg%3E");
    background-size: auto, 300px 300px;
    background-position: center, center;
    opacity: 1;
    z-index: 0;
}
.footer .footer-heading {
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0;
}
.footer .footer-link {
    position: relative;
    z-index: 1;
    color: #fff;
    opacity: 0.94;
}


/* Cart toast */

.cart-toast {

    position: fixed;

    right: 16px;

    bottom: 16px;

    background: #111;

    color: #fff;

    padding: 10px 14px;

    border-radius: 10px;

    font-size: 14px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);

    opacity: 0;

    transform: translateY(10px);

    transition: all 0.25s ease;

    z-index: 9999;
    pointer-events: none;

}



.cart-toast.show {

    opacity: 1;

    transform: translateY(0);

}



/* Fly to cart animation */

.fly-img {
    position: fixed;
    z-index: 9998;
    transition: transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 1.2s ease;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
    pointer-events: none;
}

/* Cart quantity controls */
.cart-qty-row {
    gap: 8px;
}
.cart-qty-controls {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.cart-qty-controls .qty-btn {
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 1;
    font-weight: 700;
}

/* Prevent footer click-through when modal is open */
body.modal-open-footer-lock .footer,
body.modal-open .footer,
body.footer-click-guard .footer,
body.modal-open-footer-lock .footer *,
body.modal-open .footer *,
body.footer-click-guard .footer * {
    pointer-events: none !important;
}

.modal {
    z-index: 2000;
}
.modal-backdrop {
    z-index: 1990;
}

.app-alert-modal .modal-dialog {
    max-width: min(92vw, 430px);
    margin: 1rem auto;
}

.app-alert-modal .modal-content {
    border: 1px solid rgba(80, 58, 33, 0.08);
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 252, 247, 0.99) 0%, rgba(250, 245, 237, 0.985) 100%);
    box-shadow: 0 28px 70px rgba(20, 24, 17, 0.28);
}

.app-alert-modal .modal-header {
    position: relative;
    align-items: center;
    padding: 18px 20px 20px;
    border-bottom: 0;
    background: linear-gradient(135deg, var(--topbar-start) 0%, var(--topbar-mid) 54%, var(--topbar-end) 100%);
    color: var(--topbar-text);
}

.app-alert-modal .modal-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 16' preserveAspectRatio='none'%3E%3Cpath fill='%23fffaf2' d='M0 0H1440V6C1320 11 1200 11 1080 6C960 1 840 1 720 6C600 11 480 11 360 6C240 1 120 1 0 6V0Z'/%3E%3C/svg%3E") center bottom / 100% 16px no-repeat;
    pointer-events: none;
}

.app-alert-modal .modal-title {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.app-alert-modal .close {
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--topbar-text);
    opacity: 1;
    text-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-alert-modal .close:hover,
.app-alert-modal .close:focus {
    background: rgba(255, 255, 255, 0.18);
    color: var(--topbar-text);
    outline: none;
}

.app-alert-modal .modal-body {
    padding: 20px 20px 10px;
}

.app-alert-modal #appAlertMessage {
    color: #2f3528;
    font-size: 16px;
    line-height: 1.6;
}

.app-alert-modal .modal-footer {
    padding: 0 20px 20px;
    border-top: 0;
    background: transparent;
}

.app-alert-modal .app-alert-btn {
    min-width: 118px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--theme-button-bg) 0%, var(--theme-button-hover) 100%);
    color: var(--theme-button-text);
    box-shadow: 0 12px 24px rgba(34, 41, 27, 0.16);
}

.app-alert-modal .app-alert-btn:hover,
.app-alert-modal .app-alert-btn:focus {
    background: linear-gradient(135deg, var(--theme-button-hover) 0%, var(--theme-button-bg) 100%);
    color: var(--theme-button-text);
}

.footer {
    position: relative;
    z-index: 1;
}
.bg-header {
    height: 88px;
}
.navbar {
    min-height: 88px;
}
#content {
    top: 88px;
}


.topbar-logo a {
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -0.01em;
    color: #fff;
    text-decoration: none;
}
@media (max-width: 576px) {
    .app-alert-modal .modal-dialog {
        max-width: calc(100vw - 24px);
    }
    .app-alert-modal .modal-content {
        border-radius: 18px;
    }
    .app-alert-modal .modal-header {
        padding: 16px 16px 18px;
    }
    .app-alert-modal .modal-title {
        font-size: 20px;
    }
    .app-alert-modal .modal-body {
        padding: 18px 16px 8px;
    }
    .app-alert-modal .modal-footer {
        padding: 0 16px 16px;
    }
    .bg-header {
        height: 82px;
    }
    .navbar {
        min-height: 82px;
    }
    #content {
        top: 82px;
    }
    .topbar-logo a {
        font-size: 15px;
    }
}