/*------------------------------- Validation ---------------------------------*/
@import "../../validation/validationEngine.css";

.row_related {
    display: flex;
    flex-wrap: wrap;
}

.row_related .col_related {
    width: 10%;
    margin: 0.55%;
}

@media screen and (min-width: 2000px) {
    .row_related .col_related {
        width: 9%;
        margin: 0.48%;
    }
}

@media screen and (max-width: 1100px) {
    .row_related .col_related {
        width: 11.5%;
        margin: 0.48%;
    }
}

@media screen and (max-width: 980px) {
    .row_related .col_related {
        width: 13.28%;
        margin: 0.48%;
    }
}

@media screen and (max-width: 850px) {
    .row_related .col_related {
        width: 15.7%;
        margin: 0.48%;
    }
}

@media screen and (max-width: 700px) {
    .row_related .col_related {
        width: 10%;
        margin: 0.55%;
    }
}

@media screen and (max-width: 580px) {
    .row_related .col_related {
        width: 13.28%;
        margin: 0.48%;
    }
}

@media screen and (max-width: 460px) {
    .row_related .col_related {
        width: 15.7%;
        margin: 0.48%;
    }
}

.row_related .col_related .product_related {
    width: 100%;
    border: 0.1rem solid #CCC;
}

.row_related .col_related img{
    width: 100%;
}

.product_price_contact {
    color: #8A1538;
}

.mt-8 {
    margin-top: 8rem;
}

.mt-10 {
    margin-top: 10rem;
}

.header-logo .custom-logo-link img {
    max-width: 100%;
    height: 100%;
}

.header-top-fir {
    gap: 0;
}

.header-top .header-input .link {
    cursor: pointer;
}

.header-top-fir .menu-icon {
    margin-right: 0.6rem;
}

.header-top-fir .menu-icon:last-child {
    margin-right: 0;
}

.banner-v3 .banner-wrapper.h20 {
    height: 20vw;
}

@media screen and (max-width: 700px) {
    .banner-v3 .banner-wrapper.h20 {
        height: auto;
    }
}

.banner-des .ttag.s6r,
.banner-des-title.s6r {
    font-size: 6rem;
}

.header-nav .menu-nav > .menu-list > .menu-item:has(.current-menu-item) > .menu-link {
    color: #8A1538;
}
.header-nav .menu-nav > .menu-list > .menu-item:has(.current-menu-item) > .menu-link::before {
    width: 100%;
}

.header-nav .menu-nav .menu-body .menu-title > a:hover,
.header-nav .menu-nav .menu-body .menu-title.current-menu-item > a {
    color: #8A1538;
}

.mobile-nav .menu-nav > .menu-list > .menu-item.current_page_item > .menu-list > .menu-item.current_page_item > a,
.mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-item > .menu-list > .menu-item.current-menu-item > a {
    color: #8A1538;
    font-weight: 700;
}
.mobile-nav .menu-nav > .menu-list > .menu-item.active > .menu-list > .menu-item.active > a {
    color: #8A1538;
    font-weight: 700;
}
.mobile-nav .menu-item > .menu-list > .menu-item:has(.current-menu-item) > a {
    font-weight: 700;
}
.mobile-nav .menu-nav > .menu-list > .menu-item:has(.current-menu-item) > a {
    color: #8A1538;
    font-weight: 700;
}

.btn-ftf-item .icon img {
    max-height: 2rem !important;
    object-fit: cover;
    width: auto;
}

.h-dmsp .h-dmsp-flex .swiper-container.row{
    margin: 0 0;
}

.filter-tel {
    filter: invert(16%) sepia(42%) saturate(5042%) hue-rotate(326deg) brightness(79%) contrast(97%);
}

@media screen and (max-width: 850px) {
    .client .swiper.clientswiper{
        overflow: hidden;
    }
}

@media screen and (max-width: 600px) {
    .detailPslide .detailPslide-wrapper {
        overflow: hidden;
    }
}

.viewpd-wrapper {
    padding: 2rem 0 4rem 0;
}

.viewpd-wrapper.viewpd-wrapper-empty {
    margin-bottom: 6rem;
}

