/* #box {
    width: 100%;
    padding-bottom: 6em;
    max-width: 400px;
} */
.magnify {
    width: 100%;
}

.pdp-img-inner {
    width: 100%;
}

.pdp-img-inner img {
    width: 100%;
}

.magnify-lens {
    border-radius: 0 !important;
    box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.85), 0 0 2px 2px rgba(0, 0, 0, 0.25), inset 0 0 4px 2px rgba(0, 0, 0, 0.25) !important;
    transform: scale(1.5) !important;
}

.header.sticky {
    background-color: white;
}

.cmini-title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 500px) {
    .cmini-img {
        width: 6rem;
    }
}

.cart-emp {
    border-top: 0.4rem solid #000 !important;
}

.policy .mona-content.des ol li {
    margin-bottom: 0.5rem;
}

/* ============ Quhu 05/12/2024 ================= */
@import url("../assets/font/Montserrat/stylesheet.css");

/* setting font */
:root {
    --large: calc(46pt/2);
    --small: calc(26pt/2);
    --w: 30rem;

}

@media screen and (max-width:1200px) {
    :root {
        --large: calc(36pt/2);
        --small: calc(20pt/2);
    }
}


.policy .policy-list .policy-item .icon {
    display: none;
}

@media screen and (min-width:1201px) {
    .policy {
        padding: 8rem 0;
    }

    .policy .policy-list .policy-item:not(:first-child) {
        margin-top: 2rem;
    }

    .policy .policy-list .policy-item.active {
        filter: none;
    }

    .policy .policy-list .policy-item.active .text {
        font-weight: 600;
        color: black;
    }


    .policy .policy-wrap .container {
        max-width: 183rem;
    }

    /* top */
    .policy .policy-top {
        width: var(--w);
        position: sticky;
        top: 11rem;
        flex-shrink: 0;
        height: 100%;
    }

    .policy .policy-inner {
        display: flex;
        flex-wrap: wrap;
    }



    .policy-top .textline:before {
        display: none;
    }

    /* ctn */
    .policy .policy-ctn {
        width: calc(100% - var(--w));
        margin-right: 0;
    }

    @media screen and (min-width:1401px) {
        .policy .policy-ctn {
            width: calc(100% - var(--w) - 20rem);
        }
    }

    .policy .policy-list {
        padding-left: 0;
    }

    .policy-top .textline {
        padding-left: 0;
    }




    @media screen and (max-width:1600px) {
        .policy .policy-list {
            padding-left: 0;
        }

        .policy-top .textline {
            padding-left: 0;
        }
    }
}

.policy .textline p {
    font-size: var(--small);
    text-transform: uppercase;
}

.policy-ctn h1 {
    font-size: var(--large);
    text-transform: uppercase;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400;
}

.policy-top .textline p {
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase;
}

.policy .policy-list .policy-item .text {
    font-size: var(--small);
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.policy .mona-content {
    font-family: 'Montserrat', sans-serif !important;
}

.policy .mona-content p {
    font-size: var(--small);
    /* margin: 2rem 0 !important; */
    font-family: 'Montserrat', sans-serif !important;
}

.policy .mona-content ul,
.policy .mona-content li,
.policy .mona-content span {
    font-size: var(--small);
    font-family: 'Montserrat', sans-serif !important;
}


.policy .mona-content b,
.policy .mona-content strong {
    font-family: 'Inter', sans-serif !important;
    font-size: var(--small);
    color: black;
    text-transform: uppercase;
    font-weight: 600;
}


/* fb 13/12/2024 */

@media screen and (min-width:1201px) {
    .policy {
        padding-top: 12rem;
    }

    .policy .policy-wrap .container {
        padding: 0 5.5rem;
    }
}

.policy .mona-content ul {
    padding-left: 0;
    margin-bottom: 0;
}

/* fb 15/7/2025 */

/* popup welcome */

.welcome-lg {
    --pd: 2rem;
    padding: 0;
    display: none;
}

.welcome-bn .swiper-container:after {
    opacity: 0;
}

.welcome-bn.open .swiper-container:after {
    opacity: 1;
}

.welcome-bn.open .welcome-lg {
    display: block;
}

.welcome-lg-l .select .select2-selection__placeholder {
    color: #727272;
    padding: 0;
}

.welcome-lg-l .select2-container {
    height: 5.5rem;
}

.welcome-lg-l .select2-container .selection {
    height: 100%;
    display: block;
}

.welcome-lg-l .select2-container .selection .select2-selection--single {
    height: 100%;
}

.welcome-lg-l .select2-container .selection .select2-selection--single .select2-selection__rendered {
    padding: 0 var(--pd);
    height: 100%;
    border-color: rgba(0, 0, 0, 0.3) !important;
    border-left: none !important;
    border-right: none !important;
}

.select2-container .custom-dropdown-lg {
    --pd: 1rem;
    padding: var(--pd) 0;
}

.select2-container .custom-dropdown-lg {
    border: none;
    border-radius: 0;
    background: #fff !important;
}

.select2-container .custom-dropdown-lg .select2-results {
    border: none;
    padding-top: var(--ss-pd);
}

.select2-container .custom-dropdown-lg .select2-results__option {
    padding: var(--pd) calc(var(--pd)*2);
    opacity: .3;
    background: #ffffff;
    transition: all .1s ease;
}

.select2-container .custom-dropdown-lg .select2-results__option:hover {
    opacity: 1;
    font-weight: 400;
}

.select2-container .custom-dropdown-lg .select2-results__option.select2-results__option--highlighted {
    opacity: 1;
    font-weight: 400;
    background: #fff !important;
    color: #121212 !important;
}

.welcome-lg-l .select .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.6rem;
}

