/*
Theme Name: Potedoma
Description: This is a product for Potedoma customers
Author: Vuong_Nguynen_by_SaoKim
Template: flatsome
Version: 3.0
*/

@font-face {
    font-family: 'Helvetica Neue';
    src: url('./assets/fonts/HelveticaNeue.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('./assets/fonts/HelveticaNeue-Italic.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeue-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('./assets/fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.4px;
    font-size: 14px;
}

a {
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    color: #000;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.4px;
}


.button.icon.round>span {
    margin: 0px;
}

.max_line_2,
.max_line_2 a,
.max_line_2 p {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.is-outline:hover,
.primary.is-outline:hover {
    background-color: transparent;
}
 .shop-container .product-title {
        font-weight: 500;
    }
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 100vw !important;
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
}
    span.amount {
        font-weight: 500;
    }
.row-large>.col,
.row-large>.flickity-viewport>.flickity-slider>.col {
    padding: 0 12px 30px;
}

.header-search .icon-search:after {
    content: 'Tìm kiếm';
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    display: inline-block;
    margin-left: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.7px;

}



.header-search .icon-search,
.menu-header {
    display: flex;
    align-items: center;

}

.header-search a.is-small {
    padding: 8px;

}

.menu-header {
    margin-right: 17px;
    padding: 8px;
    cursor: pointer;
}

.menu-header i {
    height: 16px;
    width: 16px;
    background: url(./assets/images/menu-icon.svg) center center no-repeat;
    display: inline-block;
}

.menu-header span {
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.7px;
}

.header-search .icon-search:before {
    opacity: 0;
}

.header-search .icon-search {
    background: url(./assets/images/search-icon.svg) center center no-repeat;
    display: inline-block;
    background-position: 8px 50%;
}

.top-divider {
    display: none;
}

.header-top .contact-header {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: rgb(37, 42, 43) !important;
    font-weight: 700 !important;
}

.header-top .contact-header img {
    width: 20px !important;
    height: 20px !important;
}

.header-top .account-link {
    flex-direction: row-reverse;
    gap: 4px;
}

.header-top .icon-shopping-bag {
    color: #797979;
}

.header-top .header-cart-link {
    color: #252a2b;
    border: none;

    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.header-top .header-cart-title {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
}

.header-top .image-icon img {
    max-width: 18px;
    min-width: 100%;
    max-width: 0;
}

.header-nav .flex-row {
    padding-right: 0px !important;
}

.header-nav-main .account-item .icon-user {
    background: url(./assets/images/user.svg) center center no-repeat;
    width: 32px;
    height: 32px;
}

.header-nav-main .account-item .icon-user:before {
    content: none;
}

/* .header .flex-row {
    padding-left: calc(3.33333vw - .5rem);
    padding-right: calc(3.33333vw - .5rem);
} */

.footer-2 img {
    height: 80px;
    width: auto;
}

.absolute-footer {
    display: none;
}

.footer-2 .col.small-12 {
    padding-bottom: 0;
}

.ft-sosial {
    display: flex;
    list-style: none;
    gap: 16px;
}

.ft-sosial li {
    margin: 0 !important;
}

.footer-1 .ux-menu-link__link {
    border: none !important;
}

.footer-1 p {
    margin-bottom: 10px;
}

.footer-1 {
    padding-bottom: 0 !important;
}

.footer-1 .section-title span {
    font-size: 16px;
    font-weight: normal;
    border: none;
    padding-bottom: 0;
}

.footer-1 .section-title-normal {
    border: none;
    margin-bottom: 0;
}

.footer-1 .section-title-container {
    margin-bottom: 24px;
}



.dm-sp-home h5.header-title {
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
}

.dm-sp-home .box-text {
    padding: 20px 15px 10px;
}

.dm-sp-home .count {
    display: none;
}



@keyframes fade-out {
    100% {
        opacity: 0;
        scale: 1.15;
    }
}



.box-image .image-tools {
    opacity: 1;
}

.box-image .button.icon.circle {
    border: none;
    background: none;
}

.box-image .button.icon.circle:hover .icon-heart-o,
.box-image .button.icon.circle.wishlist-added .icon-heart-o {
    color: #000;
}

.box-image .button.icon.circle:hover .icon-heart-o:before,
.wishlist-added .icon-heart-o:before {
    content: "";
    color: #000;
}


.yith-wcwl-add-to-wishlist {
    display: none;
}

.product-small .box-text {
    position: relative;
    padding-bottom: 0;
}

.product-small .box-text .ux-swatches {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    margin-bottom: 0;
}

.product-small .box-text .price bdi {
    color: #838383;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-small .box-text .product-title a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.box-xam section.woocommerce-order-details {
    background: #fff;
    padding: 32px;
}

.box-xam .woocommerce-customer-details {
    margin-top: 30px;
    background: #fff;
    padding: 32px;
}



#login-form-popup {
    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
    margin: .5em 0 0;
    width: 100%;
    font-weight: normal;
    text-transform: none;
    border-radius: 50px;
    border: 1px solid #000;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
    background: #fff;
    color: #000;
}

ul.product_list_widget li a.remove {
    border: none;
}

ul.product_list_widget li a.remove:hover {
    border: 1px solid;
}

.breadcrumb-wrapper {
    background: #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb-wrapper .breadcrumb-home {
    display: flex;
    align-items: center;
    gap: 6px;
}

.category-page-row .box-text {
    padding: 16px;
    padding-bottom: 0;
}

.category-page-row .product-small .box-text .ux-swatches {
    right: 15px;
}

.mfp-content:has(#login-form-popup) {
    --drawer-width: 50vw !important;
}

#login-form-popup {
    width: 100%;
    max-width: 100% !important;
}

#login-form-popup .lightbox-inner {
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
}

.form-login-v--header {
    margin-bottom: 24px;
}

.form-login-v h5,
.form-register-v h5,
.reset-pass-v h5 {
    font-size: 18px;
    font-weight: normal;
    padding: 8px 0;
    margin-bottom: 0;

}

.form-login-v--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-login-v--header .mfp-close {
    font-size: 16px;
    position: relative;
}

.mfp-wrap:has(#login-form-popup) .mfp-close {
    display: none;
}

.form-login-v--body h5 {
    margin-bottom: 24px;
}

.form-login-v--header .mfp-close {
    display: block !important;
}

.form-login-v label,
.form-register-v label,
.reset-pass-v label {
    font-weight: normal;
    color: #000;

}

.form-login-v input.woocommerce-Input {
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    box-shadow: none;
}

.form-login-v .woocommerce-form-login .button {
    margin-right: 0;
    width: 100%;
    border-radius: 50px;
    background: var(--Color-900, #000);
    font-weight: normal;
    font-size: 16px;
    text-transform: none;
    margin-top: 16px;
    margin-bottom: 24px;
    border: 1px solid #000;
    box-shadow: none;
}

.form-login-v .woocommerce-form-login .button:hover {
    background: #fff;
    color: #000;
}

.form-login-v--footer h5 {
    margin-bottom: 16px;
}

.form-login-v--footer a {
    background: #fff;
    color: #000;
    width: 100%;
    font-weight: normal;
    text-transform: none;
    border-radius: 50px;
    border: 1px solid #000;
    padding: 12px;
    display: block;
    text-align: center;
}

.form-register-v {
    display: none;
}

.form-login-v.hidden {
    display: none;
}

.form-register-v.active {
    display: block;
}

.form-checkbox {
    display: flex;
    align-items: top;
    justify-content: space-between;
}

.form-checkbox input,
.form-checkbox label {
    cursor: pointer;
}

.form-checkbox label {
    width: calc(100% - 40px);
}

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--Color-900, #000);
    width: 16.5px;
    height: 16.5px;
}

