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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//itamloan.webdevelopment.io.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(255,255,255);
	--wd-text-font-size: 15px;
	--wd-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-transform: inherit;
	--wd-title-color: rgb(255,255,255);
	--wd-entities-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(255,255,255);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(51,51,51);
	--wd-alternative-color: rgb(51,51,51);
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(94,94,94);
	--btn-default-font-family: "SFProDisplay", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(225,235,255);
	--btn-default-bgcolor-hover: rgb(219,227,249);
	--btn-default-color: rgb(28,97,231);
	--btn-default-color-hover: rgb(28,97,231);
	--btn-accented-font-family: "SFProDisplay", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(28,97,231);
	--btn-accented-bgcolor-hover: rgb(28,97,231);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.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;
}
.header-banner {
	background-image: none;
	background-repeat: repeat-y;
	background-size: cover;
	background-attachment: fixed;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:#333333;
	--wd-bordered-bg:#333333;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(28,97,231);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(16,16,16);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "SFProDisplay", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-family: "SFProDisplay", Arial, Helvetica, sans-serif;
	font-size: 18px;
}
body[class*="wrapper-boxed"] {
	background-color: #101010;
	background-image: none;
}
.page .wd-page-content {
	background-color: #101010;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: #101010;
	background-image: none;
}
.single-product .wd-page-content {
	background-color: #333333;
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: #101010;
	background-image: none;
}
.single-post .wd-page-content {
	background-color: #333333;
	background-image: none;
}
html .wd-buy-now-btn {
	background: rgb(107,163,49);
}
html .wd-buy-now-btn:hover {
	background: rgb(95,158,44);
}
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(51,51,51);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-bg: rgb(62,62,63);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg: rgb(62,62,63);
}
.wd-nav-scroll {
	--wd-nscroll-bg: rgb(62,62,63);
}
.product-labels .product-label.featured {
	background-color: rgb(51,51,51);
	color: rgb(0,0,0);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 100%;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1920px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #333;
--btn-accented-color-hover: #333;
--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;
--wd-brd-radius: 12px;
}



