.breadcumb{
    background-color: #F7F7F7;
    margin: 0 auto;
    padding: 1rem 0 1rem 2rem;
    max-width: 120rem;
    width: 100%;
}
/* Hiệu ứng overlay khi đang tải */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}

.loading-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Spinner tròn */
.loading-spinner {
  border: 4px solid #ddd;
  border-top: 4px solid #f0c850;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.8s linear infinite;
}
.slide-detail-product{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: relative; */
    padding: 0 2rem 2rem 2rem;
    gap: 0;
    background-color: #F7F7F7;
}
.productPage1{
    max-width: 120rem;
    margin: 0 auto;
}
.swiper-button-next.slide-for, .swiper-rtl .swiper-button-prev.slide-for{
    /* right: var(--swiper-navigation-sides-offset, 1.875rem); */
    right: var(--swiper-navigation-sides-offset,0);
    left: auto;
}
.swiper-button-prev.slide-for, .swiper-rtl .swiper-button-next.slide-for{
    /* left: var(--swiper-navigation-sides-offset, 1.875rem); */
    left: var(--swiper-navigation-sides-offset, 0);
    right: auto;
}
.swiper-button-next.slide-for:after, .swiper-button-prev.slide-for:after{
    font-size: 2rem;
}
/* .new-order .select-region{
    position: relative;
}
.new-order .select-region select{
    appearance: none;
    -webkit-appearance:none;
}
.new-order .select-region::after{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    right: 0.625rem;
    top: 0.75rem;
    font-size: 1rem;
    font-variant: normal;
    pointer-events: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c3c41;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
    content: '\e902';
} */
/*Chi tiết sản phẩm*/
.pure-g {
    display: flex;
    padding: 0;
    flex-flow: row wrap;
    /* max-width: 90rem; */
    align-content: flex-start;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    flex-wrap: wrap;
}
.pure-u-1 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    max-width: 90rem;
    vertical-align: top;
    text-rendering: auto;
}
.icon-heart:hover {
    color: #a2041b;
}
.pure-u-1 {
    width: 100%;
}
.pure-g>* {
    padding-right: calc(0.5 * var(--bs-gutter-x));
    padding-left: calc(0.5 * var(--bs-gutter-x));
    flex-shrink: 0;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.cflex-reserve {
    display: flex;
    flex-direction: column-reverse;
}

.img_cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.splide__list {
    height: auto !important;
}

.slideStyle1 .splide__arrow {
    background: transparent;
}

.slideStyle1 .splide__arrow svg {
    fill: #989898;
    width: 1.875rem;
    height: 1.875rem;
}

section table,
section p,
section div,
section b,
section strong {
    font-weight: 300;
}
/* 
.productPage1 {
    font-size: 0.875rem;
    color: black;
    margin-top: 30px;
} */

.productPage1 .measure-size-tutorial {
    font-size: 80%;
    flex-basis: 100%;
    text-align: left;
    display: block;
    margin-top: 0.875rem;
    font-weight: 300;
}

.productPage1 .measure-size-tutorial a {
    margin: 0;
}

.productPage1 .size-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 43.75rem;
}

.productPage1 .size-list.colapse {
    display: none;
}

.productPage1 .productPage1 {
    padding: 0 0 2.125rem;
}

.productPage1 #slide {
    position: relative;
}

/* .productPage1 #slide .slide__action__next,
.productPage1 #slide .slide__action__back {
    cursor: pointer;
    position: absolute;
    bottom: 30;
    z-index: 999;
}

.productPage1 #slide .slide__action__next {
    right: -2.5rem;
}

.productPage1 #slide .slide__action__back {
    left: -2.5rem;
} */
.fade-in {
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.productPage1 .splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 1px solid #ccc !important;
}

.productPage1 .slide-wrapper {
    overflow: hidden;
    transition: opacity 0.3s ease;
}

.productPage1 .slide-wrapper .slide-main {
    position: relative;
}

.productPage1 .slide-wrapper .slide-main .action {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    display: flex;
    flex-direction: column;
}

