.product-details-wrapper {
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    padding-bottom: var(--gap14);
    display: flex;
    flex-direction: column;
    grid-gap: var(--gap20);
}

.preview-crumbs {
    padding-top: var(--gap14);
    padding-bottom: var(--gap14)
}

.preview-crumbs .breadcrumb-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.preview-crumbs .breadcrumb-nav li a:hover {
    color: var(--primary);
}

.product-detail-layout-wrapper,
.popup-product-detail-layout-wrapper {
    --gallery: 500px;
    font-size: calc(var(--fontSize) - 1px);
    background-color: #fff;
    border-radius: var(--gap6);
    padding: var(--gap14);
    grid-template-columns: var(--gallery) calc(100% - var(--gallery) - 32px);
    grid-row-gap: var(--gap20);
    grid-column-gap: 32px;
}

.popup-product-detail-layout-wrapper {
    --gallery: 300px;
}

.product-detail-info-box {
    width: 100%;
}

.product-detail-gallery {
    grid-row-start: span 3;
    position: relative;
}

.product-feature-title {
    font-size: 24px;
    z-index: 3;
    font-weight: 600;
    text-transform: uppercase;
}

.product-feature-wrapper.active {
    opacity: 1;
    visibility: visible;
}

#product-features-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#product-slider .product-feature-list {
    list-style: none;
    max-width: 90%;
    z-index: 2;
    margin: 0 auto;
    text-align: left;
    width: auto;
    display: inline-block;
}

.product-feature-list li {
    display: grid;
    align-items: center;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-gap: 6px;
    border-radius: 8px;
    margin: 15px auto;
    font-size: 16px;
}

.product-feature-list li + li {
    margin-top: 0;
}

.product-feature-list li span {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-weight: bold;
    border-radius: 50px;
    color: var(--primary);
    border: 1px solid var(--primary);
    z-index: 2;
}

.product-feature-txt {
    background: linear-gradient(90deg, #C5ECFF 0%, rgba(255, 255, 255, 0) 100%);
    padding: 4px 4px 4px 25px;
    font-weight: 500;
    color: #000;
    margin-left: -12px;
    z-index: 1;
    border-radius: 4px;
    width: max-content;
    display: inline-block;
    max-width: calc(100% + 12px);
}

.product-feature-item {
    grid-gap: var(--gap6);
    color: #525252 !important;
    font-weight: 400;
}

.lg-item {
    background-color: #f8f8f8;
    border-radius: 8px;
}

.product-detail-gallery .slider-for:not(.slick-initialized) .lg-item:nth-child(n + 2) {
    display: none;
}

.product-detail-gallery .slider-nav:not(.slick-initialized) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--gap6)
}

.add-to-cart-form-block {
    width: 100%;
}

.product-price-block {
    border-radius: var(--gap8);
    border: 1px dashed #FDCBCB;
    background: #FEF2F2;
    white-space: nowrap;
    padding: 3px 5px;
    font-size: var(--gap14);
    margin-left: auto;
}

.product-detail-info {
    grid-gap: var(--gap20);
}

.product-detail-price-box {
    width: 100%;
}

.product-price-block .save-price {
    width: fit-content;
    background-color: var(--price);
    color: #fff;
    border-radius: var(--gap6);
    padding: 3px 4px;
    line-height: 20px;
    font-size: var(--gap12);
    font-weight: 600;
    display: block;
}

.time-block {
    background-color: var(--black);
    color: #fff;
    padding: 3px 4px;
    display: block;
    line-height: 1.1;
    font-size: var(--gap12);
    font-weight: 600;
    border-radius: 3px;
}

.buy-cart-action {
    --itemWidth: 220px;
    grid-gap: var(--gap12)
}

.buy-cart-action-item {
    width: var(--itemWidth);
    min-width: var(--itemWidth);
    padding: var(--gap6);
    line-height: 36px;
    border-radius: var(--gap12);
    border: 1px solid var(--primary);
    grid-gap: 4px;
    background-color: #EDFBFD;
    color: var(--primary);
    font-weight: 600;
    font-size: var(--gap18);
    user-select: none;
    cursor: pointer;
    transition: var(--transition);
}
.btn-buy-now.btn-loading {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}
.btn-buy-now {
    background-color: #D92A28;
    color: #fff;
    border-color: #D92A28;
}

.buy-cart-action-item:hover {
    opacity: 0.8;
}

.market-price-box {
    grid-gap: var(--gap6);
}

.price-show {
    font-size: 36px;
    font-weight: 700;
    color: #D92A28;
    line-height: 1;
}

.variant-list-block {
    grid-gap: var(--gap8);
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

#sale-price-show {
    text-decoration: line-through;
    font-size: 20px;
    color: #A3A3A3;
}

.favorite-product {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: var(--transition);
}

.favorite-product svg {
    width: 16px;
    height: 16px;
    color: #EC4747;
    cursor: pointer;
}

.share-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.share-btn svg {
    fill: #8a8a8a;
}
.buy-to-cart-wrapper {
    width: 100%;
    grid-gap: var(--gap20);
}

.variant-box {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.variant-pro.required .product-filter-box {
    background-color: #fff;
}

.product-filter-box {
    grid-gap: var(--gap6);
    padding: 4px;
    cursor: pointer;
    font-size: calc(var(--fontSize) - 1px);
    transition: var(--transition);
    position: relative;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    user-select: none;
    color: var(--black);
}

.product-filter-box.filter-disabled
 {
    border-color: #00000017;
    background-color: #fafafa;
    cursor: not-allowed;
}

.product-filter-box.filter-disabled
:hover {
    border-color: #00000017;
    color: var(--silver);
}

.product-filter-box.filter-disabled
 .type-radio::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #8a8a8a99;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    clip-path: polygon(0 100%, 100% 0, calc(100% - 1px) 0, 0 calc(100% - 1px));
    pointer-events: none;
    z-index: 2;
}

.product-filter-box.filter-disabled
 .type-radio {
    color: #8a8a8a99;
}

.product-filter-box.filter-disabled.selected:before,
.product-filter-box.filter-disabled.selected::after {
    display: none;
}

.seller-container {
    background-color: #fff;
    padding: var(--gap14);
    border-radius: var(--gap6);
}

.seller-block-wrap {
    grid-gap: var(--gap24);
    font-size: var(--gap14)
}

.seller-info-block {
    width: 300px;
    min-width: 300px;
    grid-template-columns: 80px calc(100% - 96px);
    grid-gap: 4px var(--gap16);
}

.list-store-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.seller-info-block-icon {
    grid-row-start: span 4;
    width: 80px;
    height: 80px;
    border-radius: 48px;
    background-color: #EDFBFD;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(11 11 11 / 11%);
    font-size: var(--gap18);
    transition: var(--transition);
}

.store-response strong {
    color: var(--primary);
    font-weight: 500;
}

.seller-extra-block {
    width: 100%;
    padding-left: var(--gap24);
    border-left: 1px solid #e1e1e1;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap24);
}

.seller-info-status {
    font-size: 13px;
}

.seller-info-address {
    font-size: 13px;
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    align-items: center;
    grid-gap: 2px;
}

.seller-info-address-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.seller-info-action {
    grid-gap: var(--gap10);
}

.seller-info-action-item {
    border: 1px solid var(--gray);
    color: var(--dark);
    font-size: var(--gap14);
    grid-gap: var(--gap6);
    border-radius: var(--gap6);
    padding: var(--gap6) var(--gap10);
    user-select: none;
    cursor: pointer;
}

.btn-chat-seller {
    border: 1px solid var(--primary);
    background-color: #EDFBFD;
    color: var(--primary);
}

.btn-chat-seller:hover {
    background-color: var(--primary);
    color: #fff;
}

.btn-chat-seller:hover span,
.btn-chat-seller:hover svg {
    color: #fff;
    fill: #fff;
}

.seller-info-action-item:hover {
    color: var(--primary);
    border-color: var(--primary);
}

.product-filter-box.filter-disabled {
    color: #313131;
    border-color: #8b8b8b;
    background: #f8f8f8;
    cursor: not-allowed;
}

.product-filter-box.filter-disabled.selected {
    border: 1px solid #b9b9b9;
}
.product-filter-box.filter-disabled:hover {
    border-color: #b9b9b9;
}

.product-filter-box.filter-disabled.selected .product-filter-name {
    color: #313131;
}

.product-filter-box.filter-disabled.selected:before {
    border-bottom: 20px solid #b9b9b9;
}

.product-filter-box.filter-disabled.selected>*::before {
    border-color: #b9b9b9;
}


.product-filter-box:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.product-filter-box.selected,
.product-filter-box.selected:hover {
    cursor: default;
    border-color: var(--primary);
    background-color: #EDFBFD;
    border-style: solid;
}

.product-filter-box.selected>*::before {
    /* content: ""; */
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid var(--primary);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    pointer-events: none;
}

.product-filter-box.selected .product-filter-name {
    color: var(--primary);
}

.out-off-stock-from {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.out-off-stock-from input {
    border: 2px solid #e1e1e1;
    padding: var(--gap6) 10px;
    line-height: 30px;
    font-size: var(--gap16);
    width: 100%;
    outline: none;
}

.out-off-stock-from input {
    border-radius: 0 3px 3px 0;
    outline: none;
}

.out-off-stock-from input:focus {
    border-color: #d9534f;
}

.product-filter-box::before {
    /* content: ""; */
    position: absolute;
    bottom: 0;
    right: 0;
    border-left: 20px solid transparent;
    border-bottom: 20px solid var(--primary);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 4px;
    opacity: 0;
    pointer-events: none;
}

.product-filter-box::after {
    /* content: ""; */
    width: 8px;
    height: 4px;
    display: block;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 5px;
    right: 1px;
    opacity: 0;
    pointer-events: none;
}

.product-filter-box.selected:before,
.product-filter-box.selected::after {
    opacity: 1;
}

.image-option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.variant-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
}

.variant-warning {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    color: #ff424f;
    font-size: 14px;
    margin-top: 8px;
}

.discount-freeship+#myForm .variant-pro.required {
    margin-top: 22px !important;
}

.pending .prod-addtocart-loading {
    opacity: 0;
}

.variant-box:nth-child(n + 2) {
    margin-top: var(--gap16);
}

.variant-value {
    font-weight: 500;
}

.variant-box .select-title {
    width: 100%;
}

.filter-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.select-box {
    width: var(--gap18);
    min-width: var(--gap18);
    height: var(--gap18);
    border-radius: var(--gap20);
    margin-right: 8px;
    position: relative;
    border: 1px solid #d1d1d1;
    display: block;
    background-color: #fff;
}

.select-box::before {
    content: "";
    position: absolute;
    top: 3px;
    left: var(--gap6);
    width: 4px;
    height: 9px;
    display: block;
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: all 250ms ease;
    margin: 0;
}

.selected .select-box {
    background-color: #3fb846;
    border: 1px solid #3fb846;
}

.variant-pro legend.meta-legend {
    display: inline-block;
    width: auto;
    border: none;
    padding: 3px 5px 10px 0;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 700
}

.type-color {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    margin: 0;
}

.border-color,
.option-view {
    border-radius: 50%;
    padding: 4px;
    display: inline-block
}


.filter-choose-list {
    margin-bottom: 15px;
}

.filter-wrapper .slick-track {
    width: 100%;
    display: block;
}

.type-radio {
    width: 100%;
}

.product-info-label {
    font-weight: 700;
    width: 130px;
    min-width: 130px;
    white-space: normal;
    word-break: break-word;
    color: #0A0A0A;
}

.select-title.product-info-label {
    padding-top: var(--gap6)
}

.variant-wrapper .product-info-label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mua-hang .buy-product-action > * {
    padding: var(--gap6) var(--gap8);
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    height: 32px;
    width: 32px;
}

.add-to-cart-button {
    cursor: pointer;
    color: var(--dark);
    user-select: none;
    font-size: var(--gap16);
    transition: var(--transition);
}

.add-to-cart-button:hover {
    border-color: var(--primary);
    color: var(--primary)
}

.buy-product-action .add-to-cart-number {
    height: 32px;
}

.buy-product-action .add-to-cart-number::-webkit-inner-spin-button,
.buy-product-action .add-to-cart-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.buy-product-action .add-to-cart-number {
    -moz-appearance: textfield;
}

#form-question {
    width: 100%;
    margin: 10px 0 var(--gap20);
    background: #fff;
    padding: 0;
    clear: both;
}

.qa-list .block-title {
    width: 100%;
    text-align: left;
}

.qa-list .block-title span {
    margin: 0;
    display: block
}

#question-answers .your-question {
    width: 100%;
    height: 48px;
    resize: none;
    border-radius: 8px;
    padding: 6px 8px;
    padding-top: 11px;
}

#question-answers input,
#question-answers textarea {
    display: inline-block;
    padding: 5px 15px;
}

.your-question {
    width: 98%;
    padding: 5px 10px;
}

.tooltip-out-of-stock {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translate(-50%, 10px);
    white-space: nowrap;
    background: #333;
    color: #fff;
    font-size: 14px;
    padding: 4px var(--gap6);
    border-radius: 3px;
    transition: .3s ease;
}

.variant-box .select-title {
    width: 100%;
    margin-bottom: var(--gap6);
}

.filter-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.list-combo-wrapper,
.product-filter-slider {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap10);
    max-width: 500px;
    margin-left: 0;
    margin-right: 0;
}

.product-filter-slider {
    display: flex;
    flex-wrap: wrap;
}