@font-face {
	font-family: "SFProDisplay";
	src: url("//itamloan.webdevelopment.io.vn/wp-content/uploads/2025/11/SFProDisplay-Regular.woff2") format("woff2"), 
url("//itamloan.webdevelopment.io.vn/wp-content/uploads/2025/11/SFProDisplay-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* =========================================================
   CSS KHÔNG LIÊN QUAN ĐẾN DARK THEME
   (Chức năng, Layout, Hiệu ứng)
   ========================================================= */

/* ---------------------------------------------------------
   BUTTON STYLING (border-radius)
--------------------------------------------------------- */
button,
.wd-btn,
.btn,
.single_add_to_cart_button,
.add_to_cart_button,
.product_type_variable,
.product_type_simple {
    border-radius: 6px !important;
}


/* ---------------------------------------------------------
   PRODUCT GRID (border-radius + overflow)
--------------------------------------------------------- */
.wd-product,
.wd-product .product-wrapper,
.wd-product .product-element-top,
.wd-product .product-info {
    border-radius: 12px !important;
    overflow: hidden !important;
}


/* ---------------------------------------------------------
   SHADOW EFFECTS
--------------------------------------------------------- */
.product-grid-item,
.wd-btn,
input,
textarea {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important;
}


/* ---------------------------------------------------------
   COLLAPSIBLE CONTENT GRADIENT
--------------------------------------------------------- */
.wd-collapsible-content.elementor-column:not(.wd-opened)::after,
.wd-collapsible-content.e-con:not(.wd-opened)::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 10;
    height: calc(100px + var(--padding-block-end, .001px));
    background: linear-gradient(to bottom, #0000 0px, currentColor 45px) !important;
}


/* =========================================================
   SPECS WIDGET – FIX MOBILE OVERFLOW / CHỒNG ITEM
   Áp dụng CHỈ cho mobile
========================================================= */
@media (max-width: 767px) {

  /* Table vẫn dùng cho animation dropdown */
  .specs-widget .dropdown-box table {
    width: 100%;
    border-collapse: collapse;
  }

  /* GỠ HEIGHT CỨNG – CHO TR TỰ GIÃN THEO NỘI DUNG */
  .specs-widget .dropdown-box table tr {
    height: auto;
    min-height: 32px;
    padding: 2px 5px;
    overflow: visible;
		margin-bottom: 0px
  }

  /* TH & TD PHẢI GIÃN ĐƯỢC */
  .specs-widget .dropdown-box th,
  .specs-widget .dropdown-box td {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;

    /* wrap text an toàn */
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;

    padding: 4px 8px;
    vertical-align: middle;
  }

  /* Giữ tỷ lệ label/value đẹp trên mobile */
  .specs-widget .dropdown-box th {
    width: 38%;
  }

  .specs-widget .dropdown-box td {
    width: 62%;
  }

  /* Tránh margin p làm đội layout */
  .specs-widget .dropdown-box td p {
    margin: 0;
  }

  /* KHÔNG cho tbody gây lệch chiều cao */
  .specs-widget tbody {
    margin-bottom: 0;
  }
	  /* mỗi giá trị nằm 1 dòng */
  .specs-widget .dropdown-box .wd-attr-term {
    display: block;
    width: 100%;
  }

  /* bỏ dấu phẩy giữa các term */
  .specs-widget .dropdown-box .wd-attr-term + .wd-attr-term::before {
    content: "";
  }

  /* p không tạo khoảng hở thừa */
  .specs-widget .dropdown-box .wd-attr-term p {
    margin: 0;
  }
}



/* ---------------------------------------------------------
   MENU DROPDOWN LAYOUT – INHERIT FROM PARENT ONLY
--------------------------------------------------------- */

/* Layout cha */
.menu-item-has-children > .wd-dropdown-menu {
    border-radius: 6px;
}

.menu-item-has-children > .wd-dropdown-menu > .container.wd-entry-content {
        padding: 8px 10px;
    border-radius: 6px;
}

/* Con & con của con – copy layout của cha */
.menu-item-has-children ul.sub-sub-menu.wd-dropdown {
    border-radius: 6px;
    padding: 8px 10px;
}

/* Scheme light – giữ đồng bộ với cha */
.menu-item-has-children 
.wd-dropdown-menu.color-scheme-light,
.menu-item-has-children 
ul.sub-sub-menu.wd-dropdown.color-scheme-light {
    margin-top: 0;
}

.wd-dropdown-menu.wd-design-default .wd-dropdown {
    margin: 0 0 0 10px;
}



/* ---------------------------------------------------------
   CART BUTTON STYLING
--------------------------------------------------------- */
.cart-widget-side .button.btn-cart {
    border: none;
}

#place_order.button.alt {
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}


/* ---------------------------------------------------------
   CHECKOUT - XÓA BOX SHADOW
--------------------------------------------------------- */
.elementor-element.elementor-element-9d6f1a7,
.elementor-element.elementor-element-695ea74,
.elementor-element.elementor-element-f57a155 {
    box-shadow: none;
}


/* ---------------------------------------------------------
   ẨN MÃ GIẢM GIÁ
--------------------------------------------------------- */
.woocommerce-form-coupon-toggle {
    display: none;
}


/* ---------------------------------------------------------
   COUNT-UP ANIMATION
--------------------------------------------------------- */
.countup h2 {
    font-size: 62px !important;
    font-weight: 700;
    text-shadow: 0 0 12px rgba(253, 38, 87, 0.5);
    letter-spacing: 1px;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(10px) !important;
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ---------------------------------------------------------
   SHOW MORE/LESS CONTENT
--------------------------------------------------------- */
.wd-single-content {
    position: relative;
    max-height: 100vh;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.wd-single-content.show-full {
    max-height: 4000px;
}

.wd-single-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 63%));
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.wd-single-content.show-full::after {
    opacity: 0;
}


/* ---------------------------------------------------------
   ẨN QUANTITY BUTTON
--------------------------------------------------------- */
.single-product .quantity {
    display: none !important;
}

/* Additional */
.woodmart-archive-blog .wd-page-content {
    margin: 10px;
}

/* 
.single-post .wd-page-content {
	margin: 10px;

#toggle-theme {
  appearance: none;
  border: none;
  background: rgba(255, 255, 255, 0.85);
  color: #1d1d1f;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;

  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.08);

  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);

  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.15s ease;
}

#toggle-theme:hover {
  background: rgba(255, 255, 255, 0.95);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 6px 16px rgba(0, 0, 0, 0.12);
}

#toggle-theme:active {
  transform: scale(0.96);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.08);
}

#toggle-theme:focus {
  outline: none;
} */

.wd-post-thumb {
    height: 200px;
}

/* .price_slider_wrapper .button {
    background-color: #413EC5 !important;
} */

/* .stock.in-stock {
    display: none;
} */

.wd-dropdown-menu.wd-design-default {
	padding: 0
}

.wd-search-dropdown input[type="text"] {
    max-height: 45px;
}

/* Tắt capitalize cho menu header */
.wd-nav-main > li > a,
.wd-nav-main .nav-link-text {
    text-transform: none !important;
}


.wd-quick-view-icon {
    display: none !important;
}


.wd-buttons.wd-pos-r-t {
    height: 0 !important;
}

.wd-pos-r-t .product-compare-button a {
	left: 23px;
}

.compare-basic .add_to_cart_button {
	display: none;
}


/* .wd-search-dropdown {
	margin-bottom: 5px !important;
	box-shadow: none !important;
} */

.wd-search-title.title {
	font-weight: bold;
}

/* ======================================================
   PRODUCT LABELS – SMART LAYOUT
   2 labels: same row – left / right
   3 labels: 2 top, 1 bottom under first
   ====================================================== */

/* Container */
/* .wd-carousel-item .product-labels {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    max-width: 160px;
    pointer-events: none;
} */

/* Base label */
/* .wd-carousel-item .product-label {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    border-radius: 999px;
} */

/* =========================
   ORDER RULES
   ========================= */

/* Sale – always first */
/* .wd-carousel-item .product-label.onsale {
    order: 1;
    background: linear-gradient(135deg, #ff3b30, #ff6a00);
    box-shadow: 0 2px 6px rgba(255, 59, 48, 0.35);
}
 */
/* Featured – second, pushed to the right if only 2 labels */
/* .wd-carousel-item .product-label.featured {
    order: 2;
    background: #0a7cff;
    border-radius: 6px;
    font-weight: 700;
    margin-left: auto;
} */

/* New – always goes under the first label */
/* .wd-carousel-item .product-label.new {
    order: 3;
    flex-basis: auto;
    align-self: flex-start;
    margin-top: 2px;
    background: #111;
    font-size: 10px;
    padding: 3px 8px;
    opacity: 0.9;
} */

/* =========================
   OVERRIDE WOODMART
   ========================= */
/* .product-labels {
    max-width: unset !important;
}

.labels-rounded-sm .product-label {
    border-radius: inherit;
}

.product-labels * {
    pointer-events: none;
} */

.product-labels .onsale {
	display: none
}


.wd-page-title.page-title.page-title-default {
	padding: 10px 0px 5px 0px;
}

.product-labels .onsale {
	display: none
}

@media (min-width: 769px) {
    .wd-checkout-steps .step-active>:is(a,span) {
        text-decoration: underline 2px solid #fff !important;
	}
}

.required {
	color: #E01020 !important
}

.elementor-element-ca5291b 
.woocommerce-product-attributes 
td.woocommerce-product-attributes-item__value p {
    position: relative;
    padding-left: 18px;
    margin: 0 0 6px 0;
}

.elementor-element-ca5291b 
.woocommerce-product-attributes 
td.woocommerce-product-attributes-item__value p::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -0.10em;
    font-size: 18px;
    color: currentColor;
}