input[type="checkbox"]::before {
    content: "";
    width: 8px;
    height: 8px;
    transform: scale(0);
    background-color: #000;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

input[type="checkbox"]:hover {
    color: black;
}

.form-register-v .form-submit {
    margin-bottom: 0;
    background: #000;
    color: #fff;
    width: 100%;
    font-weight: normal;
    text-transform: none;
    border-radius: 50px;
    border: 1px solid #000;
    padding: 6px;
    display: block;
    text-align: center;
    margin-top: 16px;
}

#v-message {
    margin-top: 15px;
    font-size: 12px;
}

#v-message li {
    list-style: none;
    color: red;
    margin-bottom: 0;
}

.login-show-text {
    text-align: center;
    margin-top: 10px;
}



.header-main input[type=search] {
    background-color: #fefefe !important;
    border: solid 1px #a7a7a7 !important;
    padding: 8px 0 8px 15px;
    height: 40px !important;
}

.search-field::placeholder {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 400;
}

.header-main li.html {
    font-size: 16px;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
/* input[type=search], */
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border-radius: 4px !important;
    border: 1px solid #D2D2D2 !important;
    box-shadow: none !important;
    height: 47px !important;
}

.content-area.page-wrapper .form-login-v,
.content-area.page-wrapper .form-register-v,
.reset-pass-v {
    padding: 0 15px;
    max-width: 100%;
    width: 800px;
    margin: 0 auto;

}

.reset-pass-v {
    display: none;
}

.reset-pass-v.active {
    display: block;
}

.reset-pass-v--button {
    display: flex;
    gap: 10px;
}

.reset-pass-v--button button {
    width: calc(50% - 5px);
    margin-bottom: 0;
    background: #000;
    color: #fff;
    width: 100%;
    font-weight: normal;
    text-transform: none;
    border-radius: 50px;
    border: 1px solid #000;
    padding: 6px;
    display: block;
    text-align: center;
    margin-top: 16px;
    margin-right: 0;
}

.reset-pass-v--button button.reset-pass-v--button__cancel {
    background: #fff;
    color: #000;
}

.form-login-v--footer {
    border-top: 1px solid #D2D2D2;
    padding-top: 30px;
}

.reset-pass-v .reset-pass-v--button {
    padding-bottom: 10px;
}

.reset-pass-v--success {
    display: none;
}

.current-dropdown {}

.nav-dropdown-has-border .nav-dropdown {
    border-radius: 8px;
    border: none;
}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border: none;
}

.button-filter {
    border-radius: 20px;
    border: 1px solid var(--Color-900, #000);
    padding: 8px 16px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    line-height: 1;
    font-weight: normal;
    text-transform: none;
}

.header-cate-prod {
    margin-bottom: 16px;
}

.header-cate-prod h1 .breadcrumbs {
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-weight: normal;
    text-transform: uppercase;
}

.mfp-content:has(#filter-prod) {
    --drawer-width: 720px !important;
    background: #fff;
}

#filter-prod {
    width: 100%;
    max-width: 100% !important;
}

#filter-prod {
    padding-left: 6.3333333333vw !important;
    padding-right: 6.3333333333vw !important;
}



a.woof_front_toggle::before {
    content: url(./assets/images/arrow-top.svg);
    font-size: 16px;
}

a.woof_front_toggle {
    font-size: 0;
    transition: all 0.5s;
}

a.woof_front_toggle_closed {
    transform: rotate(180deg);
}

.woof_products_top_panel {
    display: none !important;
}

.mfp-wrap:has(#filter-prod) .mfp-close {
    display: none;
}

.header-filter .mfp-close {
    display: block !important;
    position: relative;
    top: 0 !important;
    left: 0;
    right: 0;
    font-size: 16px;
    height: auto;
    width: auto;
    line-height: 1;
}

.header-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 10px;
}

.header-filter>span {
    align-items: center;
    display: flex;
    gap: 16px;
}

.header-filter h5 {
    flex: 1;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 18px;
}

.header-filter .woof_reset_search_form {
    background: none;
    font-weight: normal !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 130% */
    letter-spacing: 0.4px;
    color: #000;
    border: none;
    padding: 0;
    margin: 0;
    display: block;
    text-transform: none;
    text-decoration: underline;
}

.header-filter .woof_reset_search_form:hover {
    box-shadow: none;
}

#filter-prod .WOOF_Widget {
    padding: 0;
}

#filter-prod .WOOF_Widget h4 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
}

#filter-prod .WOOF_Widget label {
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#filter-prod .woof_list li {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
}

#filter-prod .woof_container {
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

#filter-prod .woof_submit_search_form {
    width: 100%;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 40px;
}


#filter-prod .woof_submit_search_form_container .woof_reset_search_form,
#filter-prod .woof_radio_term_reset {
    display: none !important;
}

.lightbox-content {
    box-shadow: none
}

#filter-prod .woof_price_filter .irs--big .irs-line {
    height: 2px;
    background: #000;
}

#filter-prod .woof_price_filter .irs--big .irs-handle {
    top: 28px;
    width: 12px;
    height: 12px;
    border: 2px solid #000;
    box-shadow: none;
    border-radius: 30px;
    background: #fff;
}

#filter-prod .woof_price_filter .irs--big .irs-bar {
    top: 33px;
    height: 2px;
    background-color: #92bce0;
    border: none;
    background: #000;
    box-shadow: none;
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
    background: #000 !important;
}

.irs--big .irs-grid-text {
    color: #000;
}

.irs-with-grid .irs-grid {
    display: none !important;
}

#filter-prod .WOOF_Widget .woof_price_filter h4 {
    margin-bottom: 30px;
}



body.single-product #header .header-bg-container {
    display: none;
}

body.single-product #header .header-wrapper.stuck .header-bg-container {
    display: block;
}

body.single-product .product-stacked-info {
    padding-left: 6.3333333333vw;
    padding-right: 6.3333333333vw;
}


.mfp-content:has(.content-prod-detail) {
    --drawer-width: 50vw !important;
    background: #fff;
}

.mfp-wrap:has(.content-prod-detail)>.mfp-close {
    display: none;
}

.img-lookbook .img-inner {
    overflow: hidden;
}

.img-lookbook img {
    aspect-ratio: 380/380;
    object-fit: cover;
    width: 100%;
    transition: transform 0.4s ease;
    will-change: transform;
}

.sport-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.sport-img {
    width: 100%;
    display: block;
}


.sport-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 16px;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
}



.sport-title::after {
    content: "▶";
    font-size: 14px;
    opacity: 0.9;
}
.sport-card {
    overflow: hidden;
    border-radius: 10px;
}

.sport-img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    object-fit: cover;
    aspect-ratio: 12/9;
}

.sport-card:hover .sport-img {
    transform: scale(1.08);
}

.sport-title {
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
     text-transform: uppercase;
}

.sport-title .arrow {
    font-size: 14px;
}


.sport-slider {
    position: relative;
}


.nav-sport {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

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

    width: 40px;
    height: 40px;

    border: 1px solid #ebebeb;
    border-radius: 50%;
    background: #fff;

    cursor: pointer;
    transition: all 0.3s ease;
}

.back-to-top {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff;
}

.nav-sport:hover {
    background: #000;
    border-color: #000;
}

.nav-sport:hover::before {
    border-color: #fff;
}