.product-filter-name {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-filter-name.filter-image {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.product-filter-price {
    display: flex;
    font-size: calc(var(--gap14) - 1px);
    justify-content: flex-start;
    align-items: center;
}

.product-filter-name img {
    height: 32px;
    width: 32px;
    border-radius: 5px 0 0 5px;
    object-fit: contain;
    object-position: center;
}

.variant-pro legend.meta-legend {
    display: inline-block;
    width: auto;
    border: none;
    padding: 3px 5px 10px 0;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 700
}

.border-color,
.option-view {
    border-radius: 50%;
    padding: 4px;
    display: inline-block
}

.filter-choose-list {
    margin-bottom: 15px;
}

.keyword-member h3 {
    padding: 12px 0 5px calc(var(--gap14) - 1px);
    margin: 0;
    font-size: calc(var(--gap14) - 1px);
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
}

.keyword-member p.item {
    padding: 0 0 8px;
    margin-bottom: 0;
}

.keyword-member .item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit;
    padding: 5px 0 0 var(--gap14);
    cursor: pointer;
}

.keyword-member .item span:hover {
    background-color: #D4EFFE;
}

.product-combo:not(.hidden) {
    display: block;
}

.product-combo-item {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: var(--gap6) 8px;
    cursor: pointer;
    line-height: 1.2;
    font-weight: 500;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: var(--borderRadius);
    margin: 0;
    user-select: none;
}

.product-combo-item.active {
    border-color: var(--price);
}

.product-combo-item>input {
    position: absolute;
    margin: 0;
    width: var(--gap10);
    top: 0;
    left: 0;
    opacity: 0;
}

.product-combo-item:hover {
    border-color: var(--price);
}

.product-combo-item span,
.product-combo-item strong {
    color: var(--price);
}

.product-combo-item span {
    font-weight: 600;
}

.comboItem-checkbox {
    position: relative;
    display: block;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    position: absolute;
    bottom: 0;
    right: 0;
}

.product-combo-item>input:checked~.comboItem-checkbox {
    border-color: var(--price);
    background-color: var(--price);
    opacity: 1;
}

.comboItem-checkbox::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-left: 20px solid transparent;
    border-bottom: 20px solid var(--price);
    pointer-events: none;
}

.comboItem-checkbox::after {
    content: "";
    width: var(--gap10);
    height: 5px;
    display: block;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 5px;
    right: 1px;
    pointer-events: none;
}

.desc {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.item-cart-popup:only-child>div:first-child {
    grid-area: item-cart-popup-image
}

.item-cart-popup:only-child>div:first-child a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.item-cart-popup:only-child>div:first-child img {
    height: 100% !important;
    margin: 0 !important;
}

.item-cart-popup:only-child .title-box {
    grid-area: title-box
}

.item-cart-popup:only-child .popup-star-rating {
    grid-area: popup-star-rating;
    text-align: left;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #ffffff;
    background: linear-gradient(to right, #ffffff 8%, #f9f9f9 18%, #ffffff 33%);
    background-size: 800px 104px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.add-to-cart-success .close .st1 {
    color: rgb(203, 32, 39);
    fill: rgb(203, 32, 39);
}

.add-to-cart-success .close {
    width: var(--gap12);
    height: var(--gap12);
    display: inline-block;
    position: absolute;
    top: var(--gap10);
    right: var(--gap10);
    cursor: pointer;
    float: none;
    opacity: 0.5;
}

.add-to-cart-success .text {
    line-height: var(--gap16);
}

.check-cart {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.detail-component-item {
    background-color: #fff;
    padding: var(--gap14);
    border-radius: var(--gap8);
    margin-bottom: var(--gap14);
}

.detail-component-item:last-of-type {
    margin-bottom: 0;
}

.related-product-title {
    font-size: calc(17px + (19 - 17) * ((100vw - 300px) / (1920 - 300)));
    padding: 0;
    margin:  0 0 var(--gap10);
    font-weight: 600;
    color: var(--black);
}

.related-product-title .view-all {
    color: var(--primary);
    font-weight: 500;
    font-size: var(--gap14);
}

.related-product-title .view-all:hover {
    text-decoration: underline;
}

/* Combo */
.discount-combo-label {
    width: fit-content;
    border: 1px solid #ee4d2d;
    color: #ee4d2d;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: var(--gap14);
}

.discount-combo-label-list {
    grid-gap: 6px;
    cursor: default;
}


.product-details .recommendation-box .add2basket-heading {
    margin-bottom: 0;
    padding: var(--gap6) 12px 0;
}

.related-product-component {
    position: relative;
}

.related-product-component * {
    box-sizing: border-box;
    scrollbar-color: transparent transparent;
    scrollbar-width: 0px;
}

.related-product-component * {
    -ms-overflow-style: none;
}

.combo-discount-list-product .slick-list {
    margin-left: -6px;
    margin-right: -6px;
}

.combo-discount-product {
    padding: 0 6px
}

.report-product {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px
}

.related-slide {
    width: 100%;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.related-product-wrapper::after {
    content: "";
    display: block;
    clear: both;
}

.related-product-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
}

.nav-control {
    position: absolute;
    top: 46%;
    user-select: none;
    cursor: pointer;
    z-index: 9;
    outline: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: rgba(255 255 255 / 40%);
}

.nav-control .glyphicon-chevron-left,
.nav-control .glyphicon-chevron-right {
    margin: 0;
}

.related-product-wrapper .slick-list {
    margin-left: calc(var(--gap10) * -1);
    margin-right: calc(var(--gap10) * -1);
}

.related-product-wrapper .related-product-item {
    padding: 0;
    border: none;
    outline: none;
    margin: 0 var(--gap10);
    position: relative;
    grid-gap: var(--gap8);
}

.product-details .add2basket-also-like {
    min-height: 245px;
}

.related-img .wrapp {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 5px;
    background-color: var(--multiply, #f8f8f8);
}

.feature-image .underage-wrapper::after,
.img-box-cover.underage-wrapper:after,
.related-img .wrapp.underage-wrapper::after {
    content: "18+";
    position: absolute;
    inset: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
    pointer-events: none;
    border: 4px solid #fff;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    width: 50%;
    aspect-ratio: 1 / 1;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.related-img .wrapp img {
    border-radius: 5px;
    mix-blend-mode: multiply;
}

.related-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 212px;
    text-decoration: none;
}

.related-product-item-title {
    margin-top: var(--gap6);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: calc(15px + (16 - 15) * ((100vw - 300px) / (1920 - 300)));
    color: var(--dark);
    transition: color 350ms ease-in-out;
    text-align: left;
}

.related-product-item-title {
    width: 100%;
    text-align: left;
    min-height: 45px;
}

.related-img:hover span {
    color: #34b0dd
}

.bought-together-loading-heading,
.bought-together-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: calc(17px + (21 - 17) * ((100vw - 300px) / (1920 - 300)));
    padding-right: var(--gap12);
    min-height: 30px;
    margin-bottom: var(--gap6);
}

.bought-together-title span {
    margin-left: 8px;
    display: block;
    font-size: var(--gap14);
    color: var(--price);
}

.related-img img {
    width: 100%;
    height: 100% !important;
    display: block;
    object-position: center;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.related-title {
    height: 55px;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    font-weight: 400;
    display: inline-block;
    font-size: var(--gap14);
    color: #1976d2;
    margin-bottom: 1px;
    padding: 0 7.5px
}

.related-rate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0;
    padding: 0;
    color: #777;
}

.keyword-member h3 {
    padding: 12px 0 5px calc(var(--gap14) - 1px);
    margin: 0;
    font-size: calc(var(--gap14) - 1px);
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
}

.keyword-member p.item {
    padding: 0 0 8px;
    margin-bottom: 0;
}

.keyword-member .item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit;
    padding: 5px 0 0 var(--gap14);
    cursor: pointer;
}

.keyword-member .item span:hover {
    background-color: #D4EFFE;
}

.clr {
    clear: both !important;
    display: block !important;
    float: none !important
}

.comment-content {
    word-break: break-word;
    white-space: pre-wrap;
}

.loading-rating {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap8);
    width: 100%;
    margin-bottom: 4px;
}

.comment-content::first-letter {
    text-transform: capitalize;
}

.desc {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.td-author-title {
    font-size: 17px;
    font-weight: bold;
}

.td-author-desc {
    text-align: justify;
}

.minicar-body {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.minicar-content {
    font-size: var(--gap12);
    color: #777;
}


.btn-popup-goto-cart:hover,
.btn-popup-goto-cart:focus,
.btn-popup-goto-cart:active {
    background-color: #bf3945;
    color: #fff;
}

.add-to-cart-success {
    position: absolute;
    width: 350px;
    top: 70px;
    right: 0;
    display: none;
    background: #fff;
    z-index: 999;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
    border-radius: 3px;
}

#boughtTogetherBox {
    display: block;
    clear: both;
    font-size: 15px;
    margin: 0 -15px;
    padding: 7px 15px 0;
    border-top: 1px solid #eee
}

#minicart-group {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.item-cart-popup {
    width: 33%;
    padding: 7px;
}

.item-cart-popup:only-child {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 5px 1.5rem;
    grid-template-areas:
        "item-cart-popup-image title-box"
        "item-cart-popup-image popup-star-rating";
}

.item-cart-popup:only-child>div:first-child {
    grid-area: item-cart-popup-image
}

.item-cart-popup:only-child>div:first-child a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.item-cart-popup:only-child>div:first-child img {
    height: 100% !important;
    margin: 0 !important;
}

.item-cart-popup:only-child .title-box {
    grid-area: title-box
}

.item-cart-popup:only-child .popup-star-rating {
    grid-area: popup-star-rating;
    text-align: left;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #ffffff;
    background: linear-gradient(to right, #ffffff 8%, #f9f9f9 18%, #ffffff 33%);
    background-size: 800px 104px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-to-cart-success .close .st1 {
    color: rgb(203, 32, 39);
    fill: rgb(203, 32, 39);
}

.add-to-cart-success .close {
    width: var(--gap12);
    height: var(--gap12);
    display: inline-block;
    position: absolute;
    top: var(--gap10);
    right: var(--gap10);
    cursor: pointer;
    float: none;
    opacity: 0.5;
}

.add-to-cart-success .text {
    line-height: var(--gap16);
}

.check-cart {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.bought-together-title span {
    margin-left: 8px;
    display: block;
    font-size: var(--gap14);
    color: var(--price);
}

.related-img img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    margin-bottom: 7px;
}

.related-title {
    height: 55px;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    font-weight: 400;
    display: inline-block;
    font-size: var(--gap14);
    color: #1976d2;
    margin-bottom: 1px;
    padding: 0 7.5px
}

.related-rate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0;
    gap: 4px;
    padding: 0;
    color: #595959;
    font-size: calc(var(--gap14) - 1px);
    line-height: 1.1;
}

.related-rate .rating-star {
    color: #b9b9b9;
    font-size: 15px;
    position: relative;
    margin-right: 1px;
}

.related-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #777
}

.related-product-price {
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    color: var(--price);
    opacity: 0.8;
    margin-right: 4px;
}

.related-product-price-old {
    font-size: var(--gap14);
    white-space: nowrap;
    line-height: 1em;
    padding: 0 0px;
    text-decoration: line-through;
    color: #444;
    margin: 0 0 0 3px;
    opacity: 0.6;
}

.carousel-inner a {
    display: table-cell;
    height: 180px;
    width: 200px;
    vertical-align: middle;
}

.carousel-inner img {
    max-height: 150px;
    margin: auto auto;
    max-width: 100%;
}

.text-delivery-time {
    display: none;
}

.share-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px;
}

.share-button:hover svg path{
    fill: #137ca6;
}

.item-brand .product-show-code {
    color: var(--primary);
    font-weight: bold;
    font-size: 106%;
    letter-spacing: 1px
}

#js-product-code {
    cursor: pointer;
}

.post-author-name {
    font-weight: 400;
    color: #444;
    float: left;
    display: inline-block;
    top: 2px;
}

.post-author-name div {
    display: inline;
    margin-right: 2px;
}

.post-author-name a {
    font-weight: 700;
    margin-right: 3px;
}

.post-date {
    margin-left: 4px;
    color: #444;
    float: left;
}

.meta-info {
    font-size: calc(var(--gap14) - 1px);
    margin-bottom: 7px;
    line-height: 1;
    min-height: 17px;
}

ul.table-content li {
    list-style: disc;
}

.app-news-description {
    line-height: 1.3;
    font-weight: bold;
    margin: 10px 0 var(--gap16);
}


.news-show-note {
    margin: 0;
    font-size: 15px;
    line-height: 1.3;
    margin: 24px 0;
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    background-color: rgba(67 191 227 / 10%);
    padding: 10px var(--gap12);
    border-radius: var(--borderRadius);
}

.news-show-note strong {
    white-space: nowrap;
    margin-right: var(--gap6);
}

.news-show-note svg {
    width: 48px;
    height: 48px;
    color: #aaa;
    transform: translate(-5px, -10px);
}

.author-box-wrap {
    border: 1px solid #e1e1e1;
    border-radius: 7px;
    padding: 12px var(--gap16);
    margin-bottom: 48px;
    margin-top: var(--gap20);
    overflow-y: hidden;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.news-show-note+.author-box-wrap {
    margin-top: 8px;
}

.author-box-wrap .avatar-author {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 11px;
    color: #aaa;
    background-color: #f8f8f8;
}

.author-box-wrap .author-desc {
    margin-left: var(--gap16);
    font-size: var(--gap12);
}

.td-author-name {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
}

.author-box-wrap .td-author-social {
    margin-bottom: -5px;
}

.author-box-wrap .avatar-author {
    float: left;
    max-width: 96px;
}

#BuyWrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.vnpayNote {
    visibility: hidden;
    opacity: 0;
}