/* BULLET LIST cho Chế độ bảo hành */
.elementor-element-cd80ecd 
.woocommerce-product-attributes 
td.woocommerce-product-attributes-item__value p {
    position: relative;
    padding-left: 18px;
    margin: 0 0 6px 0;
}

/* Dấu chấm tròn */
.elementor-element-cd80ecd 
.woocommerce-product-attributes 
td.woocommerce-product-attributes-item__value p::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0.10em;
    font-size: 18px;
    line-height: 1;
    color: currentColor;
}

.promotional-gifts .elementor-icon-list-item {
/*     background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.15),
            rgba(255,255,255,0.15) 8px,
            rgba(255,255,255,0.05) 8px,
            rgba(255,255,255,0.05) 16px
        ),
        linear-gradient(135deg, #ff3b30, #ff6a00); */
	background: #ff5200;
}

.promotional-gifts .elementor-icon-list-item,
.warranty .elementor-icon-list-item{
    border-radius: 5px;
    padding: 5px 10px 5px 5px !important;
}

.warranty .elementor-icon-list-item {
/*     background: repeating-linear-gradient(
        135deg,
        #0a7cff,
        #0a7cff 10px,
        #004ea8 10px,
        #004ea8 20px
    ); */
	background: #005cff;
}

.warranty svg {
	fill: #ffffff !important;
}

