:root {

    --header-padding-mobile        : 0;
    --header-padding-tablet        : 0;
    --header-padding-laptop        : 0;
    --header-padding-desktop       : 0;
    --header-padding-sm-laptop     : 0;

    --header-row-padding-mobile    : 0.5em 5%;
    --header-row-padding-tablet    : 0.5em 5%;
    --header-row-padding-laptop    : 0em 0;
    --header-row-padding-desktop   : 0em 8%;
    --header-row-padding-sm-laptop : 0em 5%;

}

body.logged-in.admin-bar .site-header {
    top : 32px;
}

/*Widget parents rules*/
div.elementor:has(.site-header) > div.elementor-element {
    padding : 0 !important;
}

div.elementor:has(.site-header) > div.elementor-element > div {
    max-width : 100% !important;
    padding   : 0 !important;
}

div.elementor-location-header > div.elementor-element,
div.elementor-location-header > div.elementor-element > div {
    max-width : 100% !important;
    padding   : 0 !important;
}

/*Widget parents rules*/


body.menu-opened {
    overflow : hidden;
    height   : 100%;
    margin   : 0 !important;
}

.site-header {
    position             : fixed;
    top                  : 0;
    left                 : 0;
    z-index              : 9999;
    display              : flex;
    flex-direction       : column;
    justify-content      : space-between;
    align-items          : center;
    width                : 100vw !important;
    max-width            : unset !important;
    transition           : all 0.35s ease-out;
    padding-inline-start : 0 !important;
    padding-inline-end   : 0 !important;
}

.site-header.scrolled {
    background-color : #FFFFFF;
    box-shadow       : 0 0 15px rgb(0 0 0 / 10%);
}

.site-header::after {
    opacity    : 0;
    position   : fixed;
    top        : 0;
    right      : 0;
    left       : 0;
    transform  : translateX(-100%);
    z-index    : -100;
    visibility : hidden;
    height     : 100vh;
    content    : "";
    transition : all 0.3s ease-in-out;
    background : rgba(56, 75, 99, .3);
}

body.menu-opened .site-header::after {
    opacity    : 1;
    transform  : translateX(0);
    z-index    : -1;
    visibility : visible;
}

.site-header__row {
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    gap             : 2em;
    width           : 100%;
}


.site-header .site-header__row--top {
    font-family      : 'Poppins', sans-serif;
    color            : #FFFFFF;
    padding          : 0;
    transition       : margin-top .35s ease-out,
    padding 0.35s ease-out;
    background-color : #A47764;
}

