@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sendora.vn/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(2,11,39);
	--wd-entities-title-color-hover: rgb(20, 147, 140);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(2,11,39);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(1,146,139);
	--wd-alternative-color: rgb(250,191,24);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(20,147,140);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 500;
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: rgb(1,146,139);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(1,146,139);
	--btn-accented-bgcolor-hover: rgb(1,146,139);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(1,146,139);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(250,191,24);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://sendora.vn/wp-content/uploads/2024/12/1-4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://sendora.vn/wp-content/uploads/2024/12/47.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .post.wd-post .post-title {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
}
html .post.wd-post .post-title a:hover {
	color: rgb(20,147,140);
}
html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a, html .wd-nav.wd-nav-secondary > li > a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: inherit;
}
html .wd-blog-holder .post.wd-post .post-title {
	font-weight: 600;
	font-size: 15px;
}
html .wd-blog-holder .post.wd-post .post-title a:hover {
	color: rgb(20,147,140);
}
blockquote {
	font-weight: 400;
	font-size: 15px;
	color: rgb(20,147,140);
}
html .page-title .wd-breadcrumbs a, html .page-title .wd-breadcrumbs span, html .page-title .yoast-breadcrumb a, html .page-title .yoast-breadcrumb span {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
}
html .widget_product_categories .product-categories > li > .children > li > a, html .widget_product_categories .product-categories li a {
	font-weight: 400;
	font-size: 14px;
	text-transform: none;
}
html .widget_product_categories .product-categories > li > .children > li > a:hover, html html .widget_product_categories .product-categories > li > .children > li.current-menu-item > a, .widget_product_categories .product-categories li a:hover, .widget_product_categories .product-categories li.current-menu-item a {
	color: rgb(20,147,140);
}
html .widget_product_categories .product-categories > li > a {
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
}
.widget_product_categories .product-categories > li > a:hover, html .widget_product_categories .product-categories > li.current-cat > a {
	color: rgb(20,147,140);
}
html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	text-transform: capitalize;
}
html .product-image-summary-wrap .summary-inner > .price del, html .product-image-summary-wrap .summary-inner > .price del .amount, html .wd-single-price .price del .amount {
	font-size: 15px;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-nav.wd-nav-secondary > li > a {
	font-weight: 500;
	font-size: 14px;
}
.page .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(249,249,249);
	background-image: none;
}
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(249,249,249);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 45%;
}
:root{
--wd-container-w: 1390px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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

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


/* === Khung "Kết thúc sau" cho countdown (CSS only) === */
.wd-product-countdown.wd-timer{
  position: relative;
  /* khung card */
  border: 2px solid #ffa63a;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  /* chừa chỗ cho header */
  padding: 50px 16px 14px;
	display: flex;
	justify-content: center;
	gap:12px;
}

/* Header "Kết thúc sau" (tạo bằng ::before, không cần HTML) */
.wd-product-countdown.wd-timer::before{
  content: "Flash Sale Kết Thúc Sau:";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  color: #fff;
  background: linear-gradient(90deg,#FF5252,#E53935);
  border-radius: 10px 10px 0 0;
}

/* Các ô thời gian */
.wd-product-countdown.wd-timer > span{
  background: #FABF18;
	color:#fff;
  text-align: center;
  border-radius: 8px;
}

/* Mobile */
@media (max-width:575px){
  .wd-product-countdown.wd-timer{ padding: 46px 12px 12px; gap: 8px; }
  .wd-product-countdown.wd-timer > span{ min-width: 60px; padding: 8px 0; }
}
/* Mặc định: KM và gốc cùng hàng, VAT xuống dòng */
.product-price { padding: 8px 0; }
span.price {
  display: block;
  line-height: 1.2;
  word-break: break-word;
}
span.price > ins,
span.price > del { display: inline-block; margin-right: 6px; }
span.price > ins { font-weight: 600; color: #e53935; text-decoration: none; }
span.price > del { opacity: .7; }
span.price > small,
span.price .woocommerce-price-suffix {
  display: block;
  font-size: .85em;
  color: #555;
  margin-top: 2px;
}

/* Trong summary-inner: KM + gốc + VAT cùng một hàng, nhưng dài quá thì wrap */
.summary-inner.wd-set-mb.reset-last-child .price {
  display: inline-flex !important;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;      /* cho phép xuống dòng khi thiếu chỗ */
  line-height: 1.2;
}

.summary-inner.wd-set-mb.reset-last-child .price > * {
  display: inline-flex !important;
  flex: 0 0 auto;       /* không giãn chiếm hết hàng */
  white-space: nowrap;  /* từng giá trị không bị bẻ giữa số/đơn vị */
  margin: 0;
}

/* Ẩn các giá lớn nếu có nhiều cấp giá */
.price > span:nth-of-type(2),
.price > span:nth-of-type(3) {
    display: none !important;
}
/* Fix Safari / FB iOS */
:is(.browser-Safari, .platform-iOS[class*="FBAN"])
  .hide-larger-price .price > :is(ins, small) {
  margin-inline-start: 0;
  display: block !important;
}

/* Reset lại style của nút */
.mfp-arrow {
    all: unset !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,0.5) !important;
    cursor: pointer !important;
    z-index: 99999 !important;
}

/* Đặt vị trí trái/phải */
.mfp-arrow.mfp-arrow-left { left: 20px !important; }
.mfp-arrow.mfp-arrow-right { right: 20px !important; }

/* Tạo icon mũi tên bằng border */
.mfp-arrow:after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    border: solid white !important;
    border-width: 0 4px 4px 0 !important;
    padding: 8px !important;
    display: inline-block !important;
}

/* Xoay icon cho từng hướng */
.mfp-arrow.mfp-arrow-left:after {
    transform: translate(-50%, -50%) rotate(135deg) !important;
}
.mfp-arrow.mfp-arrow-right:after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Hover effect */
.mfp-arrow:hover {
    background: rgba(0,0,0,0.75) !important;
}


.wd-products-element{
	padding-bottom:30px!important;
}
.product-price {
    padding: 8px 0;
}

.wd-products[class*="wd-stretch-cont"] .product-element-bottom { 
	padding: 0px 10px!important;
}
.product-tabs-wrapper .tabs-layout-tabs>.wd-nav-tabs-wrapper {
	margin-top: 30px!important;
}
.wd-product.wd-hover-icons .wrapp-buttons{
		display: none!important;
}
.woocommerce-bacs-bank-details{
	display: none !important;
}

/* video trong content*/
.elementor iframe{
		height:600px;
}

/*  giới hạn số dòng trong bài viết liên quan ở trang sản phẩm*/
.wd-post-desc,.entry-content.wd-post-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* 🔥 Số dòng giới hạn */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wd-post-img {
  width: 100%;
  aspect-ratio: 1.28 / 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wd-post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* giữ tỉ lệ và cắt đều ảnh */
}

.related-posts-slider .post-img-wrapp img {
    width: 100%;
    height: 220px!important;
    object-fit: cover;
    border-radius: 6px;
}
.wd-el-title{
    font-size: 22px!important;
}
.related-posts-section{
    margin-top: 50px!important;
}

/*Carousel sản phẩm & layout*/
.wd-carousel .wd-carousel-wrap:has(.wd-product),
.wd-carousel.wd-carousel-wrap .wd-product,
.wd-carousel.product-wrapper {
    align-items: stretch;
    height: 100%;
}
/*Ảnh trong nội dung & caption*/
.wp-caption {
    padding: 5px;
    max-width: 100%;
    text-align: center;
}
.wp-caption img {
    display: inline-flex;
    width: 600px;
    height: auto;
    margin: 0;
}
/*Giỏ hàng & nút Checkout*/
.cart-widget-side {
    padding: 0 10px;
    z-index: 9999;
}
.elementor-button.elementor-size-md.elementor-button--view-cart,
.elementor-button.elementor-size-md.elementor-button--checkout {
    padding: 8px;
}
/*Wishlist & Compare*/
.wd-products .wd-wishlist-btn {
    display: block !important;
}
.wd-compare-btn {
    display: none;
}
/*Tiêu đề & thông tin phụ dự án, blog*/
.basel-hover-standard .product-title a {
    height: 60px;
}
.wd-post-desc, .proj-cats-list {
    font-size: 0.9em;
}
.widget-area ul {
    font-size: 15px !important;
}
.wd-project .wd-entities-title {
    font-size: 15px !important;
}
.wd-project .wrap-meta {
    display: none;
}
/*Blockquote*/
blockquote {
    padding: 10px 20px !important;
    margin: 10px;
    font-size: 15px;
    font-weight: 400;
    border-left: 5px solid #14938C;
    border-radius: 10px;
    box-shadow: 0 0 5px #14938C;
}
/*Accordion / FAQ / Tab & Tiêu đề Responsive*/
.wd-accordion-title-text {
    font-size: 20px !important;
}
.faq .wd-accordion-title-text {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.wrap-title {
    font-size: 13px !important;
}
.wrap-meta {
    font-size: 10px !important;
}
@media (max-width: 768px) {
    .wrap-title, .wrap-meta {
        font-size: 10px !important;
    }
}
/*Nút đọc thêm (Read More)*/
.read-more-content {
    max-height: 550px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.read-more-content.expanded {
    max-height: none;
}
.read-more-button {
    display: block;
    margin: 10px auto;
    padding: 8px 16px;
    color: #fff;
    background: #14938C;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.read-more-button:hover {
    background: #16a49c;
}
.wd-read-more a,
.read-more-section a {
    font-weight: 500 !important;
}
/*Nút nổi liên hệ (Floating Contact Buttons)*/
.floating-contact-buttons {
    position: fixed;
    right: 20px;
    bottom: 30%;
    transform: translateY(-50%);
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}
.floating-contact-button {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
}
.button-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
    white-space: nowrap;
}
.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    width: 50px;
    height: 50px;
    z-index: 2;
}
.icon svg {
    display: block;
    margin: auto;
}
.text {
    color: #242424;
    font-size: 14px;
    white-space: nowrap;
    transition: all 0.3s ease;
}
.floating-contact-button:hover {
    width: auto;
    padding-left: 20px;
}
.floating-contact-button:hover .text {
    opacity: 1;
    visibility: visible;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
}
.messenger-btn,
.phone-btn,
.zalo-btn {
    background-color: rgba(var(--bgcolor-white-rgb), 1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
}
/* Mobile */
@media (max-width: 1024px) {
    .floating-contact-buttons {
        right: 12px;
        bottom: 117px;
        transform: none;
    }
    .floating-contact-button {
        width: 40px;
        height: 40px;
    }
    .icon {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .icon svg {
        width: 32px;
        height: 32px;
    }
    .text {
        font-size: 12px !important;
    }
}
/* Focus/iOS */
.floating-contact-button:focus {
    outline: none;
}
@media (hover: none) {
    .floating-contact-button {
        -webkit-tap-highlight-color: transparent;
    }
}
/*Các điều chỉnh blog & bài viết*/
.blog-design-meta-image .wd-post-entry-meta,
.blog-design-meta-image .wd-post-header,
.wd-post-cat.wd-style-with-bg,
.butonnone,
.wd-read-more {
    display: none;
}
.blog-design-meta-image.blog-style-bg .wd-post-content {
    padding: 10px !important;
}
.woodmart-recent-posts .wd-entities-title {
    font-size: 14px;
}
.wd-post.blog-style-bg .article-body-container {
    padding: 5px !important;
}
.wd-post .article-body-container {
    text-align: left !important;
}
/*Tabs & sản phẩm chi tiết*/
.woocommerce-Tabs-panel img {
    max-width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
}
#wd-add-to-cart,
.single_add_to_cart_button {
    flex: 1 0 auto !important;
}
.woocommerce .product .swatch-wrapper {
    display: none !important;
}
.elementor-widget-text-editor {
    display: block !important;
}
.whb-full-width .wd-dropdown-menu.wd-design-aside > .container {
    max-width: clamp(var(--wd-container-w), 55%, 100%) !important;
}
@media (max-width: 1024px) {
    .tabs-layout-tabs {
        display: block !important;
    }
    .product-tabs-wrapper .tabs-layout-tabs > .wd-nav-tabs-wrapper {
        margin-top: 30px !important;
    }
}
.portfolio-hover-inverse .portfolio-info {
    background-color: #14938c!important;
}@media (min-width: 1025px) {
	.product_list_widget>li .wd-entities-title, .product_list_widget>li .widget-product-info .price {
    font-size: 14px;
}
h1.entry-title.product_title {
		font-size: 26px!important;
}
.wd-dropdown-menu.wd-design-aside.wd-style-default .wd-dropdown{
	padding-top:10px!important;
}
#tab-description .wc-tab-inner {
    max-height: 750px; /* Điều chỉnh chiều cao phù hợp  */
    overflow-y: auto;
    padding-right: 20px;
	  padding-top: 20px;
}
.wd-accordion-content {
    scroll-behavior: smooth;
}
/* Tìm kiếm AJAX */
#woodmart-ajax-search-2,
.woodmart-ajax-search-2 {
    border: none !important;
}

/* Ô nhập văn bản tìm kiếm */
.searchform input[type="text"] {
    border: 1px solid #14938C !important;
    border-radius: 5px !important;
}

/* Form tìm kiếm - lề trái/phải */
.wd-search-form {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

/* Nút tìm kiếm */
.searchform .searchsubmit {
    background-color: #14938C !important;
    color: #fff !important;
    border: none !important;
}

/* Tiêu đề widget sidebar */
.widget-title {
    background: linear-gradient(180deg, #2ab3ac 0, #1ba59d 100%);
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px !important;
    color: #fff;
    padding-left: 10px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

/* Hộp widget */
.widget-area .widget {
    border: 1px solid #14938C !important;
    border-radius: 5px !important;
    padding: 0 10px 10px 10px;
    margin-bottom: 10px !important;
}
/*Giá sản phẩm & tên*/
.wd-product .wd-entities-title a{
	 font-size: 15px !important;
	font-weight:400!important;
}
.wd-product .price {
    font-size: 15px!important;
}

}

@media (max-width: 576px) {
	.post.wd-post .post-title{
	 font-size:15px!important;
}

.blog-design-meta-image.blog-style-bg .wd-post-content {
    padding: 5px!important;
}
.product-summary-shadow .summary-inner {
    padding: 15px!important;
}

.woocommerce div.product .product_title {
    font-size: 22px;
	
}
	.wd-page-title .title {
    font-size: 24px!important;
}
.woocommerce-table--order-details tfoot tr:last-child th {
    text-transform: uppercase;
    font-size: 15px;
}
.wd-header-search-form-mobile .searchform input[type="text"]{
color: #777;
}


}