.nav-sport.swiper-button-next:after,
.nav-sport.swiper-button-prev:after {
    font-size: 16px;
    color: #000;
}

.nav-sport:hover.swiper-button-next:after,
.nav-sport:hover.swiper-button-prev:after {
    color: #fff;
}

.img-lookbook:hover img {
    transform: scale(1.08);
}

.tab-sp .nav {
    gap: 20px;
}

.tab-sp .nav-left {
    justify-content: flex-start;
  
}

.nav-left {
    justify-content: center;
      gap: 10px;
}
.nav-size-xlarge>li>a {
    font-size: 17px;
}
.tab-sp .nav-left {
    border-bottom: 1px solid #ececec;
}

.content-archive-child img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 14/9;
}

.tab-sp .tab span {
    font-size: 18px;
    font-weight: 500;
}

.tab-sp .tab a {
    padding: 15px;
}

.tab-sp .tab-panels {
    padding-top: 40px;
}

.btn-all-sp {
    border: 1px solid #000 !important;
}

.btn-all-sp:hover {
    background: #000 !important;
}

.btn-all-sp span {
    line-height: 1.3em;
    font-size: 16px;
    font-weight: 400;
}

.content-prod-detail ul {
    padding-left: 35px;
}

body.single-product .product-gallery-stacked .slide:not(:last-child) {
    margin-bottom: 0;
}

body.single-product .woocommerce-tabs {
    display: none;
}

.product-stacked-info .breadcrumbs a {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.product-stacked-info h1.product-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-stacked-info .product-page-price bdi {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-stacked-info .woocommerce-Price-currencySymbol {
    vertical-align: middle;
    padding-bottom: 3px;
}

body.single-product .product-stacked-info .ux-swatches--circle .ux-swatch--label {
    border-radius: 100px;
    width: 32px;
    height: 32px;
    line-height: 1;
}

body.single-product .ux-swatches--x-small .ux-swatch--color {
    width: 32px;
    height: 32px;
}

body.single-product .variations label,
body.single-product .variations .ux-swatch-selected-value {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: nowrap;
}

body.single-product .single_add_to_cart_button {
    flex: 1;
    border-radius: 60px;
    font-weight: normal;
    text-transform: none;
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
body.single-product .single_add_to_cart_button:hover{
    background: #000;
     color: #fff;
}
.quantity .minus,
.quantity .plus {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.quantity input[type=number] {
    max-width: 4.5em;
    width: 3.5em;
}

.prod-info-new--contacts {
    border-radius: 32px;
    background: var(--Color-900, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--Color-100, #FFF);
    padding: 12px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 10px 0 40px;
}

.prod-info-new--contacts:hover {
    color: #fff;
}

.prod-info-new ul li {
    list-style: none;
    margin-bottom: 16px;
}

.prod-info-new ul li:hover {
    text-decoration: underline;
}

.giao-hang .accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}

.giao-hang .accordion-title .toggle {
    order: 2;
    position: relative;
    height: 10px;
    top: 0;
    width: auto;
    line-height: 1;

}

.giao-hang .accordion-title span {
    order: 1;
}

.giao-hang .accordion-title.active {
    background: none;
    font-weight: normal;
}

.giao-hang .accordion-inner {
    padding-left: 0;
    padding-right: 0;
}

.giao-hang .accordion-title {
    border-top: none;
}

body.single-product .v-related .ux-swatch--color {
    width: 12px;
    height: 12px;
}


body.single-product .v-related .ux-swatches--x-small .ux-swatch--color {
    width: 12px;
    height: 12px;
}

.related-products--list {
    display: flex;
    flex-wrap: nowrap;
}

table.table-hd {

    border-collapse: collapse;
    width: 100%;
    border: 1px solid #D2D2D2;
}

table.table-hd td,
table.table-hd th {
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    padding: 19px 15px;
    text-align: center !important;
}

table.table-hd th {
    background: #F1F1F1;
    padding: 8px;
    font-weight: normal;
}

.header-op-choose-size {
    padding: 0 !important;
}

.header-op-choose-size .row .col {
    padding-bottom: 32px !important;
}

.header-op-choose-size .row .col select {
    margin-bottom: 0;
}

.size-hd {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.size-hd {
    display: none;
}

.size-hd.active {
    display: block;
}

.ft-choose-size {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--Color-200, #F1F1F1);
    padding: 16px 24px;
    margin-bottom: 14px;
}

/* .product-footer .container {
    padding-left: 10px;
    padding-right: 10px;
} */

.related-products--list .col {
    padding-left: 0;
    padding-right: 0;
}

.related-products--list .col .box-text {
    padding-left: 16px;
    padding-right: 16px;
}

.title-related {
    display: flex;
    align-items: center;
    gap: 40px;
}

.title-related li {
    cursor: pointer;
    list-style: none;
    color: #ACACAC;
    padding-bottom: 12px;
}

.title-related li:hover {
    color: #000;
}

.title-related li.active {
    color: #000;
    border-bottom: 1px solid #000;
}

.v-related {
    display: none;
}

.v-related.active {
    display: flex;
    gap: 20px;
}

.v-breadcrumbs {
    padding: 32px 0;
    border-top: 1px solid #D2D2D2;
    font-size: 16px;
}

.v-breadcrumbs a:hover {
    text-decoration: underline;
}

.v-breadcrumbs p {
    margin-bottom: 0;
}

.footer-1,
.footer-2 {
    border-top: 1px solid #D2D2D2;
}

.he-thong-cua-hang .row {
    padding: 0;
}

.he-thong-cua-hang .large-4 .col-inner {
    padding-left: 6.3333333333vw;
    padding-right: 6.3333333333vw;
}

.he-thong-cua-hang .large-4 h2 {
    font-weight: normal;
    font-size: 24px;
}

.he-thong-cua-hang .large-4 h3 {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 16px;
}

.header-nav .icon-menu {}

.header-nav .menu-title {
    font-weight: normal;
    text-transform: none;
}

.sec-text-bottom {
    align-items: flex-end;
}

.page-id-421 p {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 2.2px;
}

.banner-1-ddqt h1 {
    font-size: 24px;
    margin-bottom: 2.2px;
    font-weight: 400;
}

.banner-4-ddqt h3 {
    font-size: 32px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 16px;
}

.banner-4-ddqt h5 {
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 400;
}


#header.transparent .nav>li>a {
    color: #fff;
}

#header.transparent .nav>li>a {
    color: #fff;
}

#header.transparent .header-search .icon-search {
    background: url(./assets/images/search-icon-w.svg) center center no-repeat;
    display: inline-block;
    background-position: 8px 50%;
    color: #fff;
}

#header.transparent .icon-menu {
    color: #fff;
}



#header.transparent .account-item .icon-user {
    background: url(./assets/images/user-w.svg) center center no-repeat;
}

#header.transparent .image-icon.header-cart-icon {
    background: url(./assets/images/cart-w.svg) center center no-repeat;
}

#header.transparent .cart-img-icon {
    opacity: 0;
}

#header.transparent [data-icon-label]:after {
    background-color: #fff;
    color: var(--fs-color-secondary);
}

.banner-goiy {}

.sec-text-bottom .banner-goiy-bot .ux-menu {
    flex-direction: row;
    justify-content: center;
    gap: 28px;
}

.sec-text-bottom .banner-goiy-bot .ux-menu .ux-menu-link__link {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    display: block;
    height: auto;
    padding: 12px 24px;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(4px);
    font-size: 16px;
}