#BuyWrapper.isVisible .vnpayNote {
    visibility: visible;
    opacity: 1;
}

.BuyNote {
    width: calc(100% - 370px);
    text-align: left;
    padding-right: 15px;
}

.BuyNote b {
    color: #f00
}

.BuyAction {
    width: 370px;
}

.header-banner {
    text-align: center;
}

.shopping-cart {
    width: var(--gap24);
    height: var(--gap24);
}

.shopping-cart path {
    fill: #fff;
}

.li-social {
    display: inline;
    list-style-type: none;
    padding-right: 2px;
    float: left;
}

.li-social img {
    width: 30px;
}

.share-toolbox {
    height: 40px;
}

.share-toolbox ul {
    margin-top: 0;
}

/* cart */
.list-info {
    display: none;
    margin: 10px 0 var(--gap20);
}

.flex-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.list-info-item input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 3px 5px;
    font-size: calc(var(--gap14) - 1px);
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.checkout-address-user-detail {
    white-space: nowrap;
    font-size: var(--gap16);
}

.stardust-wrapper .header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.add-new-stardust {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 7px 15px;
    border-radius: 2px;
    border: 1px solid #d1d1d1;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 11px;
}

.add-new-stardust.noVisible {
    opacity: 1;
    visibility: visible;
    width: 100px;
}

.checkout-address-change {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    color: #34b0dd;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: calc(var(--gap14) - 1px);
    font-weight: bold;
    width: fit-content;
    min-width: fit-content;
    margin-top: auto;
    white-space: nowrap;
    text-transform: uppercase;
}

.checkout-address-change.noVisible {
    display: none;
}

.stardust-label {
    width: 100%;
}

.checkout-address-address-summary {
    font-size: 15px;
    font-weight: normal;
}


input[name="stardust"] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -2;
}

input[name="stardust"]~.stardust-radio {
    height: var(--gap20);
    width: var(--gap20);
    min-width: var(--gap20);
    border-radius: var(--gap18);
    display: block;
    border: 2px solid #aaa;
    transition: all 250ms ease;
    position: relative;
}

.edit-my-address {
    cursor: pointer;
    white-space: nowrap;
    font-size: var(--gap12);
    font-weight: bold;
    margin-top: auto;
    text-transform: uppercase;
    margin-top: auto;
    display: none;
    color: #34b0dd;
    letter-spacing: 1px;
    width: 80px;
}

.edit-my-address.isVisible {
    display: block;
}

.edit-my-address img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

input[name="stardust"]~.stardust-radio::before {
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    width: var(--gap10);
    height: var(--gap10);
    background-color: var(--primary);
}

.stardust-label-content {
    width: 100%;
    padding: 0;
}

input[name="stardust"]:checked~.stardust-radio {
    border-color: var(--primary);
}

input[name="stardust"]:checked~.stardust-radio::before {
    background-color: var(--primary);
    opacity: 1;
}

.stardust-item+.list-info,
.stardust-item+.stardust-item {
    margin-top: 15px;
}

.stardust-item {
    user-select: none;
    align-items: stretch;
    gap: var(--gap10);
}

.stardust-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 10pxvar(--gap10);
    font-size: var(--gap14);
    line-height: 1.5;
    border-radius: 4px;
    color: var(--black);
    min-width: 140px;
}

.new-stardust-save,
.stardust-save {
    background-color: var(--primary);
    border-color: var(--primary);
}

.new-stardust-cancel {
    color: var(--black);
}

.new-stardust-row.new-stardust-footer .stardust-cancel {
    background-color: var(--cart-background);
    color: var(--price);
}

.add-new-stardust-form {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(11, 11, 11, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 123456789;
}

.add-new-stardust-content {
    padding: 10px 15px;
    box-shadow: 0 0 3px rgba(11, 11, 11, 0.25);
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 25px;
    width: 760px;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
}


.new-stardust-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 7px 0;
}

.new-stardust-footer {
    justify-content: flex-start;
    align-items: stretch;
}

.new-stardust-footer button {
    margin: 0 15px 0 0;
    padding: 10px var(--gap20);
    border-radius: 4px;
}

.new-stardust-item {
    width: 49%;
    font-size: var(--gap16);
    font-weight: 600;
    position: relative;
    min-height: 82px;
}

.js-validation-term-delivery-phone {
    background-color: #fff;
    font-size: 11px;
}

.help-block {
    font-size: var(--gap12);
    padding-top: 3px;
    display: block;
}

.small-item .new-stardust-item {
    width: 32%;
}

.new-stardust-item span {
    color: var(--price);
    margin: 0 3px;
}

.list-stardust-address {
    transition: all 250ms ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.list-stardust-address.isCollapse {
    margin-bottom: 0;
}

.stardust-item-address {
    order: 2;
}

.list-stardust-address.isCollapse .stardust-item-address.address-selected {
    margin-top: 0 !important;
    order: 1;
    margin-bottom: 15px;
}

.new-stardust-item input,
.new-stardust-item select {
    min-height: 44px;
}
.rating-star-list {
    width: 78px;
    min-width: 78px;
    height: 14px;
    display: block;
    background-color: #ccc;
    background: linear-gradient(90deg, rgba(255, 188, 89, 1) 0%, rgba(255, 188, 89, 1) calc(var(--ratingStar) * 20%), rgba(214, 218, 223, 1) calc(var(--ratingStar) * 20%), rgba(214, 218, 223, 1) 100%);
    -webkit-mask-image: url(/assets/images/star-list.svg);
    mask-image: url(/assets/images/star-list.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/assets/images/star-list.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    position: relative;
}

.star-rating {
    --star-size: 14px;
    --gap: 8px;

    --unit: calc(var(--star-size) + var(--gap));
    --percent: calc(var(--rating) / 5 * 100%);

    width: calc(5 * var(--unit));
    height: var(--star-size);

    background: linear-gradient(90deg, #F6D645 var(--percent), #ddd var(--percent));

    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M4.76878 2.27225C5.61321 0.757417 6.03542 0 6.66667 0C7.29791 0 7.72012 0.757416 8.56456 2.27225L8.78302 2.66415C9.02298 3.09462 9.14296 3.30986 9.33004 3.45187C9.51711 3.59388 9.7501 3.6466 10.2161 3.75203L10.6403 3.84802C12.2801 4.21904 13.1 4.40455 13.2951 5.03182C13.4901 5.6591 12.9312 6.31271 11.8133 7.61995L11.5241 7.95815C11.2064 8.32962 11.0475 8.51536 10.9761 8.74514C10.9046 8.97493 10.9286 9.22274 10.9767 9.71837L11.0204 10.1696C11.1894 11.9137 11.2739 12.7858 10.7632 13.1735C10.2525 13.5612 9.48488 13.2077 7.94955 12.5008L7.55234 12.3179C7.11605 12.117 6.8979 12.0166 6.66667 12.0166C6.43543 12.0166 6.21728 12.117 5.78099 12.3179L5.38378 12.5008C3.84845 13.2077 3.08078 13.5612 2.5701 13.1735C2.05941 12.7858 2.14392 11.9137 2.31293 10.1696L2.35666 9.71837C2.40468 9.22274 2.4287 8.97493 2.35724 8.74514C2.28579 8.51536 2.12695 8.32962 1.80928 7.95815L1.52006 7.61995C0.402166 6.31271 -0.156784 5.6591 0.0382807 5.03182C0.233345 4.40455 1.05324 4.21904 2.69302 3.84802L3.11726 3.75203C3.58323 3.6466 3.81622 3.59388 4.0033 3.45187C4.19037 3.30986 4.31035 3.09462 4.55031 2.66416L4.76878 2.27225Z'/></svg>") repeat-x;
    -webkit-mask-size: var(--unit) var(--star-size);

    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M4.76878 2.27225C5.61321 0.757417 6.03542 0 6.66667 0C7.29791 0 7.72012 0.757416 8.56456 2.27225L8.78302 2.66415C9.02298 3.09462 9.14296 3.30986 9.33004 3.45187C9.51711 3.59388 9.7501 3.6466 10.2161 3.75203L10.6403 3.84802C12.2801 4.21904 13.1 4.40455 13.2951 5.03182C13.4901 5.6591 12.9312 6.31271 11.8133 7.61995L11.5241 7.95815C11.2064 8.32962 11.0475 8.51536 10.9761 8.74514C10.9046 8.97493 10.9286 9.22274 10.9767 9.71837L11.0204 10.1696C11.1894 11.9137 11.2739 12.7858 10.7632 13.1735C10.2525 13.5612 9.48488 13.2077 7.94955 12.5008L7.55234 12.3179C7.11605 12.117 6.8979 12.0166 6.66667 12.0166C6.43543 12.0166 6.21728 12.117 5.78099 12.3179L5.38378 12.5008C3.84845 13.2077 3.08078 13.5612 2.5701 13.1735C2.05941 12.7858 2.14392 11.9137 2.31293 10.1696L2.35666 9.71837C2.40468 9.22274 2.4287 8.97493 2.35724 8.74514C2.28579 8.51536 2.12695 8.32962 1.80928 7.95815L1.52006 7.61995C0.402166 6.31271 -0.156784 5.6591 0.0382807 5.03182C0.233345 4.40455 1.05324 4.21904 2.69302 3.84802L3.11726 3.75203C3.58323 3.6466 3.81622 3.59388 4.0033 3.45187C4.19037 3.30986 4.31035 3.09462 4.55031 2.66416L4.76878 2.27225Z'/></svg>") repeat-x;
    mask-size: var(--unit) var(--star-size);
}

.star-rating {
    width: calc(5 * 20px);
    -webkit-mask-size: 20px 14px;
    mask-size: 20px 14px;
}

.item-text {
    font-size: 14px;
}

.product-rank-wrapper {
    border-radius: 3px;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    color: #17803D;
    background: #F1FDF4;
    padding: 4px 8px;
    gap: 8px;
    margin-bottom: 6px;
    width: fit-content;
}

.best-seller-label {
    position: relative;
    display: flex;
    align-items: center;
}

.best-seller-label svg {
    margin-right: 7px;
}

.best-seller-txt {
    margin-left: 4px;
}

.best-seller-label,
.best-seller-label *{
    color: #0A8800;
}

.product-badge {
    color: var(--primary);
    background-color: #EDFBFD;
    font-size: 12px;
    line-height: 1.1;
    padding: 4px 5px;
    border-radius: 4px;
    width: fit-content;
    margin-right: auto;
    margin-top: 6px;
}

.related-product-item:has(.product-badge) .related-img .related-txt {
    margin-top: 0;
}

.product-rank-wrapper:has(.item-sold) .best-seller-label::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% + 2px);
    right: 0;
    transform: translateY(-50%);
    background: #0A8800;
    width: 1px;
    height: 14px;
}

.product-info-content-box {
    color: #525252;
}

.item-count {
    font-size: 20px;
    color: var(--black);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.item-brand .item-brand {
    font-size: 14px;
}

.tab-content * {
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1.4 !important;
    word-break: break-word;
    font-size: 16px !important;
}

.related-img .related-txt {
    word-break: break-word;
    width: 100%;
    min-height: 42px;
}

#content-product * {
    background: none !important;
}

.tab-content table,
.su-table-alternate {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
}

.tab-content table td {
    padding: 4px 8px !important;
    border: 1px solid #d1d1d1 !important;
}

.tab-content table td>*:first-child {
    margin-top: 0 !important;
}

.tab-content table td>*:last-child {
    margin-bottom: 0 !important;
}

.tab-content iframe {
    border: none;
    background-color: transparent;
    width: 100%;
    height: auto;
    max-width: 560px;
    aspect-ratio: 16 / 9;
}

.tab-content h2 {
    font-size: 18pt;
}

.tab-content h3,
.tab-content h4 {
    font-size: 12pt;
}

.prevent-click {
    pointer-events: none;
    cursor: default;
}

.dropdown-toggle.menu-title {
    color: var(--dark);
    display: flex;
    padding: var(--gap6)var(--gap10);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: var(--gap14);
    font-weight: 500;
    transition: none;
}

.dropdown-submenu>.menu-title::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #c1c1c1 #c1c1c1 transparent transparent;
    transform: rotate(45deg);
    margin-left: auto;
    margin-top: 0 !important;
}

.dropdown-submenu:hover>.menu-title::after {
    border-color: #fff #fff transparent transparent;
}

.menu-title>i {
    font-size: 110%;
    line-height: 0;
    min-width: var(--gap20);
    margin-right: 5px;
}

.lev2menu-link[href="#"],
.cat-copy>a {
    font-weight: 600 !important;
    color: var(--dark) !important;
}

.cat-copy>span {
    font-weight: 600 !important;
    color: var(--dark) !important;
    padding: var(--gap6)var(--gap10);
    display: flex;
}

.WatchCategories .listnewMenu .menu-title {
    padding: 0;
    margin: 0;
}

.second-cat-title {
    position: relative;
}

.fb_dialog_content iframe {
    bottom: 90px !important;
    margin: 0 !important;
}

#content-product {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#content-product img {
    margin: 0 auto;
    max-width: 100% !important;
}

.discount {
    background: var(--price);
    ;
    color: #fff !important;
    padding: 5px 7px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 12px !important;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
    pointer-events: none;
    font-weight: bold;
}

.discount~.best-sale-icon,
.discount~.chiaki-gift {
    left: 15px !important;
    right: auto !important;
}

