/**
 * ChaCha Home
 * Mega Menu v2.0
 *
 * Quiet Luxury / Editorial Commerce
 */


/* ==========================================================
   01. KADENCE HEADER FOUNDATION
   ========================================================== */

.site-bottom-header-wrap,
.site-bottom-header-inner-wrap,
.site-bottom-header-wrap .site-header-row-container-inner,
.site-bottom-header-wrap .main-navigation,
.site-bottom-header-wrap .primary-menu-container {
    overflow: visible !important;
}


/*
 * Mega menu panelinin tek bir menu item genişliğine
 * hapsolmasını engeller.
 */
.site-bottom-header-wrap {
    position: relative;
    z-index: var(--chacha-z-header, 100);
}


.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li.chacha-has-mega-menu {
    position: static;
}


/* ==========================================================
   02. PRIMARY NAVIGATION — v1.1
   Quiet Luxury Navigation
   ========================================================== */


/*
 * Menü listesinin kendisi.
 * Aralıkları li/a marginleriyle değil,
 * tek merkezden GAP ile yönetiyoruz.
 */
.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul {

    display: flex;

    align-items: center;
    justify-content: center;

    gap: clamp(22px, 2vw, 38px);

    margin: 0 !important;
    padding: 0 !important;
}


/*
 * Top-level menu item.
 */
.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li {

    margin: 0 !important;
    padding: 0 !important;
}


/*
 * Top-level menu link.
 */