.banner-goiy-bot {
    margin-bottom: 70px;
    margin-top: 30vh;
}

.tittle-page-ctqt h1,
.tittle-page-ctqt h2 {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.tittle-page-ctqt p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sp-page-ccqt .row {
    padding: 0 8px;
    margin-left: -4px !important;
    margin-right: -4px !important;
}

.sp-page-ccqt .section-content>.row-small>.col {
    padding: 0 4px;
}

.row-about:after {
    display: none;
}

.sp-page-ccqt .row-small>.col {
    padding: 0 4px;
}

.sp-page-ccqt {
    background: #f1f1f1;
    padding: 8px 0 !important;
}



.sp-page-ccqt .product-small {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
}

.sp-page-ccqt .img-inner {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
}


.sp-page-ccqt .product-small .box-text {
    position: relative;
    padding-bottom: 16px;
    padding-top: 8px;
}

.sp-page-ccqt .product-small .box-text .product-title a {
    margin-bottom: 8px;
}

.sp-page-ccqt .product-small .box-text .ux-swatches {
    display: none;
}


.sp-page-ccqt .product-small .box-text .price bdi {
    color: #000;
}

.dm-ctdvqt p.count {
    max-height: 30px;
    opacity: 1;
}

.dm-ctdvqt p.count {
    font-size: 0px;
    color: #ffffff00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(4px);
    height: 43px;
    width: 122px;
}

.dm-ctdvqt p.count:after {
    color: #ffffff;
    content: 'Khám phá';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}


.dm-ctdvqt .header-title {
    font-weight: 400;
    text-transform: none;
    font-size: 32px;
    font-style: normal;
    line-height: normal;
    text-shadow: none;
    margin-bottom: 10px;
}

.dm-ctdvqt--title h3 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 50px;
}

.dm-ctdvqt--sec .section-content>.row {
    padding: 0;
}


.dm-ctdvqt--sec .dm-ctdvqt--sec {
    padding-left: 0px;
    padding-right: 0px;
}

.text-cau-chuyen {
    width: 500px;
    margin: auto;
    max-width: calc(100% - 30px);
}

.text-cau-chuyen p {
    font-size: 24px;
    font-weight: 400;
    text-align: justify;

}

.ccth-box1 {
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ccth-text-title {
    font-size: 56px;
    font-weight: 400;
    line-height: 76.35px;
    text-align: center;
}

.ccth-box-3 {
    background: linear-gradient(180deg, #000 -50.2%, rgba(0, 0, 0, 0.00) 113.92%), url(./assets/images/bg-box-3.jpg) lightgray 50% / cover no-repeat;
}

.ccth-box-3 .section-title b {
    display: none;
}

.ccth-box-3 .section-title .section-title-main {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}

.ccth-box-3 .section-title,
.ccth-box-3 .section-title-container {
    text-align: center;
    margin-bottom: 0;
    justify-content: center;
}

.ccth-box-3 .text-cau-chuyen {
    margin-top: 200px;
    margin-bottom: 298px;
}

.ccth-box-3 .text-cau-chuyen.text-cau-chuyen--last {
    margin-bottom: 78px;
}

.ccth-box-3 {
    padding-top: 221px !important;
}

.ccth-box-3 .text-cau-chuyen p span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-top: 8px;
}

.entry-content.single-page h1,
.entry-content.single-page h2,
.entry-content.single-page h3,
.entry-content.single-page h4,
.entry-content.single-page h5,
.entry-content.single-page h6,
.entry-content.single-page .h1,
.entry-content.single-page .h2,
.entry-content.single-page .h3,
.entry-content.single-page .h4,
.entry-content.single-page .h5,
.entry-content.single-page .h6 {
    font-weight: 400;
}

.header-archive {
    text-align: center;
    padding-top: 96px;
    padding-bottom: 48px;
}

.header-archive h1 {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.header-archive .archive-description {
    margin-top: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.list-child ul {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-flow: row wrap;
}

.list-child li {
    list-style: none;
}

.list-child li a {
    font-size: 16px;
}

.list-child li.active a,
.list-child li a:hover {
    text-decoration: underline;
}

.archive-post-key a img {
    display: block;
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    margin-bottom: 48px;
}

.container-archive {
    max-width: 1094px;
    width: 1094px;
    padding: 0 15px;
}

.archive-post-key {
    text-align: center;
}

.archive-post-key h4 {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.archive-post-key h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.archive-post-key p {
    font-size: 16px;
    margin-bottom: 40px;
}

.content-archive-child--header {
    padding-top: 40px;
    padding-bottom: 18px;
}

.content-archive-child--header h3 {
    font-size: 32px;
    font-weight: 400;
}

.content-archive-child--header p {
    font-size: 24px;
}

.content-archive-child--main__item h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 24px;
    display: block;
}

.content-archive-child--main__item h3 {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.3em;
    overflow: hidden;
}

.content-archive-child--main__item p {
    font-size: 14px;
}

.content-archive-child--ft {
    text-align: center;
    padding: 18px 0 40px;
}

.content-archive-child--ft a {
    border-radius: 10px;
    background: var(--Color-900, #000);
    color: var(--Color-100, #FFF);
    padding: 12px 15px;
    font-size: 18px;
    font-weight: 400;
}


.thuong-hieu-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.thuong-hieu-item {
    text-align: center;
}

.thuong-hieu-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.thuong-hieu-img {
    overflow: hidden;
    border-radius: 8px;
}

.title-thuong-hieu h1 span {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}

.thuong-hieu-img img {
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
}

.thuong-hieu-item:hover img {
    transform: scale(1.1);
}

.thuong-hieu-title {
    margin-top: 10px;
    font-size: 16px;
}

.blog-post-inner a.button {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}

.container-archive {
    padding-bottom: 56px;
}

.v-breadcrumbs .rank-math-breadcrumb {
    padding: 0 15px;
}

.nav>li.has-icon>a>i {
    color: #000;
}

.ajax-load-more-wrap.grey .alm-load-more-btn {
    background-color: #000000 !important;
    border-radius: 50px;
    text-transform: none;
    font-weight: 400;
    padding: 12px 24px;
}

.ajax-load-more-wrap.grey .alm-load-more-btn.done,
.ajax-load-more-wrap.grey .alm-load-more-btn.loading,
.ajax-load-more-wrap.grey .alm-load-more-btn:hover {
    background-color: #000 !important;
}

.ajax-load-more-wrap.grey .alm-load-more-btn.done {
    opacity: .5;
}

.container-archive .alm-btn-wrap {
    padding-top: 18px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.main-single--header__breadcrumbs {
    padding: 16px 15px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.main-single--header__breadcrumbs p {
    margin-bottom: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
}

.main-single--header__breadcrumbs h3 {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 182%;
    /* 182% */
    margin-bottom: 0;
    text-transform: uppercase;
}

.single-banner {
    height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    margin-bottom: 32px;
}

.single-banner h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
}

.container-single {
    max-width: 730px;
    width: 730px;
    padding: 0 15px;
}



.single-lq {
    padding-top: 96px;
    padding-bottom: 10px;
}

.single-lq h5 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.single-content {
    padding-top: 16px;
}

.single-banner {
    position: relative;
}

.single-banner .row {
    z-index: 2;
}

.content-single-tuyen-dung ul {
    padding-left: 10px;
}

.archive-tuyendung-banner {
    height: 700px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}

.archive-tuyendung-banner h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
}

.container-tuyen-dung {
    max-width: 1310px;
    width: 1310px;
    padding: 0 15px;
}

#archive-tuyen-dung {
    background: #f1f1f1;
    padding: 56px 0;
}

.list-tuyen-dung {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.list-tuyen-dung .list-tuyen-dung--item {
    border-radius: var(--BorderRadius-borderRadius24, 24px);
    background: var(--Color-100, #FFF);
    padding: 24px 32px;
}

.list-tuyen-dung--item h3 {
    margin-bottom: 24px;
}

.list-tuyen-dung--item h3 a {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.list-tuyen-dung--item ul {
    display: flex;
    gap: 56px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;

}

.list-tuyen-dung--item ul li {
    list-style: none;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    margin-bottom: 0;
}


.phan-trang .pagination {
    display: flex;
    gap: 16px;
}

.phan-trang a,
.phan-trang span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin: 0 5px;
    color: #838383;
    font-size: 16px;
}

.phan-trang span.page-numbers.current,
.phan-trang a:hover {
    color: #000;
}

div.phan-trang {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
}

.phan-trang a.prev i {
    margin-right: 16px;
    font-size: 17px;
}

.phan-trang a.next i {
    margin-left: 16px;
    font-size: 17px;
}

.phan-trang ul {
    margin-bottom: 0;
}

.content-single-tuyen-dung {
    padding-top: 56px;
}

.content-single-tuyen-dung .entry-content {
    padding-top: 0;
}

#form-tuyen-dung button {
    background: #000;
    color: #fff;
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    width: 100%;
    border-radius: 50px;
    padding: 12px 0;
    font-size: 16px;
    line-height: 1;
}

#form-tuyen-dung {
    background: var(--Color-200, #F1F1F1);
    padding: 32px;
}

#form-tuyen-dung button,
#form-tuyen-dung input {
    margin-top: 32px;
    margin-bottom: 0;
}

#form-tuyen-dung input {
    border: 1px solid #D2D2D2;
    background: #F1F1F1;
    padding: 14px 16px;
    font-size: 16px;
    color: #838383;
}

#form-tuyen-dung input[type="file"] {
    opacity: 0;
    margin-top: 0;
    z-index: 2 !important;
    position: relative;
    padding: 10px 16px;
}

#form-tuyen-dung span[data-name="file-cv"] {
    margin-top: 32px;
    position: relative;
    cursor: pointer;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    color: #838383;
}

#form-tuyen-dung span[data-name="file-cv"]:before {
    content: 'Tải lên CV của bạn (Tối đa 5MB)';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#form-tuyen-dung span[data-name="file-cv"]:after {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background: url(./assets/images/mb.svg) center center no-repeat;
    background-size: contain;
    display: inline-block;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#form-tuyen-dung .wpcf7-not-valid-tip {
    background-color: #ffe3e3;
    margin-top: 3px;
}