.site-header .site-header__row--bottom {
    align-items      : center;
    padding          : 15px 35px;
    transition       : padding 0.35s ease-out;
    background-color : #FFFFFF;
    box-shadow       : 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.header-row__column {
    display     : flex;
    align-items : center;
    gap         : 10px;
}

.header-row__column.column-menu {
    flex            : 1;
    justify-content : center;
}

.header-row__column--rows {
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
}

.header-row__column-row {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    width           : 100%;
}

.header-row__column.column-logo {
    flex : 0 0 auto;
}

.header-row__column.column-logo .header-logo {
    display     : flex;
    align-items : center;
    width       : 125px;
    height      : auto;
    transition  : all 0.3s ease-in-out;
}

.header-row__column.column-logo .header-logo img {
    width      : 100%;
    height     : auto;
    transition : width 0.3s ease-in-out;
    object-fit : contain;
}

.header-row__column.column-icons {
    display     : flex;
    flex        : 0 0 auto;
    align-items : center;
    gap         : 20px;
}

.header-row__column.column-icons .header-icon {
    position        : relative;
    display         : flex;
    justify-content : center;
    align-items     : center;
    transition      : opacity 0.3s ease;
}

.header-row__column.column-icons .header-icon:hover {
    opacity : 0.7;
}

.header-row__column.column-icons .header-icon img {
    width  : 24px;
    height : 24px;
}

.header-row__column.column-cta {
    flex : 0 0 auto;
}

.header-row__column .header-cta {
    font-family      : 'Poppins', sans-serif;
    font-size        : 15px;
    font-weight      : 500;
    color            : #F0F0E5;
    white-space      : nowrap;
    text-transform   : uppercase;
    position         : relative;
    display          : flex;
    align-items      : center;
    gap              : 10px;
    padding          : 12px 30px;
    transition       : background-color 0.3s ease;
    border-radius    : 35px;
    background-color : #E08915;
}

.header-row__column .header-cta:hover {
    background-color : #C97913;
}

.header-row__column .header-cta img {
    width  : 20px;
    height : 20px;
}

.header-row__column.column-icons .header-icon--cart .cart-count {
    font-family      : 'Poppins', sans-serif;
    font-size        : 10px;
    font-weight      : 600;
    color            : #FFFFFF;
    position         : absolute;
    top              : -5px;
    right            : -5px;
    display          : flex;
    justify-content  : center;
    align-items      : center;
    width            : 18px;
    height           : 18px;
    border           : 2px solid #FFFFFF;
    border-radius    : 50%;
    background-color : #634636;
}

.header-row__column .header-cta .cart-count {
    font-family      : 'Poppins', sans-serif;
    font-size        : 10px;
    font-weight      : 600;
    color            : #FFFFFF;
    position         : absolute;
    top              : -5px;
    right            : -5px;
    display          : flex;
    justify-content  : center;
    align-items      : center;
    width            : 20px;
    height           : 20px;
    border           : 2px solid #FFFFFF;
    border-radius    : 50%;
    background-color : #634636;
}

/*	burger */


.column-burger {
    color   : #000000;
    width   : 45px;
    height  : 45px;
    padding : 0;
    border  : 0;
}
.column-burger .header-burger {
    transition : transform 600ms;
}
.column-burger .header-burger svg {
    transform : scaleX(-1);
    width     : 100%;
    height    : 100%;
}
.column-burger .header-burger .line {
    transition   : all 0.6s;
    stroke-width : 6;
    stroke       : var(--e-global-color-primary);
}
.column-burger .header-burger #line-top {
    stroke-dasharray : 50 139;
}
.column-burger .header-burger #line-bottom {
    stroke-dasharray : 34 139;
}
.column-burger .header-burger #line-middle {
    transform-origin : 38% 20%;
}
.column-burger .header-burger.is-active {
    transform : rotate(0.375turn);
}

.column-burger .header-burger.is-active #line-top {
    stroke-dashoffset : -86;
}
.column-burger .header-burger.is-active #line-bottom {
    stroke-dashoffset : -63;
}
.column-burger .header-burger.is-active #line-middle {
    transform : rotate(90deg) translate(-1px, 1px);
}


.site-header.force-close .site-header__row--top {
    background : lime;
}
/*	burger */


/*RESPONSIVE*/


/*tablet*/
@media (min-width : 768px) and (max-width : 1024px) {

    .hide-tablet {
        display : none !important;
    }

    .site-header {
        padding : var(--header-padding-tablet);
    }

    .site-menu__primary li a,
    .site-header__row {
        padding : var(--header-row-padding-tablet);
    }

    .header-row__column.column-logo .header-logo {
        height     : unset;
        min-height : 58px;
    }

}

