.elementor-336 .elementor-element.elementor-element-1af9b1ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#B2A69B;--border-color:#B2A69B;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-336 .elementor-element.elementor-element-1af9b1ce:not(.elementor-motion-effects-element-type-background), .elementor-336 .elementor-element.elementor-element-1af9b1ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-336 .elementor-element.elementor-element-6ade4897{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-336 .elementor-element.elementor-element-60182166{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-336 .elementor-element.elementor-element-60182166 .elementor-social-icon{background-color:#02010100;border-style:none;}.elementor-336 .elementor-element.elementor-element-60182166 .elementor-social-icon i{color:#020101;}.elementor-336 .elementor-element.elementor-element-60182166 .elementor-social-icon svg{fill:#020101;}.elementor-336 .elementor-element.elementor-element-60182166 .elementor-social-icon:hover{background-color:#B2A69B;border-color:#B2A69B;}.elementor-336 .elementor-element.elementor-element-30490dc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-336 .elementor-element.elementor-element-2f6b1911{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-336 .elementor-element.elementor-element-88236b9 .elementor-button{background-color:#A98971;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-336 .elementor-element.elementor-element-88236b9 .elementor-button:hover, .elementor-336 .elementor-element.elementor-element-88236b9 .elementor-button:focus{background-color:#000000;color:var( --e-global-color-primary );}.elementor-336 .elementor-element.elementor-element-88236b9 .elementor-button:hover svg, .elementor-336 .elementor-element.elementor-element-88236b9 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.wpr-offcanvas-wrap-2ab8fae9 .wpr-offcanvas-content{animation-duration:0.6s !important;width:500px;background-color:#FFFFFF;border-color:#000;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-content{animation-duration:0.6s !important;width:500px;background-color:#FFFFFF;border-color:#000;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-container{text-align:center;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-wrap.wpr-offcanvas-wrap-relative{width:500px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-trigger svg{width:30px;height:30px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-trigger:hover{color:#ffffff;background-color:var( --e-global-color-secondary );}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-trigger{border-style:none;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-2ab8fae9 .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:10px;height:10px;border-style:none;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.wpr-offcanvas-wrap-2ab8fae9 .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:10px;height:10px;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-close-offcanvas i{font-size:12px;}.wpr-offcanvas-wrap-2ab8fae9 .wpr-close-offcanvas i{font-size:12px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-2ab8fae9 .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-2ab8fae9  .wpr-close-offcanvas{border-style:none;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-title{color:#222222;}.wpr-offcanvas-wrap-2ab8fae9 .wpr-offcanvas-title{color:#222222;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-content, .wpr-offcanvas-wrap-2ab8fae9 .wpr-offcanvas-content{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-wrap{background-color:#07070733;}.wpr-offcanvas-wrap-2ab8fae9{background-color:#07070733;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-content::-webkit-scrollbar-thumb{border-left-color:#E8E8E8;border-left-width:3px;}.elementor-336 .elementor-element.elementor-element-2ab8fae9 .wpr-offcanvas-content::-webkit-scrollbar{width:calc(3px + 3px);}.elementor-336 .elementor-element.elementor-element-1f1a50fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-336 .elementor-element.elementor-element-566eabeb .elementor-menu-toggle{margin:0 auto;}.elementor-336 .elementor-element.elementor-element-566eabeb .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-weight:700;letter-spacing:0.2em;}.elementor-336 .elementor-element.elementor-element-566eabeb .elementor-nav-menu--main .elementor-item{color:#4B4036;fill:#4B4036;}.elementor-336 .elementor-element.elementor-element-566eabeb .elementor-nav-menu--main .elementor-item:hover,
					.elementor-336 .elementor-element.elementor-element-566eabeb .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-336 .elementor-element.elementor-element-566eabeb .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-336 .elementor-element.elementor-element-566eabeb .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-336 .elementor-element.elementor-element-6ade4897{--width:33.3333%;}.elementor-336 .elementor-element.elementor-element-30490dc7{--width:33.3333%;}.elementor-336 .elementor-element.elementor-element-2f6b1911{--width:33.3333%;}.elementor-336 .elementor-element.elementor-element-1f1a50fa{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-88236b9 */.elementor-336 .elementor-element.elementor-element-88236b9 {
    position: relative;
    overflow: hidden;
}

/* 1. THE SLOW BRIGHT GLOW (Moves back and forth) */
.elementor-336 .elementor-element.elementor-element-88236b9:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
    animation: slow-glide 3s ease-in-out infinite alternate;
}

/* 2. THE FAST SHARP FLASH */
.elementor-336 .elementor-element.elementor-element-88236b9:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.8) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    pointer-events: none;
    animation: sharp-pop 3s infinite;
}

/* Animation for the Slow Gliding Light */
@keyframes slow-glide {
    0% { left: -20%; }
    100% { left: 60%; }
}

/* Animation for the Sharp Pop Flash */
@keyframes sharp-pop {
    0% { left: -100%; }
    20% { left: 150%; }
    100% { left: 150%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1af9b1ce *//* 1. AT THE TOP: Normal visibility */
.elementor-336 .elementor-element.elementor-element-1af9b1ce:not(.elementor-sticky--active) {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* 2. THE DEAD ZONE: (0px to 299px scroll) */
.elementor-336 .elementor-element.elementor-element-1af9b1ce.elementor-sticky--active:not(.elementor-sticky--effects) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-100%) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* 3. THE RE-APPEAR STATE: After 300px scroll */
.elementor-336 .elementor-element.elementor-element-1af9b1ce.elementor-sticky--effects {
    background-color: #EDDFCE !important; /* Your salon color */
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
    
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    
    animation: slideInDownHeader 0.5s ease-out forwards;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
}

/* 4. THE LOGO "GROW" EFFECT */
.elementor-336 .elementor-element.elementor-element-1af9b1ce.elementor-sticky--effects .elementor-widget-theme-site-logo img {
    /* Set the final size of the sticky logo */
    max-width: 180px !important; 
    /* Triggers the grow animation */
    animation: logoGrowIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    transition: all 0.4s ease !important;
}

/* 5. KEYFRAMES FOR HEADER SLIDE */
@keyframes slideInDownHeader {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 6. KEYFRAMES FOR LOGO GROWING BIG */
@keyframes logoGrowIn {
    0% {
        transform: scale(0.1); /* Starts almost invisible/tiny */
        opacity: 0;
    }
    60% {
        transform: scale(1.1); /* Slight "over-grow" for a bounce effect */
        opacity: 1;
    }
    100% {
        transform: scale(1); /* Settles at normal size */
        opacity: 1;
    }
}/* End custom CSS */