/*
Theme Name: Child Theme
Theme URI: https: //dongdomedia.vn
Description: Day la child theme cua Dong Do Media
Author: Dong Do Media
Author URI: https://dongdomedia.vn
Template: dongdo
Version: 4.77
*/
@import url("../dongdo/style.css");
@font-face{font-family:'SF Pro Display';font-style:Light;font-weight:300;src:url(fonts/SF-Pro-Display-Light.otf);font-display:swap}
@font-face{font-family:'SF Pro Display';font-style:Regular;font-weight:500;src:url(fonts/SF-Pro-Display-Medium.otf);font-display:swap}
@font-face{font-family:'SF Pro Display';font-style:Medium;font-weight:400;src:url(fonts/SF-Pro-Display-Regular.otf);font-display:swap}
@font-face{font-family:'SF Pro Display';font-style:Bold;font-weight:700;src:url(fonts/SF-Pro-Display-Bold.otf);font-display:swap}
@font-face{font-family:'SF Pro Display';font-style:Black;font-weight:900;src:url(fonts/SF-Pro-Display-Black.otf);font-display:swap}
.wishlist-button .icon-heart:before {content:"\e906";}
body {font-family: "SF Pro Display",sans-serif;font-weight:400;}
html {font-family: "SF Pro Display",sans-serif;}
h1, h2, h3, h4, h5, h6, .heading-font {font-family: "SF Pro Display",sans-serif;line-height:1.3;font-weight:700;letter-spacing:0px;}
.h1,h1 {font-size: 1.7em}
.h2,h2 {font-size: 1.6em}
.h3,h3 {font-size: 1.25em}
.h4,h4 {font-size: 1.125em}
.h5,h5 {font-size: 1em}
.h6,h6 {font-size: .85em;}
td:first-child, th:first-child {padding-left:.5em;}
.header-button .is-link:hover {color:#009688;}
.menu-home-top .ux-menu-link {font-weight:600;font-size:1rem;padding-top:8px;padding-bottom:7px;letter-spacing:-0.3px;}
.menu-home-top .racthai:before { content: url("/data/uploads/2026/04/rac1.svg");
    display: inline-block;
    margin-right: 0.7em;margin-left:0.5em;
    vertical-align: middle;width:38px;height: 38px;background: #f2fdfc;border-radius: 99px;padding: 4px;}
.menu-home-top .nuocthai:before { content: url("/data/uploads/2026/04/nuoc.svg");
    display: inline-block;
    margin-right: 0.7em;margin-left:0.5em;
    vertical-align: middle;width:38px;height: 38px;background: #f2fdfc;border-radius: 99px;padding: 4px;}
.menu-home-top .khithai:before { content: url("/data/uploads/2026/04/khi.svg");
    display: inline-block;
    margin-right: 0.7em;margin-left:0.5em;
    vertical-align: middle;width:38px;height: 38px;background: #f2fdfc;border-radius: 99px;padding: 4px;}
.menu-home-top .quantrac:before { content: url("/data/uploads/2026/04/quantrac1.svg");
    display: inline-block;
    margin-right: 0.7em;margin-left:0.5em;
    vertical-align: middle;width:38px;height: 38px;background: #f2fdfc;border-radius: 99px;padding: 4px;}
.menu-home-top .dandung:before { content: url("/data/uploads/2026/04/dandung.svg");
    display: inline-block;
    margin-right: 0.7em;margin-left:0.5em;
    vertical-align: middle;width:38px;height: 38px;background: #f2fdfc;border-radius: 99px;padding: 4px;}
.menu-home-top .iot:before { content: url("/data/uploads/2026/04/iot2.svg");
    display: inline-block;
    margin-right: 0.7em;margin-left:0.5em;
    vertical-align: middle;width:38px;height: 38px;background: #f2fdfc;border-radius: 99px;padding: 4px;}
.menu-home-top .ux-menu-link.racthai:hover {background:#f2fdfc;border-radius:4px;}
.menu-home-top .ux-menu-link.nuocthai:hover {background:#f2fdfc;border-radius:4px;}
.menu-home-top .ux-menu-link.khithai:hover {background:#f2fdfc;border-radius:4px;}
.menu-home-top .ux-menu-link.quantrac:hover {background:#f2fdfc;border-radius:4px;}
.menu-home-top .ux-menu-link.dandung:hover {background:#f2fdfc;border-radius:4px;}
.menu-home-top .ux-menu-link.iot:hover {background:#f2fdfc;border-radius:4px;}
.slider-top-home .img-inner {border-radius:5px;}
.slider-home-center .flickity-prev-next-button svg {fill:#fff !important;background:unset!important;padding:0px!important;}
.slider-home-center .flickity-prev-next-button.previous {left:1%;}
.slider-home-center .flickity-prev-next-button.next {right:1%;}
.slider-home-center .flickity-prev-next-button {width:unset;height:unset;}
.slider-home-center .fill {border-radius:5px;}
.slider-home-center .banner {border-radius:5px;background-color:#fff;}
.slider-home-center .text-box-content {padding-left:40px;padding-right:120px;}
.slider-home-center .banner h4 {margin-bottom:0;margin-top:0;font-size:16px;text-shadow: 1px 1px 0 #000;}
.slider-home-center .banner h3 {font-size:32px;text-shadow: 1px 1px 0 #000;margin-top:2px;line-height:1.1;}
.slider-home-center .banner p {font-size:16px;margin-top:0;margin-bottom:10px;line-height:1.3;text-shadow: 1px 1px 0 #000;font-weight:500;text-align:left;}
.product-summary .ux-product-brands a {border:0;max-width:80px;min-height:40px;}
.videoWrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   height: 0;
   margin-bottom:15px;margin-top:10px;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.flatsome-marquee {
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    margin-left: 0px !important;
    font-size: 16px;
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 15%, black 90%, transparent);
}

.flatsome-marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 12s linear infinite;
}
/* Input URL trong popup báo giá */
#quote-popup input[name="product-url"] {
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}
.btn-download-pdf {
    display: inline-flex;
    align-items: center;
    gap: 8px;padding-top:10px;
    color: #333;font-size:14px;
    font-weight: 600;
    text-decoration: none;
}

.btn-download-pdf:hover {
    color: #009688;
}
.is-well {box-shadow:unset;}
/* Popup */
.pdf-popup-modern {
    max-width: 600px;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.pdf-popup-inner {
    display: flex;
}

.pdf-left {
    flex: 1;
    background: #009688;
    color: #fff;
    padding: 25px;
}
.pdf-left h3 {color:#fff;}
.pdf-right {
    flex: 1;
}

@media(max-width:768px){
    .pdf-popup-inner {
        flex-direction: column;
    }
}
.box-blog-post .box-image {border-radius:4px;}
.title-news .section-title-normal {margin-bottom:-10px;}
.lightbox-content .form-lienhe {padding:30px;}
.header-vertical-menu__fly-out .nav-vertical-fly-out {padding-top:10px !important;padding-bottom:10px !important;}
.form-lienhe input[type=date] {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:500;padding-left:0px;font-size:13px;margin-bottom:10px;}
.form-lienhe input[type=tel] {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:500;padding-left:0px;font-size:13px;margin-bottom:10px;}
.form-lienhe input[type=text] {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:500;padding-left:0px;font-size:13px;margin-bottom:10px;}
.form-lienhe input[type=email] {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:500;padding-left:0px;font-size:13px;margin-bottom:10px;}
.form-lienhe input[type=url] {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:500;padding-left:0px;font-size:13px;margin-bottom:10px;}
.form-lienhe textarea {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:500;padding-left:0px;font-size:13px;margin-bottom:10px;}
.form-lienhe select {box-shadow:inset 0 0px 0px rgba(0,0,0,.1)!important;border:0px solid #ddd!important;border-bottom:1px solid #ddd!important;font-weight:600;font-size:13px}
.form-lienhe input[type=submit] {margin-top:10px;}
.form-lienhe h2 {text-align:center;color:#009688;font-size:32px;margin-bottom:5px;margin-top:10px;}
.form-lienhe .sub-title-form {text-align:center;color:#333;max-width:380px;margin:0 auto;margin-bottom:20px;line-height:1.4;}
#quote-popup {border-radius:5px;}

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
[data-icon-label]:after {background-color:#dc3232;}
.at_posts_related .box-blog-post h5 {font-weight:400;font-size:15px;}
.at_posts_related .box-text a:not(.button) {overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3 !important;}
.blog-archive .page-title {font-size:1.6em;color:#009688;}
.slider-home .fill {border-radius:6px;}
.slider-home .banner {border-radius:6px;}
.slider-home .banner h2 span {color:#fff;font-weight:700;font-size:22px;}
.slider-home .banner h2 {margin-bottom:0;font-weight:700;color:#ffd969;font-size:42px;}
.slider-home .banner p {margin-top:10px;font-weight:600;max-width:420px;font-size:0.9rem;}
.wishlist_table tr td:last-of-type {text-align:left;}
.yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg {width:20px;vertical-align:middle;}
.yith-wcwl-add-to-wishlist.exists svg.yith-wcwl-icon-svg {color:#ff0000 !important;}
.yith-wcwl-wishlistaddedbrowse .feedback {font-size:0.9rem;}
.yith-wcwl-wishlistaddedbrowse a {font-size:0.9rem;}
.yith-wcwl-add-button a {font-size:0.9rem;font-weight:500}
.sticky-add-to-cart__product .product-title-small {max-width:260px;}
.star_box {border:1px solid #f7eeee;border-radius:0.25rem;}
.devvn_cmt_input textarea, .devvn_cmt_input input {border:1px solid #f7eeee;}
.devvn_cmt_form_bottom {border:0px solid #f7eeee;}
li {margin-bottom:.3em;}
.product_meta {margin-top:1em;}
.is-larger {font-size: 1.3em}
.is-small,.is-small.button {font-size: .8em}
.is-smaller {font-size: .75em}
.is-xsmall {font-size: .7em}
.video-thumb {
	position: relative;
	width: 100%;          /* hoặc kích thước cụ thể nếu muốn */
  padding-top: 100%;    /* tỷ lệ 1:1 tạo box vuông */
  overflow: hidden;
}
.video-thumb img.attachment-woocommerce_thumbnail {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;    /* ảnh sẽ phủ đầy và crop nếu cần */
}
.custom.html_top_right_text .menu-sub-mobile {background:#009688;color:#fff;box-shadow:0 2px 20px #4b4b4b14;margin-right:20px;margin-left:20px;border-radius:6px;width:100%;text-align:left;padding:20px 50px 20px 20px;}
.custom.html_top_right_text .menu-sub-mobile h4 {color:#fff;margin-bottom:18px;font-size:14px;}
.nav-pagination>li>a, .nav-pagination>li>span {border-radius:4px;border:0px solid;font-size:1em;}
.menu-sub-mobile .menu-sub-mobile-hotline p {font-size:14px;margin-bottom:8px}
.ajax-pagination {}
.header-main .nav > li > a {flex-direction:row-reverse!important;}
.header-main .nav>li>a>span+i {margin-right:8px;margin-left:0px;}
.header-button .button:not(.icon) {font-size:1rem;font-weight:400;}
.header-button .button:not(.icon)>i {font-size:1.09rem}
.nav-dark .nav>li>a {color:#fff;}
.nav.nav-small>li>a {font-weight:400;}
.hidden-variation-select {
	position: absolute;
	left: -9999px;
}
.product-has-variations .sticky-add-to-cart {
    display: none !important;
}

.variation-button {
	padding: 0px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #d1d1d1;
	background: #fff;
	cursor: pointer;
	font-size: 13px;
}
.variation-button.active {
	border-color: #009688;
	background: #009688;color:#fff;
}
.video-thumb::after {
	content: "▶";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.8em;
	color: white;
	pointer-events: none;
}
.video-thumb-wrapper:hover .video-play-button {
  background: rgba(0, 0, 0, 0.8);
  transform: translate(-50%, -50%) scale(1.1);
  transition: all 0.3s ease;
}
.icon-noibat .section-title-main:after{
    content: url("/data/uploads/2026/01/deal-icon.svg");
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: middle;
}
.icon-racthai .section-title-main:before{
    content: url("/data/uploads/2026/04/racthai-icon-1.svg");
    display: inline-block;
    margin-right: 0.4em;width:30px;
    vertical-align: middle;
}
.icon-nuocthai .section-title-main:before{
    content: url("/data/uploads/2026/04/nuoc-icon.svg");
    display: inline-block;
    margin-right: 0.4em;width:30px;
    vertical-align: middle;
}
.icon-khithai .section-title-main:before{
    content: url("/data/uploads/2026/04/khi-icon.svg");
    display: inline-block;
    margin-right: 0.4em;width:30px;
    vertical-align: middle;
}
.icon-quantrac .section-title-main:before{
    content: url("/data/uploads/2026/04/quantrac-icon-1.svg");
    display: inline-block;
    margin-right: 0.4em;width:30px;
    vertical-align: middle;
}
.icon-dandung .section-title-main:before{
    content: url("/data/uploads/2026/04/dandung-icon1.svg");
    display: inline-block;
    margin-right: 0.4em;width:30px;
    vertical-align: middle;
}
.icon-iot .section-title-main:before{
    content: url("/data/uploads/2026/04/iot-icon1.svg");
    display: inline-block;
    margin-right: 0.4em;width:30px;
    vertical-align: middle;
}
.section-title-container.icon-news {border-bottom:2px solid #dedede;margin-bottom:20px;}
.icon-news h3 {margin-bottom:0px;}
.icon-news .section-title-main:after{
    content: url("/data/uploads/2026/04/iot-news.svg");
    display: inline-block;
    margin-left: 0.4em;width:30px;margin-top:6px;
    vertical-align: middle;
}
    .nav-vertical .header-account-title:before{
        content: url("/data/uploads/2026/01/user.svg");
        display: inline-block;width:32px;height:32px;
        margin-right: 0.5em;
        vertical-align: middle;
    }
    .custom.html_topbar_right h3  {color:#7a7a7a;text-align: left;padding-left: 20px;font-size: 1rem;margin-bottom: -5px;}
    .nav-vertical>li.account-item .account-link {background:#fff;box-shadow:0 2px 20px #4b4b4b14;margin-right: 20px;margin-left: 20px;border-radius: 6px;}
    .nav-vertical>li.account-item .nav-top-not-logged-in {background:#fff;box-shadow:0 2px 20px #4b4b4b14;margin-right: 20px;margin-left: 20px;border-radius: 6px;}
    .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {background-color:#fff;}
.box-blog-post .box-text a:not(.button) {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;margin-bottom:10px;
     -webkit-line-clamp: 2;}
.from_the_blog_excerpt {overflow: hidden;border-top: 1px solid rgb(255 255 255 / 16%);padding-top:10px;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;}
.box-blog-post .box-text a:not(.button):hover {color:#009688;}
.box-blog-post .is-divider {height:0px;}
.cat-label {font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase !important;padding-bottom:5px;}
.entry-title-blog {font-size:2.1em;line-height:1.2;}
.entry-category {text-transform:uppercase !important}
.entry-content h2 {color:#009688;}
.entry-content h3 {color:#009688;}
.box-text h5 {font-size:18px;font-weight:600;}
.page-wrapper {padding-bottom:0px;}
.account-item .toggle {display:none;}
.show-on-hover {opacity:1;}
.wishlist-button.button {color:#333;background-color:#f6f6f6;border:0;border-radius:0.3rem !important;}
.wishlist-button.button:hover {color:#fff;}
.sanphamdaxem .wishlist-button {display:none;}
.header-top {background: #009688;}
.has-dropdown .icon-angle-down {font-size:0.8rem;margin-left:.5rem;opacity:1;}
.header-main .form-flat input:not([type=submit]) {
    background-color: #f4f4f4;
    border-color: rgba(0,0,0,.09);
    border-radius: 5px;height:42px;
    width: 300px;
    border: none;
    outline-offset: 0;
    box-shadow: none;
    color: currentColor!important
}
small {display: inline-block;font-size: 80%}
.footer-bg {background-image: url("/data/uploads/2026/01/bg-footer.png");background-position:center top;background-repeat:no-repeat;background-size:cover;}
.nav>li>a>span+i {margin-left:8px;}
p {font-size:14px;font-family: "SF Pro Display",sans-serif;font-weight:400;letter-spacing:0px;text-align:justify;}
td, th {font-size:14px;text-transform:unset;}
blockquote, dl, figure, form, ol, pre, ul {font-size:0.9rem;}
.nav> li> a {font-family: "SF Pro Display",sans-serif;font-weight:400;font-size:1rem;letter-spacing:0px}
.nav>li>a>i {font-size:18px;}
.success-color {color:#dc3232;}
.checkout-breadcrumbs {padding:0px 0;}
.product-short-description p {text-align:left;}
.shop-page-title .product-title {margin-bottom:5px;font-size:26px;line-height:1.2;}
.wishlist_table.mobile .product-name h3 {font-size:1rem;font-weight:500}
.product-footer .woocommerce-tabs {border-top:0px solid #ececec;padding:0;}
.tab-panels .product-description-readmore {padding-bottom:50px;}
#wrapper>.message-wrapper {font-size:1rem;font-style:italic;font-weight:700;text-align:center;margin-bottom:5px;padding-bottom:0;padding-top:15px;}
.page-title-inner {min-height:auto;}
.category-filtering .filter-button {text-transform:unset;margin-top:0;font-size:15px;}
.product-footer .woocommerce-tabs {display:none;}
.product-tags-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.widget_shopping_cart_content ::-webkit-scrollbar {
  width: 0px;
}
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background-color: #dfdfdf;
}

::-webkit-scrollbar-thumb {
  background-color: #009688;}
  
.product-tag-item {
  background: #f5f5f5;
  padding: 2px 10px;
  border-radius: 99px;letter-spacing:0px;
  font-size:14px;
  transition: 0.3s;
}
.product-tag-item a {color:#333;}
.product-tag-item:hover {
  background: #e0e0e0;
}
.product-tabs.nav-pills>li.active>a {font-size:0.9rem;border-radius:6px !important;border:1px solid #009688;background-color:#f1f8fe;color:#009688;font-weight:700;padding:0px 20px;}
.product-tabs.nav-pills>li>a {font-size:0.9rem;border-radius:6px !important;border:1px solid #e5e5e5;background-color:#fff;color:#333;font-weight:700;padding:0px 20px;margin-right:10px;}
.header-vertical-menu__opener .icon-menu {font-size:22px;}
.wp-caption .wp-caption-text {font-size:13px;padding:10px 20px;line-height:1.4;text-align:center;background:unset;font-style:italic;border-bottom:1px solid rgba(0,0,0,.06);}
.wp-caption {margin-bottom:20px;}
.post-source {font-size:14px;text-align:right;font-style:italic;padding-bottom:30px;}
.entry-header .entry-title {color:#009688;font-size:1.6em;}
.sticky-sidebar {
  position: sticky;
  top: 90px; /* Điều chỉnh tùy theo chiều cao header */
  margin-bottom:30px !important;
  align-self: start;
  z-index: 10;
}
.shop-page-title .woocommerce-breadcrumb {font-size:13px;letter-spacing:0px;padding-bottom:5px;}
.tabs {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tabs::-webkit-scrollbar {
  display: none;
}
.uppercase, h6, span.widget-title, th {text-transform:unset;opacity:1;}
.nav-dark .form-flat input:not([type=submit]) {background-color:#fff !important;border-radius:5px;color:#333 !important;height:40px;padding-left:15px;}
.form-flat .searchform .button.icon i {color:#333;}
.form-flat input:not([type=submit])::placeholder {color:#444;}
.header-vertical-menu__title {font-weight:400;font-size:1rem;}
.search-form {width:auto !important;}
.nav-column>li>a, .nav-dropdown>li>a {font-weight:500;font-size:14px;}
.nav-column>li>a, .nav-dropdown>li>a:hover {font-weight:700;font-size:14px;}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {font-size:14px;font-weight:700;}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover {color:#009688;background:#f4f4f4;}
.sanphamdaxem .woocommerce-loop-product__title {font-size:0.87rem;font-weight:500;}
.box-bg-noibat .woocommerce-loop-product__title {font-size:1rem;}
.woocommerce-loop-product__title {font-size:0.9rem;font-weight:600;text-align:left;padding-bottom:5px;}
.woocommerce-loop-product__title a {overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;color:#333;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;}
.woocommerce-loop-product__title a:hover {color:#009688}
.box-chuyenmuc .icon-box-text h5 {overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;}
span.amount {color:#009688;}
td select {font-size:13px;}
.badge-inner {background-color:#FF9800;font-size:0.7rem !important;font-weight:500;}
.sale.featured .badge-container {margin:0px 0 0;}
.sale.featured .badge-inner {border-radius:0;}
.sale.featured .badge-circle {margin-left:0.8em;}
.sale.featured .badge {width:2.4em;}
.ux-menu-link__text:hover {color:#009688}
.ux-menu-link {font-size:0.9rem;}
.tag-buttom.button {font-size:12px;letter-spacing:0px;font-weight:700;text-transform:uppercase;}
.tooltipster-base {display:none;}
.section-title a {font-size:1rem;color:#333;font-weight:500;}
.section-title .icon-angle-right  {font-weight:700 !important;font-size: 13px;color: #009688;/* display:none; */}
.buy-now-button {width:100%;background:rgba(241,248,254,1);border:0;color:#009688;font-weight:600;letter-spacing:0px;font-size:13px;margin-bottom:0;margin-top:15px !important;}
.buy-now-button:hover {background-color:#009688;opacity:1;}
.woocommerce-cart-form {background:#fff;padding:30px;border-radius:4px;}
.checkout #customer_details {background:#fff;padding:30px;border-radius:4px;}
.woocommerce-billing-fields {border-top:0px solid #ddd;padding-top:0;}
.related-products-wrapper .product-section-title {text-transform:unset;}
.uppercase, h6, span.widget-title, th {letter-spacing:0px;}
.retail-price-label {font-size:0.8rem;color:#009688;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-page-price .retail-price-label {font-size:16px;}
.section-title-normal span {border-bottom:0;margin-bottom:0;padding-bottom:0;}
.section-title-normal {border-bottom:0;color:#009688;font-size:2rem;}
.section-title-container {margin-bottom:0;}
.box-bg .col.small-12 {padding:0 15px 15px;}
.stack-pt a:hover {background:#f2fdfc;border-radius:5px;} 
.box-chuyenmuc .icon-box-img {margin:0 auto 5px;margin-top:5px;}
.box-chuyenmuc .icon-box-text h5 {text-align:center;line-height:18px;font-weight:500;font-size:0.86rem;text-transform:unset;letter-spacing:0px;margin-bottom:18px;}
input[type=number] {height:unset;}
.wishlist-popup {width:60px;}
.additional-info-wrapper .additional-info {display:none;}
.stack-pt .icon-box,.stack-pt a{
    display: flex;padding:5px;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-basis: 12%;
    flex-shrink: 0;
    text-align:center
}
.stack.stack-pt{
    justify-content: space-between;
    text-align: center;
    border-radius: 4px;
}
.add-to-cart-button .button.product_type_simple {border: 1px solid #e6e5e5;font-weight:500;color: #444;vertical-align: middle;letter-spacing:0px;font-size:0.8rem;border-radius:99px !important;}
.add-to-cart-button .button.product_type_simple:hover {background:#e6e5e5;}
.add-to-cart-button .button.product_type_simple:before{
        content: url("/data/uploads/2026/01/shopping.svg");
        display: inline-block;margin-top:5px;
        margin-right: 0.5em;width:20px;
        vertical-align: middle;
    }
.add-to-cart-button .product_type_variable {border: 1px solid #e6e5e5;font-weight:500;color: #444;vertical-align: middle;letter-spacing:0px;font-size:0.8rem;border-radius:99px !important;}
.add-to-cart-button .product_type_variable:hover {background:#e6e5e5;border: 1px solid #e6e5e5;color: #444;}
.add-to-cart-button .product_type_variable:before{
        content: url("/data/uploads/2026/01/shopping.svg");
        display: inline-block;margin-top:5px;
        margin-right: 0.5em;width:20px;
        vertical-align: middle;
    }
.sanphamdaxem .add-to-cart-button {display:none;}
.sanphamdaxem .category {display:none;}
.sanphamdaxem .flickity-prev-next-button {display:none;}
.sanphamdaxem .buy-now-button {display:none;}
.sanphamdaxem .price-regular {display:none;}
.sanphamdaxem .price {height:auto !important;}
.sanphamdaxem .price-sale {font-size:0.8rem !important;}
.sanphamdaxem .product-small.box {display:flex;}
.sanphamdaxem .box-image {max-width:66px;}
.sanphamdaxem .badge-container {display:none;}
.product-gallery-slider .flickity-prev-next-button {display:none;}

ul.product_list_widget li a:not(.remove) {font-size:13px;}
.widget>ul>li ul, ul.menu>li ul {border-left:0;padding-left:10px;}
.widget_product_categories {margin-top:30px;background:#fff;border-radius:6px;padding:20px;}
.widget_products {margin-top:5px;background:#fff;border-radius:6px;padding:20px;}

.shop-container .large-4 {padding-left:0px;}
.widget>ul>li>a {color:#333;padding-right:15px;}
.widget>ul>li>a:hover {color:#009688;}
.widget>ul>li li>a {color:#333;padding-right:15px;}
.widget>ul>li li>a:hover {color:#009688;}
.widget .current-cat>a {color:#009688;}
.timhieu.button {font-size:13px;letter-spacing:0;}
.wp-bottom-menu-search-form-wrapper svg:not(:root) {width:24px;top:20px;}
.wp-bottom-menu-search-form-wrapper {bottom:38px !important;}
.anh-home {margin-top:-150px;}
.wpbm-nav-close {right:20px;top:10px;font-size:35px;color:#c9c5c5;z-index:100000;}
.wp-bottom-menu-nav-wrapper.active {padding-top:10px;padding-bottom:30px;padding-left:15px;padding-right:15px;place-items:unset;text-align:left;}
.wpbm-nav-items .sub-menu li {list-style-type:disc;margin-left:10px;border-bottom:0px !important;}
.wpbm-nav-items li a {font-weight:700;font-size:15px;line-height:1.2;text-transform:uppercase;}
.wpbm-nav-items .sub-menu li a {font-weight:400;text-transform:unset;font-size:14px;line-height:1.3;}
.wpbm-nav-items .sub-menu {margin:5px 15px;list-style:unset;}
.wp-bottom-menu-search-form input[type="search"] {border-radius:4px;font-size:14px;}
.wpbm-nav-items li:not(:last-child) {margin-bottom:5px;padding-top:5px;border-bottom:1px solid #dadada;}
.wpbm-nav-items li:not(:first-child) {padding-top:5px;}
.absolute-footer.dark {font-size:13px;}
.entry-summary ul li {font-size:14px;margin-bottom:0px;text-align:justify;}
.entry-content ol li {font-size:14px;text-align:justify;}
b, strong {font-weight:700;}
.zoom-button {display:none !important;}
::marker {color:#009688}
div#reviews.woocommerce-Reviews {max-width:100%;padding-top:30px;}
span.devvn_num_reviews {color:#009688;font-size:14px;}
#comments a.btn-reviews-now {background-color:#dc3232;border-radius:4px;text-transform:unset;padding:6px 20px;}
span.btn-attach {color:#009688;}
.col0-ads {padding:0 5px 10px;}
.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {background-color:#009688;text-transform:unset;letter-spacing:0px;}
div#review_form_wrapper span#reply-title, .woocommerce #reviews #comments ol.commentlist #respond span#reply-title {font-size:16px;line-height:1.3;}
#review_form .comment-form-rating p.stars a, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {font-size:13px;line-height:1.2}
#review_form .comment-form-rating label, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating label {line-height:1.3;}
.devvn_cmt_input textarea {font-size:14px;}
.devvn_cmt_radio label input:checked~span:before {border:1px solid #009688;}
.devvn_cmt_radio label input:checked~span:after {background:#009688;border:1px solid #009688;}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {font-size:.875rem;box-shadow:none;font-weight:300;}
.select2-container .select2-choice>.select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection {font-size:14px;}
.devvn_cmt_submit {width:90px;}
button#devvn_cmt_submit, button#devvn_cmt_replysubmit {height:34px;}
.comment-form-cookies-consent {display:none;}
.woocommerce #review_form #respond textarea, .woocommerce #reviews #comments ol.commentlist #respond textarea {font-size:14px;line-height:1.3;}
.woocommerce #review_form #respond input {font-size:14px;}
div#review_form_wrapper button.fancybox-button.fancybox-close-small {background:#fff;color:#444;opacity:0.6;}
.tab-description li {margin-left:15px;text-align:justify;}
.stars>span[role=group] {gap:5px}
.product-small.product .col-inner {padding:0.25rem;border-radius:0.5rem;background:#fff;box-shadow:0 2px 40px #4b4b4b14;}
.product-small .box-text-products {padding:10px;padding-bottom:.7em;}

.cart-sidebar {background:#fff;padding:30px;border-radius:4px;}
.has-border {background:#fff;border-radius:4px;}
.logo-footer .ux-logo-link {padding:0 !important;padding-bottom:10px !important;}
.text-footer p {max-width:unset;font-size:0.85rem;color:#7a7a7a;}
.text-footer-1 p {color:#444;font-size:0.86rem;}
.text-footer-1 h5 {color:#444;font-size:1rem;margin-bottom:3px;}
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {box-shadow:0 2px 20px #4b4b4b14;}
.single_add_to_cart_button {background-color: #009688 !important;border: 0px solid #dc3232;border-radius: 99px;color: #ffffff;font-weight:500;}
.single_add_to_cart_button:hover {background-color: #009688 !important}
.single_add_to_cart_button:before{
        content: url("/data/uploads/2026/01/shopping-white.svg");
        display: inline-block;margin-top:7px;
        margin-right: 0.5em;width:20px;
        vertical-align: middle;
    }
.request-quote-btn:before{
        content: url("/data/uploads/2026/03/baogia2.svg");
        display: inline-block;margin-top:7px;
        margin-right: 0.5em;width:20px;
        vertical-align: middle;
    }
#quote-popup .wpcf7-response-output {padding-bottom:30px;margin-top:-30px;border:0px;}
.product-main .product-gallery {padding-left:10px;padding-right:10px;}
.product-main {padding-top:0 !important;padding:15px;margin-top:15px;background:#fff;border-radius:6px;}
.product-footer {padding:30px;margin-top:30px;background:#fff;border-radius:6px;}
.devvn_prod_cmt {max-width:100%;}
.product-thumbnails .is-nav-selected a img, .product-thumbnails a:hover img {border-color:#009688;transform:translateY(0px);}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {border-color:#009688;}
.product-thumbnails a {border:1px solid #e2e2e2;border-radius:6px;
      height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.product-main .product-gallery-slider img {
  max-width: 100%;
  object-fit: contain;
  aspect-ratio: 16 / 9;
  display: block;
  margin-left: auto;
  margin-right: auto;}
.wp-bottom-menu-nav-wrapper {top:0;position:fixed;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;cursor:auto;transform:translateY(0);}
.category.product-cat {width:100%;opacity:0.8;font-size: 0.6rem;text-transform: uppercase;font-weight: 500;padding-bottom:3px;} 
.sort_giuseart{
    display: flex;
    margin-top: 5px;
    justify-content: flex-start;
}
.sort_giuseart form {
    padding: 0 0 0 20px;
}
.sort_giuseart .pt-checkbox {
    margin-right: 0px;
}
.category-page-title .woocommerce-ordering {display:none;}
.woocommerce-result-count {display:none;}
.category-page-row {padding-top:0px;}
.sort_giuseart .titlesort {font-size:14px;}
.widget .toggle i {font-size:14px;}
.product-small .price-wrapper .price {height:32px;}
.sale-percentage {
    color: #fff;
    background:#e60000;
    margin-left: 2px;
    padding:1px 4px;border-radius:4px;font-size:0.62rem;
    text-decoration: none !important; /* tránh bị gạch ngang */
}

.price-regular {
    font-size: 14px;
    color: #666;
    margin-bottom: 3px;
}

.price-sale {
    color: #e60000;
    
    font-weight: bold;
}
.product-info .price-sale {font-size:26px;}
del span.amount {color:#333;}
.product-small.box .price-regular {font-size:13px;}
.product-main .price-sale {font-size:26px;}

.product_list_widget .price-sale {font-size:14px;}
.sticky-add-to-cart--active {background-color:#fff;}
.flickity-prev-next-button {opacity:1;width:44px;height:44px;}
.slider-nav-circle .flickity-prev-next-button svg {border:0px solid;background:#fff;filter:drop-shadow(0 4px 7px rgba(0,0,0,.15));height:44px;width:44px;padding:16px;position:absolute;}
.slider-home .row.row-collapse {max-width:1200px;padding-top:20px;padding-bottom:20px;}
.slider-home .img-inner {border-radius:6px;}
.slider-home1 .img-inner {border-radius:6px;}
.slider-home1 .col {padding:0 5px 0px;}
.slider-home {background-image: url("/data/uploads/2026/03/header-bg.png");background-size:100%;background-repeat:no-repeat;}
.transparent .header-top {background:rgb(0 150 136 / 0%);}
.absolute-footer {display:none;font-size:14px;padding:15px 0 15px;letter-spacing:0px;}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {margin-top:-2%;}
.button-xoalichsu {font-size:13px;border:0;border-radius:0;font-weight:500;line-height:1.3;margin-right:0;padding:0;margin-bottom:0;letter-spacing:0;min-width:90px;text-align:right;color:#333;}
.flickity-prev-next-button svg {top:0%;fill:#009688;border-color:#333;background:#fff;border-radius:99px;padding:15px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.1));}
.header-vertical-menu__opener {border-radius:5px;height:42px;}
.header-vertical-menu__opener .icon-angle-down {display:none;}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {color:#666;}
.title-home-top {font-size:1.1rem;}
.title-home-top h2 {font-size:1.7em;color:#333;}
.title-home-top h2 span {color:#009688;}
.sanphamdaxem .product-small.product .col-inner {border:1px solid #f4f4f4;box-shadow:unset;}
.box-bg-noibat .product-small.product .col-inner {border:1px solid #f4f4f4;box-shadow:unset;}
.related .product-small.product .col-inner {border:1px solid #f4f4f4;box-shadow:unset;}
.button, button, input[type=button], input[type=reset], input[type=submit] {font-weight:700;}
a.added_to_cart.wc-forward {text-transform:unset;}
input[type=button].is-form {font-weight:700;color:#333;}
.quantity input[type=number] {font-weight:700;color:#333;}
.button-xoalichsu:before{
    content: url("/data/uploads/2026/03/close.svg");
    display: inline-block;
    margin-right: 0.5em;width:18px;
    vertical-align: middle;
}
.at_posts_related .col {padding-bottom:0px;}

@media only screen and (max-width:549px) {

.slider-home-center .text-box-content {padding-left:20px;padding-right:30px;}
.slider-home-center .banner h4 {margin-bottom:0;margin-top:0;font-size:12px;}
.slider-home-center .banner h3 {font-size:22px;margin-top:2px;}
.slider-home-center .banner p {margin-top:0;margin-bottom:5px;font-size:1.2em;overflow: hidden;text-overflow: ellipsis;
     display: -webkit-box;-webkit-box-orient: vertical;
     -webkit-line-clamp: 3;}
.slider-home .banner h2 span {color:#fff;font-weight:700;font-size:14px;}
.slider-home .banner h2 {margin-bottom:0;font-weight:700;font-size:26px;}
.slider-home .banner p {margin-top:5px;font-weight:500;max-width:420px;font-size:0.76rem;margin-bottom:5px;line-height:1.4;}
.wp-bottom-menu-item:hover svg, .wp-bottom-menu-item.active svg {fill:rgb(0 150 136 / 0%) !important;stroke:#009688}
.wp-bottom-menu-search-form-wrapper svg:not(:root) {stroke:#009688;width:20px !important;}
.wp-bottom-menu-item svg {fill:rgb(0 150 136 / 0%) !important;stroke:#444}
.product-small.col {padding:0 4.8px 9.6px;}
.product-small.product .col-inner {border:1px solid #f4f4f4;box-shadow:unset;}
.woocommerce-ordering {display:none;}
.title-home-top {font-size: 0.7rem;max-width: 280px;margin: 0 auto;}
.product-footer .woocommerce-tabs {display:unset;}
.tabs-pc {display:none;}
.product-summary .ux-product-brands a {border:0;max-width:60px;min-height:40px;padding-bottom:10px;}
.nav li.has-icon-left>a>img {margin-right:15px;}
.entry-title-blog {font-size:1.8em;}
.lightbox-content .form-lienhe {padding:20px;}
.form-lienhe h2 {font-size:28px;margin-bottom:5px;}
.flatsome-marquee {
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    margin-left: 20px !important;
    padding-bottom: 15px;
    font-size: 14px;
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 15%, black 90%, transparent);
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {background-color:#009688;}
.pswp__preloader {display:none;}
.post-sidebar {display:none;}
.pdf-popup-modern .mfp-close {color:#fff;right:0;mix-blend-mode:unset}
.product-gallery, .product-thumbnails .col {padding-bottom:15px!important;}
.sapxep .products.row {padding-top:10px;}
.price-regular {margin-right:10px;}
.shop-page-title .product-title {font-size:22px;}
.nav:not(.nav-slide) .active>.children {padding-bottom:0px;}
.sticky-add-to-cart-select-options-button.button {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.box-text {font-size:100% !important}
.slider-home {background-size:250%;background-position:top}
#main-menu .nav>li.header-divider {height:10px;}
.product-small span.amount {font-size:0.8rem;}
.video-thumb::after {margin-top:-6px;}
.section-title a {font-size:0.8rem;}
.mfp-bg.mfp-ready {opacity:0.7;}
.mfp-wrap {height:unset;}
.searchform-wrapper .autocomplete-suggestions {max-height:unset;}
.add-to-cart-button .button.product_type_simple {font-size:0.68rem}
.add-to-cart-button .product_type_variable {font-size:0.68rem;}
.autocomplete-suggestion img {border-radius:4px;}
#search-lightbox .flex-row {background:#fff;border-radius:4px;}
#search-lightbox {margin-top:30px;}
.woocommerce-loop-product__title {font-size:0.8rem;}
.box-bg-noibat .woocommerce-loop-product__title  {font-size:1.2rem;}
.box-bg-noibat .woocommerce-loop-product__title a {height:50px;}
.box-bg-noibat span.amount {font-size:1.0rem;}
.box-bg-noibat .add-to-cart-button .button.product_type_simple {font-size:0.8rem;}
.box-bg-noibat .category.product-cat {font-size:0.7rem;}
.text-footer p {max-width:unset;font-size:0.85rem;color:#7a7a7a;}
.text-footer h5 {font-size:16px;}
.section-title-normal {font-size:1.5rem;letter-spacing:-0.3px;}
.woocommerce-cart-form {padding:15px;}
a.added_to_cart.wc-forward {font-size:0.8rem;text-transform:unset;}
.nav-pills {width:-webkit-fill-available;display:-webkit-box !important;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style: none; scrollbar-width: none;white-space:nowrap}
.small-nav-collapse>li {width:auto;margin-right:15px !important;}
.product-tabs.nav-pills>li>a {margin-right:0px;padding:0px 20px;}
.product-tabs.nav-pills>li.active>a {padding:0px 20px;}
::-webkit-scrollbar { 
    display: none; 
}
.slider-home .banner h2 span {color:#fff;font-weight:700;font-size:14px;}
.slider-home .banner h2 {margin-bottom:0;font-weight:700;color:#ffd969;font-size:26px;}
.slider-home .banner p {margin-top:5px;font-weight:500;max-width:420px;font-size:0.76rem;margin-bottom:5px;line-height:1.4;}
.product-gallery .row-small>.flickity-viewport>.flickity-slider>.col {padding:0 4.8px 19.6px;}
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {padding:0 4.8px 9.6px;}
.text-footer-1 h5 {font-size:0.9rem;}
.text-footer-1 p {color:#444;font-size:0.85rem;line-height:1.4;}
.footer-bg {background-position:center bottom;background-size:160% auto;}
.woocommerce-ordering, .woocommerce-ordering select {font-size:14px;}
.nav>li>a>i {font-size:22px;}
.product-gallery .product-images.relative {margin-left:-15px;margin-right:-15px;}
.off-canvas .sidebar-inner {padding-bottom:70px;}
.form-flat input:not([type=submit]) {background-color:#fff !important;border-radius:4px;color:#333 !important;height:42px;}
.form-flat input:not([type=submit])::placeholder {color:#a7a3a3;font-size:13px;}
.stack-pt{overflow: auto;scrollbar-width:none;-ms-overflow-style:none}
.stack-pt a,.stack-pt .icon-box{flex-basis: 35%;padding:5px 0px;}
.stack.stack-pt{padding: 0px;}
.checkout #customer_details {padding:15px;}
.timkiem {overflow-x:scroll;}
.product-tags-grid {overflow-x:auto;width:700px;padding-bottom:15px;}
.anh-home {margin-top:-200px;}
.box-chuyenmuc .icon-box-text h5 {line-height:17px;font-size:0.775rem;}
.box-chuyenmuc {padding:10px 0px;}
.mobile-nav>.search-form, .sidebar-menu .search-form {padding:10px 0;}
.flickity-page-dots {bottom:10px;}
.box-danhmuc .flickity-page-dots {bottom:-5px;}
.flickity-page-dots .dot {border:3px solid #009688;margin:0 3px;}
.header-bottom {background-color:#fff !important;}
.product-main {margin-top:0px;padding-bottom:0;}
.product-footer {padding:0px;margin-top:15px;padding-top:30px;padding-bottom:15px;}
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {width:25px;border-radius:99px;height:2px;}
.form-flat .flex-row .flex-col {padding-right:2px;}
#review_form .comment-form-rating label {display:none;}
.form_row_reviews {display:unset;}
.form_row_reviews > p {width:100%;}
form p {margin-bottom:0;}
.form_row_reviews p.comment-form-author {padding-right:0;}
.form_row_reviews p.comment-form-email {padding-left:0;}
.wp-bottom-menu {box-shadow:0px -4px 12px 0px rgba(0, 0, 0, .04);}
.header-bottom-nav li.current-dropdown>.nav-dropdown {left:0;top:32px;}
.header-bottom-nav.nav>li {margin:0 5px;}
.header-bottom {background-color:#009688 !important;padding-bottom:10px;}
.header-bottom-nav.nav-center {background:#fff;border-radius:4px;}
.header-bottom-nav.nav>li>a>span+i {margin-left:10px;}
.header-bottom-nav.nav li:last-child {margin-right:10px !important;}
.header-bottom .form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {border-color:#fff;background-color:#fff;}
.header-bottom .nav>li>a {padding:0;}

.sticky-add-to-cart--active {background:#fff;min-height:70px;z-index:10000;}
.sticky-add-to-cart__product .sticky-add-to-cart-img {display:none;}
.sticky-add-to-cart .price-sale {font-size:16px;}
.product-main .product-gallery {padding-top:15px;}
.mobile-nav>.search-form, .sidebar-menu .search-form {padding:0;width:unset;flex:1 1 0%;}
.header-cart-title {display:none;}
.header-bottom-nav.nav-center {justify-content:space-between;background:#f2f4f7;}
[data-icon-label]:after {right:2px;top:-2px;}
.nav-dropdown {min-width:320px;}
.product-info {padding-top:0px;padding-bottom:0;padding-right:5px;padding-left:5px;}
.ux-buy-now-button.button {padding:0 0.8em;font-weight:700;}
.header-wrapper.stuck {display:none;}
.box-chuyenmuc .icon-box-text h5 {-webkit-line-clamp:2;height:34px;margin-bottom:0px;}
.box-chuyenmuc .icon-box-img {margin-top:5px;}
.box-chuyenmuc {padding:5px 0px;}
.box-danhmuc {padding-top:10px;}
.box-bg-noibat {padding-left:5px;padding-right:5px;border-radius:0px;}
.box-bg-giamgia {border-radius:0px;}
.box-bg {border-radius:0px;}
.row-slider .flickity-prev-next-button {width:36px !important;}
.slider-nav-circle .flickity-prev-next-button svg {width:36px;height:36px;padding:12px !important;}
.flickity-prev-next-button.previous {left:0%;}
.flickity-prev-next-button.next {right:0%;}
.slider-home .row.row-collapse {padding-top:0px;padding-bottom:0px;}
.row-slider .flickity-prev-next-button svg {border-radius:99px !important;padding:12px!important;filter:drop-shadow(0 4px 7px rgba(0,0,0,.15));}
.sanphamdaxem .box-image {max-width:46px;padding:5px;padding-right:0px;}
.sanphamdaxem .woocommerce-loop-product__title {font-size:0.8rem;}
}

@media (max-width: 849px){
.mfp-content .widget_product_categories {margin-top:unset;background:unset;border-radius:0px;padding:0px;}
.mfp-content .widget_products {margin-top:unset;background:unset;border-radius:0px;padding:0px;}
.medium-logo-left .flex-right {flex:unset;}
.off-canvas .mfp-content.off-canvas-cart {margin-bottom:64px;}
.off-canvas-center .nav-vertical>li>a {font-size:14px;line-height:1.3;text-transform:unset;font-weight:700;padding-bottom:7px;padding-top:7px;text-align:left;}
.off-canvas-center .nav-sidebar.nav-vertical>li>a {padding-right:50px;padding-left:20px;}
.nav.nav-vertical {padding-bottom:160px;}
.off-canvas-center .nav-sidebar.nav-vertical>li .toggle {top:5px;color:#009688;}
.off-canvas .nav-vertical li li>a {padding-left:30px;}
.off-canvas-center .nav-vertical>li>a, .off-canvas-center .nav-vertical>li>ul>li a {justify-content:left;}
.off-canvas-center .mfp-content {padding-top:20px;vertical-align:top !important;}
.off-canvas .sidebar-menu {padding:0px 0;}
.mfp-bg.off-canvas-center:not(.dark) {opacity:1;}
.off-canvas-center .mfp-content .searchform {max-width:unset;margin-left:30px;margin-right:20px;}
.off-canvas-center input[type=search] {box-shadow:none;font-size:14px;}
.off-canvas-center .searchform-wrapper {font-size:14px;}
.off-canvas-center .mfp-container {background:#fff;}
.toggle i {font-size:14px;}
#quote-popup .mfp-close {right:0px;}
.mfp-close {right:15px;top:15px;}
.mfp-close svg {width:24px;}
.nav-vertical i[class^=icon-] {line-height:0;}
.mobile-nav .icon-search {font-size:20px !important;}
}


/* CSS dung cho VIDEO va GALLERY ANH*/
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;margin-bottom:15px;
    overflow: hidden;
}
.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 1;
    width: 48px;
    height: 48px;padding-left:15px !important;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* Đm bo biu tượng khng can thip vo sự tơng tác ca ngi dùng */
}
.at_posts_related .video-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 1;
    width: 40px;
    height: 40px;padding-left:15px !important;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* Đm bo biu tưng khng can thiệp vào sự tng tác ca ngưi dng */
}
.gallery-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 1;
    width: 48px;
    height: 48px;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* m bảo biu tợng khng can thip vào s tng tác ca ngưi dùng */
}
.at_posts_related .gallery-thumbnail-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 1;
    width: 40px;
    height: 40px;
    color: white;
    background: rgb(20 20 20 / 38%);
    border-radius: 50%;
    padding: 10px;
    pointer-events: none; /* Đm bảo biu tưng khng can thip vào sự tng tác của người dùng */
}
.gallery-thumbnail-icon:hover {background: rgb(216 141 21 / 100%);}
.video-thumbnail-icon:hover {background: rgb(216 141 21 / 100%);}
.acf-gallery {
    margin: 20px 0;
}
.gallery-grid {
    list-style: none;
    margin: 0;padding-left:0px !important;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.gallery-item {
    text-align: center;margin-left:0px !important;padding:0;
}
.acf-gallery .image-wrapper {
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    background-size: cover;
    background-position: center center;
}
.acf-gallery figure {margin-bottom:0;}
.gallery-caption {
    margin-top: 0px;text-align:justify;
    font-size: 13px;font-style:italic;
}

@media(min-width: 768px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(min-width: 850px) {
   .vertical-thumbnails .col {max-width:85%!important;padding:0px 10px 15px!important;}
   .nav-divided>li {margin:0 .9em;}
}

/* Container chung */
.wc-js-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

/* Nút tab */
.wc-js-tabs .js-tab {
    display: inline-block;
    padding: 6px 14px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
}

/* Hover */
.wc-js-tabs .js-tab:hover {
    background: #f0f0f0;
}

/* Active */
.wc-js-tabs .js-tab.active {
    border-color: #009688;
    background: #fbfbfb;
    color: #009688;
}

/* Mobile tối ưu */
@media (max-width: 768px) {
    .wc-js-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        gap: 6px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }

    .wc-js-tabs .js-tab {
        flex: 0 0 auto;
        padding: 7px 12px;
        font-size: 13px;
    }
}

/* Desktop tối ưu */
@media (min-width: 769px) {
    .wc-js-tabs {
        justify-content: flex-start;
        gap: 10px;
    }

    .wc-js-tabs .js-tab {
        font-size: 14px;
    }
}

/* Bao phân trang */
.ajax-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
}

/* Link trang */
.ajax-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 6px;
    font-size: 14px;
    text-decoration: none;
    color: #333;
    font-weight:700;
    border-radius: 4px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

/* Trang đang active (bold + underline sẵn từ inline style bạn đã định) */
.ajax-pagination a[style*="font-weight:bold"] {
    color: #fff;background:#009688;
}

/* Hover */
.ajax-pagination a:hover {
    background: #f0f0f0;
    border-color: #ccc;
}

/* Prev / Next icons */
.ajax-pagination .ajax-prev svg,
.ajax-pagination .ajax-next svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* Hover riêng cho prev/next nếu muốn highlight */
.ajax-pagination .ajax-prev:hover svg,
.ajax-pagination .ajax-next:hover svg {
    transform: scale(1.1);
}

/* Tùy chọn: nếu muốn giảm text-selection */
.ajax-pagination a {
    user-select: none;
}


/* =========================================
   ONLY APPLY FOR .blog-peek BLOCK
========================================= */

@media (max-width: 768px) {
  .blog-peek  .flickity-prev-next-button {display:none;}
  /* Cho phép lộ slide bên cạnh */
  .blog-peek .flickity-viewport {
    overflow: visible !important;
  }

  /* Padding tránh dính mép */
  .blog-peek {
    padding-left: 15px;
    position: relative;
  }

  /* Layout ngang ổn định */
  .blog-peek .flickity-slider {
    display: flex;
  }

  /* Kích thước item */
  .blog-peek .post-item {
    width: 85% !important;
    margin-right: 0px;
    transition: all 0.35s ease;
  }

  /* Slide active */
  .blog-peek .post-item.is-selected {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
  }

  /* Slide bên cạnh */
  .blog-peek .post-item:not(.is-selected) {
    opacity: 0.35;
    z-index: 1;
  }

  /* Fade bên phải */
  .blog-peek:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    pointer-events: none;
  }

/* =========================================
   PRODUCT SLIDER - PEEK EFFECT (MOBILE ONLY)
========================================= */
 /* ===== FIX FLICKITY ===== */

  .product-peek .flickity-viewport {
    overflow: visible !important;
  }

  .product-peek {
    position: relative;
    padding-left: 15px;
  }

  .product-peek .flickity-slider {
    display: flex;
  }

  /* ===== QUAN TRỌNG: DÙNG VW (KHÔNG DÙNG %) ===== */

  .product-peek .flickity-slider > * {
    flex: 0 0 80vw !important;
    max-width: 80vw !important;
    margin-right: 0px;
    transition: all 0.35s ease;
  }

  /* ===== FIX GRID FLATSOME (2 CỘT → 1 ITEM) ===== */

  .product-peek .products .col {
    width: auto !important;
    max-width: none !important;
    flex: unset !important;
  }

  /* ===== FIX NỘI DUNG FULL ===== */

  .product-peek .product-small,
  .product-peek .box,
  .product-peek .box-image,
  .product-peek .box-text {
    width: 100% !important;
  }

  .product-peek .box {
    display: block;
  }

  /* ===== HIỆU ỨNG ===== */

  .product-peek .is-selected {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
  }

  .product-peek .flickity-slider > *:not(.is-selected) {
    opacity: 0.45;
    z-index: 1;
  }

  /* ===== FADE BÊN PHẢI ===== */

  .product-peek:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    pointer-events: none;
  }
}