.slick-track script {
    display: none !important;
    pointer-events: none;

}

.bestseller-discount {
    position: relative;
    background: var(--price);
    color: #fff;
    border-radius: 3px;
    padding: 4px 5px;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1;
    line-height: 1;
    margin: 0 !important;
}

.chiaki-gift+.discount,
.chiaki-gift+.bestseller-discount {
    display: none;
}

.feature-rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1px;
    padding: 0;
    color: #595959;
    font-size: var(--gap12);
    min-height: var(--gap20);
    margin-top: 4px;
}

.feature-product-bottom:not(.w-full):not(.feature-category) .feature-rating {
    margin-top: var(--gap6);
}

.feature-product-bottom.no-margin:not(.w-full):not(.feature-category) .feature-rating,
.feature-product-bottom.no-margin:not(.w-full):not(.feature-category) .feature-sold {
    margin-top: 0;
}

.feature-rating .rating-star {
    color: #b9b9b9;
    font-size: 15px;
    position: relative;
    margin-right: 1px;
}

#store-product-item .feature-product-bottom {
    margin-top: 0;
}

.feature-product-bottom {
    display: flex;
    align-items: center;
    max-width: calc(100% - 38px);
}


.feature-product-bottom .rating-text {
    font-size: var(--gap12);
}

.feature-product-bottom.w-full {
    width: 100%;
    max-width: 100%;
}

.feature-sold {
    font-size: var(--gap14);
    position: relative;
    padding-left: 12px;
    color: rgba(0, 0, 0, 0.54);
}

.feature-sold::before {
    content: "";
    width: 1px;
    height: var(--gap12);
    position: absolute;
    left: 5px;
    background: #d1d1d1;
    top: 50%;
    transform: translateY(-50%);
}

.product-item-action .feature-sold,
.product-item-action .rating-star-count {
    font-size: 15px;
}

.rating-star-count {
    font-size: var(--gap14);
    margin-left: 2px;
    color: rgba(0, 0, 0, 0.54);
}

#toc li {
    display: list-item;
}

.manufacturer-product {
    position: relative;
}

.manufacturer-slider:not(.slick-slider) {
    display: flex;
}

.manufacturer-slider:not(.slick-slider) .manufacturer-product {
    width: 20%;
    padding: var(--gap10);
}

.manufacturer-slider .manufacturer-product {
    padding: var(--gap10);
}


.manufacturer-slider.slick-slider .manufacturer-product {
    float: left;
}

.manufacturer-slider:not(.slick-slider) .manufacturer-product:nth-child(n + 6) {
    display: none;
}

.manufacturer-image {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #f8f8f8;
    ;
}

.manufacturer-image img {
    width: 100%;
    object-fit: cover;
}

.manufacturer-title {
    width: calc(100% - 40px);
    left: var(--gap20);
    right: var(--gap20);
    position: absolute;
    bottom: var(--gap20);
    padding: 10px 15px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(11, 11, 11, 0.1);
    text-align: center;
    font-size: 15px;
    color: var(--dark);
}

.powe#f00-by {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hidden {
    display: none;
}

.pending-reason {
    padding: 5px 30px;
    font-weight: normal;
    font-size: calc(var(--gap14) - 1px);
    color: #777;
}

.trending-box span {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-gift {
    font-size: var(--gap12);
}

a[href="#"] {
    cursor: default;
    pointer-events: none;
}

.product-item-rating {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    grid-gap: 4px;
}

.rating-text {
    font-size: calc(var(--gap14) - 1px);
    font-weight: 500;
}

.sidebar-manufacturer-title {
    color: #34b0dd;
    font-size: 19px;
}

.slick-slide img {
    max-width: 100%;
}

.WarningOrderCart {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.WarningOrderCart .newsLatter-content {
    background: #fff;
    border-radius: var(--borderRadius);
    width: 500px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -250px;
    padding: 15px;
}

.WarningOrderCart .newsLatter-content h3 {
    position: relative;
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 7px;
    padding-bottom: 5px;
}

.WarningOrderCart .newsLatter-content h3:after {
    background: #e9713c none repeat scroll 0 0;
    bottom: 0;
    content: "";
    font-size: 0;
    height: 1px;
    left: 50%;
    position: absolute;
    width: 140px;
    margin-left: -70px;
}

.WarningOrderCartFlashSale {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.WarningOrderCartFlashSale .newsLatter-content {
    background: #fff;
    border-radius: var(--borderRadius);
    width: 500px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -250px;
    padding: 15px;
}

.WarningOrderCartFlashSale .newsLatter-content h3 {
    position: relative;
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 7px;
    padding-bottom: 5px;
}

.WarningOrderCartFlashSale .newsLatter-content h3:after {
    background: #e9713c none repeat scroll 0 0;
    bottom: 0;
    content: "";
    font-size: 0;
    height: 1px;
    left: 50%;
    position: absolute;
    width: 140px;
    margin-left: -70px;
}

.div-center {
    text-align: center;
}

.event-tag {
    background-color: #ff8d1a;
    border-radius: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: bold;
    margin: var(--gap6) 0;
    user-select: none;
    min-height: 25px;
    max-width: fit-content;
    max-width: -moz-fit-content;
}

.event-empty {
    opacity: 0;
    visibility: hidden;
}

.event-icon {
    width: var(--gap24);
    height: var(--gap24);
    margin: 0;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #ff8d1a;
    background-color: #fff;
}

.event-txt {
    padding: 0 10px 0 3px;
    line-height: 1.1;
    text-transform: uppercase;
}

.download-app-wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 25px;
}

.download-app-wrap.success-download {
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 35px;
}

.download-app-wrap h2 {
    width: 100%;
    margin-bottom: 25px;
    padding-left: var(--gap20);
    padding-right: var(--gap20);
}

.download-app-wrap.success-download h2 {
    padding-left: 0;
    padding-right: 0;
    font-size: calc(19px + (29 - 19) * ((100vw - 300px) / (1920 - 3 00)));
    margin: 0 0 15px;
    color: #34b0dd;
}

.qr-code {
    width: 100px;
    min-width: 100px;
    border-right: 1px solid #e1e1e1;
    padding-right: var(--gap10);
}

.qr-code img {
    max-width: 100%;
    object-fit: contain;
}

.app-download-icon {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.rating-category ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-items: center;
    align-items: center;
    list-style: none;
    color: #777;
    font-size: calc(var(--gap14) - 1px);
    text-align: center;
}

.rating-category li {
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    justify-items: center;
    align-items: center;
}

.rating-category .rating-text {
    font-size: calc(var(--gap14) - 1px);
    line-height: 21px;
}

.rating-category i {
    font-size: 17px;
    line-height: 17px;
}

.rating-category-btn {
    display: block;
    padding: 10px var(--gap12);
    border: none;
    background: #34b0dd;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 15px 0 20px 0;
    width: 100%;
    border-radius: 4px;
    transition: all 350ms ease;
    outline: 0;
}

.rating-category-btn:hover {
    background: #f0ad4e;
}

.rating-category-btn[disabled] {
    cursor: not-allowed;
}

.category-feature-header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--gap16);
}

.category-feature-title {
    font-size: calc(19px + (23 - 19) * ((100vw - 300px) / (1920 - 300)));
    margin: 0;
    padding: 0;
}

.category-feature-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-feature-item {
    margin: 0 0 0 var(--gap6);
    border-radius: var(--gap24);
    padding: 10px var(--gap12);
    margin-left: var(--gap6);
    color: var(--primary);
    border: 1px solid var(--primary);
    background-color: #fff;
    font-size: calc(var(--gap14) - 1px);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    line-height: 1;
    cursor: pointer;
    user-select: none;
    height: 34px;
}

.category-feature-item.active {
    border-color: var(--primary);
    background-color: var(--primary);
    color: #fff;
}

.flashsale-feature-item.active {
    width: 110px;
    min-width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.flashsale-header-link-slider {
    width: calc(100% - 126px);
}

.flashsale-header-link-slider:not(.slick-slider) {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    gap: var(--gap12);
}

.link-gr-item.slick-slide {
    margin: 0 var(--gap6);
}

.category-feature-item svg {
    margin-left: 4px;
}

.category-feature-item svg {
    transform: translateX(-2px);
    opacity: 0.5;
    transition: transform 300ms ease-in-out;
}

.category-feature-item:hover svg {
    transform: translateX(-2px);
    animation: link-goall 650ms linear infinite;
}

.flashsale-feature-item.active,
.link-gr-item.active {
    border-color: var(--price);
    background-color: var(--price);
    color: #fff;
}

.chi-loading {
    width: var(--gap20);
    min-width: var(--gap20);
    height: var(--gap20);
    border-radius: 36px;
    margin-right: var(--gap10);
    display: block;
    border-width: 2px;
    border-color: rgba(255 255 255 / 60%) rgba(255 255 255 / 60%) rgba(255 255 255 / 60%) rgba(255 255 255 / 1);
    border-style: solid;
    animation: chi-loading 800ms linear infinite;
    background-color: transparent;
}

@keyframes chi-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.price-list-wrapper {
    margin-top: var(--gap16);
    margin-bottom: var(--gap24);
}

.price-list-header {
    font-size: 19px;
    color: var(--dark);
    ;
    border: none;
    padding: 0;
    margin: 7px auto;
}

.price-list-responsive {
    margin-top: 15px !important;
}


.price-list-tbl {
    border: none;
    width: 100%;
}

.price-list-tbl th {
    padding: var(--gap6)var(--gap10);
    background-color: #e9e9e9;
}

.price-list-tbl tbody {
    border: none;
}

/* .price-list-tbl tr:nth-child(even) {
    background-color: #f8f8f8
} */

.price-list-tbl tr:last-child td {
    border-bottom: 1px solid #e1e1e1
}

.price-list-tbl td {
    padding: 14pxvar(--gap10);
    border-top: 1px solid #e1e1e1;
}

.priceList-manufacture {
    width: 200px;
}

.priceList-price {
    width: 130px;
    text-align: right;
}

.price-list-tbl tr:hover {
    background-color: #fffcf9
}

.price-list-tbl tr:hover .priceList-name a {
    color: #e94a0f;
}


.user-price,
.fee-shipping {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    padding: 0;
    margin-top: var(--gap10);
    line-height: 1.2;
}

.glyphicon-piggy-bank {
    font-size: 19px;
    margin-right: 15px;
    color: #ff6550
}

.user-price img {
    width: 22px;
    height: var(--gap20);
    object-fit: contain;
    margin-right: var(--gap10);
}

.fee-shipping img {
    height: var(--gap16);
    object-fit: contain;
    margin-right: var(--gap12);
}

.user-price path,
.fee-shipping path {
    fill: #ff6550;
}

.other-address .text-left {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.other-address .col-sm-8 {
    padding-right: 0;
}

.store-image {
    width: var(--gap20);
    min-width: var(--gap20);
    height: var(--gap20);
    -webkit-mask-image: url(/frontend/images/building-store.svg?v=1);
    mask-image: url(/frontend/images/building-store.svg?v=1);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: relative;
    display: block;
    background-color: var(--warning);
}

.store-image.store-default {
    background-color: #2185c2;
}

.download-app-wrap-title {
    font-size: 19px;
    color: var(--dark);
    ;
    margin: 2var(--gap6) auto 0;
}

.download-app-wrapper {
    display: grid;
    grid-template-columns: 130px auto;
    justify-content: center;
    align-items: center;
    grid-gap: 8px var(--gap12);
    margin: 10px auto var(--gap16);
    width: fit-content;
    width: -moz-fit-content;
}

.qr-code {
    grid-row-start: span 2;
    width: 130px;
    border: none;
    padding: 0;
}

.download-app-wrapper .icon {
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d1d1d1;
    border-radius: var(--borderRadius);
    overflow: hidden;
    background-color: #fff;
}

.download-app-wrapper .icon:hover {
    border-color: #34b0dd;
}

.download-app-wrapper .icon img {
    height: 60px;
    display: block;
    margin: 0;
    width: auto;
    object-fit: contain;
    object-position: center;
}

.loader {
    width: 360px;
    height: 100px;
    display: block;
    position: relative;
    background-image: linear-gradient(100deg,
            transparent,
            rgba(38, 50, 56, 0.5) 50%,
            transparent 80%),
        linear-gradient(#fff 20px, transparent 0),
        linear-gradient(#fff 20px, transparent 0),
        linear-gradient(#fff 20px, transparent 0);
    background-repeat: no-repeat;
    background-size: 75px 100px, 125px 20px, 260px 20px, 260px var(--gap20);
    background-position: 0% 0, 120px 0, 120px 40px, 120px 80px;
    box-sizing: border-box;
    animation: animloader 1s linear infinite;
}

.loader::after {
    content: "";
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

@keyframes animloader {
    0% {
        background-position: 0% 0, 120px 0, 120px 40px, 120px 80px;
    }

    100% {
        background-position: 100% 0, 120px 0, 120px 40px, 120px 80px;
    }
}


.readmore-items {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--gap20);
}

.readmore-items .readmore-more-product {
    position: relative;
    background-color: #ffffff;
    border: solid 2px var(--primary);
    color: var(--primary);
    padding: 0px var(--gap16);
    outline: none;
    cursor: pointer;
    user-select: none;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 400px;
    line-height: 42px;
}

.category-list [id*="list-product-contain-"]:nth-child(n + 2) {
    margin-top: 25px
}

.readmore-items .readmore-more-product:hover {
    background-color: var(--primary);
    color: #fff;
}

.readmore-items svg {
    position: inherit;
    top: 4px;
}

#remaining-total {
    font-weight: bold;
}

.readmore-items {
    text-align: center;
}

#loading-more-product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    background-color: rgba(11 11 11 / 33%);
}

#loading-more-product span {
    width: 64px;
    height: 64px;
    display: block;
    border-radius: 64px;
    border: 2px solid #fff;
    border-top: 2px solid #e1e1e1;
    animation: loading-more-product 600ms linear infinite;
    position: absolute;
    top: 30%;
    left: 50%;
}

@keyframes loading-more-product {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#promocode-popup.show {
    opacity: 1;
    pointer-events: all;
    transition: all 250ms ease-out;
}

#promocode-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 250ms ease-out;
}

.open-add2basket #promocode-popup {
    display: none;
}