#form-tuyen-dung .wpcf7-not-valid-tip:after {
    border-bottom-color: #ffe3e3;
}

#form-tuyen-dung h3 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 0;
}

.user-td {
    padding: 32px;
    background: #F1F1F1;
}

.user-td-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.img-about {
    overflow: hidden;
    border-radius: 10px;
}

.img-about img {
    border-radius: 10px;
    object-fit: cover;
    aspect-ratio: 597/496;
    width: 100%;
    transition: transform 0.5s ease;
}

.img-about:hover img {
    transform: scale(1.08);
}

.user-td-box img {
    width: 130px;
    height: 130px;
    object-fit: cover;
}

.user-td-box h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
}

.user-td-box p {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 16px;
}

.tuyen-dung-lq {
    background: var(--Color-200, #F1F1F1);
}

.tuyen-dung-lq h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 32px;
}

.tuyen-dung-lq__seemore {
    text-align: center;
    padding: 32px 0 40px;
}

.tuyen-dung-lq__seemore a {
    text-align: center;
    border-radius: 32px;
    border: 1px solid var(--Color-900, #000);
    font-size: 16px;
    padding: 12px 24px;
    display: inline-block;
}

.title-about h2 {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
}

.text-1 {
    margin-bottom: 0;
}

.text-1 h2 {
    justify-content: center;
}

.col-sm .col-inner {
    display: flex;
    gap: 40px;
    align-items: flex-end;
}

.img-about-sm-1,
.img-about-sm-2 {
    margin-bottom: 0 !important;
}

.img-about-sm-1 img {
    aspect-ratio: 431 / 647;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}

.img-about-sm-2 img {
    aspect-ratio: 327 / 356;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}

.row-about {
    display: flex;
    gap: 60px;
    flex-wrap: nowrap;
}


.title-page-lh h3 {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    margin-bottom: 20px;
}

.title-page-lh h3 span,
.title-about h2 span {
    border: none;
    padding-bottom: 0;
    margin-right: 0;
    text-transform: none;
}

.title-page-lh {
    margin-bottom: 16px;
}

.dec-page-lh {
    font-size: 16px;
}

.icon-page-lh {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
    align-items: center;
}

.icon-page-lh .icon-box-img {
    border-radius: 10px 0px 0px 10px;
    background: var(--Color-900, #000);
    padding: 16px;
}

.icon-page-lh .icon-box-text p {
    margin-bottom: 4px;
}

.icon-page-lh .icon-box-text a {
    text-decoration-line: underline;
}

.box-xam {
    background: #f1f1f1;
}

.box-2-lh .row.row-collapse {
    padding-left: calc(8.3333333333vw + 15px);
    padding-right: calc(8.3333333333vw + 15px);
}

.box-2-lh .row.row-collapse>div {
    background: #fff;
    padding: 32px !important;
}

.box-2-lh .row.row-collapse .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 200px;
}

.box-2-lh .row.row-collapse>div:nth-child(2) {
    border-right: 1px solid var(--Color-400, #D2D2D2);
    border-left: 1px solid var(--Color-400, #D2D2D2);
}

.box-2-lh .row.row-collapse .col-inner p {
    margin-bottom: 0;
}

.box-2-lh .row.row-collapse .col-inner a {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 32px;
    border: 1px solid var(--Color-900, #000);
    max-height: 50px;
}

.box-2-lh .row.row-collapse .col-inner a:hover {
    color: #fff;
    background: #000;
}

.box-2-lh .row.row-collapse .col-inner a:hover img {
    filter: brightness(0) invert(1);
}

.box-2-lh h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.box-title-1-lh {
    padding-bottom: 0;
}

.box-title-1-lh p {
    margin-bottom: 2px;
}

.box-title-lh {
    border-top: 1px solid var(--Color-400, #D2D2D2);
    border-bottom: 1px solid var(--Color-400, #D2D2D2);
}

.box-title-lh .container>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.box-title-lh .container div a {
    display: block;
    padding: 24px;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}

.box-title-lh .container div a.active {
    border-bottom: 1px solid #000 !important;
}

.box-title-lh h3 {
    flex: 1;
    margin-bottom: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.box-title-lh .container>div>div {
    display: flex;
}

.ch-tg-lh.ux-menu {
    margin: 0 -22px;
    flex-direction: row;
    flex-wrap: wrap;
}

.ch-tg-lh.ux-menu .menu-item {
    width: calc(100% / 3);
    padding: 0 22px;
}

.ch-tg-lh.ux-menu .menu-item .ux-menu-link__link {
    border-bottom: none !important;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    text-decoration: underline;
}

.box-chtg-lh {
    padding-bottom: 24px !important;
}

.box-chtg-lh .col {
    padding-bottom: 0 !important;
}

.box-ndcs.giao-hang .accordion {
    margin-bottom: 28px;
}

.box-ndcs.giao-hang .accordion-title {
    border-top: none;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 24px;
    padding-bottom: 10px;
    padding-top: 0;
}

.box-ndcs.giao-hang .accordion-inner {
    background: #fff;
    padding: 24px;
}

.vmenu-lh {
    background: #fff;
    padding: 32px;
}

.vmenu-lh .ux-menu-link__link {
    justify-content: center;
    min-height: auto;
    border-bottom: 1px solid #D2D2D2;
}



.vmenu-lh .ux-menu-link__link span {
    padding: 16px 0;
}

.vmenu-lh .menu-item:last-child .ux-menu-link__link span {
    border-bottom: none;
}

.box-ndcs {
    /*    display: none;*/
    opacity: 0;
    height: 0;
    padding: 0 !important;
}

.box-ndcs {
    /*    display: none;*/
    opacity: 0;
    height: 0;
    padding: 0 !important;
    overflow: hidden;
}

.box-ndcs.active {
    /*    display: block;*/
    opacity: 1;
    height: auto;
    padding: 30px 0 !important;
}

.dashboard-links li {
    margin-left: 0 !important;
}

.icon-angle-right:before {
    font-size: 18px;
    content: "";
}

.off-canvas-left .mfp-content {
    background: #fff;
}

.off-canvas:not(.off-canvas-center) li.html {
    padding: 0px;
}

#main-menu.mobile-sidebar .menu-item a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 0;
}

#main-menu.mobile-sidebar .menu-item-object-product_cat a {
    font-size: 24px;

}

.mfp-content:has(#main-menu) {
    --drawer-width: 556px !important;
}


#main-menu.mobile-sidebar .nav-sidebar.nav-vertical>li+li {
    border-top: none;
    padding-left: 0;
}

#main-menu.mobile-sidebar #menu-item-495 {
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.tel-menu {
    font-weight: 400 !important;
    display: block !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    color: #000 !important;
}

#main-menu.mobile-sidebar #menu-item-1092 a {
    font-size: 24px;
}

.woof_search_is_going nav.woocommerce-breadcrumb {
    display: block;
}

#wrapper .custom-page-title {
    display: none;
}

.dashboard-links a {
    background: #fff;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    width: 300px !important;
    max-width: 500px;
    height: auto;
}

.name-file {
    margin-top: 10px;
    font-size: 14px;
    color: #838383;
    display: block;
    text-transform: capitalize;
}

.woocommerce-pagination {
    margin-top: 30px;
    margin-bottom: 30px;
}

.woocommerce-pagination ul li {
    margin: 0 10px;
}

.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu.is-current-slide,
.mobile-sidebar-levels-1 .nav-slide>li>ul.children.is-current-slide {
    padding: 0 80px;
}

section {
    background: #fff
}


li.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

.woocommerce-Address-title>a {
    font-weight: bold;
}

.woocommerce-Address-title>a:hover {
    text-decoration: underline;
}

#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item .nt-aio-item-icon {
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .19);
    background-color: #000;
}

