.elementor-18 .elementor-element.elementor-element-c05ce79{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-94c72df{text-align:center;}.elementor-18 .elementor-element.elementor-element-94c72df .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-7ebbfdb );}.elementor-18 .elementor-element.elementor-element-deda22d{text-align:center;}.elementor-18 .elementor-element.elementor-element-deda22d .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:36px;font-weight:400;color:var( --e-global-color-aea5571 );}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-18 .elementor-element.elementor-element-12a88e7 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-18 .elementor-element.elementor-element-12a88e7 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:transparent;background-image:linear-gradient(180deg, #FFC07500 0%, #FFC07557 100%);}.elementor-18 .elementor-element.elementor-element-12a88e7{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:var( --e-global-color-aea5571 );--galleries-title-color-hover:var( --e-global-color-7ebbfdb );--galleries-pointer-bg-color-hover:var( --e-global-color-5fb3506 );--gallery-title-color-active:var( --e-global-color-7ebbfdb );--galleries-pointer-bg-color-active:var( --e-global-color-5fb3506 );--galleries-pointer-border-width:1px;}.elementor-18 .elementor-element.elementor-element-12a88e7 .elementor-gallery-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:600;}body.elementor-page-18:not(.elementor-motion-effects-element-type-background), body.elementor-page-18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-27d317d );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-c05ce79{--content-width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18 .elementor-element.elementor-element-c05ce79{--content-width:100%;}}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-c05ce79{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-18 .elementor-element.elementor-element-deda22d .elementor-heading-title{font-size:28px;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for gallery, class: .elementor-element-12a88e7 *//* =========================================================
   BEAUTY GALLERY PRO - BORDER & PLUS ICON ONLY (SLIM BORDER)
   Màu chủ đạo: #B18B5C
========================================================= */

/* 1. RESET OVERLAY MẶC ĐỊNH CỦA ELEMENTOR PRO */
.beauty-gallery-pro .elementor-gallery-item__overlay {
    background: transparent;
}

/* 2. VIỀN CHẠY - GÓC TRÊN TRÁI (MỎNG 2PX) */
.beauty-gallery-pro .elementor-gallery-item::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 2px solid #B18B5C;
    border-left: 2px solid #B18B5C;
    opacity: 0;
    z-index: 5;
    pointer-events: none;
}

/* 3. VIỀN CHẠY - GÓC DƯỚI PHẢI (MỎNG 2PX) */
.beauty-gallery-pro .elementor-gallery-item::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 0;
    height: 0;
    border-right: 2px solid #B18B5C;
    border-bottom: 2px solid #B18B5C;
    opacity: 0;
    z-index: 5;
    pointer-events: none;
}

/* KÍCH HOẠT ANIMATION VẼ VIỀN KHI HOVER */
.beauty-gallery-pro .elementor-gallery-item:hover::before {
    animation: galleryProTopLeft 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.beauty-gallery-pro .elementor-gallery-item:hover::after {
    animation: galleryProBottomRight 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes galleryProTopLeft {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        opacity: 1;
    }
}

@keyframes galleryProBottomRight {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        opacity: 1;
    }
}

/* 4. DẤU CỘNG Ở GIỮA (VIỀN TRÒN MỎNG 2PX) */
.beauty-gallery-pro .elementor-gallery-item__overlay::after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%) scale(0.4) rotate(-45deg);
    color: #B18B5C;
    font-size: 42px;
    font-family: Arial, sans-serif;
    font-weight: 200;
    line-height: 1;
    border: 2px solid #B18B5C; /* Viền mỏng 2px */
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    pointer-events: none;
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.beauty-gallery-pro .elementor-gallery-item:hover .elementor-gallery-item__overlay::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    transition-delay: 0.3s;
}

/* 5. RESPONSIVE MOBILE */
@media (max-width: 767px) {
    .beauty-gallery-pro .elementor-gallery-item::before {
        top: 12px;
        left: 12px;
    }

    .beauty-gallery-pro .elementor-gallery-item::after {
        right: 12px;
        bottom: 12px;
    }

    @keyframes galleryProTopLeft {
        0% { width: 0; height: 0; opacity: 1; }
        100% { width: calc(100% - 24px); height: calc(100% - 24px); opacity: 1; }
    }

    @keyframes galleryProBottomRight {
        0% { width: 0; height: 0; opacity: 1; }
        100% { width: calc(100% - 24px); height: calc(100% - 24px); opacity: 1; }
    }

    .beauty-gallery-pro .elementor-gallery-item__overlay::after {
        width: 60px;
        height: 60px;
        font-size: 32px;
        border-width: 1.5px;
    }
}/* End custom CSS */