@media screen and (max-width: 1000px) {
    .viewpd-wrapper.viewpd-wrapper-empty {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 700px) {
    .viewpd-wrapper.viewpd-wrapper-empty {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .detailPslide .viewpd-wrapper {
        overflow: hidden;
    }
}

.bla .bla-wrapper .bla-dis {
    width: auto;
}

.bla .bla-wrapper .bla-body {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.bla.bla-detail-product-r .bla-wrapper .bla-body {
    padding-top: 1rem;
    padding-bottom: 0;
}

.bla .bla-wrapper .bla-body .bla-des .title {
    height: 45px;
}

@media screen and (max-width: 600px) {
    .bla .bla-wrapper .bla-body .bla-des .title {
        height: 50px;
    }
}

@media screen and (min-width: 2000px) {
    .bla .bla-wrapper .bla-body .bla-des .title {
        height: 60px;
    }
}

.pdhotH-wrapper .swiper-wrapper{
    align-items: self-end;
}

.pdhotH-bg {
    height: 100%;
}

.pdhotH-l-top {
    width: 91%;
    margin: 0 auto -1px;
}

.pdhotH-l-bot .pdhotH-decor img{
    width: 100%;
}

.pdhotH-r-bot .text-1 * {
    color: #FFF !important;
}

@media screen and (max-width: 1000px) {
    .pdhotH-l-top {
        margin: 0 auto -1px;
    }
}
@media screen and (max-width: 500px) {
    .pdhotH-l-top {
        margin: 0 auto -1px;
    }
}

@media screen and (max-width: 600px) {
    .pdhotH-l {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .pdhotH-r {
        padding:6rem 0 1rem 0;
    }
}

@media screen and (max-width : 700px) {
    .contact .contact-wrapper .contact-row {
        overflow : hidden;
    }
}

#form_contact .contact-input.contact_captcha_input {
    margin-right : 15px;
    width : calc(100% - 150px);
}

@media screen and (max-width : 410px) {
    #form_contact .contact-input.contact_captcha_input {
        width : calc(100% - 130px);
    }
    
    #ajax_captcha_contact img {
        width: 110px;
    }
}

#form_contact .message_failed{
    font-size:1.2rem;
    font-family:Arial,Tahoma,Verdana;
    color:#dc3232;
}

#form_contact .message_successful{
    font-size:1.2rem;
    font-family:Arial,Tahoma,Verdana;
    color:#00F;
}

/*
.certi .swiper-slide {
    align-self: stretch;
    height: auto;
}

.certi .swiper-slide .blg {
    height: 100%;
}

.certi .swiper-slide .blg .blg-wrapper {
    height: 100%;
}

.certi .swiper-slide .blg .blg-wrapper .blg-img {
    height: 100%;
}

.certi .swiper-slide .blg .blg-wrapper .blg-img .blg-img-in {
    padding: 0;
    height: 100%;
}

.certi .swiper-slide .blg .blg-wrapper .blg-img .blg-img-in img {
    position: relative;
    top: 0;
    left: 0;
    transform:none;
}
*/

@media screen and (min-width: 851px) {
    .postV-body-bot .postV-body-bot-list {
        flex-direction: inherit;
    }

    .postV-body-bot .postV-body-bot-list .postV-body-bot-item {
        width: 100%;
    }
}

.page-numbers > li > .page-numbers > a {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius:100rem;
    align-items: center;
    justify-content: center;
}

.pnu-wrapper {
    margin-bottom: 0;
}

@media screen and (min-width: 800px) {
    .pnuH {
        margin : 10rem 0 10rem 0;
    }
}

@media screen and (min-width: 600px) {
    .detailST-wrapper {
        margin-bottom : 6rem;
    }
}

@media screen and (max-width: 600px) {
    .detailST-wrapper {
        margin-bottom : 2rem;
    }
}

.detailPslide-wrapper {
    margin-bottom: 6rem;
}

@media screen and (max-width: 1000px) {
    .detailPslide-wrapper {
        margin-bottom: 4rem;
    }
}

@media screen and (max-width: 700px) {
    .detailPslide-wrapper {
        margin-bottom: 2rem;
    }
}

