@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//demo.wesmartcorp.com/wp-content/themes/woodmart/fonts/woodmart-font-3-700.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #dc2626;
	--wd-alternative-color: #f97316;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #dc2626;
	--btn-accented-bgcolor-hover: #b91c1c;
	--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-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(220,38,38);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps li {
	text-transform: capitalize;
}
html table th {
	text-transform: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
	font-size: 22px;
}
html .wd-product .wd-entities-title a {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 400;
	font-size: 14px;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
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-color: rgb(118,118,118);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(51,51,51);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(239,239,239);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
}
.product-labels .product-label.onsale {
	background-color: #dc2626;
}
.product-labels .product-label.new {
	background-color: #f97316;
}
.product-labels .product-label.featured {
	background-color: #dc2626;
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(36,36,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@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: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

[vc_row woodmart_css_id="69c4da4498e9f" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2OWM0ZGE0NDk4ZTlmIiwic2hvcnRjb2RlIjoidmNfcm93IiwiZGF0YSI6eyJ0YWJsZXQiOnsibWFyZ2luLWJvdHRvbSI6IjUifSwibW9iaWxlIjp7Im1hcmdpbi1ib3R0b20iOiI1In19fQ==" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" woodmart_box_shadow="no" wd_z_index="no" woodmart_disable_overflow="0" row_reverse_mobile="0" row_reverse_tablet="0"][vc_column width="1/2"][woodmart_button style="bordered" shape="round" color="primary" woodmart_css_id="69c777c778ade" title="Hotline: 0981.68.38.99" link="url:tel%3A0981683899" button_smooth_scroll="no" wd_button_collapsible_content="no" full_width="yes" button_inline="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2OWM3NzdjNzc4YWRlIiwic2hvcnRjb2RlIjoid29vZG1hcnRfYnV0dG9uIiwiZGF0YSI6eyJ0YWJsZXQiOnsibWFyZ2luLWJvdHRvbSI6IjEwIn0sIm1vYmlsZSI6eyJtYXJnaW4tYm90dG9tIjoiMTAifX19" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no"][/vc_column][vc_column width="1/2"][woodmart_popup shape="round" color="primary" width="800" woodmart_css_id="69bfd48d3ed72" full_width="yes" button_inline="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2OWJmZDQ4ZDNlZDcyIiwic2hvcnRjb2RlIjoid29vZG1hcnRfcG9wdXAiLCJkYXRhIjp7InRhYmxldCI6e30sIm1vYmlsZSI6e319fQ==" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no" title="Gọi lại cho tôi"][contact-form-7 id="457"][/woodmart_popup][/vc_column][/vc_row][vc_row css=".vc_custom_1774673704145{margin-top: 10px !important;}" woodmart_css_id="69c75f16b6c7f" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2OWM3NWYxNmI2YzdmIiwic2hvcnRjb2RlIjoidmNfcm93IiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" woodmart_box_shadow="no" wd_z_index="no" woodmart_disable_overflow="0" row_reverse_mobile="0" row_reverse_tablet="0"][vc_column][woodmart_button shape="round" color_scheme="dark" color_scheme_hover="dark" icon_type="image" image="1383" icon_position="left" woodmart_css_id="69c75fda58dc3" title="Mua ngay - Trả sau" button_smooth_scroll="no" wd_button_collapsible_content="no" bg_color="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfY29sb3JwaWNrZXIiLCJjc3NfYXJncyI6eyJiYWNrZ3JvdW5kLWNvbG9yIjpbIiBhIl0sImJvcmRlci1jb2xvciI6WyIgYSJdfSwic2VsZWN0b3JfaWQiOiI2OWM3NWZkYTU4ZGMzIiwiZGF0YSI6eyJkZXNrdG9wIjoiI2YxZWIxZiJ9fQ==" full_width="yes" button_inline="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2OWM3NWZkYTU4ZGMzIiwic2hvcnRjb2RlIjoid29vZG1hcnRfYnV0dG9uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no" css=".vc_custom_1774673909190{background-color: eyJwYXJhbV90eXBlIjoid29vZG1hcnRfY29sb3JwaWNrZXIiLCJjc3NfYXJncyI6eyJiYWNrZ3JvdW5kLWNvbG9yIjpbIiBhIl0sImJvcmRlci1jb2xvciI6WyIgYSJdfSwic2VsZWN0b3JfaWQiOiI2OWM3NWU2ODM5MDQ1IiwiZGF0YSI6eyJkZXNrdG9wIjoiI2YxZWIxZiJ9fQ== !important;}"][/vc_column][/vc_row]


:root {
  --color-primary: #dc2626;
  --color-secondary: #f97316;
  --nav-bg-hover: #dc2626 !important;
  --nav-bg-active: #dc2626 !important;
  --color-primary-light: #fef2f2;
  --gradient-brand: linear-gradient(135deg, #dc2626 0%, #f97316 100%);
  --svw-radius: 12px;
  --svw-radius-sm: 8px;
  --svw-shadow: 0 1px 4px rgba(0, 0, 0, .07);
  --svw-shadow-btn: 0 4px 14px rgba(220, 38, 38, .28);
	--grad: linear-gradient(135deg, #dc2626, #f97316);
}

.wd-swatch-layout-default{
	margin-top:-30px;

}

/* ============================================================
   LAPTOPMART — 2-COLUMN VARIATION LAYOUT
   CSS: Dán vào Appearance → Customize → Additional CSS
   ============================================================ */

/* Ẩn elements không cần */
form.variations_form table.variations,
form.variations_form .reset_variations_alert,
form.variations_form .wd-reset-var,
.woocommerce-variation-price { display: none !important; }

/* Grid 2 cột */
form.variations_form {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 0 !important;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  margin-top: 16px;
}

/* Cột trái */
.woovr-variations {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  background: #fafafa;
  border-right: 1px solid #f0f0f0;
  overflow-y: auto;
  max-height: 520px;
	padding-top:0;
	margin-top: 5px;
}
.woovr-variations::-webkit-scrollbar { width: 3px; }
.woovr-variations::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 4px; }
.woovr-variations::before {
  content: 'Chọn cấu hình';
  display: block;
  padding: 10px 16px;
  font-size: 10px;
  font-weight: 700;
  color: #9ca3af;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}

.woovr-variation {
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 16px 12px 18px !important;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: background .15s;
  position: relative;
  background: transparent;
}
.woovr-variation:last-child { border-bottom: none; }
.woovr-variation:hover { background: #fff8f8; }
.woovr-variation.woovr-variation-active { background: #fef2f2 !important; }
.woovr-variation.woovr-variation-active::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(135deg, #dc2626, #f97316);
  border-radius: 0 2px 2px 0;
}

.woovr-variation-selector,
.woovr-variation-image { display: none !important; }

.woovr-variation-name label {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  line-height: 1.4 !important;
  cursor: pointer;
  display: block;
  margin-bottom: 5px !important;
}
.woovr-variation.woovr-variation-active .woovr-variation-name label { color: #dc2626 !important; }

.woovr-variation-price { display: flex !important; align-items: baseline !important; gap: 6px !important; }
.woovr-variation-price del,
.woovr-variation-price del .woocommerce-Price-amount { font-size: 11px !important; color: #9ca3af !important; }
.woovr-variation-price ins { text-decoration: none !important; background: none !important; }
.woovr-variation-price ins .woocommerce-Price-amount bdi {
  font-size: 13px !important; font-weight: 700 !important; color: #dc2626 !important;
}

/* Cột phải */
.single_variation_wrap {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: hidden;
}
.woocommerce-variation { flex: 1; display: flex; flex-direction: column; }
.woocommerce-variation-description {
  flex: 1;
  background: #fff !important;
  border-left: none !important;
  padding: 0 !important;
}
.woocommerce-variation-description::before,
.woocommerce-variation-description::after { display: none !important; }

/* Header specs (JS inject) */
.lm-spec-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 10px;
  font-weight: 700;
  color: #9ca3af;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lm-sku-pill {
  font-size: 11px;
  font-weight: 700;
  background: #1e293b;
  color: #fcd34d;
  padding: 2px 9px;
  border-radius: 12px;
  font-family: 'Courier New', monospace;
  letter-spacing: .04em;
}

/* p chứa spec-items */
.woocommerce-variation-description p {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  display: flex !important;
  flex-direction: column !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* Spec rows */
.spec-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 18px !important;
  border-bottom: 1px dashed rgba(220,38,38,.1) !important;
  font-size: 13px !important;
}
.spec-item:last-child { border-bottom: none !important; }
.spec-item:hover { background: #fef9f9; }
.spec-icon {
  width: 28px !important; height: 28px !important; min-width: 28px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #dc2626, #f97316) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
}
.spec-icon svg { width: 14px !important; height: 14px !important; fill: #fff !important; }
.spec-label {
  font-size: 10px !important; font-weight: 700 !important;
  color: #9ca3af !important; text-transform: uppercase !important;
  letter-spacing: .06em !important; min-width: 88px !important; flex-shrink: 0 !important;
}
.spec-value { font-size: 12.5px !important; color: #1f2937 !important; flex: 1 !important; line-height: 1.45 !important; }

/* ATC row */
.woocommerce-variation-add-to-cart {
  padding: 14px 18px !important;
  background: #fff !important;
  border-top: 1px solid #f0f0f0 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}
.lm-atc-price { flex: 1; min-width: 0; }
.lm-atc-price .lm-p-old { font-size: 12px; color: #9ca3af; text-decoration: line-through; display: block; }
.lm-atc-price .lm-p-new {
  font-size: 22px; font-weight: 800;
  background: linear-gradient(135deg, #dc2626, #f97316);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  display: block;
}
.woocommerce-variation-add-to-cart .quantity {
  display: flex !important; align-items: center !important;
  border: 1.5px solid #e5e7eb !important; border-radius: 9px !important;
  overflow: hidden !important; background: #fff !important; flex-shrink: 0;
}
.woocommerce-variation-add-to-cart .quantity .minus,
.woocommerce-variation-add-to-cart .quantity .plus {
  width: 34px !important; height: 40px !important;
  border: none !important; background: transparent !important;
  font-size: 17px !important; color: #374151 !important;
  cursor: pointer; display: flex !important; align-items: center !important; justify-content: center !important;
}
.woocommerce-variation-add-to-cart .quantity .minus:hover,
.woocommerce-variation-add-to-cart .quantity .plus:hover { background: #fef2f2 !important; color: #dc2626 !important; }
.woocommerce-variation-add-to-cart .quantity .qty {
  width: 40px !important; height: 40px !important; border: none !important;
  border-left: 1px solid #e5e7eb !important; border-right: 1px solid #e5e7eb !important;
  text-align: center !important; font-size: 14px !important; font-weight: 600 !important;
  color: #111 !important; background: #fff !important; -moz-appearance: textfield !important;
}
.woocommerce-variation-add-to-cart .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; }
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  height: 42px !important; padding: 0 20px !important;
  background: linear-gradient(135deg, #dc2626, #f97316) !important;
  color: #fff !important; border: none !important; border-radius: 9px !important;
  font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important;
  white-space: nowrap !important; box-shadow: 0 4px 12px rgba(220,38,38,.3) !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  transition: opacity .2s, transform .15s !important; flex-shrink: 0;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button::before {
  content: ''; display: inline-block; width: 14px; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM7.17 14H19l1-5H6.21L5.4 5H2v2h2l2.6 11.41A3 3 0 0 0 7 21c0 1.66 1.34 3 3 3s3-1.34 3-3H7.17z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button:hover { opacity: .9 !important; transform: translateY(-1px) !important; }

@media (max-width: 640px) {
  form.variations_form { grid-template-columns: 1fr !important; }
  .woovr-variations { grid-column: 1 !important; grid-row: 1 !important; max-height: 200px; border-right: none; border-bottom: 1px solid #f0f0f0; }
  .single_variation_wrap { grid-column: 1 !important; grid-row: 2 !important; }
  .woocommerce-variation-add-to-cart { flex-wrap: wrap !important; }
  .lm-atc-price { width: 100%; order: -1; }
  .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1; justify-content: center; }
}

/* ── Fix 1: Giá bị tràn đè nút trừ (desktop) ── */
.lm-atc-price {
  flex: 0 0 auto !important;
  min-width: 0;
  max-width: 160px;
}
.lm-atc-price .lm-p-new {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lm-atc-price .lm-p-old {
  white-space: nowrap;
}

/* ── Fix nút thêm vào giỏ hàng bị tràn ── */
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  width: 145px !important;
  justify-content: center !important;
}

/* ── Fix 2: Mobile header sticky bị lộ khi scroll ── */
@media (max-width: 640px) {
  .woovr-variations {
    position: relative !important;
  }
  .woovr-variations::before {
    position: sticky !important;
    top: -5px !important;
    z-index: 2 !important;
    background: #fff !important;
  }
  .lm-spec-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: #fff !important;
  }
  .single_variation_wrap {
    overflow: hidden !important;
  }
}

.product-summary-shadow .summary-inner {
    padding: 10px!important;
  }









/* Fix 1: Highlight active variation — thêm dấu check góc phải */
.woovr-variation.woovr-variation-active::after {
  content: '✓';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #dc2626, #f97316);
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Fix 2: Bỏ khoảng trống thừa phía dưới cột trái */
.woovr-variations {
  align-self: start !important;
  box-shadow: inset -1px 0 0 #f0f0f0;
  border-right: none !important;
}


.woovr-variation-availability{
	display:none!important;
}


/* Active: border đỏ nổi bật */
.woovr-variation.woovr-variation-active {
  border: 2px solid #dc2626 !important;
  box-shadow: 0 2px 8px rgba(220,38,38,.15) !important;
  margin: 2px 4px !important;
  border-radius: 6px !important;
}

/* Bỏ dải ::before cũ, thay bằng border rồi */
.woovr-variation.woovr-variation-active::before {
  display: none !important;
}

/* Checkmark góc phải */
.woovr-variation.woovr-variation-active::after {
  content: '✓';
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #dc2626, #f97316);
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Chữ biến thể không in đậm */
.woovr-variation-name label {
  font-weight: 400 !important;
}
.woovr-variation.woovr-variation-active .woovr-variation-name label {
  font-weight: 400 !important;
  color: #dc2626 !important;
}

/* Header "Chọn cấu hình" to và đậm hơn */
.woovr-variations::before {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
	color:#dc2626;
}

/* Header "Thông số kỹ thuật" to và đậm hơn */
.lm-spec-header {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
	color:#dc2626;
}



/* Fix grid 50/50 thật sự */
form.variations_form {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.woovr-variations,
.single_variation_wrap {
  min-width: 0 !important;
  width: 100% !important;
}

/* Nút ATC full width, xuống dòng riêng */
.woocommerce-variation-add-to-cart {
  flex-wrap: wrap !important;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  width: 100% !important;
  order: 1 !important;
  margin-top: 8px !important;
}
.lm-atc-price { order: 0 !important; }
.woocommerce-variation-add-to-cart .quantity { order: 0 !important; }

/* Hiển thị tất cả biến thể, không scroll */
.woovr-variations {
  overflow: visible !important;
  max-height: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.wd-sticky-btn a.wd-sticky-add-to-cart{
	min-width:145px;
}


.custom-wesmartcorp-vat{
		font-style: italic;
    margin-top: -20px;
    margin-bottom: 20px;
    color: #333;
}

.wd-term-name{
	font-weight:normal;
}


.wd-single-attrs .title-text{
	font-size:16px!important;
}










/* ── Mobile: tắt grid, dùng block layout ── */
@media (max-width: 640px) {
  form.variations_form {
    display: block !important;
    grid-template-columns: unset !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .woovr-variations {
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    border-right: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  .single_variation_wrap {
    display: block !important;
    width: 100% !important;
  }
  .product-summary-shadow .summary-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}












/* ============================================================
   LAPTOPMART — CUSTOM CSS v6
   Scoped: .wd-rs-63e228587f798
   ============================================================ */

/* ═══════════════════════════════════════════════════════════
   1. SECTION TITLE
═══════════════════════════════════════════════════════════ */
.wd-rs-63e228587f798 .title-wrapper .woodmart-title-container.title {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px;
  color: #1a1a1a !important;
}

/* ═══════════════════════════════════════════════════════════
   2. NỘI DUNG MÔ TẢ
═══════════════════════════════════════════════════════════ */
.wd-rs-63e228587f798 .wd-single-content p,
.wd-rs-63e228587f798 .wd-single-content p.text-node,
.wd-rs-63e228587f798 .wd-single-content .markdown p {
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #3d3d3d !important;
  margin-bottom: 12px !important;
}

.wd-rs-63e228587f798 .wd-single-content h2,
.wd-rs-63e228587f798 .wd-single-content h2.text-node {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #c0392b !important;
  margin: 18px 0 8px !important;
  padding-left: 10px;
  border-left: 3px solid #c0392b;
  line-height: 1.5 !important;
}

.wd-rs-63e228587f798 .wd-single-content ul {
  padding-left: 18px !important;
  margin-bottom: 12px !important;
}

.wd-rs-63e228587f798 .wd-single-content ul li,
.wd-rs-63e228587f798 .wd-single-content li.text-node {
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #3d3d3d !important;
  margin-bottom: 5px !important;
}

/* ═══════════════════════════════════════════════════════════
   3. XEM THÊM — CSS ONLY (checkbox hack)

   Thêm vào WPBakery > Custom HTML, bên trong cột mô tả:

   <input type="checkbox" id="lm-expand" class="lm-expand-toggle">
   <div class="lm-desc-wrap">
     ... toàn bộ nội dung mô tả ...
   </div>
   <label for="lm-expand" class="lm-read-more-btn">
     <span class="lm-label-more">▼ Xem thêm nội dung</span>
     <span class="lm-label-less">▲ Rút gọn</span>
   </label>
═══════════════════════════════════════════════════════════ */
.wd-rs-63e228587f798 .lm-expand-toggle {
  display: none !important;
}

.wd-rs-63e228587f798 .lm-desc-wrap {
  max-height: 480px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.45s ease;
}

.wd-rs-63e228587f798 .lm-desc-wrap::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 100px;
  background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.wd-rs-63e228587f798 .lm-expand-toggle:checked ~ .lm-desc-wrap {
  max-height: 9999px;
}

.wd-rs-63e228587f798 .lm-expand-toggle:checked ~ .lm-desc-wrap::after {
  opacity: 0;
}

.wd-rs-63e228587f798 .lm-read-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  margin-top: 10px;
  padding: 9px 0;
  border: 1.5px solid #e0e0e0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #c0392b;
  cursor: pointer;
  background: #fff;
  transition: background 0.2s, border-color 0.2s;
  user-select: none;
}

.wd-rs-63e228587f798 .lm-read-more-btn:hover {
  background: #fdf2f2;
  border-color: #c0392b;
}

.wd-rs-63e228587f798 .lm-label-less { display: none; }
.wd-rs-63e228587f798 .lm-label-more { display: inline; }
.wd-rs-63e228587f798 .lm-expand-toggle:checked ~ .lm-read-more-btn .lm-label-more { display: none; }
.wd-rs-63e228587f798 .lm-expand-toggle:checked ~ .lm-read-more-btn .lm-label-less { display: inline; }

/* ═══════════════════════════════════════════════════════════
   4. ATTRIBUTE — NHÓM
   Border chỉ ở đây ngăn cách GIỮA CÁC NHÓM
═══════════════════════════════════════════════════════════ */
.wd-rs-63e228587f798 .wd-single-attrs {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

.wd-rs-63e228587f798 .wd-single-attrs:last-child {
  border-bottom: none !important;
}

/* ═══════════════════════════════════════════════════════════
   5. TIÊU ĐỀ NHÓM
═══════════════════════════════════════════════════════════ */
.wd-rs-63e228587f798 .wd-single-attrs .wd-el-title.title.element-title {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: #1a1a1a !important;
  background: #f5f6f8 !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: none !important;
  border-left: 2px solid #e74c3c !important;
  text-transform: uppercase;
  line-height: 1.3 !important;
}

.wd-rs-63e228587f798 .wd-single-attrs .wd-el-title .title-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  opacity: 0.4;
}

.wd-rs-63e228587f798 .wd-single-attrs .wd-el-title .title-icon img {
  width: 12px !important;
  height: 12px !important;
}

/* ═══════════════════════════════════════════════════════════
   6. TABLE — layout cố định
═══════════════════════════════════════════════════════════ */
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  table-layout: fixed !important;
}

/* ── Row: bỏ toàn bộ decoration ── */
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes tr,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: #fff !important;
  outline: none !important;
}

/* ── Cell: đánh mạnh cả th và td, dùng đủ selector ── */
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes tr th,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes tr td,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item th,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item td,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item__label,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item__value {
  display: table-cell !important;
  vertical-align: middle !important;
  background: #ffffff !important;
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: inherit !important;
}

/* Xoá mọi pseudo element tạo line thừa */
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes tr th::before,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes tr th::after,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes tr td::before,
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes tr td::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Cột trái ── */
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item__label {
  width: 38% !important;
  padding: 8px 10px 8px 12px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #333 !important;
  word-break: break-word !important;
  white-space: normal !important;
}

.wd-rs-63e228587f798 .wd-single-attrs .wd-attr-name {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #333 !important;
  font-family: inherit !important;
}

/* ── Cột phải ── */
.wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item__value {
  width: 62% !important;
  padding: 8px 12px 8px 10px !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #555 !important;
  word-break: break-word !important;
  text-align: left !important;
}

.wd-rs-63e228587f798 .wd-single-attrs .wd-term-name {
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #555 !important;
  font-family: inherit !important;
}

.wd-rs-63e228587f798 .wd-single-attrs .wd-term-sep {
  color: #ccc !important;
  font-weight: 400 !important;
}

/* ═══════════════════════════════════════════════════════════
   7. COLUMN PHẢI — WRAPPER BOX
═══════════════════════════════════════════════════════════ */
.wd-rs-63e228587f798 .wd-rs-63e2286a75972 > .vc_column-inner {
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(0,0,0,0.05);
}

/* ═══════════════════════════════════════════════════════════
   8. RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item__label {
    width: 40% !important;
    font-size: 12px !important;
    padding: 7px 8px !important;
  }

  .wd-rs-63e228587f798 .wd-single-attrs .shop_attributes .woocommerce-product-attributes-item__value {
    width: 60% !important;
    font-size: 12px !important;
    padding: 7px 8px !important;
  }

  .wd-rs-63e228587f798 .wd-single-attrs .wd-el-title.title.element-title {
    font-size: 10.5px !important;
  }

  .wd-rs-63e228587f798 .lm-desc-wrap {
    max-height: 380px;
  }
}