/* Hùng Vũ AJAX Product Tabs - v3.0 compact + UX Builder fixed */
.hvapt-wrap{
    --hvapt-active:#f4b000;
    --hvapt-line:#eeeeee;
    --hvapt-slider-gap:6px;
    --hvapt-tab-arrow-size:28px;
    --hvapt-product-arrow-size:28px;
    width:100%;
    max-width:100%;
    min-width:0;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0 0 14px;
    overflow:hidden;
    box-sizing:border-box;
    isolation:isolate;
}
.hvapt-wrap*,.hvapt-wrap*::before,.hvapt-wrap*::after{box-sizing:border-box}
.hvapt-heading{display:none!important}

/* TAB BAR: không chừa padding lớn, nút phủ lên hai bên */
.hvapt-wrap .hvapt-tabs-shell{
    position:relative;
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    border:0!important;
    border-bottom:1px solid var(--hvapt-line)!important;
    background:transparent!important;
    box-shadow:none!important;
    margin:0 0 8px;
    padding:0!important;
    overflow:hidden;
}
.hvapt-wrap .hvapt-tabs-scroller{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0 2px!important;
}
.hvapt-wrap .hvapt-tabs-scroller::-webkit-scrollbar{display:none;width:0;height:0}
.hvapt-wrap .hvapt-tabs{
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
    width:max-content;
    min-width:max-content;
    white-space:nowrap;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.hvapt-wrap .hvapt-tab{
    appearance:none!important;
    -webkit-appearance:none!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit;
    font-family:inherit!important;
    text-transform:none!important;
    letter-spacing:0!important;
    padding:10px 10px 9px!important;
    margin:0!important;
    min-height:42px;
    min-width:auto;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:15px;
    line-height:1;
    font-weight:500;
    cursor:pointer;
    position:relative;
    transition:color .18s ease;
    border-radius:0!important;
    flex:0 0 auto;
}
.hvapt-wrap .hvapt-tab:hover,.hvapt-wrap .hvapt-tab.is-active{color:#d99a00}
.hvapt-wrap .hvapt-tab::after{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    bottom:-1px;
    height:2px;
    background:transparent;
    transition:background .18s ease;
    pointer-events:none;
}
.hvapt-wrap .hvapt-tab.is-active::after{background:var(--hvapt-active)}
.hvapt-wrap .hvapt-tab-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    min-width:16px;
    height:20px;
    font-size:16px;
    line-height:1;
    color:inherit;
}
.hvapt-wrap .hvapt-tab-icon-img{
    width:auto;
    max-width:72px;
    height:22px;
    object-fit:contain;
    display:block;
}

/* Mặc định ẩn text cho 3 tab custom khi bật tùy chọn */
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-featured .hvapt-tab-text,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-sale .hvapt-tab-text,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-bestseller .hvapt-tab-text{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-featured,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-sale,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-bestseller{
    min-width:46px!important;
    padding-left:8px!important;
    padding-right:8px!important;
}

/* Nút tròn không méo */
.hvapt-wrap .hvapt-tabs-arrow,
.hvapt-wrap .hvapt-slider-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    z-index:30!important;
    width:var(--hvapt-tab-arrow-size)!important;
    height:var(--hvapt-tab-arrow-size)!important;
    min-width:var(--hvapt-tab-arrow-size)!important;
    max-width:var(--hvapt-tab-arrow-size)!important;
    min-height:var(--hvapt-tab-arrow-size)!important;
    max-height:var(--hvapt-tab-arrow-size)!important;
    padding:0!important;
    margin:0!important;
    aspect-ratio:1/1!important;
    border-radius:50%!important;
    border:1px solid #ededed!important;
    background:#fff!important;
    color:#d99a00!important;
    font-family:inherit!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 2px 10px rgba(0,0,0,.06)!important;
    cursor:pointer!important;
    opacity:1!important;
    pointer-events:auto!important;
}
.hvapt-wrap .hvapt-tabs-arrow{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
}
.hvapt-wrap .hvapt-tabs-arrow-prev{left:0!important}
.hvapt-wrap .hvapt-tabs-arrow-next{right:0!important}
.hvapt-wrap .hvapt-tabs-arrow.is-disabled,.hvapt-wrap .hvapt-slider-btn.is-disabled{opacity:.22!important}

/* Content */
.hvapt-wrap .hvapt-content{
    position:relative;
    min-height:50px;
    max-width:100%;
    min-width:0;
    overflow:visible;
}
.hvapt-wrap .hvapt-content.is-loading{opacity:.55;pointer-events:none}
.hvapt-wrap .hvapt-content.is-loading::before{
    content:"";
    position:absolute;
    top:12px;
    left:50%;
    width:24px;
    height:24px;
    border:3px solid #ddd;
    border-top-color:var(--hvapt-active);
    border-radius:50%;
    animation:hvapt-spin .75s linear infinite;
    z-index:5;
}
@keyframes hvapt-spin{to{transform:rotate(360deg)}}
.hvapt-wrap .hvapt-animate{animation-duration:var(--hvapt-duration,250ms);animation-fill-mode:both}
.hvapt-wrap .hvapt-animation-fade{animation-name:hvaptFade}
.hvapt-wrap .hvapt-animation-slide-up{animation-name:hvaptSlideUp}
@keyframes hvaptFade{from{opacity:0}to{opacity:1}}
@keyframes hvaptSlideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Không chỉnh card sản phẩm, chỉ ép đúng số cột layout wrapper */
.hvapt-wrap .products{max-width:100%;min-width:0}

/* Flatsome/Woo columns hard fix */
.hvapt-wrap .large-columns-1>.product{flex-basis:100%!important;max-width:100%!important}
.hvapt-wrap .large-columns-2>.product{flex-basis:50%!important;max-width:50%!important}
.hvapt-wrap .large-columns-3>.product{flex-basis:33.3333%!important;max-width:33.3333%!important}
.hvapt-wrap .large-columns-4>.product{flex-basis:25%!important;max-width:25%!important}
.hvapt-wrap .large-columns-5>.product{flex-basis:20%!important;max-width:20%!important}
.hvapt-wrap .large-columns-6>.product{flex-basis:16.6667%!important;max-width:16.6667%!important}
.hvapt-wrap .large-columns-7>.product{flex-basis:14.2857%!important;max-width:14.2857%!important}
.hvapt-wrap .large-columns-8>.product{flex-basis:12.5%!important;max-width:12.5%!important}

/* Slider không chừa padding lớn. Nút phủ lên trong slider */
.hvapt-wrap .hvapt-slider-isolated{
    position:relative;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
}
.hvapt-wrap .hvapt-slider-viewport{width:100%;overflow:hidden}
.hvapt-wrap .hvapt-slider-track{
    --hvapt-slider-cols:6;
    --hvapt-slider-rows:1;
    display:grid!important;
    grid-auto-flow:column;
    grid-template-rows:repeat(var(--hvapt-slider-rows),auto);
    grid-auto-columns:calc((100% - (var(--hvapt-slider-gap) * (var(--hvapt-slider-cols) - 1))) / var(--hvapt-slider-cols));
    column-gap:var(--hvapt-slider-gap);
    row-gap:var(--hvapt-slider-gap);
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin:0!important;
    padding:0 0 4px!important;
}
.hvapt-wrap .hvapt-slider-track::-webkit-scrollbar{display:none;width:0;height:0}
.hvapt-wrap .hvapt-slider-track>.product{
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
    scroll-snap-align:start;
    margin:0!important;
}
.hvapt-wrap .hvapt-slider-btn{
    position:absolute!important;
    top:50%!important;
    width:var(--hvapt-product-arrow-size)!important;
    height:var(--hvapt-product-arrow-size)!important;
    min-width:var(--hvapt-product-arrow-size)!important;
    max-width:var(--hvapt-product-arrow-size)!important;
    min-height:var(--hvapt-product-arrow-size)!important;
    max-height:var(--hvapt-product-arrow-size)!important;
    transform:translateY(-50%)!important;
}
.hvapt-wrap .hvapt-slider-prev{left:2px!important}
.hvapt-wrap .hvapt-slider-next{right:2px!important}
.hvapt-wrap .hvapt-empty{margin:10px 0}

html body .hvapt-wrap,
html body .hvapt-wrap .hvapt-tabs-shell,
html body .hvapt-wrap .hvapt-tabs-scroller,
html body .hvapt-wrap .hvapt-content,
html body .hvapt-wrap .hvapt-slider-isolated,
html body .hvapt-wrap .hvapt-slider-track{max-width:100%!important}

@media(max-width:849px){
    .hvapt-wrap{
        --hvapt-tab-arrow-size:26px;
        --hvapt-product-arrow-size:26px;
        --hvapt-slider-gap:6px;
    }
    .hvapt-wrap .hvapt-tabs-shell{margin-bottom:8px}
    .hvapt-wrap .hvapt-tab{
        padding:9px 8px!important;
        font-size:14px;
        min-height:38px;
        gap:5px;
    }
    .hvapt-wrap .hvapt-tab-icon-img{max-width:54px;height:18px}
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-featured,
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-sale,
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-bestseller{min-width:36px!important}
    .hvapt-wrap .hvapt-slider-track{
        --hvapt-slider-cols:2!important;
        grid-auto-columns:calc((100% - var(--hvapt-slider-gap)) / 2)!important;
    }
    .hvapt-wrap .large-columns-1>.product,
    .hvapt-wrap .large-columns-2>.product,
    .hvapt-wrap .large-columns-3>.product,
    .hvapt-wrap .large-columns-4>.product,
    .hvapt-wrap .large-columns-5>.product,
    .hvapt-wrap .large-columns-6>.product,
    .hvapt-wrap .large-columns-7>.product,
    .hvapt-wrap .large-columns-8>.product{flex-basis:50%!important;max-width:50%!important}
}
@media(max-width:549px){
    .hvapt-wrap{
        --hvapt-tab-arrow-size:24px;
        --hvapt-product-arrow-size:24px;
        --hvapt-slider-gap:5px;
    }
    .hvapt-wrap .hvapt-tab{
        padding:8px 7px!important;
        font-size:13px;
        min-height:36px;
    }
    .hvapt-wrap .hvapt-tab-icon-img{max-width:48px;height:16px}
}


/* v3.2: slider buttons outside product area */
.hvapt-wrap .hvapt-slider-isolated {
    overflow: visible !important;
    padding-left: calc(var(--hvapt-product-arrow-size) + 8px) !important;
    padding-right: calc(var(--hvapt-product-arrow-size) + 8px) !important;
}

.hvapt-wrap .hvapt-slider-viewport {
    overflow: hidden !important;
    width: 100% !important;
}

.hvapt-wrap .hvapt-slider-prev {
    left: 0 !important;
}

.hvapt-wrap .hvapt-slider-next {
    right: 0 !important;
}

.hvapt-wrap .hvapt-slider-btn {
    top: 50% !important;
}

/* Tab arrows also sit outside the scroll text area, not on top of labels */
.hvapt-wrap .hvapt-tabs-shell {
    overflow: visible !important;
    padding-left: calc(var(--hvapt-tab-arrow-size) + 6px) !important;
    padding-right: calc(var(--hvapt-tab-arrow-size) + 6px) !important;
}

.hvapt-wrap .hvapt-tabs-scroller {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

@media(max-width:849px) {
    .hvapt-wrap .hvapt-slider-isolated {
        padding-left: calc(var(--hvapt-product-arrow-size) + 5px) !important;
        padding-right: calc(var(--hvapt-product-arrow-size) + 5px) !important;
    }

    .hvapt-wrap .hvapt-tabs-shell {
        padding-left: calc(var(--hvapt-tab-arrow-size) + 4px) !important;
        padding-right: calc(var(--hvapt-tab-arrow-size) + 4px) !important;
    }
}

@media(max-width:549px) {
    .hvapt-wrap .hvapt-slider-isolated {
        padding-left: calc(var(--hvapt-product-arrow-size) + 4px) !important;
        padding-right: calc(var(--hvapt-product-arrow-size) + 4px) !important;
    }

    .hvapt-wrap .hvapt-tabs-shell {
        padding-left: calc(var(--hvapt-tab-arrow-size) + 3px) !important;
        padding-right: calc(var(--hvapt-tab-arrow-size) + 3px) !important;
    }
}


/* v3.4: make product images equal size inside this element only */
.hvapt-wrap .product-small .box-image,
.hvapt-wrap .product .box-image,
.hvapt-wrap .product-small .box-image .image-fade_in_back,
.hvapt-wrap .product .box-image .image-fade_in_back {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hvapt-wrap .product-small .box-image img,
.hvapt-wrap .product .box-image img,
.hvapt-wrap .product-small .box-image picture,
.hvapt-wrap .product .box-image picture {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.hvapt-wrap .product-small .box-image a,
.hvapt-wrap .product .box-image a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hvapt-activation-required {
    padding: 12px;
    border: 1px dashed #d63638;
    color: #b32d2e;
    background: #fff7f7;
}


/* v3.4.3 - fix frontend padding/gutter */
.hvapt-wrap{
    overflow: visible !important;
}

/* Không chừa khoảng trắng cho tab */
.hvapt-wrap .hvapt-tabs-shell{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
}
.hvapt-wrap .hvapt-tabs-scroller{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hvapt-wrap .hvapt-tabs-arrow{
    z-index: 40 !important;
}
.hvapt-wrap .hvapt-tabs-arrow-prev{
    left: -14px !important;
}
.hvapt-wrap .hvapt-tabs-arrow-next{
    right: -14px !important;
}

/* Không chừa padding trái/phải cho slider products */
.hvapt-wrap .hvapt-content,
.hvapt-wrap .hvapt-products-inner,
.hvapt-wrap .hvapt-slider-isolated{
    overflow: visible !important;
}
.hvapt-wrap .hvapt-slider-isolated{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.hvapt-wrap .hvapt-slider-viewport{
    overflow: hidden !important;
}
.hvapt-wrap .hvapt-slider-btn{
    z-index: 40 !important;
}
.hvapt-wrap .hvapt-slider-prev{
    left: -14px !important;
}
.hvapt-wrap .hvapt-slider-next{
    right: -14px !important;
}

@media (max-width: 849px){
    .hvapt-wrap .hvapt-tabs-arrow-prev,
    .hvapt-wrap .hvapt-slider-prev{
        left: -10px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-next,
    .hvapt-wrap .hvapt-slider-next{
        right: -10px !important;
    }
}

@media (max-width: 549px){
    .hvapt-wrap .hvapt-tabs-arrow-prev,
    .hvapt-wrap .hvapt-slider-prev{
        left: -8px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-next,
    .hvapt-wrap .hvapt-slider-next{
        right: -8px !important;
    }
}


/* v3.5.0 - slider buttons fully outside */
.hvapt-wrap .hvapt-slider-isolated,
.hvapt-wrap .hvapt-tabs-shell{
    overflow: visible !important;
}
.hvapt-wrap .hvapt-slider-isolated{
    padding: 0 !important;
}
.hvapt-wrap .hvapt-slider-btn{
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.hvapt-wrap .hvapt-slider-prev{
    left: -28px !important;
}
.hvapt-wrap .hvapt-slider-next{
    right: -28px !important;
}
.hvapt-wrap .hvapt-tabs-arrow-prev{
    left: -22px !important;
}
.hvapt-wrap .hvapt-tabs-arrow-next{
    right: -22px !important;
}

/* TGDD-like larger image tabs for featured/sale/bestseller when using image icon */
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-featured .hvapt-tab-icon-img,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-sale .hvapt-tab-icon-img,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-bestseller .hvapt-tab-icon-img{
    max-width: 116px !important;
    height: 34px !important;
    object-fit: contain !important;
}
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-featured,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-sale,
.hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-bestseller{
    min-width: 78px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* View all button */
.hvapt-wrap .hvapt-view-all-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 16px 0 6px;
}
.hvapt-wrap .hvapt-view-all-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 9px 18px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #2d6cdf !important;
    text-decoration: none !important;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
    transition: all .18s ease;
}
.hvapt-wrap .hvapt-view-all-btn:hover{
    color: #1f56b2 !important;
    border-color: #cfd7e6;
    transform: translateY(-1px);
}

@media (max-width: 849px){
    .hvapt-wrap .hvapt-slider-prev{ left: -18px !important; }
    .hvapt-wrap .hvapt-slider-next{ right: -18px !important; }
    .hvapt-wrap .hvapt-tabs-arrow-prev{ left: -14px !important; }
    .hvapt-wrap .hvapt-tabs-arrow-next{ right: -14px !important; }
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-featured .hvapt-tab-icon-img,
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-sale .hvapt-tab-icon-img,
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-bestseller .hvapt-tab-icon-img{
        max-width: 92px !important;
        height: 28px !important;
    }
}
@media (max-width: 549px){
    .hvapt-wrap .hvapt-slider-prev{ left: -12px !important; }
    .hvapt-wrap .hvapt-slider-next{ right: -12px !important; }
    .hvapt-wrap .hvapt-tabs-arrow-prev{ left: -10px !important; }
    .hvapt-wrap .hvapt-tabs-arrow-next{ right: -10px !important; }
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-featured .hvapt-tab-icon-img,
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-sale .hvapt-tab-icon-img,
    .hvapt-wrap.hvapt-icon-only-custom-tabs .hvapt-tab-type-bestseller .hvapt-tab-icon-img{
        max-width: 78px !important;
        height: 24px !important;
    }
}


/* v3.5.3 - PC wheel scroll + push arrows farther outside */
.hvapt-wrap{
    overflow: visible !important;
}

/* Reserve a little side space so arrows never cover tab text/card edges */
.hvapt-wrap .hvapt-tabs-shell{
    position: relative !important;
    margin-left: 28px !important;
    margin-right: 28px !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hvapt-wrap .hvapt-slider-isolated{
    position: relative !important;
    margin-left: 28px !important;
    margin-right: 28px !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hvapt-wrap .hvapt-tabs-arrow,
.hvapt-wrap .hvapt-slider-btn{
    z-index: 60 !important;
}
.hvapt-wrap .hvapt-tabs-arrow-prev{
    left: -34px !important;
}
.hvapt-wrap .hvapt-tabs-arrow-next{
    right: -34px !important;
}
.hvapt-wrap .hvapt-slider-prev{
    left: -34px !important;
}
.hvapt-wrap .hvapt-slider-next{
    right: -34px !important;
}

/* better pointer affordance for horizontal wheel/drag zones on desktop */
@media (min-width: 850px){
    .hvapt-wrap .hvapt-tabs-scroller,
    .hvapt-wrap .hvapt-slider-track{
        cursor: grab;
    }
    .hvapt-wrap .hvapt-tabs-scroller:active,
    .hvapt-wrap .hvapt-slider-track:active{
        cursor: grabbing;
    }
}

@media (max-width: 849px){
    .hvapt-wrap .hvapt-tabs-shell,
    .hvapt-wrap .hvapt-slider-isolated{
        margin-left: 18px !important;
        margin-right: 18px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-prev,
    .hvapt-wrap .hvapt-slider-prev{
        left: -22px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-next,
    .hvapt-wrap .hvapt-slider-next{
        right: -22px !important;
    }
}

@media (max-width: 549px){
    .hvapt-wrap .hvapt-tabs-shell,
    .hvapt-wrap .hvapt-slider-isolated{
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-prev,
    .hvapt-wrap .hvapt-slider-prev{
        left: -18px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-next,
    .hvapt-wrap .hvapt-slider-next{
        right: -18px !important;
    }
}


/* v3.5.4 - arrows outside, content stays exactly same width */
.hvapt-wrap {
    overflow: visible !important;
}

.hvapt-wrap .hvapt-tabs-shell,
.hvapt-wrap .hvapt-slider-isolated {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

.hvapt-wrap .hvapt-tabs-scroller,
.hvapt-wrap .hvapt-slider-viewport {
    width: 100% !important;
    max-width: 100% !important;
}

.hvapt-wrap .hvapt-tabs-arrow-prev {
    left: -44px !important;
}
.hvapt-wrap .hvapt-tabs-arrow-next {
    right: -44px !important;
}
.hvapt-wrap .hvapt-slider-prev {
    left: -44px !important;
}
.hvapt-wrap .hvapt-slider-next {
    right: -44px !important;
}

.hvapt-wrap .hvapt-tabs-scroller,
.hvapt-wrap .hvapt-slider-track {
    user-select: none;
    -webkit-user-select: none;
    cursor: grab;
}
.hvapt-wrap .hvapt-tabs-scroller.hvapt-is-dragging,
.hvapt-wrap .hvapt-slider-track.hvapt-is-dragging {
    cursor: grabbing !important;
}

@media (max-width: 849px) {
    .hvapt-wrap .hvapt-tabs-shell,
    .hvapt-wrap .hvapt-slider-isolated {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .hvapt-wrap .hvapt-tabs-arrow-prev,
    .hvapt-wrap .hvapt-slider-prev {
        left: -28px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-next,
    .hvapt-wrap .hvapt-slider-next {
        right: -28px !important;
    }
}

@media (max-width: 549px) {
    .hvapt-wrap .hvapt-tabs-arrow-prev,
    .hvapt-wrap .hvapt-slider-prev {
        left: -20px !important;
    }
    .hvapt-wrap .hvapt-tabs-arrow-next,
    .hvapt-wrap .hvapt-slider-next {
        right: -20px !important;
    }
}


/* v3.5.5 - Equal product title height */
.hvapt-wrap p.name.product-title,
.hvapt-wrap .product-title {
    min-height: 44px !important;
    margin-bottom: 6px !important;
}

.hvapt-wrap p.name.product-title a,
.hvapt-wrap .product-title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    padding: 0 !important;
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 22px !important;
}

/* Giữ chiều cao đều cả khi title nằm trong box-text của Flatsome */
.hvapt-wrap .box-text p.name,
.hvapt-wrap .box-text .product-title {
    min-height: 44px !important;
}


/* v3.5.6 - smoother desktop mouse drag */
.hvapt-wrap .hvapt-tabs-scroller,
.hvapt-wrap .hvapt-slider-track {
    cursor: grab;
    touch-action: pan-y;
    scroll-behavior: auto;
}

.hvapt-wrap .hvapt-tabs-scroller.hvapt-is-dragging,
.hvapt-wrap .hvapt-slider-track.hvapt-is-dragging {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
}

body.hvapt-body-dragging {
    cursor: grabbing !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

body.hvapt-body-dragging a,
body.hvapt-body-dragging button {
    cursor: grabbing !important;
}

@media (hover: none) {
    .hvapt-wrap .hvapt-tabs-scroller,
    .hvapt-wrap .hvapt-slider-track {
        cursor: auto;
        touch-action: pan-x pan-y;
    }
}


/* v3.5.7 - keep tab buttons fully clickable */
.hvapt-wrap .hvapt-tab,
.hvapt-wrap .hvapt-tabs-arrow,
.hvapt-wrap .hvapt-slider-btn {
    pointer-events: auto !important;
}


/* v3.5.8 - tab click stability */
.hvapt-wrap .hvapt-tab {
    pointer-events: auto !important;
    position: relative;
    z-index: 70;
}

.hvapt-wrap .hvapt-tabs-scroller {
    cursor: auto !important;
}

.hvapt-wrap .hvapt-slider-track {
    cursor: grab;
}

.hvapt-wrap .hvapt-slider-track.hvapt-is-dragging {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
}

body.hvapt-body-dragging {
    cursor: grabbing !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}


/* v3.5.9 - stable drag/click behavior */
.hvapt-wrap .hvapt-tabs-scroller,
.hvapt-wrap .hvapt-slider-track {
    cursor: grab !important;
    touch-action: pan-y;
    scroll-behavior: auto;
}

.hvapt-wrap .hvapt-tabs-scroller.hvapt-is-dragging,
.hvapt-wrap .hvapt-slider-track.hvapt-is-dragging {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
}

.hvapt-wrap .hvapt-tab,
.hvapt-wrap .hvapt-slider-track a {
    pointer-events: auto !important;
}

body.hvapt-body-dragging {
    cursor: grabbing !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

@media (hover: none) {
    .hvapt-wrap .hvapt-tabs-scroller,
    .hvapt-wrap .hvapt-slider-track {
        cursor: auto !important;
        touch-action: pan-x pan-y;
    }
}


/* v3.6.0 - no custom drag, guaranteed clicks */
.hvapt-wrap .hvapt-tab,
.hvapt-wrap .hvapt-slider-track a,
.hvapt-wrap .product a {
    pointer-events: auto !important;
}

.hvapt-wrap .hvapt-tabs-scroller,
.hvapt-wrap .hvapt-slider-track {
    cursor: auto !important;
    scroll-behavior: smooth;
    touch-action: pan-x pan-y;
}

.hvapt-wrap .hvapt-tabs-scroller.hvapt-is-dragging,
.hvapt-wrap .hvapt-slider-track.hvapt-is-dragging,
body.hvapt-body-dragging {
    cursor: auto !important;
    user-select: auto !important;
    -webkit-user-select: auto !important;
}


/* v3.6.3 - disable mouse wheel scroll over product slider */
.hvapt-wrap .hvapt-slider-track {
    cursor: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior-x: auto !important;
}

.hvapt-wrap .hvapt-slider-track:hover {
    cursor: auto !important;
}