.productPage1 .slide-wrapper .slide-main .action .and_checkout {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.productPage1 .slide-wrapper .slide-main .action svg {
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer;
}

.productPage1 .slide-wrapper .thumb-slide-video {
    position: relative;
    display: flex;
    justify-content: center;
}

.productPage1 .slide-wrapper .thumb-slide-video .slide-thumb {
    display: flex;
    justify-content: center;
    width: 100%;
}

.productPage1 .proinfo .price {
    font-family: 'NTJSans-Bold',sans-serif;
    font-size: 1.5rem;
    padding: 0.5rem 0;
}
.productPage1 .proinfo .name-proinfo{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.75rem;
    white-space: normal;     /* Cho phép xuống dòng */
    word-break: break-word;  /* Tự động ngắt từ nếu quá dài */
    overflow-wrap: break-word; /* Hỗ trợ tốt hơn trên các trình duyệt mới */
    color: #3c3c41;
    border-bottom: 1px solid #3c3c41;
}
.proinfo .price .ty-price-num{
    /* color: #A2041B; */
    padding-left: 0.5rem;
    font-size: 1rem;
}
.productPage1 .proinfo div,
.productPage1 .proinfo span {
    font-weight: 300;
}
/* .productPage1 .proinfo .name-proinfo .sku{
    padding-left: 0.5rem;
} */
.productPage1 .colorArea {
    display: flex;
}

.productPage1 .colorArea .btn_color {
    background-color: transparent;
    border-radius: 50%;
    margin-right: 1.4rem;
    width: 1.625rem;
    height: 1.625rem;
    cursor: pointer;
}

.productPage1 .colorArea .btn_color.gray,
.productPage1 .colorArea .btn_color.mautrang,
.productPage1 .colorArea .btn_color.TT {
    background: linear-gradient(216.3deg, #8C8C8C -21.85%, #F2F2F2 41.39%, #8C8C8C 84.72%);
}
.productPage1 .colorArea .btn_color.diamond,
.productPage1 .colorArea .btn_color.KC {
    background: linear-gradient(216.3deg, #8CC7E6 -20%, #E6F5FF 35%, #6DA8CF 85%);
}
.productPage1 .colorArea .btn_color.yellow,
.productPage1 .colorArea .btn_color.VV,
.productPage1 .colorArea .btn_color.HM,
.productPage1 .colorArea .btn_color.BM,
.productPage1 .colorArea .btn_color.KV,
.productPage1 .colorArea .btn_color.TA,
.productPage1 .colorArea .btn_color.mauvang,
.productPage1 .colorArea .btn_color.BS {
    background: linear-gradient(214.7deg, #FFD747 -2.46%, #FFFCF1 44.89%, #FFD84F 92.23%);
}

.productPage1 .colorArea .btn_color.pink,
.productPage1 .colorArea .btn_color.mauhong,
.productPage1 .colorArea .btn_color.VH {
    background: linear-gradient(218.05deg, #FFA48F 4.74%, #FFFCFC 48.09%, #FFA48F 91.43%);
}

.productPage1 .colorArea .btn_color.active,
.productPage1 .colorArea .btn_color:hover {
    outline: 1px solid #555;
    border: 0.125rem solid #fff;
}

.productPage1 .option .label {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
}

.productPage1 .option ul.stone {
    display: flex;
}

.productPage1 .option ul.stone li {
    margin-right: 0.5rem;
}

.productPage1 .option ul.stone li div {
    padding: 0.5rem 0.625rem;
    background-color: #fafafa;
    border: 1px solid #d7d7d7;
    border-radius: 0.313rem;
}

.productPage1 .option ul.stone li div.active,
.productPage1 .option ul.stone li div:hover {
    border-color: #333;
}

.productPage1 .option ul#sets {
    display: flex;
}

.productPage1 .option ul#sets li {
    margin-right: 0.5rem;
}

.productPage1 .option ul#sets li div {
    padding: 0.5rem 0.625rem;
    border: 1px solid #d7d7d7;
    border-radius: 0.188rem;
}

.productPage1 .option ul#sets li div.active,
.productPage1 .option ul#sets li div:hover {
    border-color: #ccc;
    background-color: #d9d9d9;
}

.productPage1 .option .size {
    margin-top: 0.5rem;
}

.productPage1 .option .size li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.productPage1 .option .size .out-of-size-list-region,
.productPage1 .option .size .measure-size-tutorial {
    font-size: 80%;
    flex-basis: 100%;
    text-align: left;
    display: block;
    margin-top: 0.75rem;
    font-weight: 300;
}

.productPage1 .option .size .out-of-size-list-region a,
.productPage1 .option .size .measure-size-tutorial a {
    margin: 0;
}

.productPage1 .option .size .out-of-size-list {
    background: #f5f5f5;
    display: inline-block;
    /* padding: 5px 7px; */
    outline: 0 !important;
    font-size: 0.75rem;
    line-height: 1.42857143;
    border-radius: 0;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 300;
    border-radius: 0.313rem;
}
.fancybox__container select,select{
    font-family: 'NTJSans-Medium',sans-serif;
    color: #3c3c41;
    font-size: 0.875rem;
    background-color: #FFFFFF;
}
.fancybox__container select:focus,
.address-branches select:focus{
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #ddd; /* nếu bạn không dùng border */
}
.new-order.fancybox__content input[name="order_name"]::placeholder,input[name="order_phone"]::placeholder{
    color: #3c3c41;
    font-weight: 300;
}
.productPage1 .option .size .btn_size {
    /* padding-top: 0.125rem; */
    width: 2.875rem;
    height: 1.75rem;
    border-radius: 0;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.813rem;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    margin: 0.25rem 0.25rem 0.25rem 0;
}

.productPage1 .option .size .btn_size.active {
    background-color: #D9D9D9;
}
.div-available{
    padding: 0.25rem 0;
    font-size: 0.75rem;
}
.productPage1 .number {
    position: relative;
    margin-top: 1.25rem;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 500;
    height: 2.125rem;
}
.productPage1 .number .situation{
    display: flex;
    align-items: center;
    font-weight: 300;
}
/* .productPage1 .number .situation.inventory-check{
    display: none;
} */
 .productPage1 .feedback {
    font-size: 0.75rem;
    color: red;
    margin: 0.5rem auto auto auto;
    opacity: 0;
    transition: opacity 0.3s;
}
 .productPage1 .feedback.show {
    opacity: 1;
}
.productPage1 .number .situation:last-of-type{
    color: #a2041b;
    animation: teeter 1s infinite;
}
@keyframes teeter{
    0% {
    transform: rotate(0deg);
    }
    25% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(3deg);
    }
    75% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#action-cart.show, #action-preorder.show {
    opacity: 1;
    visibility: visible;
}
#action-cart,
#action-preorder {
    opacity: 0;
    transform: translateY(2px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.fade-in-cart {
    opacity: 1 !important;
    transform: translateY(0) !important;
    animation: fadeInBtn .25s ease forwards;
}
@keyframes fadeInBtn {
    to { opacity: 1; }
}
.productPage1 .number span.order_product_minus,
.productPage1 .number span.order_product_plus {
    align-items: center;
    background: transparent;
    border-radius: 0.125rem;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: flex;
    font-size: 0.875rem;
    font-weight: 300;
    height: 1.313rem;
    /*Chặn hiển thị nền xanh khi nhấn nhanh*/
    user-select: none;
    -webkit-user-select: none;
    /*Chặn hiển thị nền xanh khi nhấn nhanh*/
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color 0.1s cubic-bezier(0.4, 0, 0.6, 1);
    width: 1.875rem;
    margin: 0;
}

.productPage1 .number #order_product_number {
    -webkit-appearance: none;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    box-sizing: border-box;
    cursor: text;
    font-size: 0.875rem;
    font-weight: 400;
    height: 100%;
    text-align: center;
    /* width: 3.125rem; */
    padding: 0;
}