.warranty .elementor-icon-list-text,
.promotional-gifts .elementor-icon-list-text {
	color: #ffffff !important;
}

/* ===============================
   OPTIONAL – SUBTLE HOVER
   =============================== */
.warranty .elementor-icon-list-item:hover,
.promotional-gifts .elementor-icon-list-item:hover {
    transform: translateY(-1px);
}

.wd-product.wd-hover-fw-button .wd-add-btn>a,
.button.checkout.wc-forward,
.checkout-button,
#place_order.button.alt,
.wd-page-title{
	background-color: #0071e3 !important
}

/* Post page */
.single-post .wd-page-wrapper.website-wrapper {
	padding-left: 10px;
		padding-top: 10px
}

.wd-post-cat,
.wd-post-reply{
	display: none !important
}

.wd-post-title {
    max-width: 100%;
    min-width: 0;
}

.wd-post-title a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* .product-element-top  */

/* .wd-product {
    border-radius: 14px;
    background: #fff;
    border: 5px solid rgba(0,0,0,0.06);
    box-shadow:
        0 1px 2px rgba(0,0,0,0.04),
        0 6px 20px rgba(0,0,0,0.06);
    transition: 
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
} */

/* .wd-product {
    border-radius: 14px;
    border: 2px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #eee, #bbb, #999) border-box;
    box-shadow:
        0 1px 2px rgba(0,0,0,0.04),
        0 6px 20px rgba(0,0,0,0.06);
} */


.product-tags-container .tag-image {
	height: 25px;
}

.wd-carousel-inner 
.wd-carousel[data-atts*="recently_viewed"] 
.product-tags-container {
    display: none;
}

.promotional-gifts li,
.warranty li {
	width: 100%
}

.payment_method_cod label {
	display: none
}

.payment_box.payment_method_cod {
	background-color: #0000001a !important;
}

.return-to-shop a {
	color: #fff !important
}

.price ins .woocommerce-Price-amount bdi,
.price ins .woocommerce-Price-amount bdi span {
    color: #e53935 !important;
}

.recent-posts-comment {
	display: none
}

.stock.in-stock span {
		display: none !important
}

.elementor-10763 .elementor-element.elementor-element-8e842d3 {
    --display: initial;
}

@media (max-width: 767px) {
    .elementor-10763 
    .elementor-element.elementor-element-8e842d3 {
        --display: block;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }
}