.detailPslide-wrapper.detailPslide-wrapper-detail {
    margin-bottom: 3rem;
    padding: 2rem 0 4rem 0;
}

@media screen and (max-width: 1000px) {
    .detailPslide-wrapper.detailPslide-wrapper-detail {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 700px) {
    .detailPslide-wrapper.detailPslide-wrapper-detail {
        margin-bottom: 1rem;
    }
}

.detailPslide-wrapper.detailPslide-wrapper-custom {
    margin-bottom: 4rem;
}

@media screen and (max-width: 1000px) {
    .detailPslide-wrapper.detailPslide-wrapper-custom {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 700px) {
    .detailPslide-wrapper.detailPslide-wrapper-custom {
        margin-bottom: 1rem;
    }
}

.pdhotH-wrapper {
    margin-bottom: 6rem;
}

@media screen and (max-width: 600px) {
    .pdhotH-wrapper {
        margin-bottom: 4rem;
    }
}

.h-dmsp {
    margin-bottom: 6rem;
}

@media screen and (max-width: 600px) {
    .h-dmsp {
        margin-bottom: 4rem;
    }
}

.h-blog{
    margin-bottom: 5rem;
}

@media screen and (max-width: 800px) {
    .h-blog {
        margin-bottom: 3rem;
    }
}

.contact-wrapper {
    margin: 4rem 0 10rem;
}
@media screen and (max-width: 1000px) {
    .contact-wrapper {
        margin: 3rem 0 7rem;
    }
}
@media screen and (max-width: 700px) {
    .contact-wrapper {
        margin: 2rem 0 6rem;
    }
}

.contactLt-wrapper {
    margin: 0 0 4rem;
}
@media screen and (max-width: 1000px) {
    .contactLt-wrapper {
        margin: 0 0 3rem;
    }
}
@media screen and (max-width: 700px) {
    .contactLt-wrapper {
        margin: 0 0 2rem;
    }
}

.postH-wrapper {
    margin: 4rem 0 10rem;
}
@media screen and (max-width: 1000px) {
    .postH-wrapper {
        margin: 3rem 0 6rem;
    }
}
@media screen and (max-width: 700px) {
    .postH-wrapper {
        margin: 2rem 0 5rem;
    }
}

.postV-wrapper {
    margin-bottom: 3rem;
}
@media screen and (max-width: 1000px) {
    .postV-wrapper {
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 800px) {
    .postV-wrapper {
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 450px) {
    .postV-wrapper {
        margin-bottom: 2rem;
    }
}

.postV-wrapper.postV-wrapper-category {
    margin-top: 4rem;
}
@media screen and (max-width: 1000px) {
    .postV-wrapper.postV-wrapper-category {
        margin-top: 3rem;
    }
}
@media screen and (max-width: 800px) {
    .postV-wrapper.postV-wrapper-category {
        margin-top: 3rem;
    }
}
@media screen and (max-width: 450px) {
    .postV-wrapper.postV-wrapper-category {
        margin-top: 2rem;
    }
}

.postV-body-top {
    margin-bottom: 4rem;
}
@media screen and (max-width: 1000px) {
    .postV-body-top {
        margin-bottom: 4rem;
    }
}
@media screen and (max-width: 800px) {
    .postV-body-top {
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 450px) {
    .postV-body-top {
        margin-bottom: 3rem;
    }
}

.postV-body-bot {
    margin-bottom: 4rem;
}
@media screen and (max-width: 1000px) {
    .postV-body-bot {
        margin-bottom: 4rem;
    }
}
@media screen and (max-width: 700px) {
    .postV-body-bot {
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 450px) {
    .postV-body-bot {
        margin-bottom: 3rem;
    }
}

.detailP-body .mona-content {
    overflow: hidden;
}

.detailP-wrapper {
    margin: 2rem 0 2rem 0;
}
@media screen and (max-width: 450px) {
    .detailP-wrapper {
        margin: 2rem 0 1rem;
    }
}

.partner-wrapper {
    margin-bottom: 0;
}

.partner-item .partner-top-img:hover,
.partner-item .partner-top-img.active {
    border: 0.12rem solid #FFB6C1;
}

@media screen and (max-width: 1000px) {
    .partner-wrapper {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 700px) {
    .partner-wrapper {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 450px) {
    .partner-wrapper {
        margin-bottom: 0;
    }
}

.partner-body-des:last-child {
    margin-bottom: 0;
}

.product-main .product-main-top-tag {
    flex-wrap: wrap;
    gap: 0;
}

.product-main .product-main-top-tag .tag {
    flex: none;
    gap: 0;
}

.product-main .product-main-top-tag .tag-icon {
    cursor: pointer;
    margin-left: 0.6rem;
}

.product-main-top-select {
    gap: 0;
}

.product-main-top-select .text {
    margin-right: 0.6rem;
}

.sec-product {
    margin-top: 8rem;
}

.product-wrapper {
    margin: 0 0 4rem;
}

@media screen and (max-width: 1000px) {

    .sec-product {
        margin-top: 6rem;
    }

    .product-wrapper {
        margin: 0 0 3rem;
    }
}

@media screen and (max-width: 800px) {

    .sec-product {
        margin-top: 5rem;
    }

    .product-wrapper {
        margin: 0 0 3rem;
    }
}

@media screen and (max-width: 450px) {
    .sec-product {
        margin-top: 3rem;
    }

    .product-wrapper {
        margin: 0 0 2rem;
    }
}

.product-main-top {
    margin-bottom: 3rem;
    gap: 0;
}

.product-main-top .btn-filter {
    margin-bottom: 1.2rem;
}

.product-main-top-list .product-main-top-tag {
    margin-bottom: 1.2rem;
}

.product-main-top-list .product-main-top-select {
    margin-left: 1.2rem;
    margin-bottom: 1.2rem;
}

@media screen and (max-width: 500px) {
    .product-main-top {
        margin-bottom: 2rem;
    }
}

.mona-empty-message-large {
    width: 100%;
}

span.no-result {
    text-align: center;
    color: #8A1538;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 2rem;
    padding-bottom: 1rem;
}

.detailSP-wrapper {
    margin: 3rem 0 5rem;
}

@media screen and (max-width: 600px) {
    .detailSP-wrapper {
        margin: 2rem 0 4rem;
    }
}

.detailSP-wrapper .detailSPSwiper .swiper-slide-thumb-active .detailSP-img,
.detailSP-wrapper .thumSPSwiper .swiper-slide-thumb-active .detailSP-img {
    border: 0.1rem solid #8A1538;
}

.detailSP-wrapper .detailSPSwiper .detailSP-img,
.detailSP-wrapper .thumSPSwiper .detailSP-img {
    border: 0.1rem solid #CCC;
}

.detailSP-wrapper .thumSPSwiper .detailSP-img {
    cursor: pointer;
}

.detailSP-des .tag {
    display: initial;
}

.detailSP-wrapper .swiper-wrapper {
    align-items: end;
}

.detailSP-wrapper .detailSP-video {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.detailSP-wrapper .detailSP-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tabpd-wrapper {
    margin-bottom: 2rem;
}

.tabpd-bot-wrapper {
    margin: 2rem 0;
}

.tabpd-ques-title {
    font-size: 2rem;
    color: #211F20;
    font-weight: 700;
}

.tabpd-body .mona-content {
    color: #3C393A;
    overflow: hidden;
}

.tabpd-top {
    overflow: hidden;
    margin-bottom: 1rem;
}

.tabpd-top .swiper-slide .tabpd-top-item {
    padding: 1rem 1rem;
}

.tabpd-top .swiper-slide:first-child .tabpd-top-item {
    padding-left: 0;
}

.tabpd-top .swiper-slide:last-child .tabpd-top-item {
    padding-right: 0;
}

@media screen and (max-width: 800px) {
    .tabpd-top .swiper-slide .tabpd-top-item {
        padding: 1rem 0.8rem;
    }
}

@media screen and (max-width: 500px) {
    .tabpd-top {
        margin-bottom: 0rem;
    }
}

.locabuy-wrapper {
    margin: 2rem 0 4rem;
}

.locabuy .global-top {
    margin-bottom: 3rem;
}

.locabuy-item:not(:last-child) {
    margin-bottom: 3rem;
}

.locabuy-item .title {
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 1000px) {
    .locabuy-wrapper {
        margin: 1.5rem 0 3rem;
    }

    .locabuy .global-top {
        margin-bottom: 3rem;
    }

    .locabuy-item:not(:last-child) {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 700px) {
    .locabuy-wrapper {
        margin: 1.5rem 0 3rem;
    }

    .locabuy .global-top {
        margin-bottom: 2.5rem;
    }

    .locabuy-item:not(:last-child) {
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width: 500px) {
    .locabuy-wrapper {
        margin: 1rem 0 2rem;
    }

    .locabuy .global-top {
        margin-bottom: 2.5rem;
    }

    .locabuy-item:not(:last-child) {
        margin-bottom: 2.5rem;
    }
}

.footer-buy {
    margin-top: 2.5rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.footer-buy .footer-buy-title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-weight: 700;
}

.footer-buy .footer-buy-body {
    width: 3.6rem;
    height: 3.6rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    transition: 0.3s ease;
}

.footer-buy .footer-buy-body:hover {
    transform: translateY(-5px);
    transition: 0.3s ease;
}

.footer-buy .footer-buy-body .footer-buy-link {
    width: 100%;
    height: 100%;
}
.footer-buy .footer-buy-body .footer-buy-link  img {
    width: 100%;
    height: 100%;
}
.thum-wrapper .global-input {
    margin-bottom: 1.2rem;
}

.global-input .global-input-btn {
    padding: 0.9rem 1.8rem;
}

.number-value .inputNumberJs {
    height: 2rem;
}

.number-value .plus ,
.number-value .minus {
    width: 2.5rem;
    height: 2.5rem;
}

.number-value .plus .fa-plus,
.number-value .minus .fa-minus{
    padding-left: 1px;
}

@media screen and (min-width: 2000px) {
    .number-value .plus,
    .number-value .minus {
        width: 2.2rem;
        height: 2.2rem;
    }
}

.color-value-custom {
    position: relative;
}

.select-custom {
    display: block;
    padding: 0 3rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 0.1rem solid #8A1538;
    border-radius: 100rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 4.2rem;
}
.select-custom::-ms-expand {
    display: none;
}
.select-custom:hover {
    border: 0.1rem solid #8A1538;
}
.select-custom:focus {
    border: 0.1rem solid #8A1538;
    outline: none;
}
.select-custom option {
    font-weight:normal;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .select-custom {
        font-size: 1.4rem;
    }
}

.color-value-custom .icon-select-down {
    position: absolute;
    top: calc(50% - 0.6rem);
    right: 1rem;
    font-size: 1.2rem;
    color: #8A1538;
}

.detailSP-des .btn-add,
.detailSP-des .btn-buy {
    cursor: pointer;
}

.tabpd-wrapper .btn-add,
.tabpd-wrapper .btn-buy {
    cursor: pointer;
}

.tabpd-bot-r {
    display: grid;
    justify-content: center;
}

.tabpd-bot-r .tabpd-bot-r-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

@media screen and (max-width: 700px) {
    .tabpd-bot-r .btn-add .text {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .tabpd-bot-r {
        width: 100%;
    }
}

.tabpd-ques .tabpd-ques-item {
    padding: 0 1.2rem;
}

.tabpd-ques .tabpd-ques-item .tabpd-ques-head {
    padding: 2rem 0;
}

.tabpd-ques .tabpd-ques-item .tabpd-ques-body {
    padding-bottom: 2rem;
}

.social-item {
    background: none;
}

.header {
    height: var(--pd-sc);
}

.main.pad {
    padding-top: var(--pd-sc);
}

@media screen and (min-width: 1201px) {
    .header-top-flex {
        height: 10rem;
    }
}

@media (max-width: 1200px) {
    .header-top-flex {
        height: 5.2rem;
    }

    .header {
        height: 6.2rem;
    }

    .header.sticky {
        height: 6.2rem;
    }

    .mobile {
        top: 6.2rem;
    }

    .header.sticky .mobile {
        top: 6.2rem;
    }

    .main.pad {
        padding-top: 6.2rem;
    }
    
    .header-top-left img {
        margin-top: 1.3rem;
    }
}

.header-top-left {
    margin: auto 0;
}