#promocode-popup .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#promocode-popup #Promo-PopupWapper {
    background: #fff url(/images/promotion_popup_bg.jpg) center center/cover no-repeat;
    border-radius: var(--gap10);
    padding: 20px 25px;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2), 0 3px var(--gap6) 0 rgba(0, 0, 0, 0.14), 0 1px var(--gap6) 0 rgba(0, 0, 0, 0.1);
    width: calc(340px + (600 - 340) * ((100vw - 300px)/ (1920 - 300)));
    height: -webkit-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 9;
    width: 600px;
    max-width: 100%;
}

#promocode-popup .PopupClose {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: #fff;
    color: #212121;
    position: absolute;
    top: var(--gap6);
    right: var(--gap6);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    line-height: 1;
    cursor: pointer;
    z-index: 9999;
}

#promocode-popup .PopupTitle {
    font-size: calc(22px + (27 - 23) * ((100vw - 300px)/ (1920 - 300)));
    font-weight: 600;
    margin-bottom: var(--gap10);
    text-align: center;
}

#promocode-popup .PopupPromotion {
    text-align: center;
    padding: 15px;
    background: rgba(255, 5255, 255, 0.5);
}

#promocode-popup .PopupPromotion .desc-promo-top {
    text-align: center;
}

#promocode-popup .PopupPromotion .desc-promo-top a {
    color: #34b0dd;
}

#promocode-popup .PopupPromotion .desc-promo-top p {
    margin-bottom: var(--gap6) !important;
}

#promocode-popup .PopupPromotion strong,
#promocode-popup .PopupPromotion a {
    color: var(--price);
    font-weight: bold;
}

#promocode-popup .PopupPromotion .PromotionCode {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .07);
    margin:  var(--gap16) auto;
    display: block;
    background-color: rgba(1, 1, 1, .03);

}

#promocode-popup .PopupPromotion .Code {
    font-size: calc(23px + (35 - 23) * ((100vw - 300px)/ (1920 - 300)));
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    display: block;
    margin: 0 auto;
    color: #34b0dd;
}


.download-app-code {
    display: block;
    margin: 0;
}

.download-app-code img {
    width: 100%;
    border-radius: var(--gap6);
    height: auto;
    object-fit: contain;
}

#promocode-popup .PopupPromotion .PopupGuide-wrapp {
    display: flex;
    justify-content: space-between;
    position: relative;
}

#promocode-popup .PopupPromotion .PopupGuide {
    text-align: left;
    padding-right: var(--gap10);
    flex: 0 0 60%;
}

#promocode-popup .PopupPromotion .PopupApp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#promocode-popup .PopupPromotion .PopupApp .qr-code-span {
    flex: 0 0 40%;
}

#promocode-popup .PopupPromotion .PopupApp .image-download {
    flex: 0 0 60%;
    padding-left: var(--gap10);
}

#promocode-popup .PopupPromotion .PopupApp .image-download a:first-child {
    margin-bottom: var(--gap10);
    display: inline-block;
}

#promocode-popup .PopupPromotion .PopupApp img {
    width: 100%;
}

#promocode-popup .PopupPromotion .ButtonCopyCode {
    font-weight: 600;
    border: none;
    background-color: #34b0dd;
    color: #fff;
    padding: 13px var(--gap20);
    cursor: pointer;
    margin:  var(--gap16) auto;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 19px;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}

.cart-detail .slick-arrow {
    z-index: 2;
}

.cart-page .order-form {
    z-index: 9;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}

.preview-crumbs .container {
    padding-left: 0;
    padding-right: 0;
}

/* Anh Vuong */
.img-box-cover {
    width: 100%;
    display: block;
    position: relative;
    background-color: var(--multiply, #f8f8f8);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.img-box-cover::before {
    content: "";
    padding-top: 100%;
    display: block;
    pointer-events: none;
}

.img-box-cover img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center;
    border-radius: 5px;
    mix-blend-mode: multiply;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/*PinMenu Quick Article*/

.pinMenuquick {
    display: none;
    background-color: #fff;
    height: 56px;
    position: fixed;
    top: 88px;
    width: 100%;
    left: 0;
    z-index: 1000;
    box-shadow: 0 4px 7px rgba(0, 0, 0, .1);
}

.pinMenuquick .pinkMenuContainer label {
    background: #fff;
    display: block;
    font-weight: 600;
    font-size: 17px;
    height: 100%;
    overflow: hidden;
    padding: 15px 0;
    padding-right: 50px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pinMenuquick .pinkMenuContainer #arowbtn {
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    height: 25px;
    position: absolute;
    right: var(--gap14);
    top: var(--gap14);
    width: 25px;
    border: 1px solid var(--primary);
}

/*End PinMenu Quick Article*/
/*Toc Clone */
.toc-clone-wrapp {
    position: fixed;
    bottom: 150px;
    /* right: 67px; */
    z-index: 999;
    overflow: hidden;
    width: 400px;
    display: none;

}

.toc-clone {
    border: 1px solid rgba(67 191 227 / 30%);
    background-color: #ecf8fc;
    padding: 10px var(--gap16);
    border-radius: 5px;
    width: 100%;
    color: #23527c;
    box-shadow: 1px -7px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px -7px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px -7px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px -7px 5px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 9999;
    pointer-events: none;
    transition: opacity 300ms ease-in-out;
    display: none;
}

.toc-clone .toc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    font-size: 100%;
    font-weight: 700;

}

.toc-clone ol.table-content {
    height: 300px;
    overflow-y: auto;
}

.toc-clone-wrapp.show-toc-clone .toc-clone {
    opacity: 1;
    display: block;
    pointer-events: all;
    transition: var(--transition);
}

.toc-clone-wrapp.show-toc-clone .icon-toc-close {
    display: flex;
}

.icon-toc-clone {
    border: 2px solid var(--primary);
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    margin-left: auto;
    position: fixed;
    bottom: 150px;
    z-index: 999;
    box-shadow: -1px 1px var(--gap6) 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -1px 1px var(--gap6) 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 1px var(--gap6) 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.icon-toc-close {
    border: 2px solid var(--primary);
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    margin-left: auto;
    position: fixed;
    bottom: 150px;
    z-index: 999;
    background: #ecf8fc;
    display: none;
    cursor: pointer;
}

/*End Toc Clone*/

.price-input-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-input-wrap input {
    flex: 0 0 100px;
    width: 100%;
}

.price-input-wrap .gach {
    width: 25px;
    height: 1px;
    background-color: #ccc;
}

.price-input-wrap input::-webkit-outer-spin-button,
.price-input-wrap input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.price-input-wrap input[type=number] {
    -moz-appearance: textfield;
}

.cat-price button {
    white-space: nowrap;
    border: none;
    outline: none !important;
    box-shadow: none;
    background: #34b0dd;
    color: #fff;
    cursor: pointer;
    padding: 10px var(--gap16);
    border-radius: 5px;
    margin-top: var(--gap10);
    width: 100%;
}

.cat-price button:hover,
.cat-price button:focus {
    color: #fff;
}

.site-bar-left .box-shadow-search {
    position: relative;
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    transition: border-color 200ms ease-in-out;
    margin-bottom: var(--gap10);
}

.site-bar-left .txt-search {
    padding: 7px 8px 7px 15px;
    min-height: 30px;
}

.site-bar-left .btn-search {
    background-color: transparent;
    color: var(--primary);
    padding: 0 0px;
}

.site-bar-left .btn-search img {
    filter: none;
    width: var(--gap16);
}

.disclaimer-wrapper {
    position: relative;
    font-size: 15px;
    margin-top: var(--gap16);
}

#disclaimer-input {
    position: absolute;
    top: 0;
    opacity: 0;
}

.disclaimer-content {
    height: 69px;
    position: relative;
    overflow: hidden;
}

.disclaimer-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    pointer-events: none;
}

#disclaimer-input:checked~.disclaimer-content {
    height: auto;
    overflow: visible;
}

#disclaimer-input:checked~.disclaimer-content::before {
    display: none;
}

.disclaimer-more .hide {
    display: none;
}

#disclaimer-input:checked~.disclaimer-more div {
    display: none;
}


#disclaimer-input:checked~.disclaimer-more .hide {
    display: block !important;
}

#social-box {
    display: flex;
    flex-wrap: wrap;
}

.footer-block-title {
    width: 100%;
}

.social-item {
    margin-right: var(--gap10);
}

.also-title {
    height: 46px;
}

/*Dont miss it popup*/
#dontmiss-popup.show {
    opacity: 1 !important;
    pointer-events: all !important;
    transition: all 250ms ease-out;
}

#dontmiss-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 250ms ease-out;
}

#dontmiss-popup .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#dontmiss-popup #dontMiss-PopupWapper {
    border-radius: var(--gap10);
    padding: 20px 25px;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2), 0 3px var(--gap6) 0 rgba(0, 0, 0, 0.14), 0 1px var(--gap6) 0 rgba(0, 0, 0, 0.1);
    width: calc(340px + (600 - 340) * ((100vw - 300px)/ (1920 - 300)));
    height: -webkit-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 9;
    width: 600px;
    max-width: 100%;
    background-color: #f7f5f8;
    background-image: url(/images/dontmiss-bg.jpg);
    background-size: 120%;
    background-position: bottom;
    background-repeat: no-repeat;
}

#dontmiss-popup .PopupClose {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: #fff;
    color: #212121;
    position: absolute;
    top: var(--gap6);
    right: var(--gap6);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    line-height: 1;
    cursor: pointer;
    z-index: 9999;
}

#dontmiss-popup .PopupTitle {
    font-size: calc(20px + (20 - 18) * ((100vw - 300px)/ (1920 - 300)));
    font-weight: 600;
    margin-bottom: var(--gap10);
    text-align: center;
    color: var(--primary);
    margin-top: 0;
}

#dontmiss-popup .PopupTitle span {
    display: block;
    font-size: var(--gap18);
    margin-top: 8px;
}

#dontmiss-popup .img-background {
    position: absolute;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 1;
}

.PopupdontMiss {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);
    padding: var(--gap16);
    border-radius: var(--gap16);
    text-align: center;
}

.DontmissCode-wrapp {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .07);
    margin:  var(--gap16) auto;
    display: block;
    background-color: rgba(1, 1, 1, .03);
    position: relative;
}

#dontmiss_code {
    font-size: calc(23px + (35 - 23) * ((100vw - 300px)/ (1920 - 300)));
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    display: block;
    margin: 0 auto;
    color: #34b0dd;
}

#dontmiss-popup .ButtonCopyCode {
    font-weight: 600;
    border: none;
    background-color: #34b0dd;
    color: #fff;
    padding: 13px var(--gap20);
    cursor: pointer;
    margin:  var(--gap16) auto;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 19px;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}

.PopupdontMiss b {
    color: #f00;
}

#dontmiss-popup .PopupGuide {
    width: fit-content;
    margin: 0 auto;
    text-align: left;
    display: none;
}

#dontmiss-popup .PopupGuide img {
    width: var(--gap16);
    height: var(--gap16);
    margin-right: var(--gap10);
}

#dontmiss-popup .PopupGuide p {
    display: flex;
    align-items: center;
}

.detail-wrapper {
    position: absolute;
    top: 50%;
    display: inline-flex;
    font-size: var(--gap14);
    align-items: center;
    grid-gap: 8px;
    cursor: pointer;
    right: var(--gap10);
    transform: translateY(-50%);
}

.detail-wrapper:hover {
    color: #34b0dd;
}

.detail-wrapper svg {
    margin-top: -3px;
    opacity: 0.6;
}

.detail-wrapper .tootip-detail {
    background-color: #444;
    color: #fff;
    padding: var(--gap12);
    width: 250px;
    border-radius: var(--gap6);
    position: absolute;
    z-index: 1;
    bottom: 23px;
    right: -10px;
    font-size: calc(var(--gap14) - 1px);
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .07);
    visibility: hidden;
}

.detail-wrapper:hover .tootip-detail {
    visibility: visible;
}

.detail-wrapper .tootip-detail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.detail-wrapper .tootip-detail ul li {
    margin-bottom: 3px;
}

.iframeChat {
    bottom: var(--gap10);
    right: var(--gap10);
    overflow: hidden;
    position: fixed;
    height: 60px;
    width: 150px;
    border: none;
    z-index: 999;
}

.discount-freeship svg {
    --svg: 40px;
    width: var(--svg);
    min-width: var(--svg);
    height: var(--svg);
}

.discount-freeship {
    background-color: #f0f9ff;
    padding: 10px var(--gap16);
    display: flex;
    align-items: center;
    grid-gap: var(--gap12);
    justify-content: flex-start;
    border-radius: 5px;
}

.discount-freeship-content {
    width: 100%;
    grid-gap: var(--gap12);
}

.discount-text {
    font-size: 17px;
    line-height: 1.2;
}