.elementor-element-8e842d3 .liner-continer {
	padding-bottom: 10px
}
/* 
.add-to-cart-loop {
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    border: 2px solid transparent;

    background:
        linear-gradient(#c6001d, #c6001d) padding-box,
        linear-gradient(
            135deg,
            #fff1a8 0%,
            #ffd24d 30%,
            #d4af37 55%,
            #fff3b0 75%,
            #cfa73a 100%
        ) border-box;

    box-shadow:
        0 6px 18px rgba(198, 0, 29, 0.35),
        inset 0 0 0 rgba(255,255,255,0);

    transition: all .35s ease;
}

.add-to-cart-loop span {
    color: #fff7cc;
    font-weight: 700;
    letter-spacing: .3px;
    position: relative;
    z-index: 2;
}

.add-to-cart-loop::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: linear-gradient(
        120deg,
        transparent 30%,
        rgba(255, 215, 100, 0.45) 50%,
        transparent 70%
    );
    transform: rotate(0deg);
    opacity: 0;
    transition: opacity .3s ease;
}

.add-to-cart-loop:hover {
    transform: translateY(-1px);
    box-shadow:
        0 10px 26px rgba(198, 0, 29, 0.45);
}

.add-to-cart-loop:hover::before {
    opacity: 1;
    animation: tet-shine 1.4s linear infinite;
}

@keyframes tet-shine {
    from { transform: translateX(-40%) rotate(0deg); }
    to   { transform: translateX(40%) rotate(0deg); }
}
 */
.wd-carousel[data-atts*='"post_type":"recently_viewed"']
.wd-product
.product-wrapper::before {
	display: none !important;
}


/* Quang */
.wd-product.product-grid-item,
.wd-product .product-wrapper {
    height: 100%;
}

.wd-product .product-wrapper {
    display: flex;
    flex-direction: column;
}

.wd-product .product-element-bottom {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.wd-product .wd-add-btn {
    margin-top: auto;
}

.wd-product .fade-in-block {
    position: absolute;
    left: 0;
    right: 0;
}
.wd-arrow-inner{
	background:none !important;
}
@media (max-width: 968px) {

  /* SLIDER 1 – mobile */
  .wd-products .swiper-slide {
      height: 100% !important;
      display: flex;
  }

  .wd-products .swiper-slide .wd-product {
      height: 100%;
      display: flex;
      flex-direction: column;
  }

  .wd-products .swiper-slide .product-wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
  }

  .wd-products .swiper-slide .product-element-bottom {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
  }

}


@media (max-width: 968px) {
  .wd-carousel .swiper-slide,
  .wd-carousel .wd-carousel-item {
      height: 100% !important;
  }

  .wd-carousel .swiper-wrapper {
      align-items: stretch !important;
  }
}

@media (max-width: 767px) {
		.wd-carousel {
        --wd-col-sm: 1 !important;
    }
	
	.wd-gallery-thumb .wd-carousel {
        --wd-col-sm: 4 !important;
    }
}

