.elementor-6432 .elementor-element.elementor-element-e3dda6d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6432 .elementor-element.elementor-element-766011a{--display:flex;--min-height:36px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#000000;--border-color:#000000;--border-radius:015px 015px 0px 0px;--margin-top:039px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Familjen Grotesk;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.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 ), Familjen Grotesk;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-6432 .elementor-element.elementor-element-8250b8f{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 032px 0px 032px;--container-widget-width:78%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-6432 .elementor-element.elementor-element-8250b8f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu .elementor-item{font-family:"Familjen Grotesk", Familjen Grotesk;font-size:16px;font-weight:500;text-transform:uppercase;line-height:1.2em;letter-spacing:0.01em;}.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main .elementor-item{color:#A2A2A2;fill:#A2A2A2;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7d5dbe7 );}.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Familjen Grotesk;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(min-width:768px){.elementor-6432 .elementor-element.elementor-element-e3dda6d{--content-width:1728px;}.elementor-6432 .elementor-element.elementor-element-766011a{--width:100%;}}@media(max-width:767px){.elementor-6432 .elementor-element.elementor-element-766011a{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-6432 .elementor-element.elementor-element-8250b8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu .elementor-item{font-size:12px;line-height:13px;}.elementor-6432 .elementor-element.elementor-element-8250b8f .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for nav-menu, class: .elementor-element-8250b8f */.bracket-menu-shop .elementor-nav-menu {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* Menu item spacing */
.bracket-menu-shop .elementor-item {
    position: relative !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    transition: color 0.3s ease !important;
}

/* Left bracket [ */
.bracket-menu-shop .elementor-item::before {
    content: "[" !important;
    position: absolute !important;
    left: 5px;
    top: 50%;
    transform: translateY(-50%) translateX(5px);
    opacity: 0;
    transition: all 0.3s ease-in-out !important;
    /* Fix Elementor pointer background bug */
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Right bracket ] */
.bracket-menu-shop .elementor-item::after {
    content: "]" !important;
    position: absolute !important;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) translateX(-5px);
    opacity: 0;
    transition: all 0.3s ease-in-out !important;
    /* Fix Elementor pointer background bug */
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover animation */
.bracket-menu-shop .elementor-item:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    background: transparent !important;
}
.bracket-menu-shop .elementor-item:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    background: transparent !important;
}

/* Active state for current page */
.bracket-menu-shop .elementor-item.elementor-item-active::before,
.bracket-menu-shop .elementor-item.elementor-item-active::after {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    background: transparent !important;
}



@media (max-width: 1440px) {
    .elementor-6432 .elementor-element.elementor-element-8250b8f {
        --e-nav-menu-horizontal-menu-item-margin: 6.5px !important;
    }
}

@media (max-width: 767px) {
    /* 1. Target thẳng vào thẻ <ul> thay vì container bọc ngoài */
    .bracket-menu-shop ul.elementor-nav-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        
        justify-content: flex-start !important; /* Căn sát lề trái */
        align-items: center !important; /* FIX LỖI LỆCH LÊN TRÊN: Căn giữa theo trục dọc */
        gap: 40px !important; /* FIX LỖI GAP: Hoạt động chuẩn khi target vào thẻ ul */
        
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        
        width: 100% !important;
        margin: 0 !important;
        /* FIX LỖI KHÔNG NẰM ĐẦU MENU: Reset padding trái mặc định của trình duyệt */
        padding: 0 0 0 0 !important; 
        
        scrollbar-width: none !important; 
        -ms-overflow-style: none !important;  
    }
    
    .bracket-menu-shop ul.elementor-nav-menu::-webkit-scrollbar {
        display: none !important;
    }

    /* 2. Căn giữa nội dung bên trong từng item */
    .bracket-menu-shop a.elementor-item {
        display: flex !important;
        align-items: center !important; /* Đảm bảo text nằm giữa dọc */
        flex: 0 0 auto !important; 
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin: 0 !important;
        white-space: nowrap !important; 
        line-height: 1 !important; /* Ngăn line-height làm lệch chữ */
    }

    /* 3. Dấu ngoặc luôn hiện và nằm chuẩn giữa */
    .bracket-menu-shop a.elementor-item::before {
        opacity: 1 !important;
        transform: translateY(-50%) translateX(0) !important;
        left: 0px !important; 
        top: 50% !important;
    }
    .bracket-menu-shop a.elementor-item::after {
        opacity: 1 !important;
        transform: translateY(-50%) translateX(0) !important;
        right: 0px !important; 
        top: 50% !important;
    }
}/* End custom CSS */