.select2-container--default .select2-results__option--selected {
    color: #121212;
}

.welcome-lg-l .select .select2-selection__placeholder::after {
    display: none;
}

.welcome-lg .tt {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0;
    padding: var(--pd);
}

.welcome-lg .container {
    padding: 0;
}

.welcome-lg-r {
    margin-left: 0;
    width: 100%;
}

.welcome-lg .row {
    row-gap: 3.2rem;
}

.welcome-lg .btn-pri .txt {
    font-weight: 400;
}

.welcome-bn .swiper-container {
    position: relative;
}

.welcome-bn .swiper-container:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.welcome-lg {
    position: absolute !important;
    bottom: auto;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 43rem;
    min-height: 11rem;
    max-width: 95%;
}

.welcome-lg .col-5,
.welcome-lg .col-7 {
    width: 100%;
}

.welcome-lg .col-7 {
    display: none;
}

.welcome-bn .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 1.6rem;
}

.welcome-bn .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 1.6rem;
    background-image: url(/template/assets/images/caret-down.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.8rem;
    height: 1.8rem;
    transition: all .4s ease;
}

.welcome-bn .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg);
}

.welcome-bn .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.welcome-bn .welcome-lg .welcome-lg-l .t12 {
    padding: var(--pd);
    margin-top: 0;
}

.select2-container .select2-dropdown .select2-search input {
    font-size: 1.6rem;
    height: 4rem;
    border-top: none;
    padding: var(--pd) calc(var(--pd) * 2) !important;
    padding-top: 0 !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    border-top: none;
    border-left: none;
    border-right: none;
}

.select2-container .select2-dropdown .select2-search input::placeholder {
    font-size: 1.4rem;
    color: #727272;
}

@media (max-width: 580px) {
    .select2-container .custom-dropdown-lg .select2-results {
        padding-top: 0;
    }

    .select2-container .select2-dropdown .select2-search input {
        padding: var(--pd) !important;
        font-size: 1.4rem;
    }

    .select2-container .select2-dropdown .select2-search input::placeholder {
        font-size: 1.2rem;
    }

    .welcome-sl-it {
        height: 100vh !important;
    }

    .welcome-lg .row {
        row-gap: 1.6rem;
    }

    .welcome-lg-r {
        margin-top: 0;
        padding-bottom: 0;
    }

    .welcome-lg .tt {

        font-size: 1.4rem;
    }

    .welcome-lg .btn-pri {
        width: 100%;
        margin-top: 4rem !important;
    }

    .welcome-lg-l .select2-container {
        height: 4.5rem;
    }

    .select2-container .custom-dropdown-lg {
        --pd: 1.2rem;
        padding-top: 0;
    }

    .welcome-lg-l .select2-container .selection .select2-selection--single .select2-selection__rendered {
        font-size: 1.4rem;
    }

    .select2-container .custom-dropdown-lg .select2-results__option {
        font-size: 1.4rem !important;
        padding: var(--pd);
    }

    .welcome-lg {
        --pd: 1.2rem;
        width: 30rem;
        border-radius: 0;
        position: absolute !important;
        min-height: 8rem;
        padding: 0 !important;
    }

    .welcome-lg-l .select .select2-selection__placeholder {
        font-size: 1.2rem;
    }

    .welcome-lg-l .select2-container .selection .select2-selection--single .select2-selection__rendered {
        border: none !important;
        border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
    }
}

/* 23/7/2025 */

html[lang="vi-VN"] .variable.prod-price .info-price-current .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    display: none;
}

@media (max-width: 580px) {

    html[lang="vi-VN"] .prod-item .prod-title-name .mona-title,
    .prod-item .prod-title-name .t14,
    .hnew-link {
        font-size: 1.2rem;
    }

    html[lang="vi-VN"] .variable.prod-price .info-price-current {
        font-size: 1.3rem;
    }

    html[lang="vi-VN"] .variable.prod-price .info-price-current .woocommerce-Price-amount {
        display: block;
        width: 50%;
    }
}

/* 31/7/2025 */


.welcome-sl-it img {
    object-position: top;
}

@media (max-width: 550px) {
    .hvi .box {
        padding-top: 100%;
    }

    .hvi.x2 .box {
        padding-top: 100%;
    }
}

@media (max-width: 450px) {
    .hvi .box {
        padding-top: 100%;
    }

    .hvi.x2 .box {
        padding-top: 100%;
    }
}

/* 27/8/2025 */

.header-nav .menu-nav>.menu-list {
    gap: 1.6rem;
}