@media (max-width: 1024px) {
    .wd-nav.wd-nav-mob-tab {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wd-nav.wd-nav-mob-tab .mobile-categories-title {
        display: none !important;
    }

    .wd-nav.wd-nav-mob-tab .mobile-tab-title {
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 1024px) {
   .whb-header-bottom .wd-header-search-form-mobile form.searchform input.s {
        background-color: #F5F5F5 !important;
        border: none !important;
				border-radius: 15px;
			box-shadow: none !important
  }
	.wd-search-form.wd-header-search-form-mobile {
		padding: 0;
	}
	.searchform input {
		background-color: #f5f5f5 !important;
	}
	.searchform .searchsubmit {
		border-radius: 50% !important
	}
	
	.whb-header-bottom {
/*     background-color: #fff; */
	    padding-bottom: 10px;
	}
}


.wd-swatch.wd-text {
	width: 100px !important;
}

/* .wd-attr-selected {
	display: none;
} */


.elementor-element.elementor-element-c8b2d29 {
    align-self: self-end;
}

.wd-btn-arrow .wd-prev {
	z-index:9999
}

.wd-product.wd-hover-fw-button .wrap-price {
    align-items: flex-start !important;
    flex-direction: column-reverse;
}
.product-wrapper .product_type_variable,
.product-wrapper .add_to_cart_button,
.product-wrapper .add_to_cart_button .product_type_variable,
.product_type_simple {
	border-radius: 30px !important
}

/* .elementor-element.loyal-customers 
.elementor-widget-wd_blog 
.wd-post-thumb {
  border-radius: 50%;
  overflow: hidden;
} */

.elementor-element.loyal-customers 
.elementor-widget-wd_blog 
.wd-post-thumb img {
  border-radius: 50%;
}

.elementor-element.loyal-customers 
.elementor-widget-wd_blog 
.wd-post-thumb {
	height: auto
}

.elementor-element.loyal-customers 
.elementor-widget-wd_blog 
.wd-post-content {
	font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.elementor-element.loyal-customers 
.wd-blog-element 
.blog-design-meta-image.blog-style-bg 
.wd-post-inner {
  background-color: transparent !important;
}

.elementor-element.loyal-customers 
.blog-design-meta-image 
.wd-post-title,
.elementor-element.loyal-customers 
.blog-design-meta-image 
.wd-post-title a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  -webkit-line-clamp: unset !important;
  display: block;
}

.loyal-customers 
.wd-post.blog-design-meta-image:hover 
.wd-post-img img {
  transform: none !important;
}

.loyal-customers 
.wd-post.blog-design-meta-image:hover 
.wd-post-thumb::before,
.loyal-customers 
.wd-post.blog-design-meta-image:hover 
.wd-post-thumb::after {
  display: none !important;
}

.loyal-customers .wd-carousel-item { 
	padding: 0 40px;
}


.wd-swatch-text {
	background-color: transparent
}

.specs-widget tbody {
    margin-bottom: 0px;
}

/* Banner flashsale color */
.elementor-10763 .elementor-element.elementor-element-8e522a5 {
    background: linear-gradient(347deg, #FFFFFF 0%, #FFE5E5 40%, #FF4D4F 100%);
}

/* .single_add_to_cart_button{
position: relative;
overflow: hidden;
isolation: isolate;
padding:14px 32px;
font-size:16px;
font-weight:600;
color:white;
background:#2563eb;
border:none;
border-radius:8px;
cursor:pointer;
} */

/* QUang -  animation add to cart button */
/* .single_add_to_cart_button::after{ content: ""; position: absolute; top: 0; left: -120%; width: 120%; height: 100%; border:none; border-radius:none; background:    url("https://itamloan.webdevelopment.io.vn/wp-content/uploads/2022/12/image-1.svg") center center / 24px 24px no-repeat, linear-gradient( 120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.25) 40%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.25) 60%, rgba(255,255,255,0) 100% ); pointer-events: none; z-index: 1; animation: wcBtnShine 7s ease-in-out infinite; } @keyframes wcBtnShine{ 0% { transform: translateX(0); opacity: 0; } 10% { opacity: 1; } 55% { transform: translateX(220%); opacity: 1; } 56% { opacity: 0; } 100% { transform: translateX(220%); opacity: 0; } } 10% { opacity: 1; } 55% { transform: rotate(20deg) translateX(260%); opacity: 1; } 56% { opacity: 0; } 100% { transform: rotate(20deg) translateX(260%); opacity: 0; } } */

/* =====================================================
   SINGLE PRODUCT – AUTO GOLD SHINE (MATCH LOOP 100%)
===================================================== */

.single-product .single_add_to_cart_button,
.single-product .wd-buy-now-btn {
	position: relative;
	overflow: hidden;
	isolation: isolate; 
}

/* =====================================================
   GOLD SHINE (ÁNH QUÉT VÀNG – KHÔNG FILTER)
===================================================== */

.single-product .single_add_to_cart_button::before,
.single-product .wd-buy-now-btn::before {
	content: "";
	position: absolute;
	inset: -40%;

	background: linear-gradient(
		120deg,
		transparent 35%,
		rgb(255 189 0 / 55%) 50%,
		transparent 65%
	);

	transform: translateX(-60%);
	opacity: 1;
	z-index: 2;
	pointer-events: none;

	/* chạy chậm hơn bản hover */
	animation: gold-shine-auto 2.8s linear infinite;
}

/* =====================================================
   SVG ICON TRẮNG – CHẠY CÙNG ÁNH
===================================================== */

.single-product .single_add_to_cart_button::after,
.single-product .wd-buy-now-btn::after {
	content: "";
	position: absolute;
	inset: -40%;

	background: url("https://itamloan.webdevelopment.io.vn/wp-content/uploads/2022/12/image-1.svg")
		center / 24px 24px no-repeat;

	transform: translateX(-60%);
	opacity: 1;
	z-index: 3;
	pointer-events: none;

	/* chỉ filter SVG, không ảnh hưởng ánh */
	filter: brightness(0) invert(1);

	animation: gold-shine-auto 2.8s linear infinite;
}

/* =====================================================
   KEYFRAME – LOGIC Y HỆT add-to-cart-loop
===================================================== */

@keyframes gold-shine-auto {
	from {
		transform: translateX(-60%);
	}
	to {
		transform: translateX(60%);
	}
}

 /* mặc định ẩn ở tất cả trang */
.product-tags-container{
	display: none;
}

/* chỉ hiện ở trang Home */
.home .product-tags-container{
	display: flex;
}

.tag-icon-element .wd-cat-content {
	display: none !important
}

@media (max-width: 1024px) {
  .tag-icon-element {
		display: none !important
	}
}

.wd-cat img {
    width: 100% !important;
}

/* SOCIAL ICON – FILL TRẮNG */
.social-rating .elementor-social-icon.elementor-social-icon-facebook svg{
    fill: #ffffff !important;
}

/* STAR RATING – FILL VÀNG */
.social-rating .e-rating .e-icon-wrapper.e-icon-marked svg,
.social-rating .e-rating .e-icon-wrapper.e-icon-marked svg path {
    fill: #F5C451 !important; /* vàng sang, có thể đổi */
}

/* STAR CHƯA ĐƯỢC ĐÁNH DẤU (nếu cần) */
.social-rating .e-rating .e-icon-wrapper.e-icon-unmarked svg,
.social-rating .e-rating .e-icon-wrapper.e-icon-unmarked svg path {
    fill: #F5C451 !important;
}

.elementor-element-1525291 {
	    background-color: #2F3033 !important;
}

/* =====================================================
   HEADER MENU HOVER – WOODMART
===================================================== */


/* =====================================================
   1. CHUNG (structure + animation)
===================================================== */

/* anchor chung */
.wd-nav a {
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    transition: color .25s ease;
}

/* chỉ áp dụng cho menu cấp 1 */
/* .wd-nav > li > a::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    transition: width .25s ease;
} */

/* hover – chỉ parent */
/* .wd-nav > li:hover > a::before{
    width: 100%;
} */

/* active – chỉ parent */
/* .wd-nav > li.current-menu-parent > a::before,
.wd-nav > li.current-menu-ancestor > a::before,
.wd-nav > li.current-menu-item > a::before{
    width: 100%;
} */

/* arrow spacing */
.wd-nav > li:is(.wd-has-children,.menu-item-has-children) > a::after {
    margin-left: 5px;
    font-weight: bold;
    font-size: 11px;
}

/* body .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #535353 !important;
} */
.elementor-social-icon-facebook, .elementor-social-icon-facebook-f {
    background-color: #1877F2 !important;
}

.wd-filter-list .wc-layered-nav-term a:hover+.count, .wd-filter-list .wc-layered-nav-term.wd-active .count {
    /* color: #fff !important; */
    background-color: transparent;
}

.woocommerce-product-attributes th {
	align-items: flex-start;
	    align-self: flex-start;
}

@media (max-width: 767px) {
	 #menu-header-menu-mega-electronics-itamloan-1 .sub-sub-menu,
	 #menu-header-menu-mega-electronics-itamloan-1 .wd-sub-menu {
        padding-left: 10px;
    }

	.wd-el-title.title.element-title {
		margin: 5px 0px !important
	}
  .woocommerce-product-attributes tr {
    display: flex;
    align-items: stretch;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .woocommerce-product-attributes th,
  .woocommerce-product-attributes td {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    white-space: normal;
    word-break: break-word;
  }

  .woocommerce-product-attributes th {
    flex: 0 0 40%;
  }

  .woocommerce-product-attributes td {
    flex: 1;
    flex-wrap: wrap;
  }

  .woocommerce-product-attributes-item__value {
    font-size: 0;
  }

  .woocommerce-product-attributes-item__value .wd-attr-term,
  .woocommerce-product-attributes-item__value .wd-attr-term p {
    font-size: 14px;
  }
	
	.wd-off-canvas-btn a{
    font-size: 0;
	}
	
	.wd-off-canvas-btn a::before,
	.wd-off-canvas-btn a::after{
    font-size: 18px;
	}
	
/* 	.mobile-nav ul {
		margin-top: 3px
	} */
}

.specs-widget .dropdown-box, .specs-widget .dropdown-box .dropdown-header {
	border: none;
	border-style: none !important; 
}

.elementor-1239 .elementor-element.elementor-element-1ad6cc9 {
    --wd-cat-brd-radius: 12px !important;
}

.wd-filter-list .wc-layered-nav-term a:hover+.count, .wd-filter-list .wc-layered-nav-term.wd-active .count {
    background-color: transparent !important;
}

/* #woodmart-woocommerce-layered-nav-6 .wd-swatches-filter .wd-filter-lable {
	display: none
} */

/* Cho slider làm mốc để đặt pagination */
.wd-carousel-container{
    position: relative;
}

/* Đưa pagination nằm trong slider */
.wd-nav-pagin-wrap{
    position: absolute;
    bottom: 18px;          /* chỉnh cao thấp theo ý */
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    pointer-events: auto;
}

/* Style bullet mặc định (không active) */
.wd-nav-pagin.wd-type-bullets .wd-nav-pagin-item span{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.4); /* màu không active */
    transition: all .25s ease;
}

/* Bullet active */
.wd-nav-pagin.wd-type-bullets .wd-nav-pagin-item.wd-active span{
    background-color: #fff; /* màu active */
    width: 10px;
    height: 10px;
}

/* Hover cho dễ click */
.wd-nav-pagin.wd-type-bullets .wd-nav-pagin-item:hover span{
    background-color: rgba(255,255,255,0.7);
}

.elementor-icon-list-item .elementor-icon-list-text{
    white-space: nowrap;
}


.elementor-element-29032e9 {
	margin-left: 0px !important
}

/* ======================
   DESKTOP: hover
====================== */
@media (hover: hover) {
  .wd-nav li:hover > a,
  .wd-nav li:hover > a .nav-link-text {
    color: #4FC3F7 !important;
  }

  .wd-nav[class*="wd-style-"]
  > li:hover:is(.wd-has-children, .menu-item-has-children)
  > a::after {
    color: #4FC3F7 !important;
  }
}

/* ======================
   MOBILE: click mở / đóng
====================== */
@media (hover: none) {
  /* chỉ xanh khi ĐANG MỞ submenu */
  .wd-nav li.menu-item-has-children.opener-page > a,
  .wd-nav li.menu-item-has-children.opener-page > a .nav-link-text {
    color: #4FC3F7 !important;
  }
}

.wd-post:hover .wd-post-img {
		transform: none !important;
}

/* Không cho text menu xuống dòng */
.wd-header-main-nav .menu > li > a,
.wd-header-main-nav .menu > li > a .nav-link-text {
	white-space: nowrap;
}

/* Font tự co giãn theo màn hình */
.wd-header-main-nav .menu > li > a {
	font-size: clamp(12px, 1.9vw, 16px);
}

.wd-cats .wd-carousel-wrap {
   justify-content: space-around;
}

/* .archive .wd-cat-image img {
	filter: invert(1)
} */

.blog .category-khtt {
	display: none
}

p.stock.out-of-stock {
    color: #ea0000 !important;
}

p.stock.available-on-backorder {
    color: #f18705 !important;
}

/* container */
.wd-product .wd-entities-title{
  overflow:hidden;
  white-space:nowrap;
}

/* link */
.wd-entities-title a{
  display:block;
  position:relative;
}

.wd-product .wd-entities-title {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
	max-height: none !important; 
}

@media (min-width: 1024px) {

.wd-fbt.wd-design-side{
  grid-template-columns: 1fr 500px !important;
  gap: 60px !important;
}
	
}