.menu-new-1 {
    display: flex;
    justify-content: flex-end;
    /* flex-wrap: nowrap; */
    flex-direction: row;
    gap: 20px;
}

.menu-new-1 a,
.menu-new-1 li.ux-menu-link:hover a,
.menu-new-1 a:hover {
    color: #000;
}

.ft-site-map {
    border-top: 1px solid #D2D2D2;
    padding-top: 50px !important;
    display: none;
}

.ft-site-map ul li {
    padding: 5px 0;
}

.ph-box {
    background: #f1f1f1;
    padding-top: 80px !important;
}

.ph-home .col-inner {
    background: #fff;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

.ph-home .box-image {
    border-radius: 0;
    width: calc(100% + 60px);
    margin-left: -30px;
}

.ph-home h4 {
    margin-bottom: 10px;
}

.mfp-content:has(#main-menu) {
    overflow-x: initial;
    overflow-y: inherit;
}

#main-menu {
    overflow: inherit;
}


#main-menu .nav,
#main-menu .nav>li {
    position: initial;
}

#main-menu .nav.nav-vertical {
    flex-flow: column;
    padding: 0 80px;
}

#main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-1 {
    padding: 0;
    margin: 0 -80px;
    width: calc(100% + 160px);
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

#main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-1--2 a {
    color: #ffffff00;
}

#main-menu .sidebar-menu>ul>li>.sub-menu li {
    border: none;
}

#main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-1 a {
    padding: 0;
    display: flex;
    flex-direction: column;
}

#main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-1 img {
    width: 100%;
    display: block;
    max-width: 100%;
}

#main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-1 span {
    padding: 13px 80px;
    display: block;
}

#main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-2 {
    margin: 0 -80px;
    width: calc(100% + 160px);
    padding: 0 80px 20px 87px;
    border-bottom: 1px solid #f1f1f1;
}

li[aria-expanded="true"]>a {
    text-decoration: underline;
}


.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header).active,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header):hover,
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header).active,
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header):hover {
    background-color: #fff;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

#main-menu .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#main-menu .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#main-menu .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #000;
}
.wc-block-components-radio-control--highlight-checked 
label.wc-block-components-radio-control__option--checked-option-highlighted,.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted
{
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}
input:focus-visible + label {
    outline: none !important;
    box-shadow: none !important;
}
input:focus+.slider {
    box-shadow: 0 0 1px #000;
}

input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.tp-cc-kh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
}

#main-menu.mobile-sidebar #menu-item-1092 a,
#main-menu.mobile-sidebar #menu-item-670>a,
#main-menu.mobile-sidebar #menu-item-1091 a,
#main-menu.mobile-sidebar #menu-item-1090 a {
    font-size: 24px;
}

#main-menu.mobile-sidebar #menu-item-1092 {
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin-bottom: 16px;
}


.contact-form {
    margin: 0 auto;
}

.contact-form p {
    margin: 0 0 15px;
}

/* input + textarea */
.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 14px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}

.contact-form .col-form {
    flex: 1;
    min-width: 0;
}


.contact-form textarea {
    height: 150px;
    resize: none;
}

.contact-form .row {
    display: flex;
    gap: 15px;
    margin-left: 0 !important;
}



.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #999;
}

/* button */
.contact-form input[type="submit"] {
    background: #2d2f31;
    color: #fff;
    border: none;
    padding: 12px 32px;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s;
    width: auto;
}

/* hover */
.contact-form input[type="submit"]:hover {
    background: #000000;
}

/* submit wrap */
.submit-wrap {
    margin-top: 10px;
}

.sidebar-menu .header-block .gt_selected,
.sidebar-menu .header-block .gt_selected a:hover,
.sidebar-menu .header-block .gt_option,
.sidebar-menu .header-block .gt_switcher .gt_option a:hover {
    background: none !important;
    width: 100% !important;
}

.sidebar-menu .header-block .gt_selected a,
.sidebar-menu .header-block .gt_option {
    width: 100% !important;
    border: none !important;
}

.sidebar-menu .header-block .gt_switcher,
.sidebar-menu .header-block,
.sidebar-menu .header-block>div {
    width: 100% !important;
}

.sidebar-menu .header-block a img {
    display: none !important;
}

#main-menu .sidebar-menu {
    padding-top: 70px;
}

.mfp-wrap:has(#main-menu) .mfp-close {
    right: 10px;
    top: 10px !important;
    display: flex;
    width: auto;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;
}

.mfp-close svg {
    width: 20px;
    height: 20px;
}

.menu-we-mobi {
    display: block;
    font-size: 16px;
}

