@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//doscom.vn/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=7.5.2") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(69,69,69);
	--wd-text-font-size: 15px;
	--wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(69, 69, 69);
	--wd-alternative-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(23,85,147);
	--wd-alternative-color: rgb(15,55,127);
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(0,0,0);
	--btn-default-bgcolor: rgb(15,55,127);
	--btn-default-bgcolor-hover: rgb(23,85,147);
	--btn-accented-bgcolor: rgb(23,85,147);
	--btn-accented-bgcolor-hover: rgb(23,85,147);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg .wd-product {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(28,97,231);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post .post-title {
	font-size: 18px;
}
.page .main-page-wrapper {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(247,247,247);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(247,247,247);
	background-image: none;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(23,85,147);
}
html .wd-buy-now-btn:hover {
	background: rgb(23,85,147);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 250%;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1417px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1400px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


table td {
    padding: 5px 12px;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .woobt-title-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product {
    border-radius: 10px;
}
.woobt-carousel .slick-dots {
    display: none !important;
}
.woobt-wrap .woobt-text, .woobt-wrap .woobt-products {
    font-weight: 500;
    font-size: 16px;
    color: #1d2327;
}
.wd-single-add-cart.wd-design-justify .variations_form {
    margin-bottom: 10px;
}
form.cart {
    margin-bottom: 15px;
}
 [class*="wd-swatches"].wd-shape-rounded .wd-swatch {
    padding: 10px;
} 
.woobt-products .woobt-product .variations_form .variations .variation .label {
    display: none;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product > div {

    font-size: 12px;
}
.woobt-carousel .slick-arrow {
    display: none !important;
}

.imagehover{transition:all .7s ease-in-out}.imagehover:hover{transform:scale(1.02)}.rounded-video{border-radius:10px}.crt-text-content{padding-top:50px}.star_box{display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;padding:0 20px 20px !important;border-radius:5px;font-size:16px;text-align:center}.star-average{margin-bottom:20px}.star-average .star_average{font-size:36px;font-weight:bold;color:#f5a623;display:block;line-height:1.2}.star-average strong{display:block;font-size:14px;margin-top:8px}.star_box_left{margin-bottom:25px}.devvn_review_row{display:flex;align-items:center;margin-bottom:10px}.devvn_stars_value{width:35px;display:inline-block;margin-right:10px;font-size:16px}.devvn_stars_value i.devvn-star{font-size:14px;color:#f5a623}.devvn_rating_bar{flex-grow:1;margin-right:10px}.devvn_scala_rating{display:block;width:100%;height:10px;background-color:#eee;border-radius:5px;overflow:hidden}.devvn_perc_rating{display:block;height:100%;border-radius:5px}.devvn_num_reviews{font-size:14px;white-space:nowrap}.star_box_right{text-align:center}.btn-reviews-now{display:inline-block;padding:15px 25px;background-color:#007bff;color:white;text-decoration:none;border-radius:5px;font-size:18px;white-space:nowrap;width:100%;box-sizing:border-box}


/* Thiết lập ban đầu cho tất cả kích thước màn hình */
.doscom-tabs-sticky {
    position: sticky;
    top: var(--header-height, 70px);
    background: #fff;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    padding: 10px 0;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.doscom-tabs-sticky-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.doscom-tabs-sticky-inner::-webkit-scrollbar {
    display: none;
}

.doscom-tabs-sticky-inner a {
    padding: 10px 20px;
    white-space: nowrap;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.doscom-tabs-sticky-inner a:hover {
    color: #2271b1;
}

.doscom-tabs-sticky-inner a.active {
    color: #2271b1;
    border-bottom-color: #2271b1;
}
.woobt-products .slick-list {
    flex-wrap: wrap;
    display: flex
}
/* Admin bar adjustment */
.admin-bar .doscom-tabs-sticky {
    top: calc(var(--header-height, 70px) + 32px);
}
.woobt-products .slick-list .slick-track {
    display: flex!important
}
@media (max-width: 782px) {
    .admin-bar .doscom-tabs-sticky {
        top: calc(var(--header-height, 70px) + 46px);
    }
}

/* MOBILE - CHỈ ÁP DỤNG KHI CÓ CLASS MOBILE-FULLWIDTH-TABS */
@media (max-width: 767px) {
    /* Styling cho tabs tràn màn hình MOBILE */
    .mobile-fullwidth-tabs {
        background: #ffffff !important;
        width: 100vw !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        left: 50% !important;
        right: 50% !important;
        position: relative !important;
        padding: 10px 0 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    }
    
    .mobile-fullwidth-tabs.is-sticky {
        position: fixed !important;
        top: var(--header-height, 60px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        z-index: 300 !important;
    }
    
    .admin-bar .mobile-fullwidth-tabs.is-sticky {
        top: calc(var(--header-height, 60px) - 1px) !important;
    }
    
    .mobile-fullwidth-tabs .doscom-tabs-sticky-inner {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        padding: 0 10px;
        padding-bottom: 5px;
    }
    
    .mobile-fullwidth-tabs .doscom-tabs-sticky-inner a {
        flex: 0 0 auto;
        padding: 8px 15px;
        background: #d2d2d2;
        border: 1px solid #ddd;
        border-radius: 4px;
        color: #333;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }
    
    .mobile-fullwidth-tabs .doscom-tabs-sticky-inner a.active {
        background: #154d86;
        color: white;
        border-color: #154d86;
    }
}
.doscom-floating {
    position: fixed;
    top: 120px;
    z-index: 10;
}

.doscom-floating.left-banner {
    left: 68px;
}

.doscom-floating.right-banner {
    right: 10px;
}

.doscom-floating img {
    width: 220px;
    height: auto;
}

@media (max-width: 1700px) {
    .doscom-floating {
        display: none;
    }
}