.productPage1 .number .order_product_number {
    width: 2.5rem;
    text-align: center;
    border: 0;
    padding: 0;
    margin-bottom: 0 !important;
    font-weight: 500;
}
.productPage1 .action {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0.5rem 0 0.5rem 0;
}
.data-error{
    color: #a2041B;
    margin: 0.5rem 0;
}
.productPage1 .action span.btn_add_to_cart,.productPage1 .action span.btn_add_to_order {
    cursor: pointer;
    text-align: center;
    padding: 0.438rem 0;
    justify-content: center;
    border: 1px solid #a2041b;
    background-color: linear-gradient(#a2041b, #a2041b);
    border-radius: 0;
    color: #a2041b;
    font-size: 1.33rem;
    line-height: 1.15;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* height: 3.75rem; */
}
.productPage1 .action span.btn_add_to_cart.and_checkout,.productPage1 .action span.btn_add_to_order.and_checkout {
    background-color: #FFFFFF;
}

.productPage1 .action span.btn_add_to_cart {
    width: 70%;
}
.productPage1 .action span.btn_add_to_order {
    width: 100%;
}
select,input {
    width: 100%;
    padding: 0.625rem;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    margin-bottom: 0.625rem !important;
}
.productPage1 .action span.btn_add_to_cart span:first-child,.productPage1 .action span.btn_add_to_order span:first-child {
    padding-bottom: 0.375rem;
    text-transform: uppercase;
}

.productPage1 .action span.btn_add_to_cart span:last-child,.productPage1 .action span.btn_add_to_order span:last-child {
    font-size: 0.688rem;
}
.productPage1 .action span.btn_find_store:hover,
.and_checkout.btn_order.btn_add_to_cart.buy-now:hover,
.and_checkout.btn_order.btn_add_to_order.buy-now:hover,
.and_checkout.btn_order.btn_add_to_cart_custom.buy-now:hover,
.btn-newOrder:hover {
    background: #a2041B;
    color: #f8c883;
    border: 1px solid #f8c883;
}
.productPage1 .action span.btn_add_to_cart_custom {
    width: 25%;
    font-size: 0.688rem;
    font-weight: 500;
    background-color: #fff;
    color: #a2041B;
    border: 1px solid #a2041B;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 0;
}
.new-order{
    display: none;
    width: 30%;
}
.new-order input{
    border-radius: 0;
    margin-bottom: 0 !important;
}
.error.nameError,.error.phoneError,.error.btnError{
    color: red;
    font-size: 0.875rem;
    margin: 0.5rem 0;
    display: inline-block;
    /* Ẩn mặc định */
    opacity: 0;
    transform: translateY(-5px);
    transition: all 0.3s ease;
}
.error.nameError.show,.error.phoneError.show,.error.btnError.show {
    opacity: 1;
    transform: translateY(0);
    animation: shake 0.3s ease;
}

@keyframes shake {
    0%   { transform: translateX(0); }
    25%  { transform: translateX(-3px); }
    50%  { transform: translateX(3px); }
    75%  { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}
.btn-newOrder{
    padding: 1rem;
    background-color: #FFFFFF;
    color: #a2041B;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #a2041B;
    font-size: 1rem;
}
.productPage1 .action span.btn_add_to_cart_custom svg {
    width: 1.563rem;
}

.productPage1 .action span.btn_add_to_cart_custom img {
    width: 1.125rem;
    height: 1.25rem;
    margin-bottom: 0.25rem;
}
.productPage1 .action.message-and-location{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin: 0 0 0.5rem 0;
}
.productPage1 .action.action-fade
{
    margin-bottom: 1rem;
}
.detail {
    margin: 1.875rem 0;
}
.detail .detail-toggle {
    cursor: pointer;
    text-transform: uppercase;
    color: #3e3d42;
}
.detail .detail-toggle span {
    font-family: 'icomoon' !important;
    display: inline-block;
    position: relative;
    top: 0;
    transform: rotate(90deg);
    left: 0.5rem;
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: -o-transform .3s ease-in;
    -moz-transition: transform .3s ease-in, -moz-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in, -moz-transform .3s ease-in, -o-transform .3s ease-in;
}
.icon-arrow-rightt::after{
    content: '\e902';
}
.detail .detail-content {
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    max-height: 0;
}
.detail-content.show {
    border-top: 1px solid #3e3d42;
    max-height: 21.875rem; /* Giá trị lớn để đảm bảo nội dung có thể mở ra hết */
}
.detail .detail-content p {
    display: flex;
    font-family: 'NTJSans-Regular',sans-serif;

}
.detail .detail-content strong {
    width: 50%;
    font-family: 'NTJSans-Regular',sans-serif;
    display: block;
    font-weight: 400;
}
.detail .detail-content span {
    width: 50%;
    display: block;
}
.productPage1 .action span.btn_find_store {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    float: left;
    background: #FFFFFF;
    color: #a2041B;
    border: 1px solid #a2041B;
    text-align: center;
    font-weight: 500;
    transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
    border-radius: 0;
    width: 45%;
    /* padding-top: 0.5rem; */
    text-align: center;
    /* height: 2.5rem; */
    /* padding: 0.5rem 0; */
}
.productPage1 .action span.btn_find_store.shop{
    padding: 0.5rem 0;
}
.productPage1 .action span.btn_find_store a{
    display: block;
    padding: 0.5rem 0;
    font-size: 0.875rem;
}
.productPage1 .action span.btn_find_store.disable {
    pointer-events: none;
    opacity: 0.6;
}
.productPage1 .help {
    text-align: center;
    padding: 0.938rem 0 0.75rem 0;
    border-bottom: 1px solid #ccc;
    width: -moz-fit-content;
    width: fit-content;
    margin:0 auto;
}

.productPage1 .help a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.938rem;
    font-weight: 500;
}
.productPage1 .help a:hover {
    color: #a2041B;
}
.productPage1 .help a:hover svg{
    fill: #a2041b;
}
.productPage1 .help svg {
    width: 1rem;
    height: 1rem;
    margin: 0 0.625rem;
}

.productPage1 .policy {
    display: flex;
    flex-wrap: wrap;
    /* gap: 0.125rem; */
    justify-content: space-between;
}
.productPage1 .policy .item {
    display: flex;
    align-items: center;
    /* padding-left: 0.625rem; */
    width: 50%;
    gap: 0.25rem;
    padding: 0 0 1rem 0;
    font-size: 0.875rem;
    /* padding-bottom: 0.75rem; */
}
.reference-price{
    font-family: 'NTJSans-Medium',sans-serif;
    font-size: 1rem;
    margin: 0;
}
.detail-price{
    font-family: 'NTJSans-Regular',sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0.5rem 0 0.5rem 0;
}
.productPage1 .policy .item svg {
    width: 2.063rem;
    height: 1.875rem;
    /* margin-right: 0.313rem; */
}

.productPage1 .policy .item span {
    width: 100%;
}
.productPage1 .policy .item img {
    width: 2.188rem;
    height: 2.188rem;
}

.mp-product-option-size-content {
    position: absolute;
    background: #fff;
    left: 0;
    margin-top: 0.125rem;
    border-radius: 0.313rem 0.313rem 0.938rem 0.938rem;
    box-sizing: border-box;
    box-shadow: 0 0.25rem 0.813rem #7c7c7c;
    z-index: 1;
    max-width: 24.375rem;
    min-width: 21.875rem;
}

.mp-product-option-size-content .mp-product-option-size-close {
    cursor: pointer;
    display: inline-block;
    height: 1.563rem;
    position: absolute;
    text-align: center;
    width: 1.563rem;
    top: 0.313rem;
    right: 0;
    /* color: #ff8787; */
    border: none;
}

.mp-product-option-size-content .mp-product-option-size-close::before {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC43MDciIGhlaWdodD0iMTAuNzA3IiB2aWV3Qm94PSIwIDAgMTAuNzA3IDEwLjcwNyI+CiAgPGcgaWQ9Ikdyb3VwXzEzMSIgZGF0YS1uYW1lPSJHcm91cCAxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjE0NiAtMjg3LjE0NikiPgogICAgPGxpbmUgaWQ9IkxpbmVfMzciIGRhdGEtbmFtZT0iTGluZSAzNyIgeDI9IjEwIiB5Mj0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNSAyODcuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMzQ2OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjAuNSIvPgogICAgPGxpbmUgaWQ9IkxpbmVfMzgiIGRhdGEtbmFtZT0iTGluZSAzOCIgeTE9IjEwIiB4Mj0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNSAyODcuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMzQ2OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjAuNSIvPgogIDwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center center;
    width: 1.563rem;
    height: 0.75rem;
    content: "";
}

.mp-product-option-size-content .new-mp-size-inner h2 {
    text-align: center;
    margin: 1.563rem 0 0.313rem;
    position: relative;
    /* color: #ff8787; */
}
.image-lazyload{
    display: inline-block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.mp-product-option-size-content .new-mp-size-inner .container-box {
    background-color: #eee;
    padding: 0.875rem;
    box-sizing: border-box;
    border-radius: 0;
    margin-top: 0.625rem;
    display: flex;
    width: 100%;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .row-1 {
    margin-right: 0.75rem;
    width: calc(45% - 0.75rem);
}

.mp-product-option-size-content .new-mp-size-inner .container-box .row-2 {
    display: flex;
    flex-flow: row wrap;
    width: 55%;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .row-2>div {
    flex: 0 0 auto;
    width: 100%;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .row-2 .measure-size {
    margin-bottom: 0.938rem;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .row-2 .measure-size p {
    padding-top: 0;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .row-2 .result-outer {
    display: flex;
    align-items: center;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .row-2 .result-outer .result {
    display: inline-block;
    text-align: center;
    padding: 0.375rem;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fff;
    min-height: 1.563rem;
    min-width: 2rem;
    font-weight: 500;
    margin-left: 0.438rem;
    font-size: 0.813rem;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .list-size {
    max-height: 6.438rem;
    overflow: auto;
    border: 1px solid #c5c5c5;
    border-radius: 0;
    background-color: #fff;
    padding: 0.313rem 0.625rem;
    margin-top: 0.313rem;
    box-sizing: border-box;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .list-size input[type=radio] {
    margin: 0 0.313rem 0 0;
    height: 0.5rem;
    width: 0.5rem;
}

.mp-product-option-size-content .new-mp-size-inner .container-box .list-size>div {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
}

.mp-product-option-size-open {
    position: relative;
}

.mp-product-option-size-open .size-tutorial-source {
    font-weight: 300;
    cursor: pointer;
    font-size: 0.75rem;
}

.hide {
    display: none;
}

div.slide-wrapper {
    position: relative;
    padding: 0 2rem 0 0;
    max-width: 70rem;
}
.slide-wrapper .swiper-slide img{
    width: 98.512%;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    cursor: pointer;
}
.swiper.mySwiper .swiper-wrapper{
    margin: 0 auto;
    justify-content: center;
    padding: 1rem 0;
}
.swiper.mySwiper .swiper-wrapper .swiper-slide-thumb-active{
    border: 1px solid #3c3c41 !important;
}
.swiper.mySwiper .swiper-wrapper .swiper-slide{
    max-width: 5.75rem !important;
    border: 1px solid transparent;
    cursor: pointer;

}
/* .product-latest .swiper-button-next, .swiper-button-prev{
    top: 45%;
} */
.swiper.mySwiper .swiper-wrapper{
    margin: 0 auto;
}
.swiper.mySwiper .swiper-wrapper .swiper-slide img{
    max-width: 5.625rem;
    max-height: 5.625rem;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}
.productPage1 [type=checkbox],
.productPage1 [type=radio] {
    box-sizing: border-box;
    padding: 0;
    accent-color: #7b7b7b;
}
.text-h1{
    text-align: center;
    font-family: 'NTJDisplay-SemiBold', sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #A2041B;
    padding: 1rem 0;
}
.NTJ-suggested-trends{
    padding: 0;
    border-bottom: 1px solid #a2041b;
}
.text-suggested{
    text-align: center;
    font-family: 'NTJDisplay-SemiBold', sans-serif;
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #A2041B;
    margin: 6.25rem 0 1.5rem 0;
}
.suggested-trends .swiper-slide {
    height: auto !important;   /* ✅ cho slide co theo content cao nhất */
    display: flex;
}
.product-jewelry {
    display: flex !important;
    background-color: #F7F7F7;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
    overflow: hidden;
}
.product-jewelry:hover {
    border: 1px solid #6f6f6f;
}
.proinfo .wishlist-sp{
    display: flex;
    justify-content:space-between;
    width: 100%;
    text-align: center;
    align-items: center;
}
.proinfo .wishlist-sp .new{
    text-transform: uppercase;
}
.proinfo .wishlist-sp .checked-hover{
    cursor: pointer;
}
.wishlist {
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 1;
    padding: 1.25rem 0 1.25rem 0.625rem;
    height: 1.5rem;
    align-items: center;
    position: absolute;
    top: 0;
}
.wishlist .checked-hover{
    cursor: pointer;
    position: absolute;
    right: 0.625rem;
}
.product-jewelry img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto; 
    -webkit-transition: all .25s;
    transition: all .25s;
}
.text-product{
    display: flex;
    width: 100%;
    margin-top: 1rem;
    /* padding-left: 0.5rem; */
    color: #3c3c41;
    font-size: 1rem;
    /* min-height: 5.5rem; */
    text-align: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.text-product p{
    margin: 0.15rem;
    letter-spacing: 0;
    font-weight: 500;
    font-family: 'NTJSans-Light',sans-serif;
}
.ty-price-num{
    text-decoration: underline;
}
.price-product .num-price{
    padding-right: 0.25rem;
}
.text-product .name-product{
    margin: 0;
    font-size: 0.875rem;
}
.price-product{
    font-family: 'NTJSans-Regular',sans-serif !important;
    color: #3e3d42;
    margin: 0;
}
.name-product {
    font-size: 1rem;
}
.suggested-trends{
    max-width: 90rem;
    margin: auto auto 2rem auto;
    padding: 0 2rem;
}
.text-product p span{
    cursor: pointer;
}
.swiper-wrapper-box.suggested{
    position: relative;
    /* margin-bottom: 2rem; */
}
.productPage1 .proinfo {
    position: relative;
}
.popular-categories{
    text-align: center;
    padding: 0 2rem 7.25rem 2rem;
}
.popular-categories .swiper-wrapper-box.cate{
    max-width: 79.5rem;
    margin: 0 auto;
    position: relative;
}
.popular-categories .swiper-wrapper-box.cate .swiper-button-next,
.popular-categories .swiper-wrapper-box.cate .swiper-button-prev{
    top: 42%;
}
.list-categories img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.text-list{
    font-family: 'NTJSans-Bold', sans-serif;
    /* font-style: italic; */
    text-transform: uppercase;
    font-weight: 500;
}
.text-list:hover::after{
    color: #a2041b;
}
.text-list:hover{
    cursor: pointer;
    color: #a2041b;
}
.out-of-size-list::after,.mp-product-option-size-open .size-tutorial-source::after{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 1px;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c3c41;
    margin-left: 0.5rem;
    transform: rotate(90deg);
    content: '\e902';
}
.text-list::after{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative;
    top: 1px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c3c41;
    margin-left: 0.5rem;
    content: '\e902';
}
.swal2-toast h2:where(.swal2-title){
    font-family: 'NTJSans-Medium',sans-serif;
    font-weight: 500;
    color: #FFFFFF !important;
}
.swal2-success-circular-line-right,
.swal2-success-circular-line-left,
.swal2-success-fix {
    z-index: 1;
  background-color: #03ac4a !important; /* hoặc màu bạn muốn */
}

/* .custom-toast{
    background-color: #03ac4a;
} */
 .overlay-branches{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 999;
}
.overlay-branches.active{
    opacity: 1;
    visibility: visible;
    overflow: hidden;
}
.sidebar-branches{
    position: fixed;
    right: -27.125rem;
    top: 0;
    min-width: 27.125rem;
    height: 100%;
    padding: 0 1rem 3.125rem 1rem;
    background: #FFFFFF;
    transition: right 0.6s ease-in-out;
    z-index: 1001;
}
.sidebar-branches.active{
    right: 0;
    overflow: auto;
}
.closebranches-btn {
    font-family: 'icomoon-mobile', sans-serif !important;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    background: none;
    border: none;
    color: #a2041b;
    font-size: 1rem;
    cursor: pointer;
}
.closebranches-btn::before{
    content: '\e907';
}
.list-title-branches{
    background-color: #FFFFFF;
}
.list-title-branches h2{
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    /* color: #3c3c41; */
    text-transform: none;
}
.list-title-branches p{
    margin: 0;
}
.address-branches{
    margin-top: 1rem;
    padding: 0.5rem;
    border: 1px solid #ddd;
}
.address-branches select{
    margin-bottom: 0 !important;
    border-radius: 0;
    cursor: pointer;
    padding: 0.5rem 0.25rem !important;
    background-color: #FFFFFF;
}
.sidebarbranches-content .branch-box{
    margin-top: 0.5rem;
    max-width: 25.125rem;
    border: 1px solid #ddd;
    padding: 0 1rem;
}
.sidebarbranches-content .branch-box h3,
.sidebarbranches-content .branch-box p{
    margin: 0.5rem 0;
}
.sidebarbranches-content .branch-box p{
    font-size: 0.875rem;
}
.sidebarbranches-content .branch-box p br{
    display: none;
}

.sidebarbranches-content .branch-box h3{
    font-family: 'NTJDisplay-SemiBold',sans-serif;
    font-size: 1.25rem;
}
#branch-content {
    transition: opacity 0.5s ease;
    opacity: 1;
}

#branch-content.loading {
    opacity: 0.5;
}

.loading-text {
    font-style: italic;
    color: #888;
    animation: blink 1s linear infinite;
    text-align: center;
    padding: 20px 0;
}
.swal2-toast.custom-warning {
    background: #F7F7F7 !important;
}
.swal2-toast.custom-warning h2:where(.swal2-title){
    color: #3c3c41 !important;
}
@keyframes blink {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

@media (max-width:1440px){
    div.slide-wrapper {
        max-width: 45rem;
    }
}
@media screen and (max-width: 1115px) {
    .text-product{
        min-height: 7rem;
    }
    div.slide-wrapper{
        padding: 0;
    }
}
@media screen and (max-width: 500px) {
    .productPage1 .splide__track--nav>.splide__list>.splide__slide {
        background: black !important;
        width: 0.313rem !important;
        height: 0.313rem !important;
        border: none !important;
        opacity: 0.25 !important;
    }

    .productPage1 .splide__track--nav>.splide__list>.splide__slide.is-active {
        border: none !important;
        opacity: 0.75 !important;
    }

    li.splide__slide[role=button] {
        border-radius: 50% !important;
        background-color: #cfcfcf !important;
    }

    li.splide__slide[role=button] img {
        visibility: hidden;
    }

    li.splide__slide[role=button].is-active {
        background-color: #979797 !important;
    }

    .slide-thumb .splide__list {
        justify-content: center;
        padding: 1.125rem 0 0 0.438rem !important;
    }
}
@media screen and (min-width: 768px) {
    .pure-u-md-1-2 {
        width: 50%;
    }
    .pure-u-md-3-4 {
        width: 100%;
    }
    .pure-u-md-1 {
        width: 100%;
    }
    .slide-wrapper .swiper-slide img{
        width: 100%;
    }
    .productPage1 .product__content {
        padding-left: 5rem;
        width: 90%;
    }
    .detail-product{
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    .js-loaded .detail-product {
        opacity: 1;
    }
}

@media (min-width: 1440px) {
    .productPage1 .product__content {
        padding-left: 25%;
        width: 80%;
    }
    div.slide-wrapper {
        position: relative;
        padding: 0 2rem 0 1rem;
        max-width: 70rem;
    }
    .productPage1 .slide-wrapper .thumb-slide-video .slide-thumb {
        display: flex;
        justify-content: center;
        width: calc(100% - 7.688rem);
    }
    .productPage1 .proinfo {
        font-size: 1rem;
    }

    .productPage1 .proinfo div,
    .productPage1 .proinfo span {
        font-weight: 300;
        color: #3c3c41;
    }

    .productPage1 .proinfo h1 {
        font-size: 1.22rem;
        line-height: 1.15;
        text-transform: uppercase;
        margin-bottom: 0.438rem;
        margin-top: 0.438rem;
        color: #3c3c41;
    }

    .productPage1 .proinfo h3 {
        font-size: 0.9375rem;
        margin: 0;
        color: #3c3c41;
    }

    .productPage1 .proinfo .price {
        /* color: #ed8383; */
        font-size: 1.5rem;
        /* line-height: 1.2; */
        /* font-weight: 700; */
        /* padding: 14px 0 0px 0; */
    }

    .productPage1 .help {
        text-align: center;
        padding: 3.688rem 0 1.875rem 0;
        border-bottom: 1px solid #ccc;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
    }

    .productPage1 .help a {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.938rem;
        font-weight: 500;
    }

    .productPage1 .help svg {
        width: 1rem;
        height: 1rem;
        margin: 0 0.625rem;
    }
    /* .productPage1 .policy .item {
        display: flex;
        align-items: center;
        width: 50%;
        font-size: 0.938rem;
        padding-bottom: 0.75rem;
    } */
    /* .productPage1 .policy .item span {
        width: 75%;
    } */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
    .productPage1 .slide-wrapper .thumb-slide-video .slide-thumb {
        display: flex;
        justify-content: center;
        width: calc(100% - 5rem);
    }
}
@media (min-width: 1400px) and (max-width: 768px) {
    .productPage1 .policy {
        flex-wrap: wrap;
    }
}
@media(max-width:1024px){
    .new-order{
        width: 60%;
    }
    .text-product{
        min-height: 5.5rem;
    }
    .swiper-button-next.slide-for:after, .swiper-button-prev.slide-for:after{
        font-size: 1.125rem;
    }
    .productPage1 .policy{
        flex-direction: column;
    }
    .productPage1 .number{
        padding: 0.5rem;
    }
    .mp-product-option-size-content{
        left: -2.875rem;
    }
    .productPage1 .policy .item{
        width: 100%;
    }
    .productPage1 .policy .item span{
        width: 100%;
    }
    .productPage1 .action{
        flex-direction: column;
        gap: 0.75rem;
    }
    .productPage1 .action span.btn_add_to_cart{
        width: 100%;
    }
    .productPage1 .action span.btn_add_to_cart_custom{
        width: 100%;
    }
    .productPage1 .action span.btn_find_store{
        width: 100%;
    }
    .productPage1 .product__content{
        width: 100%;
    }
    .productPage1 .proinfo .name-proinfo{
        font-size: 1.5rem;
    }
    /* .pure-g{
        padding: 1rem 0 0 0;
    } */
}
@media (max-width: 768px) {
    .productPage1 {
        margin-top: 0;
    }
    .mp-product-option-size-content{
        left: 0;
    }
    .productPage1 .slide-wrapper {
        padding-right: 0;
        max-width: 28rem;
        margin: 0 auto;
    }
    .pure-u-1.pure-u-md-1-2{
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    .js-loaded .pure-u-1.pure-u-md-1-2 {
        opacity: 1;
    }
    .productPage1 .proinfo{
        margin-top: 1rem;
    }
    .productPage1 .action{
        flex-direction: unset;
    }
    .productPage1 .action span.btn_add_to_cart{
        width: 70% ;
    }
    .productPage1 .action span.btn_add_to_cart_custom{
        width: 25% ;
    }
    .productPage1 .action span.btn_find_store{
        width: 45%;
    }
    /* .productPage1 .action span.btn_add_to_cart, .productPage1 .action span.btn_add_to_order{
     height: 4rem;
    } */
    .text-product{
        padding: 0 0.625rem;
    }
    .text-list{
        font-size: 0.875rem;
    }
    .text-suggested{
        font-size: 1.25rem;
        margin: 3.125rem 0 1.5rem 0;
    }
    /* .productPage1 .option .size .btn_size {
        width: 2.3rem;
        height: 2.2rem;
    } */
    .swiper-wrapper-box.cate .swiper-button-next,
    .swiper-wrapper-box.cate .swiper-button-prev,
    .swiper-wrapper-box.suggested .swiper-button-next.goi-y,
    .swiper-wrapper-box.suggested .swiper-button-prev.goi-y{
        display: none !important;
    }
    .productPage1 .policy {
        display: grid;
        grid-template-columns: repeat(2,2fr);
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 1rem;
        row-gap: 0;
        flex-direction: unset;
    }
    .productPage1 .proinfo .name-proinfo,.productPage1 .proinfo .price{
        font-size: 1.25rem;
        padding: 0;
    }
    .productPage1 .slide-wrapper .slide-main .action {
        top: 0.313rem;
        right: 0.625rem;
    }

    .productPage1 .slide-wrapper .slide-main .action svg {
        width: 1.188rem;
        height: 1.188rem;
    }

}
@media(max-width:582px)
{
    .text-product{
        min-height: 5.5rem;
    }
}
@media(max-width:480px)
{
    .productPage1 .slide-wrapper {
        max-width: 20rem;
    }
    .breadcumb{
        padding: 1rem 1rem 1rem 2rem;
    }
    /* .product-jewelry img{
        min-height: 200px;
    } */
    .swiper-button-next.slide-for, .swiper-rtl .swiper-button-prev.slide-for{
        right: var(--swiper-navigation-sides-offset, -0.5rem);
        left: auto;
    }
    .swiper-button-prev.slide-for, .swiper-rtl .swiper-button-next.slide-for {
        left: var(--swiper-navigation-sides-offset, -0.5rem);
        right: auto;
    }
    .swiper.mySwiper .swiper-wrapper .swiper-slide{
        max-width: 3.875rem !important;
    }
    .swiper.mySwiper .swiper-wrapper .swiper-slide img{
        max-width: 3.75rem;
        max-height: 3.75rem;
    }
    .new-order{
        width: 80%;
    }
    .text-product {
        min-height: 4.25rem;
    }
    .mp-product-option-size-content{
        left: -2rem;
        min-width: 19rem;
    }
    .mp-product-option-size-content .new-mp-size-inner .container-box .row-2 .measure-size p{
        margin: 0 0 1rem 0;
    }
    .text-product p{
        font-size: 0.75rem;
    }
    .slide-detail-product{
        padding: 2rem 1rem;
    }
    .productPage1 .product__content{
        padding: 0 1rem;
    }
    select{
        height: 2.75rem;
    }
    .fancybox__slide{
        left: 0 !important;
    }
}