.menu-we-mobi a {
    display: block !important;
    padding: 13px 0;
}



.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
    height: 2px;
}


.title-notpage h1 {
    font-size: 30px;
    font-weight: 500;
}


.title-notpage p {
    color: #727272;
}



.product img {
    aspect-ratio: 335/335;
    object-fit: cover;
    width: 100%;
}























/*Laptop*/
@media screen and (max-width: 1550px) {
    .sport-title {
    font-size: 18px;
}
    .tab-sp .tab span {
        font-size: 16px;
    }

    .search-field::placeholder {
        font-size: 12px;
    }

    .nav-spacing-xlarge>li {
        margin: 0 8px;
    }

    .header-main .nav>li>a {
        line-height: 1.3em;
        font-size: 13px;
    }

    .banner-2-ddqt,
    .banner-3-ddqt,
    .banner-4-ddqt {
        min-height: 900px !important;
    }

    .archive-tuyendung-banner {
        height: 600px;
    }

    .list-tuyen-dung--item h3 a {
        font-size: 28px;
    }

    .title-about h2 {
        font-size: 24px;
    }

    .section-title-container {
        margin-bottom: 12px;
    }

    .icon-about h3 {
        font-size: 16px;
    }

    .logo-left .logo {
        margin-left: 0;
        margin-right: 0px;
    }

    .header-main input[type=search] {
        padding: 6px 0 6px 10px;
        height: 36px !important;
    }

    .title-notpage h1 {
        font-size: 24px;
    }

    .btn-all-sp {
        padding: 6px 20px 6px 20px !important;
    }

    .tab-sp .tab a {
        padding: 10px;
    }

    .tab-sp .tab a {
        padding: 6px;
    }

    .icon-title h2 {
        font-size: 24px;
    }
}