.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li
> a {

    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 0 !important;

    white-space: nowrap;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size: 12px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.065em;

    text-transform: uppercase;

    color:
        var(--chacha-text-strong, #3B322D);

    transition:
        color 180ms ease;
}


/*
 * İnce champagne underline.
 */
.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li
> a::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 7px;

    width: 0;
    height: 1px;

    background:
        var(--chacha-brass, #B08D57);

    transform: translateX(-50%);

    transition:
        width 220ms ease;
}


/*
 * Hover / keyboard focus.
 */
.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li:hover
> a,

.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li:focus-within
> a {

    color:
        var(--chacha-brass-dark, #8F6F3F);
}


.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li:hover
> a::after,

.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li:focus-within
> a::after {

    width: 24px;
}


/*
 * Aktif sayfa.
 */
.site-bottom-header-wrap
.main-navigation
.current-menu-item
> a,

.site-bottom-header-wrap
.main-navigation
.current-menu-ancestor
> a {

    color:
        var(--chacha-brass-dark, #8F6F3F);
}


.site-bottom-header-wrap
.main-navigation
.current-menu-item
> a::after,

.site-bottom-header-wrap
.main-navigation
.current-menu-ancestor
> a::after {

    width: 24px;
}


/*
 * EN YENİLER'e çok hafif ticari vurgu.
 */
.site-bottom-header-wrap
.main-navigation
> .primary-menu-container
> ul
> li:first-child
> a {

    color:
        var(--chacha-brass-dark, #8F6F3F);
}


/*
 * Küçük laptop ekranlarında aralığı azalt.
 */
@media (max-width: 1280px) {

    .site-bottom-header-wrap
    .main-navigation
    > .primary-menu-container
    > ul {

        gap: 20px;
    }


    .site-bottom-header-wrap
    .main-navigation
    > .primary-menu-container
    > ul
    > li
    > a {

        font-size: 11px;

        letter-spacing: 0.045em;
    }

}



/* ==========================================================
   03. MEGA MENU PANEL
   ========================================================== */

.chacha-mega-menu {

    position: absolute;

    top: calc(100% + 1px);
    left: 0;
    right: 0;

    width: 100%;

    z-index:
        var(--chacha-z-dropdown, 500);

    background:
        linear-gradient(
            180deg,
            rgba(255, 253, 252, 0.995) 0%,
            rgba(246, 241, 234, 0.995) 100%
        );

    border-top:
        1px solid rgba(215, 206, 196, 0.72);

    border-bottom:
        1px solid rgba(215, 206, 196, 0.90);

    box-shadow:
        0 26px 70px rgba(32, 26, 23, 0.12);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        translateY(12px);

    transition:
        opacity 220ms ease,
        transform 280ms cubic-bezier(.2, .75, .3, 1),
        visibility 220ms ease;
}


/*
 * Hover desteği.
 * JS aşamasında .is-open class'ını da kullanacağız.
 */
.chacha-has-mega-menu:hover
> .chacha-mega-menu,

.chacha-has-mega-menu:focus-within
> .chacha-mega-menu,

.chacha-has-mega-menu.is-open
> .chacha-mega-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateY(0);
}



/* ==========================================================
   04. INNER CONTAINER
   ========================================================== */

.chacha-mega-inner {

    width:
        min(
            calc(100% - 64px),
            var(--chacha-container-max, 1400px)
        );

    margin-inline: auto;

    padding:
        28px
        0
        22px;
}



/* ==========================================================
   05. MEGA HEADER
   ========================================================== */

.chacha-mega-header {

    display: flex;

    justify-content: space-between;
    align-items: flex-end;

    gap: 40px;

    padding-bottom: 22px;

    margin-bottom: 0;

    border-bottom:
        1px solid rgba(215, 206, 196, 0.78);
}


.chacha-mega-heading {

    max-width: 760px;
}


.chacha-mega-eyebrow {

    display: block;

    margin-bottom: 6px;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size: 10px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.18em;

    text-transform: uppercase;

    color:
        var(--chacha-brass-dark, #8F6F3F);
}


.chacha-mega-parent-title {

    display: inline-block;

    padding: 0 !important;

    font-family:
        var(--chacha-font-heading, "Cormorant Garamond", serif) !important;

    font-size:
        clamp(34px, 2.3vw, 46px) !important;

    font-weight: 500 !important;

    line-height: 1.03;

    letter-spacing:
        -0.025em !important;

    text-transform:
        none !important;

    color:
        var(--chacha-espresso, #201A17) !important;

    transition:
        color 180ms ease;
}


.chacha-mega-parent-title::after {
    display: none !important;
}


.chacha-mega-parent-title:hover {

    color:
        var(--chacha-brass-dark, #8F6F3F) !important;
}


.chacha-mega-parent-description {

    max-width: 620px;

    margin-top: 8px;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size: 13px;

    line-height: 1.65;

    color:
        var(--chacha-text-muted, #6A5F58);
}


.chacha-mega-parent-description p {

    margin:
        0;
}



/* ==========================================================
   06. MEGA BODY
   ========================================================== */

.chacha-mega-body {

    display: grid;

    grid-template-columns:
        260px
        minmax(0, 1fr);

    min-height:
        390px;
}



/* ==========================================================
   07. LEVEL 2 TAB NAVIGATION
   ========================================================== */

.chacha-mega-tabs {

    padding:
        24px
        22px
        24px
        0;

    border-right:
        1px solid rgba(215, 206, 196, 0.80);
}


.chacha-mega-tab {

    appearance: none;

    display: flex;

    width: 100%;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 0;

    padding:
        11px
        13px;

    border: 0;

    border-radius:
        2px;

    background:
        transparent;

    cursor: pointer;

    text-align:
        left;

    color:
        var(--chacha-text-strong, #3B322D);

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        12px;

    font-weight:
        500;

    line-height:
        1.35;

    letter-spacing:
        0.045em;

    transition:
        background-color 180ms ease,
        color 180ms ease,
        padding-left 180ms ease;
}


.chacha-mega-tab:hover,

.chacha-mega-tab.is-active {

    padding-left:
        17px;

    background:
        rgba(176, 141, 87, 0.08);

    color:
        var(--chacha-espresso, #201A17);
}


.chacha-mega-tab.is-active {

    box-shadow:
        inset 2px 0 0
        var(--chacha-brass, #B08D57);
}


.chacha-mega-tab-arrow {

    flex-shrink: 0;

    font-size:
        15px;

    color:
        var(--chacha-brass, #B08D57);

    opacity:
        0.45;

    transform:
        translateX(-3px);

    transition:
        transform 180ms ease,
        opacity 180ms ease;
}


.chacha-mega-tab:hover
.chacha-mega-tab-arrow,

.chacha-mega-tab.is-active
.chacha-mega-tab-arrow {

    opacity:
        1;

    transform:
        translateX(2px);
}



/* ==========================================================
   08. CONTENT AREA
   ========================================================== */

.chacha-mega-content-area {

    position: relative;

    min-width: 0;

    padding:
        24px
        0
        24px
        40px;
}



/* ==========================================================
   09. ACTIVE PANEL
   ========================================================== */

.chacha-mega-panel {

    display: none;

    grid-template-columns:
        minmax(0, 1fr)
        360px;

    gap:
        50px;

    min-height:
        340px;
}


.chacha-mega-panel.is-active {

    display:
        grid;

    animation:
        chachaMegaPanelIn
        240ms
        ease
        both;
}


.chacha-mega-panel[hidden] {

    display:
        none !important;
}


@keyframes chachaMegaPanelIn {

    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* ==========================================================
   10. LEVEL 3 LINKS COLUMN
   ========================================================== */

.chacha-mega-links-column {

    min-width:
        0;

    padding-right:
        10px;
}


.chacha-mega-section-heading {

    margin-bottom:
        20px;
}


.chacha-mega-section-label {

    display:
        block;

    margin-bottom:
        5px;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        9px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;

    color:
        var(--chacha-brass-dark, #8F6F3F);
}


.chacha-mega-section-title {

    display:
        inline-block;

    padding:
        0 !important;

    font-family:
        var(--chacha-font-heading, "Cormorant Garamond", serif) !important;

    font-size:
        27px !important;

    font-weight:
        500 !important;

    line-height:
        1.1;

    letter-spacing:
        -0.015em !important;

    text-transform:
        none !important;

    color:
        var(--chacha-espresso, #201A17) !important;
}


.chacha-mega-section-title::after {

    display:
        none !important;
}



/* ==========================================================
   11. LEVEL 3 LINK GRID
   ========================================================== */

.chacha-mega-links {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap:
        36px;

    row-gap:
        2px;

    list-style:
        none;

    margin:
        0 !important;

    padding:
        0 !important;
}


.chacha-mega-link-item {

    margin:
        0;

    padding:
        0;
}


.chacha-mega-link-item
a {

    display:
        inline-flex !important;

    align-items:
        center;

    position:
        relative;

    padding:
        7px
        0 !important;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif) !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.4;

    letter-spacing:
        0 !important;

    text-transform:
        none !important;

    color:
        var(--chacha-text-muted, #6A5F58) !important;

    transition:
        color 180ms ease,
        transform 180ms ease;
}


.chacha-mega-link-item
a::after {

    display:
        none !important;
}


.chacha-mega-link-item
a::before {

    content:
        "";

    width:
        0;

    height:
        1px;

    margin-right:
        0;

    opacity:
        0;

    background:
        var(--chacha-brass, #B08D57);

    transition:
        width 180ms ease,
        margin-right 180ms ease,
        opacity 180ms ease;
}


.chacha-mega-link-item
a:hover {

    color:
        var(--chacha-espresso, #201A17) !important;

    transform:
        translateX(3px);
}


.chacha-mega-link-item
a:hover::before {

    width:
        12px;

    margin-right:
        7px;

    opacity:
        1;
}



/* ==========================================================
   12. SEE ALL LINK
   ========================================================== */

.chacha-mega-see-all {

    display:
        inline-flex !important;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        24px;

    padding:
        0
        0
        4px !important;

    border-bottom:
        1px solid
        var(--chacha-brass, #B08D57);

    font-family:
        var(--chacha-font-body, "Inter", sans-serif) !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    letter-spacing:
        0.08em !important;

    text-transform:
        uppercase !important;

    color:
        var(--chacha-espresso, #201A17) !important;
}


.chacha-mega-see-all::after {

    display:
        none !important;
}


.chacha-mega-see-all
span:last-child {

    color:
        var(--chacha-brass, #B08D57);

    transition:
        transform 180ms ease;
}


.chacha-mega-see-all:hover
span:last-child {

    transform:
        translateX(4px);
}



/* ==========================================================
   13. EDITORIAL VISUAL — v2.2
   ========================================================== */

.chacha-mega-panel {

    grid-template-columns:
        minmax(0, 1fr)
        390px;

    gap:
        44px;
}


.chacha-mega-visual {

    position: relative;

    align-self: stretch;

    min-width: 0;

    padding-left: 30px;

    border-left:
        1px solid
        rgba(215, 206, 196, 0.78);
}


.chacha-mega-visual-link {

    display: block !important;

    width: 100%;
    height: 100%;

    padding: 0 !important;

    color: inherit !important;
}


.chacha-mega-visual-link::after {

    display: none !important;
}



/* ==========================================================
   14. EDITORIAL CARD
   ========================================================== */

.chacha-mega-image-wrap {

    position: relative;

    isolation: isolate;

    overflow: hidden;

    width: 100%;

    min-height: 320px;
    height: 100%;

    background:
        var(--chacha-surface, #EDE6DD);

    border:
        1px solid
        rgba(215, 206, 196, 0.82);

    border-radius: 2px;

    box-shadow:
        0 14px 36px
        rgba(32, 26, 23, 0.075);

    transform:
        translateY(0);

    transition:
        transform 320ms cubic-bezier(.2, .7, .2, 1),
        box-shadow 320ms ease;
}


.chacha-mega-visual-link:hover
.chacha-mega-image-wrap {

    transform:
        translateY(-3px);

    box-shadow:
        0 22px 48px
        rgba(32, 26, 23, 0.11);
}



/*
 * İnce champagne detail.
 */
.chacha-mega-image-wrap::before {

    content: "";

    position: absolute;

    z-index: 4;

    top: 20px;
    left: 20px;

    width: 32px;
    height: 1px;

    background:
        var(--chacha-brass, #B08D57);

    opacity: 0.9;
}



/*
 * Küçük CH marka izi.
 */
.chacha-mega-image-wrap::after {

    content: "CH";

    position: absolute;

    z-index: 4;

    top: 14px;
    right: 18px;

    font-family:
        var(
            --chacha-font-heading,
            "Cormorant Garamond",
            serif
        );

    font-size: 15px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.16em;

    color:
        rgba(255, 253, 252, 0.82);
}



/* ==========================================================
   15. CATEGORY IMAGE
   ========================================================== */

.chacha-mega-image {

    position: absolute;

    inset: 0;

    z-index: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transform:
        scale(1.002);

    filter:
        saturate(0.92)
        contrast(0.97);

    transition:
        transform 800ms
        cubic-bezier(.18, .72, .25, 1),
        filter 500ms ease;
}


.chacha-mega-visual-link:hover
.chacha-mega-image {

    transform:
        scale(1.045);

    filter:
        saturate(1)
        contrast(1);
}



/* ==========================================================
   16. CINEMATIC OVERLAY
   ========================================================== */

.chacha-mega-visual-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(32, 26, 23, 0.02) 0%,
            rgba(32, 26, 23, 0.05) 32%,
            rgba(32, 26, 23, 0.30) 65%,
            rgba(32, 26, 23, 0.78) 100%
        );
}



/* ==========================================================
   17. LUXURY PLACEHOLDER
   ========================================================== */

.chacha-mega-image-placeholder {

    position: absolute;

    inset: 0;

    z-index: 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #DCD0C1 0%,
            #F1E9DF 42%,
            #E3D6C7 100%
        );
}


/*
 * Büyük dekoratif daire
 */
.chacha-mega-image-placeholder::before {

    content: "";

    position: absolute;

    top: -100px;
    right: -85px;

    width: 290px;
    height: 290px;

    border:
        1px solid
        rgba(176, 141, 87, 0.32);

    border-radius: 50%;
}


/*
 * İkinci dekoratif form
 */
.chacha-mega-image-placeholder::after {

    content: "";

    position: absolute;

    left: -80px;
    bottom: -135px;

    width: 300px;
    height: 300px;

    border:
        1px solid
        rgba(32, 26, 23, 0.10);

    border-radius: 50%;
}


.chacha-placeholder-monogram {

    position: absolute;

    top: 50%;
    left: 50%;

    transform:
        translate(-50%, -58%);

    font-family:
        var(
            --chacha-font-heading,
            "Cormorant Garamond",
            serif
        );

    font-size: 88px;

    font-weight: 400;

    line-height: 1;

    letter-spacing: -0.035em;

    color:
        rgba(32, 26, 23, 0.075);
}



/* ==========================================================
   18. EDITORIAL CONTENT
   ========================================================== */

.chacha-mega-visual-content {

    position: absolute;

    z-index: 3;

    left: 26px;
    right: 26px;
    bottom: 25px;

    color:
        var(--chacha-white, #FFFDFC);
}


.chacha-mega-visual-eyebrow {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 8px;

    font-family:
        var(
            --chacha-font-body,
            "Inter",
            sans-serif
        );

    font-size: 9px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.19em;

    text-transform: uppercase;

    color:
        rgba(255, 253, 252, 0.78);
}


.chacha-mega-visual-eyebrow::before {

    content: "";

    display: block;

    width: 18px;
    height: 1px;

    background:
        var(--chacha-brass, #B08D57);
}


.chacha-mega-visual-title {

    display: block;

    max-width: 310px;

    font-family:
        var(
            --chacha-font-heading,
            "Cormorant Garamond",
            serif
        );

    font-size:
        clamp(29px, 2vw, 36px);

    font-weight: 500;

    line-height: 1.02;

    letter-spacing: -0.02em;

    color:
        var(--chacha-white, #FFFDFC);
}


.chacha-mega-visual-description {

    display: block;

    max-width: 300px;

    margin-top: 9px;

    font-family:
        var(
            --chacha-font-body,
            "Inter",
            sans-serif
        );

    font-size: 11px;

    font-weight: 400;

    line-height: 1.55;

    color:
        rgba(255, 253, 252, 0.76);
}



/* ==========================================================
   19. EDITORIAL CTA
   ========================================================== */

.chacha-mega-visual-cta {

    display: inline-flex;

    align-items: center;

    gap: 11px;

    margin-top: 15px;

    padding-bottom: 4px;

    border-bottom:
        1px solid
        rgba(176, 141, 87, 0.88);

    font-family:
        var(
            --chacha-font-body,
            "Inter",
            sans-serif
        );

    font-size: 9px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 0.13em;

    text-transform: uppercase;

    color:
        var(--chacha-white, #FFFDFC);
}


.chacha-mega-visual-cta
span {

    display: inline-block;

    font-size: 14px;

    color:
        #D6B47C;

    transition:
        transform 180ms ease;
}


.chacha-mega-visual-link:hover
.chacha-mega-visual-cta
span {

    transform:
        translateX(5px);
}



/* ==========================================================
   20. ACTIVE PANEL VISUAL REVEAL
   ========================================================== */

.chacha-mega-panel.is-active
.chacha-mega-image-wrap {

    animation:
        chachaEditorialReveal
        360ms
        cubic-bezier(.2, .7, .2, 1)
        both;
}


@keyframes chachaEditorialReveal {

    from {

        opacity: 0;

        transform:
            translateY(5px)
            scale(0.995);
    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }

}



/* ==========================================================
   21. LAPTOP ADJUSTMENT
   ========================================================== */

@media (max-width: 1280px) {

    .chacha-mega-panel {

        grid-template-columns:
            minmax(0, 1fr)
            320px;

        gap:
            32px;
    }


    .chacha-mega-visual {

        padding-left:
            24px;
    }


    .chacha-mega-image-wrap {

        min-height:
            300px;
    }


    .chacha-mega-visual-title {

        font-size:
            29px;
    }

}



/* ==========================================================
   17. MEGA FOOTER
   ========================================================== */

.chacha-mega-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        40px;

    padding-top:
        17px;

    border-top:
        1px solid
        rgba(215, 206, 196, 0.78);
}


.chacha-mega-footer-note {

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        10px;

    letter-spacing:
        0.055em;

    color:
        var(--chacha-text-muted, #6A5F58);
}


.chacha-mega-footer-note
span {

    margin:
        0
        7px;

    color:
        var(--chacha-brass, #B08D57);
}


.chacha-mega-footer-link {

    display:
        inline-flex !important;

    align-items:
        center;

    gap:
        10px;

    padding:
        0 !important;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif) !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    letter-spacing:
        0.085em !important;

    text-transform:
        uppercase !important;

    color:
        var(--chacha-espresso, #201A17) !important;
}


.chacha-mega-footer-link::after {

    display:
        none !important;
}


.chacha-mega-footer-link
span {

    color:
        var(--chacha-brass, #B08D57);

    font-size:
        16px;

    transition:
        transform 180ms ease;
}


.chacha-mega-footer-link:hover
span {

    transform:
        translateX(5px);
}



/* ==========================================================
   18. FOCUS / ACCESSIBILITY
   ========================================================== */

.chacha-mega-tab:focus-visible,

.chacha-mega-menu
a:focus-visible {

    outline:
        2px solid
        var(--chacha-brass, #B08D57);

    outline-offset:
        3px;
}



/* ==========================================================
   19. VIEWPORT HEIGHT PROTECTION
   ========================================================== */

.chacha-mega-menu {

    max-height:
        calc(100vh - 180px);

    overflow-y:
        auto;

    overscroll-behavior:
        contain;

    scrollbar-width:
        thin;

    scrollbar-color:
        var(--chacha-border, #D7CEC4)
        transparent;
}


.chacha-mega-menu::-webkit-scrollbar {

    width:
        6px;
}


.chacha-mega-menu::-webkit-scrollbar-track {

    background:
        transparent;
}


.chacha-mega-menu::-webkit-scrollbar-thumb {

    background:
        var(--chacha-border, #D7CEC4);

    border-radius:
        20px;
}



/* ==========================================================
   20. LAPTOP
   ========================================================== */

@media (max-width: 1280px) {

    .chacha-mega-inner {

        width:
            calc(100% - 48px);
    }


    .chacha-mega-body {

        grid-template-columns:
            235px
            minmax(0, 1fr);
    }


    .chacha-mega-panel {

        grid-template-columns:
            minmax(0, 1fr)
            310px;

        gap:
            34px;
    }


    .chacha-mega-content-area {

        padding-left:
            30px;
    }


    .chacha-mega-links {

        column-gap:
            24px;
    }

}



/* ==========================================================
   21. TABLET / MOBILE
   Desktop mega menu kapalı.
   Mobile navigation ayrı tasarlanacak.
   ========================================================== */

@media (max-width: 1024px) {

    .chacha-mega-menu {

        display:
            none !important;
    }

}



/* ==========================================================
   22. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .chacha-mega-menu,

    .chacha-mega-panel,

    .chacha-mega-tab,

    .chacha-mega-tab-arrow,

    .chacha-mega-link-item a,

    .chacha-mega-image,

    .chacha-mega-see-all span,

    .chacha-mega-footer-link span {

        animation:
            none !important;

        transition:
            none !important;
    }

}
/* ==========================================================
   24. STICKY HEADER — v1.0
   ========================================================== */

.kadence-sticky-header.item-is-stuck {

    box-shadow:
        0 8px 28px
        rgba(32, 26, 23, 0.07);
}


.kadence-sticky-header.item-is-stuck
.site-main-header-wrap,
.kadence-sticky-header.item-is-stuck
.site-bottom-header-wrap {

    background:
        rgba(255, 253, 252, 0.98);
}


/*
 * Sticky durumunda logo geçişini yumuşat.
 */
.kadence-sticky-header
.site-branding img {

    transition:
        max-height 260ms ease,
        width 260ms ease,
        opacity 180ms ease;
}


/*
 * Mega menu sticky header'ın altında
 * güçlü şekilde kalmaya devam etsin.
 */
.kadence-sticky-header.item-is-stuck
.chacha-mega-menu {

    box-shadow:
        0 30px 70px
        rgba(32, 26, 23, 0.13);
}