.discount-policy-text {
    color: #111;
    font-size: var(--gap14);
}

.discount-text strong {
    color: #0068d3;
    font-size: 17px;
}

.discount-missing {
    width: fit-content;
    background-color: var(--primary-dk);
    color: #fff;
    padding: 4pxvar(--gap10);
    border-radius: 4px;
}

/*End dont miss it*/
/* css product order */
.text-order {
    position: absolute;
    bottom: 3px;
    background: #2199c42e;
    font-size: var(--gap12);
    padding: 3px 7px;
    color: #2199c4;
    border-bottom-left-radius: 4px;
    left: 3px;
    z-index: 1;
}

.text-order-product-detail {
    position: absolute;
    top: var(--gap10);
    right: 60px;
    z-index: 99;
    color: #fff;
    background: #eb1000;
    padding: 3px 8px;
    border-radius: 3px;
}

.product-order-time .highlight {
    color: rgb(220, 114, 14);
    border: 1px solid rgb(220, 114, 14);
    font-weight: 500;
    padding: 2px 4px;
    font-size: var(--gap12);
    border-radius: 3px;
}

.product-order-time {
    line-height: 1.5;
}

.text-product-order-cart {
    color: #eb1000;
    font-size: 11px;
    border: 1px solid #eb1000;
    line-height: var(--gap18);
    padding: 2px 4px;
    border-radius: 4px;
}

#slider-wrapper,
#slider-wrapper-variant {
    position: relative;
    width: 100%;
    margin: 0;
    grid-gap: var(--gap16);
}

#slider-wrapper.slick-initialized,
#slider-wrapper-variant.slick-initialized {
    display: flex !important;
    flex-direction: column;
}

#slides a {
    width: 365px;
    height: 365px;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    cursor: pointer;
}

#slides li .product-video,
#slides-variant li .product-video {
    width: 375px;
    display: block;
    margin: auto;
}

#slides li .product-video,
#slides-variant li .product-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#slider-wrapper .thumb-item {
    position: relative;
    display: block;
    background-color: var(--multiply, #f7f7f7);
    border: 2px solid transparent;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px;
}

#global-loading ~ .slider-nav {
    display: none;
}

#slider-wrapper .thumb-item.slick-current.slick-active {
    border: 2px solid var(--primary)
}

.thumb-item::after {
    content: "";
    padding-bottom: 100%;
    display: block;
}

.thumb-item img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: multiply;
}

/* Video play icon styles */
.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.video-play-icon:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.1);
}

.video-play-icon svg {
    color: white;
    margin-left: 3px; /* Điều chỉnh vị trí icon play */
}

.slider-nav .slick-slide {
  margin: 0 var(--gap8);
}

.slider-nav .slick-list {
  margin: 0 -10px;
  padding: 20px 0 0;
}

.product-detail-header {
    grid-gap: var(--gap20);
    height: min-content;
}

.product-feature-policy {
    grid-gap: var(--gap6);
}

.product-info-content-box {
    width: 100%;
}

.denounce-product {
    font-size: 500;
    margin-left: auto;
}

.product-detail-header-box {
    color: var(--dark);
    font-size: 21px;
    font-weight: 700;
    margin: 0;
    line-height: 23px;
    padding: 0;
    display: block;
}

.product-detail-header-box span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-detail-header-box span.favourite-store-tag {
    transform: translateY(-2px);
    font-weight: 400;
    line-height: 20px !important;
    padding: 0 4px !important;
    font-size: 11px !important;
}

.item-brand:not(:last-child) {
    grid-gap: 4px;
    border-right: 1px solid #E5E5E5;
    padding-right: 12px;
}

.brand-block .item-rate+.item-sold::before {
    content: "";
    width: 1px;
    height: var(--gap10);
    background: var(--gray);
}

.item-sold .hide-product-help {
    position: relative;
    transition: var(--transition);
    z-index: 21;
    display: flex;
    height: var(--gap18);
    margin-left: 2px;
}

.item-sold .hide-product-help:hover {
    color: var(--primary);
    cursor: pointer;
}

.item-sold .hide-product-help-box {
    font-weight: 500;
    color: #313131;
    background-color: #fff;
    box-shadow: 0 4px  var(--gap16) rgba(11 11 11 / 30%);
    padding: 10px var(--gap12);
    border-radius: 9px;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%, 10px);
    opacity: 0;
    transition: var(--transition);
    min-width: 328px;
    line-height: 1.5;
    pointer-events: none;
    font-size: var(--gap14);
}

.item-sold .hide-product-help:hover .hide-product-help-box {
    opacity: 1;
    transform: translate(-50%, 0);
}

.item-sold .hide-product-help-box::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: var(--gap6);
    margin-left: -6px;
    transform: rotate(180deg);
}

.item-sold-count {
    font-weight: bold;
    font-size: 106%;
    letter-spacing: 1px;
}

[data-id="comment-box-form"] .product-comment-action.right {
    width: fit-content;
    background: var(--primary-dk);
    margin-left: auto;
    position: relative;
}

.prod-add-comment-loading {
    position: absolute;
    left: 15px;
    background-color: #fff;
    width: var(--gap20);
    height: var(--gap20);
}

[data-id="comment-box-form"] .add-comment:active,
[data-id="comment-box-form"] .add-comment:focus:active,
[data-id="comment-box-form"] .add-comment:focus,
[data-id="comment-box-form"] .add-comment:focus-visible {
    box-shadow: none;
    outline: none;
    color: #fff;
}

[data-id="comment-box-form"] .product-comment-action.right:hover {
    background: var(--primary) !important;
    color: #fff;
    text-decoration: none;
}

[data-id="comment-box-form"] .add-comment {
    border: 0;
}

.feature-image {
    overflow: hidden;
}

.flashsale-product-item .voucher-label-wrapper {
    z-index: 2;
}

.product-img .voucher-label-wrapper {
    bottom: 8px;
}

.list-product-search .product-img .voucher-label-wrapper {
    bottom: 0;
}

.voucher-label-wrapper img {
    max-height: 28px;
}

.product-top-box-left {
    position: sticky;
    top: 0;
    left: 0;
}

.discount-percent-badege {
    border-radius: 6px;
    border: 1px solid #F67273;
    background: #FEF2F2;
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    color: #EC4747;
    font-size: 14px;
    font-weight: 700;
}

.product-top-box-left .voucher-label-wrapper img {
    max-height: 52px;
    width: 100px !important;
    height: 52px !important;
}

.product-top-box-left .voucher-label-wrapper .extra-voucher-item:first-child:before {
    border-top: 52px solid var(--voucher-color);
    border-right: 52px solid transparent;
}

.voucher-label-wrapper {
    position: absolute;
    width: calc(100% + 28px);
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    grid-gap: 0;
    z-index: 9;
    overflow: hidden;
    left: 0;
    /* pointer-events: none; */
}

.extra-voucher-item {
    --voucher-color: #ffff00;
    --step: 0;
    z-index: 1;
    position: relative;
    overflow: hidden;
    transform: translateX(calc(-1 * var(--step) * 5px));
}

.extra-voucher-item img {
    width: 42.5px !important;
    height: 22px !important;
    display: block;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

.product-top-box-left .extra-voucher-item {
    transform: translateX(calc(-1 * var(--step) * 12px));
}

.cart-item-title .extra-voucher-item,
.table_order_items-cell-detail .extra-voucher-item {
    transform: translateX(calc(-1 * var(--step) * 4px));
}

.cart-item-title .extra-voucher-item::before,
.cart-item-title .extra-voucher-item::after {
    display: none;
    opacity: 0;
}

.extra-voucher-item:nth-of-type(1) {
    --step: 0;
}

.extra-voucher-item:nth-of-type(2) {
    --step: 1;
}

.extra-voucher-item:nth-of-type(3) {
    --step: 2;
}

.extra-voucher-item:nth-of-type(4) {
    --step: 3;
}

.extra-voucher-item:nth-of-type(5) {
    --step: 4;
}

.extra-voucher-item.voucher-extra {
    --voucher-color: #ffff00;
}

.extra-voucher-item.voucher-chiaki {
    --voucher-color: #137ca6;
}

.extra-voucher-item.new-arrival {
    --voucher-color: #ff6600;
}

.extra-voucher-item.voucher-best-seller {
    --voucher-color: #F00;
}

.extra-voucher-item.voucher-freeship {
    --voucher-color: #00c000;
}

.extra-voucher-item:first-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 22px solid var(--voucher-color);
    border-right: 22px solid transparent;
}

.extra-voucher-item:nth-of-type(5)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 22px solid var(--voucher-color);
    border-left: 22px solid transparent;
    z-index: -1;
}

.product-top-box-left .extra-voucher-item:nth-of-type(5)::after {
    display: none;
}

.table_order_items-cell-thumbnail .order-item-thumb .extra-voucher-item img {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    max-width: 23px;
}

.voucher-label-wrapper .extra-voucher-item img {
    border-radius: 0;
    position: relative;
    mix-blend-mode: unset;
}

.cart-item-title .voucher-label-wrapper,
.table_order_items-cell-detail .voucher-label-wrapper {
    display: flex;
    margin-top: 2px;
    position: relative;
}

.cart-page .voucher-label-wrapper {
    position: relative;
    bottom: 0;
    left: auto;
    margin-top: 6px
}

.add2basket-image .voucher-label-wrapper .extra-voucher-item img,
.add2basket-body .add2basket-image img {
    width: 100%;
    height: 100%;
}

#slider-wrapper .voucher-label-wrapper .extra-voucher-item img {
    max-width: unset;
    mix-blend-mode: unset;
}

.text-product-order-cart+.preorder_days+.voucher-label-wrapper {
    margin-top: var(--gap6);
}

#slick-carousel-gallery .slick-slide {
    background-color: #f8f8f8;
    height: 480px;
    position: relative;
}

#slick-carousel-gallery .slick-slide img {
    mix-blend-mode: multiply;
}

.underage-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    pointer-events: none;
}

.underage {
    filter: blur(10px);
    pointer-events: none;
}

.related-product-item .underage-wrapper::before{
    font-size: 30px;
    border: 4px solid #fff;
}

.underage-wrapper::after {
    content: "18+";
    position: absolute;
    inset: 0;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
    pointer-events: none;
    border: 10px solid #fff;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    width: 50%;
    aspect-ratio: 1 / 1;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.cart-item-img-wrapper.underage-wrapper::after {
    font-size: 30px;
    border: none;
}

.cart-item-img-wrapper.underage-wrapper .underage{
    filter: blur(2px);
}

.list-product-search .product-img .product-item-link {
    margin-bottom: 0;
}

.list-product-search .product-item .product-title {
    margin-top: 8px;
}

.tooltip-out-of-stock::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #333;
    border-width: var(--gap6);
    margin-left: -6px;
}

.filter-disabled:hover .tooltip-out-of-stock {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}


.flashsale .controls {
    margin: 0 auto;
}

.flashsale .controls a {
    margin: 2px 7px;
}

.flashsale-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 var(--gap12);
}

.flashsale-title .flashsale-head {
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    font-size: 17px;
}

.flashsale-icon {
    fill: var(--price);
    margin-right: 7px;
    width: 30px;
    height: 42px;
}

.flashsale-title .flashsale-time {
    margin: 0;
    font-size: var(--gap14);
    text-transform: uppercase;
    line-height: var(--gap24);
    display: flex;
    white-space: nowrap;
}

.flashsale-time>span {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--price);
    padding: var(--gap6) var(--gap6);
    border-radius: 3px;
    margin: 0 3px;
    color: #fff;
    line-height: 1;
    font-size: var(--gap12);
    font-weight: bold;
}

.flashsale-time>span:empty {
    display: none;
}

.flashsale-item .pTitle {
    font-size: var(--gap16);
    line-height: var(--gap18);
    margin: 0 0 8px;
    text-decoration: none;
    color: var(--dark);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 54px;
}

.flashsale-item .pTitle:hover {
    color: var(--primary-dk);
}

.brand-block {
    margin: 0;
    font-size: var(--gap14);
    grid-gap: var(--gap6);
    flex-wrap: wrap;
}

.item-brand .rating-head {
    color: var(--dark);
    font-weight: 500;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.pr-meta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--gap6);
    margin: 1px auto 7px;
    line-height: 1.7em
}


.variant-box .select-title>*:nth-child(n +2),
.pr-meta>*:nth-child(n +2) {
    font-weight: bold;
}

.pr-meta sup {
    padding-left: 2px;
    font-family: 'Open Sans', sans-serif
}

.pr-meta-label {
    color: var(--dark);
    display: block;
    padding-right: var(--gap6);
    min-width: 105px
}

.pr-meta-label.pr-old {
    font-weight: 400;
    text-decoration: line-through
}

.categories {
    color: var(--primary);
    text-decoration: underline !important;
}

.categories:after {
    content: ",";
    margin-right: 3px;
    color: #999;
}

.categories:last-child:after {
    display: none;
}

.notifications {
    padding: 1pxvar(--gap10); 
    border: 1px #555 dashed;
    margin: 7px auto;
    display: inline-block
}

.old-price-value {
    font-size: calc(var(--gap14) - 1px); 
    color: #333
}

.pr-padding {
    padding: 3px 0 7px;
    display: inline-block;
    color: #00aad1;
    font-size: var(--gap16)
}

.mua-hang.preview .btn-mua-hang {
    pointer-events: none;
    opacity: 0.4;
}

.buy-product-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: var(--gap8);
}

.buy-product-action input {
    padding: var(--gap6) 4px var(--gap6)var(--gap10); 
    text-align: center;
    height: 38px;
    width:auto !important;
    max-width: 60px;
    margin: 0;
    outline: none;
}