/*ipad-pro*/
@media screen and (max-width: 1110px) {
        .sport-title {
    font-size: 16px;
}
    .is-small,
    .is-small.button {
        font-size: 14px;
        background-color: transparent;
        border: none;
        color: #020202;
        margin: 0;
    }

    .he-thong-cua-hang .large-4 h2 {
        font-size: 20px;
    }

    .he-thong-cua-hang .large-4 h3 {
        font-size: 16px;
    }

    .banner-1-ddqt.is-full-height {
        height: 700px !important;
        min-height: 700px !important;
    }

    .banner-2-ddqt,
    .banner-3-ddqt,
    .banner-4-ddqt {
        min-height: 750px !important;
    }

    .container-width,
    .full-width .ubermenu-nav,
    .container,
    .row {
        padding-left: 1.3333333333vw;
        padding-right: 1.3333333333vw;
    }

    .banner-goiy.is-full-height {
        min-height: calc(100vh - 400px) !important;
        height: calc(100vh - 400px) !important;
    }

    .banner-goiy-bot {
        margin-bottom: 70px;
        margin-top: 20vh;
    }

    .ccth-text-title {
        font-size: 46px;
        line-height: 59.35px;
    }

    .ccth-box1,
    .ccth-box-2.is-full-height {
        height: 800px !important;
        min-height: 800px !important;
    }


    .list-tuyen-dung--item h3 a {
        font-size: 26px;
    }

    .list-tuyen-dung--item h3 {
        margin-bottom: 15px;
    }

    #archive-tuyen-dung {
        padding: 35px 0;
    }

    .archive-tuyendung-banner {
        height: 500px;
    }

    .container-tuyen-dung {
        padding: 0 25px !important;
    }

    .content-single-tuyen-dung {
        margin-top: 32px;
    }

    #form-tuyen-dung h3 {
        font-size: 24px;
    }

    #form-tuyen-dung button,
    #form-tuyen-dung input {
        margin-top: 24px;
        margin-bottom: 0;
        font-size: 14px;
    }

    #form-tuyen-dung span[data-name="file-cv"]:before {
        left: 11px;
    }

    #form-tuyen-dung button {
        font-size: 14px;
    }

    #form-tuyen-dung {
        padding: 22px;
    }

    .user-td {
        padding: 22px;
    }

    .user-td-box img {
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

    .user-td-box h3 {
        font-size: 18px;
    }

    .tuyen-dung-lq h2 {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 22px;
        padding-top: 30px;
        display: block;
    }

    .box-2-lh .row.row-collapse {
        padding-left: calc(1.3333333333vw + 15px);
        padding-right: calc(1.3333333333vw + 15px);
    }

    .icon-page-lh .icon-box-text {
        padding-right: 15px;
    }

    .icon-page-lh .icon-box-img {
        width: 80px !important;
    }

    .title-page-lh h3 {
        font-size: 26px;
    }

    .thuong-hieu-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .title-thuong-hieu h1 span {
        font-size: 28px;
    }

    .nav-left {
        justify-content: flex-start;
    }

    .header-archive {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .archive-post-key h3 {
        font-size: 28px;
    }

    .content-archive-child--header {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .content-archive-child--header h3,
    .title-about h2 {
        font-size: 24px;
    }

    .row-about {
        flex-direction: column;
        gap: 40px;
    }

    .icon-about h3 {
        font-size: 14px;
    }

    .icon-about .icon-box-img {
        width: 70px !important;
    }

    .text-home h2 {
        font-size: 28px !important;
    }
}





/*mobile*/
@media screen and (max-width: 767px) {
    .product-footer .small-columns-2>.col {
        max-width: 100%;
    }
    .header-search-form-wrapper {
        margin-bottom: 30px;
    }
    
    .v-related.active {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .shop-container .product-title {
        font-size: 22px;
    }

    .tabbed-content .nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        justify-content: flex-start;
        padding-left: 0;
        margin-left: 0;
    }

    .tabbed-content .nav li {
        flex: 0 0 auto;
    }

    .tabbed-content .nav::-webkit-scrollbar {
        display: none;
    }

    .icon-title h2 {
        font-size: 24px !important;
    }

    .icon-title .icon-box-img {
        width: 40px !important;
    }

    .tab-sp .tab span {
        font-size: 14px;
    }

    .title-notpage h1 {
        font-size: 18px;
    }

    .thuong-hieu-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .title-thuong-hieu h1 span {
        font-size: 24px;
    }

    .icon-lien-he span,
    .dec-page-lh {
        font-size: 14px !important;
    }

    .contact-form p {
        margin: 0px;
    }

    .contact-form input[type="submit"] {
        padding: 8px 24px;
    }

    .container-width,
    .full-width .ubermenu-nav,
    .container,
    .row {
        padding-left: calc(6.4vw - 15px);
        padding-right: calc(6.4vw - 15px);
    }


    .footer-2 {
        padding: 10px 0 !important;
    }

    .text-home h2 {
        font-size: 24px !important;
    }

    .text-home p {
        font-size: 14px !important;
    }

    .ux-swatches {
        --swatch-size-x-small: 10px;
    }

    .section-title-container {
        margin-bottom: 10px;
    }

    .col-sm .col-inner {
        gap: 12px;
    }

    .form-login-v h5,
    .form-register-v h5,
    .reset-pass-v h5 {
        font-size: 16px;
    }

    .select-resize-ghost,
    .select2-container .select2-choice,
    .select2-container .select2-selection,
    input[type=date],
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=url],
    select,
    textarea {
        height: 47px !important;
    }

    .reset-pass-v--button button {
        margin-top: 5px;
        height: 40px;
        min-height: 40px;
        line-height: 1;
    }

    .he-thong-cua-hang .large-4 .col-inner {
        padding-top: 30px;
    }

    .he-thong-cua-hang iframe {
        height: 300px !important;
    }

    .banner-1-ddqt.is-full-height {
        height: 500px !important;
        min-height: 500px !important;
    }

    .banner-2-ddqt,
    .banner-3-ddqt,
    .banner-4-ddqt {
        min-height: 600px !important;
    }

    .banner-4-ddqt h3 br {
        display: none;
    }

    .banner-4-ddqt h3 {
        font-size: 22px;
    }

    .banner-3-ddqt br {
        display: none;
    }

    .banner-1-ddqt h1 {
        font-size: 18px;
    }

    .sec-text-bottom .banner-goiy-bot .ux-menu {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .banner-goiy-bot {
        margin-bottom: 30px;
        margin-top: 10vh;
    }

    .tittle-page-ctqt h1,
    .tittle-page-ctqt h2 {
        font-size: 34px;
    }

    .dm-ctdvqt {
        flex-wrap: nowrap;
        overflow-y: auto;
    }

    .dm-ctdvqt>div {
        width: 85%;
        min-width: 85%;
    }

    .dm-ctdvqt--title h3 {
        font-size: 24px;
    }

    .banner-goiy.is-full-height {
        min-height: 100vh !important;
        height: 100vh !important;
    }

    .ccth-text-title {
        font-size: 24px;
        line-height: 40px;
    }

    .ccth-box1,
    .ccth-box-2.is-full-height {
        height: 600px !important;
        min-height: 600px !important;
    }

    .text-cau-chuyen p {
        font-size: 18px;
    }

    .ccth-box-3 .section-title .section-title-main {
        font-size: 24px;
    }

    .ccth-box-3 .text-cau-chuyen {
        margin-top: 100px;
        margin-bottom: 198px;
    }

    .ccth-box-3 {
        padding-top: 121px !important;
    }

    .ccth-box-3 .text-cau-chuyen p span {
        font-size: 14px;
    }

    .header-archive {
        padding-top: 40px;
        padding-bottom: 16px;
    }

    .header-archive h1 {
        font-size: 28px;
    }

    .content-archive-child--main__item h4 {
        font-size: 12px;
        margin-top: 20px;
    }

    .list-child li a {
        font-size: 13px;
    }

    .archive-post-key h3 {
        font-size: 20px;
    }

    .archive-post-key a img {
        margin-bottom: 25px;
    }

    .archive-post-key p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .content-archive-child--header h3 {
        font-size: 24px;
    }

    .content-archive-child--header p {
        font-size: 16px;
    }

    .content-archive-child--main__item h4 {
        margin-top: 18px;
    }

    .content-archive-child--main__item h3 {
        font-size: 16px;
        height: 40px;
    }

    .content-archive-child--ft a {
        font-size: 14px;
    }

    .container-archive {
        padding-bottom: 10px;
    }

    .content-archive-child--ft {
        padding: 0px 0 40px;
    }

    [data-icon-label]:after {
        font-size: 10px;
        height: 15px;
        letter-spacing: -.5px;
        line-height: 15px;
        min-width: 15px;
        opacity: .9;
        right: -3px;
        top: -8px;
    }

    .main-single--header__breadcrumbs p {
        font-size: 16px;
    }

    .single-banner h1 {
        font-size: 22px;
    }


    .single-lq {
        padding-top: 56px;
        padding-bottom: 10px;
    }

    .single-lq h5 {
        font-size: 18px;
    }

    .single-lq .row {
        flex-wrap: nowrap;
        overflow-y: auto;
    }

    .single-lq .row>div {
        width: 85%;
        min-width: 85%;
    }

    .archive-tuyendung-banner {
        height: 400px;
    }

    .archive-tuyendung-banner h1 {
        font-size: 22px;
    }

    .list-tuyen-dung--item ul {
        display: flex;
        gap: 15px;
        align-items: center;
        margin-bottom: 0;
        flex-wrap: wrap;
    }

    .list-tuyen-dung--item ul li {
        font-size: 14px;
    }

    .list-tuyen-dung .list-tuyen-dung--item {
        padding: 20px;
    }

    .list-tuyen-dung--item h3 a {
        font-size: 20px;
    }

    .phan-trang .pagination {
        display: flex;
        gap: 10px;
    }

    .phan-trang a,
    .phan-trang span {
        font-size: 14px;
    }

    .phan-trang a.prev i {
        margin-right: 10px;
        font-size: 14px;
    }

    .phan-trang a.next i {
        margin-left: 10px;
        font-size: 14px;
    }

    .container-tuyen-dung {
        padding: 0 25px !important;
    }

    .box-title-lh .container>div {
        display: block;
        padding: 0 15px;
    }

    .box-title-lh .container div a {
        display: block;
        padding: 10px 5px;
        border: 1px solid #D2D2D2;
        font-size: 12px;
        text-align: center;
        min-width: 200px;
    }

    .box-title-lh .container>div>div {
        overflow-y: auto;
    }

    .box-title-lh h3 {
        font-size: 16px;
        margin-bottom: 16px;
        margin-top: 20px;
    }

    .title-page-lh h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .box-2-lh .row.row-collapse>div:nth-child(2) {
        border-right: none;
        border-left: none;
        border-top: 1px solid var(--Color-400, #D2D2D2);
        border-bottom: 1px solid var(--Color-400, #D2D2D2);

    }

    .box-2-lh h5 {
        font-size: 16px;
    }

    .ch-tg-lh.ux-menu .menu-item {
        width: 100%;
        padding: 0 22px;
    }

    .ch-tg-lh.ux-menu .menu-item .ux-menu-link__link {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .single.single-product .mfp-content {
        --drawer-width: 100vw !important;
    }

    .related-products--list {
        flex-wrap: wrap;
    }

    body.single-product .product-main .row {
        padding: 0;
        margin: 0;
    }

    body.single-product #header {
        position: relative;
    }

    body.single-product .product-stacked-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .prod-info-new ul li {
        margin-left: 0;
    }

    .box-ndcs .row.row-large .large-9 {
        order: 2;
    }

    .box-ndcs .row.row-large .large-3 {
        order: 1;
    }

    .page-id-626 .box-title-lh .container div a {
        min-width: 230px;
    }

    #main-menu.mobile-sidebar .menu-item-object-product_cat a {
        font-size: 14px;
        text-transform: uppercase;

    }

    #main-menu.mobile-sidebar .menu-item a {
        padding: 12px 20px;
    }

    .mfp-content:has(#main-menu) .sidebar-menu {
        padding: 0;
    }

    #main-menu.mobile-sidebar #menu-item-1092 a {
        font-size: 20px !important;
    }

    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
        width: 100% !important;
    }

    .mobile-sidebar-levels-1 .nav-slide>li>.sub-menu.is-current-slide,
    .mobile-sidebar-levels-1 .nav-slide>li>ul.children.is-current-slide {
        padding: 0;
    }

    #main-menu .nav.nav-vertical {
        flex-flow: column;
        padding: 60px 15px;
    }

    #main-menu .sidebar-menu .sub-menu {
        background: #fff;
    }

    #main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-1,
    #main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-2 {
        margin: 0;
        width: 100%;
    }

    #main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-2 {
        padding: 0 10px 20px;
    }

    #main-menu .sidebar-menu>ul>li>.sub-menu .v-menu-1 span {
        padding: 10px 0 0 0;
    }

    #main-menu .sidebar-menu>ul>li>.sub-menu a {
        font-size: 14px;
        display: block;
    }

    .tel-menu,
    .tp-cc-kh {
        padding-left: 20px !important;
    }

}