/*mobile and tablet*/
@media (max-width : 1024px) {

    .site-header::before {
        z-index : 9999;
    }

    .header-row__column {
        flex : 1 1 0;
    }

    .header-row__column.column--top {
        flex-direction : column;
        gap            : 5px;
    }

    .header-row__column.column-shop,
    .header-row__column.column-logo,
    .header-row__column.column-burger {
        z-index : 999;
    }

    .header-row__column.column-logo {
        justify-content : flex-end;
    }

    .header-row__column--rows {
        justify-content : flex-start;
    }

    .site-header .site-header__row--top {
        z-index : 2;
    }

    .header-row__column.column-menu {
        opacity          : 0;
        position         : fixed;
        top              : 0;
        left             : -5px;
        z-index          : -1;
        visibility       : hidden;
        display          : flex;
        flex-direction   : column;
        justify-content  : flex-start;
        align-content    : flex-start;
        align-items      : flex-start;
        gap              : 0;
        width            : 105vw;
        height           : 100vh;
        transition       : 0.5s ease all;
        background-color : #FFFFFF;
        backdrop-filter  : blur(10px);
        clip-path        : circle(0px at 0 0px);
    }

    .header-row__column.column-menu.is-opened {
        opacity    : 1;
        z-index    : 1;
        visibility : visible;
        clip-path  : circle(100%);
    }

    .header-row__column.column-menu .column-menu_content > * {
        width : fit-content;
    }

    .header-row__column.column-menu > .column-menu_content {
        position     : relative;
        margin-right : auto;
        margin-left  : auto;
    }

    .column-logo img {
        max-width : 100%;
        height    : auto;
    }

    .header-row__column-row {
        flex-direction : column;
        align-items    : flex-start;
        gap            : 1em;
    }

    .site-menu__primary {
        width : 100%;
    }

    .site-header .header-burger__line,
    body.menu-opened .header-burger__line {
        background-color : #FFFFFF;
    }

    body.menu-opened .header-logo .header-logo--c {
        opacity : 1 !important;
    }

    body.menu-opened .header-logo .header-logo--w {
        opacity : 0 !important;
    }

    .site-header.scrolled .header-burger__line {
        background-color : var(--e-global-color-primary);
    }

    .site-header .site-header__row--bottom {
        display               : grid;
        align-items           : center;
        gap                   : 10px;
        grid-template-columns : 1fr auto 1fr;
    }

    .header-row__column.column-burger {
        justify-content : flex-start;
    }

    .header-row__column.column-logo {
        justify-content : center;
    }

    .header-row__column.column-icons {
        justify-content : flex-end;
    }

    .header-row__column .header-cta:has(img) {
        z-index : 2;
        width   : 100%;
        margin  : 0;
    }

    .site-header .site-header__row--bottom {
        position : relative;
    }

    .site-header .site-header__row--bottom:after {
        position         : absolute;
        top              : 100%;
        left             : 0;
        z-index          : 9999;
        width            : 100%;
        height           : 1px;
        content          : "";
        background-color : rgba(28, 44, 84, 0.2);
    }


    .header-row__column.column-menu {
        gap : 0;
    }

    .header-row__column.column-menu .mobile-social-links {
        display         : flex;
        justify-content : center;
        align-items     : center;
        gap             : 20px;
        width           : 100%;
        padding         : 20px;
    }

    .header-row__column.column-menu .mobile-social-icon {
        display          : flex;
        align-items      : center;
        padding          : 10px;
        transition       : opacity 0.3s ease;
        border-radius    : 50px;
        background-color : var(--e-global-color-primary);
    }

    .header-row__column.column-menu .mobile-social-icon:hover {
        opacity : 0.7;
    }

    .header-row__column.column-menu .mobile-social-icon img {
        width  : 30px;
        height : 30px;
    }

    .header-row__column.column-menu .contact--in-menu {
        display         : flex;
        flex-flow       : column wrap;
        justify-content : center;
        align-items     : center;
        gap             : 15px;
        width           : 100%;
        padding         : 30px 30px 50px;
        background      : var(--e-global-color-dd41e99, #F3F7FA);
        clip-path       : ellipse(100% 100% at 50% 0%);
    }

    .header-row__column.column-menu .contact--in-menu .title {
        font-size       : 18px;
        font-weight     : 600;
        color           : var(--e-global-color-primary);
        display         : flex;
        flex-direction  : row;
        justify-content : center;
        align-items     : center;
        gap             : 10px;
    }

    .header-row__column.column-menu .contact--in-menu .title p {
        margin : 0;
    }

    .header-row__column.column-menu .contact--in-menu .custom-btn {
        font-size   : 18px;
        font-weight : 600;
        text-align  : center;
        width       : 100%;
        max-width   : 290px;
        padding     : 10px 25px;
    }

    .header-row__column.column-menu .call-to-action {
        position        : relative;
        top             : -30px;
        z-index         : -1;
        display         : flex;
        flex-flow       : row wrap;
        justify-content : center;
        align-items     : center;
        gap             : 10px;
        width           : 100%;
        height          : calc(100% + 30px);
        padding         : 60px 5px;
        background      : var(--e-global-color-primary);
    }
}


/*desktop*/
@media (min-width : 1025px) {

    .hide-desktop {
        display : none !important;
    }

    .site-header {
        padding : var(--header-padding-desktop);
    }

    @keyframes stickySlideDown {
        0% {
            opacity   : 0.7;
            transform : translateY(-100%);
        }
        100% {
            opacity   : 1;
            transform : translateY(0);
        }
    }

    .site-header.scrolled {

    }

    .site-header.scrolled .header-row__column.column-logo {
        padding : 0 0 0 35px;
    }

    .site-header.scrolled .header-row__column.column-cta {
        padding : 5px 35px 5px 0;
    }

    .site-header.scrolled .header-row__column.column-logo .header-logo {
        height : 67px;
    }

    .site-header.scrolled .header-row__column .header-cta.custom-btn {
        padding : 10px 30px;
    }

    .header-row__column {
        flex : 1 1 0;
    }


    .header-row__column.column-cta {
        padding : 15px 35px 15px 0;
    }


    .header-row__column-row {
        flex-direction : row;
        gap            : 4em;
        padding-right  : 2%;
        padding-left   : 2%;
    }

    .header-row__column.column-menu {
        flex-basis : 75%;
    }

}

/*laptop 1*/
@media (min-width : 1025px) and (max-width : 1439px) {

    .site-header {
        padding : var(--header-padding-sm-laptop);
    }

    .header-row__column.column-cta {
        display               : grid;
        justify-content       : center;
        align-items           : center;
        gap                   : 5px 10px;
        grid-template-columns : 1fr;
    }

    .header-row__column.column-cta > .header-cta:nth-child(2) {
        grid-row : 1/2;
    }

    .header-row__column.column-cta > .header-cta:nth-child(3) {
        grid-row : 2/3;
    }

    .site-header .header-row__column .header-cta.custom-btn {
        padding : 10px 30px;
    }

    .site-header.scrolled .header-row__column .header-cta.custom-btn {
        padding : 3px 30px;
    }
}
/*laptop 2*/
@media (min-width : 1440px) and (max-width : 1700px) {

    .site-header {
        padding : var(--header-padding-laptop);
    }

    .site-header.scrolled .site-header__row {
        padding : var(--header-row-padding-laptop);
    }


}


/*phone*/
@media (max-width : 767px) {
    .hide-mobile {
        display : none !important;
    }

    .site-header {
        padding : var(--header-padding-mobile);
    }

    .site-menu__primary li a,
    .site-header__row {
        padding : var(--header-row-padding-mobile);
    }

    .header-row__column.column-logo {
        min-width : 170px;
    }


    .site-header.scrolled .header-row__column.column-logo .header-logo,
    body.menu-opened .site-header .header-row__column.column-logo .header-logo {
        width  : 90px;
        height : auto;
    }

    .site-header.scrolled .site-header__row--bottom {
        padding : 15px 25px;
    }

    .site-header .site-header__row--top {
        text-align : center;
    }

    .header-row__column.column--top {
        gap : 20px;
    }

    .header-row__column.column-menu {
        left  : 0;
        width : 100%;
    }

    .site-menu__primary {
        padding-top : 80px;
    }

}

/*RESPONSIVE*/