.buy-product-action input:focus {
    border-color: var(--primary)
}

.product-rate {
    margin: var(--gap10) auto 0
}

.product-contents {
    --sidebar: clamp(280px, calc(210.285714px + 5.7142857vw), 320px);;
    grid-template-columns: calc(100% - var(--sidebar) - var(--gap20)) var(--sidebar);
    grid-gap: var(--gap20);
    padding-bottom: 16px;
}

.show-tab-detail-product {
    text-align: left;
}

.show-tab-detail-product table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid var(--borderColor);
}

.show-tab-detail-product > *:first-child {
    margin-top: 0;
}

.show-tab-detail-product h2,
.show-tab-detail-product h3,
.show-tab-detail-product h4 {
    text-align: left !important;
}

.show-tab-detail-product h2 {
    margin-top: 0;
}

.product-view-wrapper {
    background-color: #f5f5f5;
}

.seller-list .seller-block{
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: flex-start;
    padding: 14px;
    background-color: #ffff;
    border-radius: 8px;
    margin: 14px 0;
}

.seller-list .seller-block .seller-info-block{
    display: grid;
    width: 300px;
    min-width: 300px;
    grid-template-columns: 80px calc(100% - 96px);
    grid-gap: 4px 16px;
}

.seller-list .seller-block .seller-avt{
    grid-row-start: span 4;
    width: 80px;
    height: 80px;
    border-radius: 48px;
    background-color: #EDFBFD;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(11 11 11 / 11%);
    font-size: 18px;
    transition: all 200ms ease-in-out;
    justify-content: center;
    align-items: center;
    display: flex;
}

.seller-list .seller-block .seller-name{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.seller-list .seller-block .seller-status{
    font-size: 13px;
}

.seller-list .seller-block .seller-info-action{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}

.seller-list .seller-block .seller-info-action .btn-messenger,
.seller-list .seller-block .seller-info-action .btn-view {
    font-size: 14px;
    grid-gap: 6px;
    border-radius: 6px;
    padding: 6px 10px;
    user-select: none;
    cursor: pointer;
}

.seller-list .seller-block .seller-info-action .btn-messenger {
    border: 1px solid #2199c4;
    background-color: #EDFBFD;
    color: var(--primary);
}

.seller-list .seller-block .seller-info-action .btn-messenger:hover {
    border: 1px solid #2199c4;
    color: #fff;
    border-color: #2199c4;
    background-color: #2199c4;
}

.seller-list .seller-block .seller-info-action .btn-view {
    border: 1px solid var(--gray);
    color: #313131;
}
.seller-list .seller-block .seller-info-action .btn-view:hover{
    border: 1px solid #2199c4;
    color: var(--primary);
}

.seller-extra-block {
    display: grid;
    width: 100%;
    padding-left: 24px;
    border-left: 1px solid #e1e1e1;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
}

.seller-extra-block .seller-extra-block-item{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.seller-extra-block .seller-extra-block-item .seller-extra-block-item-title{
    color: #A3A3A3;
}

.detail-content-title {
    font-size: var(--gap20);
    color: var(--black);
    background-color: #fafafa;
    border-radius: 4px;
    padding: var(--gap6) var(--gap12);
    margin-bottom: var(--gap14);
    font-weight: 600;
}

.product-sidebar {
    position: relative;
}

.sidebar-product-content {
    width: 100%;
    font-size: 15px;
    background-color: #fff;
    border-radius: 4px;
    padding: var(--gap10) var(--gap14);
    margin-bottom: var(--gap14);
}

.product-specs-label {
    width: 150px;
    min-width: 150px;
}

.product-specs-value {
    font-weight: 600;
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-wrap: wrap;
}

.product-specs-value span, .product-specs-value .breadcrums-link {
    color: var(--primary);
    display: flex;
    align-items: center;
}

.product-specs-value span:hover, .product-specs-value .breadcrums-link:hover {
    color: var(--primary-dk);
}

.product-specs-value span:not(:last-child)::after, .product-specs-value .breadcrums-link:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6l-6 6"/></svg>') no-repeat center;
}  

.sidebar-stickybox {
    border-radius: 4px;
    overflow: hidden;
    padding: 1px;
    position: sticky;
    top: 124px;
    left: 0;
    background: linear-gradient(180deg, #43BFE3 0%, #EBE8B3 100%);
}

.sidebar-stickybox-content {
    background-color: #fff;
    border-radius: 4px;
    padding: var(--gap10) var(--gap14);
}

.product-current {
    grid-gap: var(--gap8);
}

.product-current-item {
    background: #f8f8f8;
    grid-gap: var(--gap10);
    padding: var(--gap6) var(--gap10);
}

.product-current-title {
    color: var(--black);
    font-size: var(--gap16);
    font-weight: 600;
    word-break: break-word;
}

.product-current-item .price-show {
    font-size: var(--gap20)
}

.sidebar-stickybox-action .buy-cart-action-item {
    width: 100%;
    grid-gap: var(--gap6);
    font-size: 15px;
}

/* Other seller */
.other-seller {
    margin-top: var(--gap14);
    padding-top: var(--gap14);
    border-top: 1px solid var(--light);
}

.other-seller-title {
    font-size: var(--gap18);
    font-weight: 600;
}

.js-count-store,
.js-price-from {
    font-weight: 600;
}

/* Sliding Sidebar Styles */
.other-seller-wrapper-layout {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 500px;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    z-index: 9999;
    transition: right 0.3s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.other-seller-wrapper-layout.active {
    right: 0;
}

.other-seller-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.other-seller-background.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.seller-sidebar-header {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    flex-shrink: 0;
}

.seller-sidebar-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.seller-sidebar-close:hover {
    color: #333;
}

.other-seller-content {
    padding: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.seller-product-info {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .other-seller-wrapper-layout {
        width: 100%;
        max-width: 100%;
    }
}

.seller-arrow {
    cursor: pointer;
}

.seller-arrow:hover span {
    color: var(--primary);
}

/* Prevent body scroll when sidebar is open */
body.sidebar-open {
    overflow: hidden;
}

/* Ensure sidebar content is scrollable */
.other-seller-wrapper-layout .other-seller-content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Custom scrollbar for sidebar */
.other-seller-wrapper-layout .other-seller-content::-webkit-scrollbar {
    width: 6px;
}

.other-seller-wrapper-layout .other-seller-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.other-seller-wrapper-layout .other-seller-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.other-seller-wrapper-layout .other-seller-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.seller-product-image {
    max-width: 135px;
}

.seller-product-header {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.seller-product-action {
    border: 1px solid var(--primary);
    background-color: #EDFBFD;
    color: var(--primary);
    padding: var(--gap8) var(--gap20);
    border-radius: var(--gap12);
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s ease;
}

.seller-product-action:hover {
    opacity: 0.8;
}

.seller-rating-wrap {
    font-size: var(--gap14);
}

.seller-rating-count {
    opacity: 0.8;
}

.other-seller-list-wrapper {
    list-style: none;
    padding: 0;
}

.other-seller-head {
    padding: var(--gap14) 0 0 var(--gap14);
}

.other-seller-product-item-wrapper {
    display: flex;
    align-items: flex-start;
    gap: var(--gap8);
}

.other-seller-text {
    color: #565959;
}

.other-seller-name {
    display: flex;
    flex-direction: column;
    gap: var(--gap6);
    flex: 1;
}

.store-info.warranty-info,
.seller-rating-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
}

.other-seller-product-price {
    color: var(--price);
    font-weight: 700;
    display: flex;
    align-items: center;
}

.other-seller-product-item {
    padding: var(--gap14);
}

.other-seller-product-item:not(:last-child) {
    border-bottom: 1px solid var(--light);
}

.other-seller-addbutton {
    display: flex;
    align-items: center;
    gap: var(--gap10);
}

.other-seller-addbutton a {
    padding: var(--gap6) var(--gap20);
    border-radius: var(--gap12);
    font-weight: 600;
    cursor: pointer;
}

.btn-product-detail {
    border: 1px solid var(--gray);
    color: var(--dark);
}

.btn-product-detail:hover {
    border: 1px solid var(--primary);
    color: var(--primary);
    transition: all 0.3s ease;
}

.btn-add-to-cart {
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: #EDFBFD;
}

.btn-add-to-cart:hover {
    opacity: 0.8;
}

.btn-gia-san-pham .btn-icon-page {
    border-radius: 12px 0 0 12px;
}

.btn-gia-san-pham a.btn-icon-page {
    border-radius: 0 12px 12px 0;
}

/* Comment */
.product-customer-content {
    border-radius: var(--gap12);
    width: 100%;
    padding: var(--gap16);
    align-self: stretch;
    background-color: white;
    border: 1px solid var(--primary);
    margin-bottom: var(--gap14);
    flex-direction: row !important;
    align-items: flex-end;
}

.product-customer-title {
    font-size: var(--gap20);
    color: var(--black);
    font-weight: 600;
}

.product-point-comment {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.product-point-comment .product-point-comment-value {
    font-size: 30px;
    font-weight: 700;
    color: var(--black);
    line-height: 36px;
}

.product-point-comment .product-point-comment-max {
    font-size: var(--gap16);
    color: #A3A3A3;
    font-weight: 400;
    line-height: 20px;
}

.product-rating-average .rating-count {
    font-size: var(--gap16);
}

.product-rating-point-detail {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 400px;
}

.product-rating-point-detail-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
}

.product-rating-point-detail-item svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.product-rating-point-detail-item-value {
    font-weight: 500;
    min-width: 12px;
    text-align: center;
}

.product-rating-point-detail-item-process-bar {
    flex: 1;
    height: 8px;
    background-color: #e0e0e0;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.product-rating-point-detail-item-process-bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
    width: var(--progress-width, 0%);
}

.product-rating-point-detail-item-process-total {
    font-size: 12px;
    color: #666;
    min-width: 40px;
    text-align: left;
}

.comment-filter {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
    flex: 1 0 0;
    flex-wrap: wrap;
}

.comment-filter-item {
    display: flex;
    min-width: 102px;
    align-items: center;
    gap: 8px;
}

.comment-filter-item input[type="radio"] {
    display: none;
}

.comment-filter-item .radio-icon {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

.comment-filter-item .checked {
    display: none;
}

.comment-filter-item input[type="radio"]:checked + label .checked {
    display: inline-block;
}

.comment-filter-item input[type="radio"]:checked + label .unchecked {
    display: none;
}

.comment-filter-item label {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.comment-filter-item label span {
    line-height: 20px !important;
}

.comment-filter-item .rating-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

/* Responsive layout for two columns */
@media (min-width: 768px) {
    .product-rating-point-detail {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 24px;
        max-width: 600px;
    }
    
    .product-rating-point-detail-item:nth-child(odd) {
        grid-column: 1;
    }
    
    .product-rating-point-detail-item:nth-child(even) {
        grid-column: 2;
    }
}

.data-featherlight-gallery {
    background-color: #EDFBFD;
    padding: 8px;
    border-radius: var(--gap8);
    display: flex;
    gap: 8px;
    overflow-x: auto;
}

.data-featherlight-gallery::-webkit-scrollbar {
    display: block;
}

.data-featherlight-gallery img {
    border-radius: 4px;
    width: 100px;
    height: 100px;
    flex: 0 0 auto;
}

.user-info {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
}

.avatar-letter {
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.comment-like-btn {
    color: #A3A3A3;
    font-size: var(--gap14);
    display: flex;
    align-items: center;
    gap: 4px;
}

.subcomment-content {
    padding-left: 40px;
    margin-bottom: 12px;
}

.subcomments-heading {
    align-items: center;
    grid-gap: 8px;
    margin-bottom: 5px;
}

.button-view-more {
    padding: 8px 16px;
    background-color: var(--primary-dk);
    border: 1px solid var(--primary-dk);
    color: #fff;
    border-radius: 4px;
    transition: all .3s;
}

.button-view-more:hover {
    background-color: #fff;
    color: var(--primary-dk);
    transition: all .3s;
}

.user_status {
    padding-left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

comment-template+comment-template {
    margin-top: 0;
}

#box_comment .comment_item .user_status .block_like_web {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.data-featherlight-gallery-comment {
    display: flex;
    grid-gap: var(--gap18);
    flex-wrap: wrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin-top: 4px;
}

.data-featherlight-gallery-comment img {
    border-radius: 4px;
}

[data-id="comment-box-form"] .add-comment {
    background-color: var(--primary);
    color: #fff;
    border: 0;
    padding: 10px 20px;
    border-radius: var(--gap12);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

[data-id="comment-box-form"] .hide-reply-btn {
    background-color: var(--light);
    color: var(--primary);
    border: 0;
    padding: 10px 20px;
    border-radius: var(--gap12);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.view_more_coment, .view_more_qa {
    color: var(--primary);
    text-align: center;
    font-size: var(--gap14);
    cursor: pointer;
    font-weight: 600;
}

.loading-img {
    margin: 0 auto 12px;
}

.flash-sale-wrapper {
    display: flex;
    height: 32px;
    padding: 4px 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: linear-gradient(90deg, #F50 0%, #FF8C3F 100%);
}

.flash-sale-wrapper img {
    width: 100px;
}

.flash-sale-countdown {
    display: flex;
    align-items: center;
    gap: 4px;
}

.flash-sale-countdown-time-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.flash-sale-countdown span {
    color: white;
}

.flash-sale-countdown-hour, .flash-sale-countdown-minute, .flash-sale-countdown-second {
    color: white;
    font-size: var(--gap14);
    font-weight: 700;
    display: flex;
    width: 20px;
    height: 20px;
    padding: 4px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 2px;
    background: #0A0A0A;
}

.store-response-title {
    color: #A3A3A3;
}

.seller-rating-total-count {
    position: relative;
    padding-left: 8px;
}

.seller-rating-total-count::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 1px;
    height: 80%;
    background-color: #E5E5E5;
}

.product-detail-gallery .slick-arrow.slick-next, 
.product-detail-gallery .slick-arrow.slick-prev {
    background: rgba(10, 10, 10, 0.20);
    color: white;
    display: flex;
    width: 20px;
    height: 36px;
    padding: 8px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.loading-breadcrumb {
    height: 20px;
    margin: var(--gap14) auto;
    width: 50%;
}

.loading-wrapper {
    border-radius: var(--gap6);
    padding: var(--gap14);
    display: flex;
    gap: 32px;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.loading-image-box {
    display: grid;
    grid-gap: var(--gap16);
    grid-template-columns: repeat(5, 1fr);
    padding: 20px 0 0;
}

.loading-gallery {
    width: 480px;
    height: 480px;
}

.loading-detail-info {
    display: flex; 
    flex-direction: column;
    gap: var(--gap20);
    width: 100%;
}

.loading-title,
.loading-status,
.loading-warehouse,
.loading-variant,
.loading-quantity,
.loading-advertisement {
    height: 25px;
}

.loading-warehouse,
.loading-status {
    width: 200px;
}

.loading-variant {
    width: 700px;
}

.loading-quantity,
.loading-advertisement {
    width: 300px;
}

.loading-price {
    padding: var(--gap16) var(--gap12);
    height: 62px;
}

.loading-button-wrapper {
    display: flex;
    gap: var(--gap12);
}

.loading-button {
    width: 220px;
    height: 50px;
}

.loading-advertisement-img {
    width: 100%;
    height: 100px;
}

.btn-pending {
    cursor: not-allowed;
    background-color: #a0a0a0;
    color: #fff;
    border: 1px solid #a0a0a0;
}

.btn-add-to-cart.btn-loading {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.btn-butnow-pending{
    cursor: not-allowed;
    background-color: #a0a0a0;
    color: #fff;
    border: 1px solid #a0a0a0;
}

.view-more-disclaimer .txt_777:hover {
    color: var(--primary);
    cursor: pointer;
}

.add-to-cart-popup-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.7);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    z-index: 9999;
    animation: zoomInFromCenter 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
    padding: 40px;
}

.popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    position: relative;
}

.popup-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-text {
    flex: 1;
    color: white;
    text-align: center;
}

.popup-text h4 {
    font-size: 16px;
    font-weight: 600;
}

.popup-text p {
    margin: 0;
    font-size: 14px;
}

@keyframes zoomInFromCenter {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.3);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes zoomOutToCenter {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.3);
    }
}

.add-to-cart-popup-wrapper.hide {
    animation: zoomOutToCenter 0.3s ease-in forwards;
}

/* Hiệu ứng bay vào giỏ hàng */
.flying-product {
    position: fixed;
    z-index: 10000;
    pointer-events: none;
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: scale(1);
}

.flying-product img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 2px solid #fff;
}

.flying-product.flying {
    opacity: 0;
    transform: scale(0.3);
}

/* Hiệu ứng bounce cho giỏ hàng */
.cart-bounce {
    animation: cartBounce 0.6s ease-in-out;
}

@keyframes cartBounce {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); }
    50% { transform: scale(0.95); }
    75% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Hiệu ứng pulse cho nút add to cart */
.add-to-cart-pulse {
    animation: addToCartPulse 0.3s ease-in-out;
}

@keyframes addToCartPulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.ribbon {
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    pointer-events: none;
}

.ribbon-top-left {
    top: -10px;
    left: -10px;
}

.ribbon::before, .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #ff867a;
}

.ribbon-top-left::before, .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon-top-left::before {
    top: 0;
    right: 0;
}

.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 8px 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    background: #ffcdc9;
    color: #D9342C;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
}
.ribbon-top-left span {
    right: -46px;
    top: 25px;
    transform: rotate(-45deg);
}

/* .product-top-box-left:has(.ribbon.ribbon-top-left:not([ng-cloak])) .viewing-wrapper {
    right: 8px;
    left: unset;
} */

.viewing-wrapper {
    position: absolute;
    z-index: 98;
    top: 410px;
    left: 10px;
    height: 60px;
    overflow: hidden;
}

.product-top-box-left:has(.extra-voucher-item:not([ng-cloak])) .viewing-wrapper {
    top: 360px;
} 

.viewing-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.viewing-count {
    height: 26px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: #e3f6f8;
    color: #0A0A0A;
    padding: 4px 12px 4px 8px;
    font-size: 13px;
    border-radius: 20px;
    transform-origin: center;  
    transition: transform 0.3s, opacity 0.3s;
    width: fit-content;
    transform-origin: left center;
}

.viewing-count:first-child {
    transform: scale(0.9);
    opacity: 0.6;
}

.viewing-count .cart-bag {
    stroke: #2199c4;
}

.viewing-count .eye-icon {
    fill: #2199c4;
}

.viewing-count .clock {
    fill: #FFC107;
}

.viewing-count .top-icon {
    stroke: #FFC107;
}

.viewing-count .flame {
    fill: #ff3636;
    stroke: #ff3636;
}

.viewing-count .coupon-icon {
    stroke: #ff3636;
}

.viewing-list {
  will-change: transform;
}

.viewing-count.new-item {
  opacity: 0;
  transform: translateY(6px);
  animation: fadeInUp 1.2s ease forwards;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.product-meta {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sold-count {
    font-size: 13px;
    color: #525252;
}

/* countdown */
.countdown {
    font-size: 13px;
    color: #fff;
    background: linear-gradient(135deg, #00b3ee, #0095cc);
    padding: 4px 8px;
    border-radius: 6px;
    display: inline-block;
    width: fit-content;
    font-weight: 600;
}

.product-meta {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stock-warning {
    font-size: 16px;
    color: #ff8c00;
    font-weight: 600;
}

.stock-warning {
    animation: pulseStock 1.2s infinite;
}

@keyframes pulseStock {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

/* features-lightbox */
.lg-outer .lg-object {
    max-height: 96%;
}

.lg-features-popup .lg-components {
    display: flex; 
    flex-direction: column-reverse;
}

.lg-features-popup .lg-sub-html .features-lightbox {
    position: fixed;
    bottom: 0;
    width: fit-content;
    margin: auto;
    height: calc(100vh - 54px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    font-family: Arial;
}

.lg-features-popup .product-feature-title {
    color: #333;
}

.slider-for:not(.slick-initialized) .lg-item:nth-child(n + 2) { 
    display: none; 
}

.slider-nav:not(.slick-initialized) {
    opacity: 0;
    min-height: 78px;
}

.slider-nav:not(.slick-initialized) .thumb-item {
    display: none;
}

.product-total-quantity-value {
    margin-left: 14px;
    color: #525252;
}

.affiliate-banner-link {
    display: block;
    width: 100%;
}

.affiliate-banner-link img {
    border-radius: 8px;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.review-images {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: var(--gap12);
}


.review-images .img-box {
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.review-images .img-box::after {
    content: "";
    padding-bottom: 100%;
    display: block;
}

.review-images .img-box .upload-image {
    width: 100%;
    height: 100%;
    border-radius: var(--gap6);
    position: absolute;
    top: 0;
    left: 0;
}

.img-box .remove-img {
    position: absolute;
    top: var(--gap6);
    right: var(--gap6);
    color: #fff;
    width: var(--gap16);
    height: var(--gap16);
    border-radius: var(--gap16);
    background-color: #f00;
}

@media (max-width: 1024px) {
    .product-detail-layout-wrapper {
        --gallery: 0;
    }

    .download-app-code img {
        width: fit-content;
    }

    .mua-hang {
        width: 100%;
    }

    .buy-product-action {
        width: fit-content;
        margin-bottom: 0px;
    }

    #slider-wrapper .thumb-item {
        width: 140px !important;
    }
}

.no-comment-content {
    text-align: center;
    padding: 24px 0;
}

.no-comment-text {
    font-size: 20px;
    color: #999;
}

#box_comment_organization textarea {
    resize: vertical;
    margin-top: 6px;
}

#box_comment_organization textarea + .alert-error {
    padding-top: 0;
    display: block;
}

#box_comment_organization [data-id="comment-box-form"] input[type=text] {
    margin: 4px 15px 4px 0;
}

#box_comment_organization #comment_reply_wrapper label {
    margin-top: 5px;
}

#box_comment_organization .comment-row {
    grid-row-gap: var(--gap6);
}

#box_comment_organization .alert-error {
    font-size: 14px !important;
}

#box_comment_organization .name-field {
    color: #333;
    font-style: normal;
}

#box_comment_organization .required-field {
    color: var(--price);
}

#box_comment_organization .close-comment-popup {
    margin-right: 16px;
    margin-left: 0;
}

.main_show_comment {
    display: flex;
    flex-direction: column;
    grid-gap: var(--gap12);
}

.comment-img-upload > span {
    font-size: 14px !important;
}

.comment-img-upload .fileSelector .button {
    color: var(--primary-dk);
    border-color: var(--primary-dk);
    margin: 0;
}

.comment-img-upload .fileSelector .button:hover {
    background-color: var(--primary-dk);
    color: #fff;
}

#box_comment_organization {
    margin-top: 20px;
}

#box_comment_organization #comment_reply_wrapper .comment-img-upload label {
    margin: 0;
}

#box_comment_organization .review-images .img-box {
    background-color: #fff;
}

#box_comment_organization .review-images .img-box img {
    mix-blend-mode: multiply;
}

#box_comment_organization .review-images {
    margin: 8px 0 15px;
}

#box_comment_organization textarea:focus::placeholder,
#box_comment_organization input:focus::placeholder {
    color: transparent;
}

#box_comment_organization textarea::placeholder,
#box_comment_organization input::placeholder {
    color: #666;
}

.size-guide-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.size-guide-popup-overlay.ng-hide-add,
.size-guide-popup-overlay.ng-hide-remove {
    transition: opacity 0.3s ease;
}

.size-guide-popup-overlay.ng-hide {
    opacity: 0;
}

.size-guide-popup {
    background: white;
    border-radius: 12px;
    max-width: 800px;
    width: 100%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.size-guide-popup-overlay.ng-hide-add .size-guide-popup,
.size-guide-popup-overlay.ng-hide-remove .size-guide-popup {
    transition: transform 0.3s ease;
}

.size-guide-popup-overlay.ng-hide .size-guide-popup {
    transform: scale(0.9);
}

.size-guide-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #e0e0e0;
}

.size-guide-popup-title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.size-guide-popup-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: color 0.2s ease;
}

.size-guide-popup-close:hover {
    color: #333;
}

.size-guide-popup-body {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.size-guide-popup-body .size-guide-container {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.size-guide-popup-body .size-guide-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.size-guide-popup-body .size-guide-table {
    border-collapse: collapse;
    width: 100%;
    background: none;
}

.size-guide-popup-body .size-guide-table th {
    padding: 12px 16px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    border: 1px solid #e0e0e0;
    background-color: #fafafa;
    background: #fafafa;
}

.size-guide-popup-body .size-guide-table td {
    padding: 12px 16px;
    font-size: 14px;
    color: #333;
    border: 1px solid #e0e0e0;
    text-align: center;
}

.size-guide-popup-body .size-guide-unit {
    margin-top: 12px;
    font-size: 12px;
    color: #999;
    text-align: right;
    font-style: italic;
}

.size-guide-trigger {
    cursor: pointer;
}

.size-guide-trigger span {
    color: var(--primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 20px;
}

.size-guide-trigger span:hover {
    color: var(--primary-dk);
}

.variant-has-image {
    cursor: pointer;
    grid-gap: 6px;
    align-items: center;
}

.variant-has-image.filter-disabled .variant-image {
    background-color: #f8f8f8;
    border-radius: 4px 4px 0 0;
}

.variant-image .underage {
    filter: blur(2px);
}

.variant-has-image img {
    width: 100%;
    height: auto;
    mix-blend-mode: multiply;
    object-fit: cover;
    object-position: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.variant-has-image .variant-title {
    font-size: 12px;
    align-items: center;
}
.variant-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f8f8f8;
    height: 480px;
    z-index: 7;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    pointer-events: auto;
}

.variant-image-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

.variant-image-overlay img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: opacity 0.2s ease;
    cursor: pointer;
}

#product-filter-wrapper::-webkit-scrollbar-track
{
	background-color: #fafafa;
}

#product-filter-wrapper::-webkit-scrollbar
{
	background-color: #fafafa;
}

#product-filter-wrapper::-webkit-scrollbar-thumb
{
	background-color: #e1e1e1;
}

.key-guide-row {
    cursor: pointer;
}

.key-guide-content-row {
    margin-top: var(--gap14);
    padding-top: var(--gap10);
    border-top: 1px dashed #ebebeb;
    color: var(--primary);
    font-weight: 600;
}

.key-guide-content-row span {
    flex: 1;
}

.key-guide-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
}

.key-guide-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .5);
}

.key-guide-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 24px);
    max-width: 720px;
    height: 80vh;
    max-height: 640px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .25);
}

.key-guide-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.key-guide-close {
    border: none;
    background: transparent;
    font-size: 26px;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 0 4px;
}

.key-guide-frame {
    flex: 1 1 auto;
    width: 100%;
    border: 0;
}