/* =====================================================================
   wintoptec — Trang SP / danh mục / thẻ SP (Agent C) — VÒNG 2: chép y site gốc enwintoptec.com
   - Phần "AUTO-PORT" bên dưới được trích tự động từ CSS gốc (extend/style/g-style/yt-style/pages/single.css)
     cho đúng các class gốc dùng trong markup (yt_cp_*, yt_cplb_*, spec-table, fu-title, mo_tit, resource-item, faq-ul,
     cply-modal, ufc-*…), giữ nguyên số đo; mọi selector đã scope dưới .wt-src; đơn vị rem gốc → var(--wtr)
     (html font-size gốc: 100vw/19.2, ≥1901px 100px, ≤1580px 66px, ≤767px 100vw/7.5).
   ===================================================================== */

/* ---------- Nền tảng y như reset của gốc (chỉ trong .wt-src) ---------- */
.wt-src { --wtr: calc(100vw / 19.2); font-size: 16px; line-height: 1.5; color: #333; background: #fff; }
@media (min-width: 1901px) { .wt-src { --wtr: 100px; } }
@media (max-width: 1580px) { .wt-src { --wtr: 66px; font-size: 14px; } }
@media (max-width: 767px) { .wt-src { --wtr: calc(100vw / 7.5); font-size: calc(.28 * var(--wtr)); } }
.wt-src, .wt-src *, .wt-src *::before, .wt-src *::after { box-sizing: border-box; }
.wt-src * { margin: 0; padding: 0; font-family: var(--wt-font); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.wt-src li { list-style: none; }
.wt-src h1, .wt-src h2, .wt-src h3, .wt-src h4, .wt-src h5, .wt-src h6 { width: auto; font-style: inherit; font-size: inherit; font-weight: normal; color: inherit; letter-spacing: normal; line-height: inherit; text-transform: none; }
.wt-src a { color: #333; text-decoration: none; }
.wt-src img { border: 0; vertical-align: top; }
.wt-src table { border-collapse: collapse; border-spacing: 0; margin-bottom: 0; }
.wt-src td, .wt-src th { line-height: inherit; letter-spacing: normal; text-transform: none; font-size: inherit; border-bottom: 0; }
.wt-src button, .wt-src input[type="submit"] { text-transform: none; letter-spacing: normal; min-height: 0; line-height: normal; margin: 0; font-weight: normal; text-shadow: none; box-shadow: none; }
.wt-src input, .wt-src textarea, .wt-src select { height: auto; box-shadow: none; line-height: normal; max-width: none; margin: 0; }
.wt-src p { margin-bottom: 0; }

/* ===== AUTO-PORT từ CSS site gốc enwintoptec.com (tools: portcss.py) — scope .wt-src ===== */
.wt-src .Hot { color: #f56300; margin-left: 5px; font-weight: 600; border-radius: 4px; font-size: 12px; }
.wt-src .mo_tit::before { background: #f39800; bottom: 50%; }
.wt-src .mo_tit::after { background: #003281; top: 50%; }
.wt-src .mo_tit::before, .wt-src .mo_tit::after { content:''; width: var(--size); height: var(--size); position: absolute; left: 0; z-index: 1; }
.wt-src .mo_tit { padding-left: 0.7em; position: relative; --size: 6px; }
.wt-src .module_com_desc { max-width: 1300px; margin: 60px auto; padding: 20px; background-image: url(../img/product/rd-bg.jpg); }
.wt-src .module_com_desc_box { margin: 0 auto; max-width: 1200px; width: 84vw; }
.wt-src .module_com_desc_box .listBox { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; gap: 20px; margin-top: 24px; margin-bottom: 24px; }
.wt-src .module_com_desc_box .listBox li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 4px; text-align: center; }
.wt-src .module_com_desc_box .listBox li img { height: 68px; width: 68px; }
.wt-src .module_com_desc_box .listBox li .title { color: #19191a; font-size: 15px; font-weight: 600; line-height: 22px; margin-top: 8px; margin-bottom: 8px; }
.wt-src .module_com_desc_box .listBox li .desc { color: #707070; font-size: 13px; line-height: 20px; margin-top: 4px; padding: 0 20px; }
@media (max-width: 576px) {
  .wt-src .yt_cp_product-container { padding: 0 !important; }
  .wt-src .yt_cp_thumbnail-gallery { padding: 10px 0 30px !important; }
  .wt-src .yt_cp_tabs { margin-top: 0px !important; }
  .wt-src .breadcrumb_box { padding: 20px 20px; font-size: 13px; }
  .wt-src .pro-tip-ul li { margin: 20px 0; }
  .wt-src .yt_cp_product-specs { margin: 0; }
  .wt-src .yt_cp_model-number { margin-bottom: 0 !important; }
  .wt-src .fu-title p { display: none; }
  .wt-src .module_com_desc { display: none; }
}
.wt-src .cpmo_card { position: relative; z-index: 0; }
.wt-src .cpmo_card .icon_hot { width: 125px; height: 125px; position: absolute; right: 0; bottom: 0; z-index: -99; opacity: .4; }
@media (max-width:1560px) {
  .wt-src .cpmo_card .icon_hot { width: 105px; height: 105px; }
}
@media (max-width:1366px) {
  .wt-src .cpmo_card .icon_hot { width: 90px; height: 90px; }
}
@media (max-width:1024px) {
  .wt-src .cpmo_card .icon_hot { width: 75px; height: 75px; }
}
@media (max-width:768px) {
  .wt-src .cpmo_card .icon_hot { width: 50px; height: 50px; }
}
.wt-src .faq-ul { margin-left: 20px; padding: 0 20px; }
.wt-src .faq-ul .right-tit { font-size: 16px; font-weight: 600; line-height: 22px; padding-bottom: 8px; }
.wt-src .faq-ul .public-txt { background: #fff; color: #707070; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 22px; margin: 0px; }
.wt-src .faq-answer .answer p { color: #707070; font-size: 14px; line-height: 30px; margin: 0px; }
.wt-src .icon_hot { width: 60px; height: 60px; position: relative; overflow: hidden; }
.wt-src .icon_hot i { width: 200%; height: 12%; background: #003281; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) rotate(-45deg); transform-origin: top; }
.wt-src .icon_hot .middle { margin: 18% 0 0 18%; }
.wt-src .icon_hot .last { margin: 36% 0 0 36%; }
@media (max-width:1366px) {
  .wt-src .icon_hot { width: 50px; height: 50px; }
}
@media (max-width:1024px) {
  .wt-src .icon_hot { width: 40px; height: 40px; }
}
.wt-src .yt_cp_tab-content th { border:1px solid #ffffff26!important;padding:15px;text-align:left }
@media (max-width: 768px) {
  .wt-src .ufc-container-form { padding: 10px !important; }
}
.wt-src .yt_zliebiao_breadcrumb { background: #f6f8fb; }
.wt-src .yt_zliebiao_breadcrumb a { color: #000000; text-decoration: none; margin: 0 5px; }
.wt-src .breadcrumb_box { margin: 0 auto; max-width: 1250px; padding-top: 20px; padding-bottom: 20px; }
.wt-src .yt_cpdl_banner { width: 100%; position: relative; height: 400px; display: flex; align-items: center; padding-left: 12%; }
.wt-src .yt_cpdl_banner_content { color: #fff; }
.wt-src .yt_cpdl_banner h1 { font-size: 36px; margin-bottom: 0px; word-wrap: break-word; hyphens: auto; }
.wt-src .yt_cpdl_banner p { font-size: 16px; margin-bottom: 20px; color: #fff; }
@media screen and (max-width: 992px) {
  .wt-src .yt_cpdl_banner { padding: 60px 8%; }
  .wt-src .yt_cpdl_banner h1 { font-size: 32px; margin-bottom: 15px; }
}
@media screen and (max-width: 768px) {
  .wt-src .yt_cpdl_banner { padding: 60px 6%; padding: 150px 10px; text-align: center; }
  .wt-src .yt_cpdl_banner h1 { font-size: 28px; margin-bottom: 12px; }
  .wt-src .yt_cpdl_banner p { font-size: 15px; line-height: 1.5; }
}
@media screen and (max-width: 480px) {
  .wt-src .yt_cpdl_banner { height: 250px; background: linear-gradient(to right, rgba(0, 102, 204, 0.9), rgba(0, 102, 204, 0.8)), none center/cover; }
  .wt-src .yt_cpdl_banner h1 { font-size: 22px; margin-bottom: 10px; }
  .wt-src .yt_cpdl_banner p { font-size: 14px; line-height: 1.4; max-width: 100%; }
}
@media screen and (max-width: 360px) {
  .wt-src .yt_cpdl_banner { height: 250px; padding: 0 4%; }
  .wt-src .yt_cpdl_banner h1 { font-size: 20px; margin-bottom: 8px; }
  .wt-src .yt_cpdl_banner p { font-size: 13px; line-height: 1.3; }
}
.wt-src .yt_cplb_container { margin: 0 auto; max-width: 1300px; padding: 0 15px; box-sizing: border-box; }
.wt-src .yt_cplb_category, .wt-src .yt_cplb_subcategory { display: flex; flex-wrap: wrap; margin: 10px 0; padding: 15px 0; border-bottom: 1px solid #eee; }
.wt-src .yt_cplb_category_label, .wt-src .yt_cplb_subcategory_label { margin-right: 20px; white-space: nowrap; padding: 5px 10px; }
.wt-src .yt_cplb_category_items, .wt-src .yt_cplb_subcategory_items { display: flex; flex-wrap: wrap; }
.wt-src .yt_cplb_category_item, .wt-src .yt_cplb_subcategory_item { margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; cursor: pointer; white-space: nowrap; }
.wt-src .yt_cplb_category_item.active, .wt-src .yt_cplb_subcategory_item.active { background: #f39800; color: white; border-radius: 3px; }
.wt-src .yt_cplb_category_item.active a, .wt-src .yt_cplb_subcategory_item.active a { color: white; }
.wt-src .yt_cplb_products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 20px 0; }
.wt-src .yt_cplb_product { display: flex; flex-direction: column; text-align: center; box-sizing: border-box; border: 1px solid #f5f5f5; border-radius: 5px; padding: 20px; position: relative; box-shadow: 0 2px 26px 0 rgba(133, 153, 171, 0.1); }
.wt-src .yt_cplb_product_hot { color: #ff6600; font-size: 14px; position: absolute; top: 20px; left: 20px; }
.wt-src .yt_cplb_product_pdf { color: #ff6600; font-size: 14px; position: absolute; top: 20px; right: 20px; }
.wt-src .yt_cplb_product_img { max-width: 100%; height: auto; margin-bottom: 15px; padding: 10px; }
.wt-src .yt_cplb_product_title { text-align: left; font-size: 15px; margin-bottom: 10px; line-height: 1.4; font-weight: 600; }
.wt-src .yt_cplb_product_specs { text-align: left; font-size: 12px; color: #999; margin-bottom: 10px; display: none; }
.wt-src .yt_cplb_product_specs .tag { background: #f39800; color: white; border-radius: 4px; cursor: pointer; font-size: 12px; height: 24px; line-height: 24px; padding: 0 8px; margin-right: 4px; display: inline-block; }
.wt-src .yt_cplb_product_price { color: #e60012; font-size: 18px; font-weight: bold; text-align: left; margin: 10px 0; }
.wt-src .yt_cplb_product_delivery { text-align: left; font-size: 13px; color: #999; margin-bottom: 10px; }
.wt-src .yt_cplb_product_sales { text-align: left; font-size: 12px; color: #999; }
@media screen and (max-width: 1200px) {
  .wt-src .yt_cplb_products { grid-template-columns: repeat(3, 1fr); gap: 15px; }
  .wt-src .yt_cplb_product_img { height: 180px; object-fit: cover; }
}
@media screen and (max-width: 992px) {
  .wt-src .yt_cplb_product_img { height: 160px; }
}
@media screen and (max-width: 768px) {
  .wt-src .yt_cplb_product_specs { display: none; }
  .wt-src .yt_cplb_products { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .wt-src .yt_cplb_product { border: 1px solid #f5f5f5; border-radius: 5px; padding: 20px; }
  .wt-src .yt_cplb_product_img { height: 140px; margin-bottom: 10px; }
  .wt-src .yt_cplb_product_price { font-size: 16px; }
  .wt-src .yt_cplb_category_item, .wt-src .yt_cplb_subcategory_item { margin-right: 15px; margin-bottom: 8px; }
}
@media screen and (max-width: 480px) {
  .wt-src .yt_cplb_products { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .wt-src .yt_cplb_category_label, .wt-src .yt_cplb_subcategory_label { width: 100%; margin-bottom: 8px; }
  .wt-src .yt_cplb_product_img { height: 120px; }
  .wt-src .yt_cplb_product_title { font-size: 13px; margin-bottom: 6px; }
  .wt-src .yt_cplb_product_specs, .wt-src .yt_cplb_product_delivery, .wt-src .yt_cplb_product_sales { font-size: 11px; margin-bottom: 6px; }
  .wt-src .yt_cplb_product_price { font-size: 15px; margin: 6px 0; }
  .wt-src .yt_cplb_category, .wt-src .yt_cplb_subcategory { padding: 10px 0; margin: 5px 0; }
  .wt-src .yt_cplb_category_item, .wt-src .yt_cplb_subcategory_item { padding: 3px 8px; margin-right: 10px; margin-bottom: 6px; font-size: 13px; }
}
@media screen and (max-width: 360px) {
  .wt-src .yt_cplb_product_img { height: 100px; }
  .wt-src .yt_cplb_product_title { font-size: 12px; }
  .wt-src .yt_cplb_product_price { font-size: 14px; }
}
.wt-src .yt_cp_container { max-width: 1400px; margin: 0 auto; padding: 0 15px; }
.wt-src .yt_cp_ccimg img { margin: 0 auto; width: 100%; max-width: 600px; }
.wt-src .yt_cp_product-container { display: flex; flex-wrap: wrap; padding: 20px 0; background-color: #fff; border-radius: 8px; }
.wt-src .yt_cp_product-image { flex: 1; min-width: 300px; padding: 20px; text-align: center; }
.wt-src .yt_cp_product-image img { max-width: 100%; height: auto; border-radius: 4px; transition: transform 0.3s ease; }
.wt-src .yt_cp_product-info { flex: 1; min-width: 300px; padding: 20px; }
.wt-src .yt_cp_product-title { font-size: 22px; font-weight: bold; margin-bottom: 5px; color: #222; line-height: 1.3; }
.wt-src .yt_cp_product-specs { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0; }
.wt-src .yt_cp_spec-item { background-color: #f5f5f5; padding: 6px 12px; border-radius: 6px; font-size: 14px; transition: background-color 0.2s ease; cursor: pointer; }
.wt-src .yt_cp_spec-item:hover { background-color: #e8e8e8; }
.wt-src .yt_cp_model-number { color: #666; font-size: 14px; margin-top: 5px; font-weight: normal; margin-bottom: 20px; }
.wt-src .yt_cp_quantity-control { display: flex; align-items: center; margin: 25px 0; }
.wt-src .yt_cp_quantity-control button { background-color: #ff3d3d; font-size: 18px; cursor: pointer; transition: background-color 0.2s ease; border-radius: 4px; }
.wt-src .yt_cp_quantity-control button:hover { background-color: #ff2424; }
.wt-src .yt_cp_quantity-control input { width: 60px; height: 40px; text-align: center; border: 1px solid #ddd; margin: 0 8px; border-radius: 4px; font-size: 16px; }
.wt-src .yt_cp_add-to-cart { background-color: #e74c3c; color: white; border: none; padding: 12px 25px; font-size: 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.2s ease; }
.wt-src .yt_cp_add-to-cart:hover { background-color: #c0392b; }
.wt-src .yt_cp_product-features { margin: 25px 0 5px; padding: 15px; background-color: #f6f8fb; border-radius: 6px; }
.wt-src .yt_cp_feature-title { font-size: 15px; margin-bottom: 10px; color: #222; position: relative; }
.wt-src .yt_cp_feature_pdf { color: #ff6600; font-size: 14px; position: absolute; top: 20px; right: 45px; cursor: pointer; }
.wt-src .yt_cp_feature-list { list-style-type: none; margin-left: 10px; }
.wt-src .yt_cp_tips { color: #999; line-height: 30px; font-size: 13px; }
.wt-src .yt_cp_tips a { color: #f39800; }
.wt-src .yt_cp_feature-list li { margin-bottom: 8px; padding-left: 13px; position: relative; }
.wt-src .yt_cp_feature-list li:before { background: #707070; border-radius: 4px; content:" "; display: block; height: 4px; left: 0; position: absolute; top: 9px; width: 4px; }
.wt-src .yt_cp_expand-link { display: inline-block; margin-top: 12px; color: #0066cc; text-decoration: none; font-weight: 500; transition: color 0.2s ease; }
.wt-src .yt_cp_expand-link:hover { color: #004d99; text-decoration: underline; }
.wt-src .yt_cp_thumbnail-gallery { display: flex; margin-top: 20px; overflow-x: auto; padding: 10px 0; scrollbar-width: thin; scrollbar-color: #ddd transparent; justify-content: center; }
.wt-src .yt_cp_thumbnail-gallery::-webkit-scrollbar { height: 6px; }
.wt-src .yt_cp_thumbnail-gallery::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3px; }
.wt-src .yt_cp_thumbnail { border: 1px solid #ddd; margin-right: 10px; cursor: pointer; width: 70px; height: 70px; padding: 3px; border-radius: 4px; transition: border-color 0.2s ease; }
.wt-src .yt_cp_thumbnail:hover { border-color: #999; }
.wt-src .yt_cp_thumbnail.active { border-color: #0066cc; }
.wt-src .yt_cp_tabs { margin-top: 40px; background-color: #fff; overflow: hidden; }
.wt-src .yt_cp_tab-links { display: flex; list-style: none; padding: 0; margin: 0; background-color: #f6f8fb; overflow-x: auto; scrollbar-width: none; }
.wt-src .yt_cp_tab-links::-webkit-scrollbar { display: none; }
.wt-src .yt_cp_tab-link { padding: 15px 20px; cursor: pointer; border-bottom: 3px solid transparent; white-space: nowrap; transition: all 0.2s ease; font-weight: 500; }
.wt-src .yt_cp_tab-link:hover { background-color: #f0f0f0; }
.wt-src .yt_cp_tab-link.active { border-bottom-color: #0066cc; color: #0066cc; }
.wt-src .yt_cp_tab-content { padding: 25px; }
.wt-src .yt_cp_tab-content h2 { margin-bottom: 20px; color: #19191a; font-size: 16px; font-weight: 600; line-height: 24px; padding: 32px 0 20px; border-bottom: 1px solid #e5e5e5; }
.wt-src .yt_cp_tab-content p { margin-bottom: 20px; color: #19191a; font-size: 15px; line-height: 30px; }
@media (max-width: 992px) {
  .wt-src .yt_cp_product-container { flex-direction: column; }
  .wt-src .yt_cp_product-image, .wt-src .yt_cp_product-info { width: 100%; }
  .wt-src .yt_cp_tab-link { padding: 12px 15px; font-size: 14px; }
  .wt-src .yt_cp_tab-content { padding: 20px 15px; }
}
@media (max-width: 768px) {
  .wt-src .yt_cp_quantity-control { flex-wrap: wrap; }
  .wt-src .yt_cp_add-to-cart { margin-left: 0; margin-top: 15px; width: 100%; }
}
@media (max-width: 576px) {
  .wt-src .yt_cp_product-title { font-size: 18px; }
  .wt-src .yt_cp_spec-item { font-size: 12px; padding: 4px 8px; }
  .wt-src .yt_cp_thumbnail { width: 60px; height: 60px; }
  .wt-src .yt_cp_tab-links { flex-wrap: nowrap; }
  .wt-src .yt_cp_tab-link { padding: 10px; font-size: 13px; }
}
.wt-src .yt_cp_fade-in { animation: fadeIn 0.3s ease-in-out; }
.wt-src .pagination-container { margin: 50px 0; text-align: center; }
.wt-src .pagination-box { display: inline-block; border-radius: 4px; padding: 5px 10px; }
.wt-src .pagination-box a, .wt-src .pagination-box span { display: inline-block; min-width: 28px; height: 28px; line-height: 28px; margin: 0 3px; text-align: center; text-decoration: none; color: #333; border: 1px solid transparent; border-radius: 3px; }
.wt-src .pagination-box a:hover { color: #4f4f4f; background-color: #f1f1f1; }
.wt-src .pagination-box .now-page { background-color: #f39800; color: #fff; font-weight: bold; }
@media (max-width: 767px) {
  .wt-src .ufc-title { margin: 20px !important; }
  .wt-src .pro-tip-ul { display: none; }
}
.wt-src .cply-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: none; justify-content: center; align-items: center; z-index: 1000; padding: 20px; box-sizing: border-box; }
.wt-src .cply-modal-overlay.cply-active { display: flex; }
.wt-src .cply-modal-content { background-color: #fff; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); width: 100%; max-width: 800px; position: relative; display: flex; flex-direction: column; max-height: 90vh; }
.wt-src .cply-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; border-bottom: 1px solid #e9e9e9; flex-shrink: 0; }
.wt-src .cply-modal-title { font-size: 20px; font-weight: 600; color: #333; margin: 0; }
.wt-src .cply-modal-close { background: none; border: none; font-size: 28px; font-weight: 300; color: #888; cursor: pointer; line-height: 1; padding: 0; }
.wt-src .cply-modal-close:hover { color: #000; }
.wt-src .cply-modal-body { overflow-y: auto; padding: 24px; }
.wt-src .cply-product-info { display: flex; align-items: flex-start; gap: 20px; border-bottom: 1px solid #e9e9e9; padding-bottom: 24px; margin-bottom: 24px; }
.wt-src .cply-product-image { width: 100px; height: auto; flex-shrink: 0; }
.wt-src .cply-product-details p { font-size: 14px; line-height: 1.5; }
.wt-src .cply-product-name { font-weight: 600; color: #333; margin-top: 10px; margin-bottom: 5px; }
.wt-src .cply-product-source { margin-bottom: 5px; }
.wt-src .ufc-container-form { padding: 0; }
.wt-src .ufc-title { text-align: center; margin: 0 0 20px 0; }
.wt-src .ufc-title p { font-size: 14px; color: #666; }
.wt-src .ufc-form-group { margin-bottom: 15px; }
.wt-src .ufc-form-label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 5px; color: #333; }
.wt-src .ufc-required::after { content:" *"; color: #f56c6c; }
.wt-src .ufc-textarea, .wt-src .ufc-input { width: 100%; padding: 12px; border-radius: 10px; font-size: 14px; background-color: #f6f8fb; border: 1px solid #e0e0e0; box-sizing: border-box; }
.wt-src .ufc-textarea:focus, .wt-src .ufc-input:focus { outline: none; border-color: #1867c0; background-color: #fff; }
.wt-src .ufc-textarea { min-height: 80px; resize: vertical; }
.wt-src .ufc-submit-btn { background-color: #1867c0; color: white; border: none; border-radius: 4px; padding: 8px 15px; font-size: 13px; cursor: pointer; transition: background-color 0.3s; }
.wt-src .ufc-submit-btn:hover { background-color: #1756a9; }
.wt-src .ufc-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 600px) {
  .wt-src .cply-modal-body { padding: 16px; }
  .wt-src .cply-product-info { flex-direction: column; align-items: center; text-align: center; }
  .wt-src .ufc-two-columns { grid-template-columns: 1fr; }
}
.wt-src .ufc-container-form { padding:40px }
.wt-src .ufc-title { text-align:center;margin:20px 0 }
.wt-src .ufc-title h2 { font-size:24px;font-weight:700 }
.wt-src .ufc-form-group { margin-bottom:15px }
.wt-src .ufc-form-label { display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:#333 }
.wt-src .ufc-required::after { content:" *";color:#f56c6c }
.wt-src .ufc-input:not(:disabled):hover, .wt-src .ufc-textarea:not(:disabled):hover { background:-webkit-gradient(linear,left bottom,left top,from(rgba(25,25,26,.04)),to(rgba(25,25,26,.04))),#f6f6f8;background:linear-gradient(0deg,rgba(25,25,26,.04),rgba(25,25,26,.04)),#f6f6f8 }
.wt-src .ufc-textarea { width:100%;padding:12px;border-radius: 10px;min-height:100px;font-size:14px;resize:vertical;background-color:#f6f8fb }
.wt-src .ufc-input { width:100%;padding:12px;border-radius:10px;font-size:14px;background-color:#f6f8fb }
.wt-src .ufc-submit-btn { background-color: #1867c0; color: #fff; border: none; font-size: 15px; border-radius: 18px 0 18px 0; cursor: pointer; transition: background-color .3s; padding: 12px 28px; }
.wt-src .ufc-submit-btn:hover { background-color:#1756a9 }
.wt-src .ufc-two-columns { display:grid;grid-template-columns:1fr 1fr;gap:20px }
@media (max-width:600px) {
  .wt-src .ufc-two-columns { grid-template-columns:1fr }
}
@media (max-width:767px) {
  .wt-src .yt_cpdl_banner p { display: none; }
  .wt-src .yt_cpdl_banner h1 { font-size: 28px; }
  .wt-src .spec-table tr { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .wt-src .spec-table tr td { word-break: break-word; white-space: normal; }
}
.wt-src .yt_cplb_category_label { flex:0 0 5%; box-sizing:border-box; padding-right:10px }
.wt-src .yt_cplb_category_items, .wt-src .yt_cplb_subcategory_items { flex:1; display:flex; flex-wrap:wrap; gap:8px; overflow:auto }
.wt-src .yt_cplb_category_item, .wt-src .yt_cplb_subcategory_item { white-space:nowrap; padding:5px 10px; background:#f5f5f5; border-radius:4px }
.wt-src .yt_cplb_category_item a, .wt-src .yt_cplb_subcategory_item a { text-decoration:none; color:inherit }
.wt-src .yt_cplb_category, .wt-src .yt_cplb_subcategory { display:flex; margin:10px 0; padding:15px 0; border-bottom:1px solid #eee }
.wt-src .yt_cplb_subcategory_label { flex:0 0 5%; box-sizing:border-box; padding-right:10px; white-space:nowrap }
.wt-src .yt_cp_tab-content table { width:100%; border-collapse:collapse; margin:30px 0 }
.wt-src .yt_cp_tab-content td { color:#19191a; font-size:15px; width:25% }
.wt-src .yt_cp_tab-content td, .wt-src .yt_cp_tab-content th { border:1px solid #ffffff26!important; padding:15px; text-align:left }
.wt-src .yt_cp_tab-content th { background:rgba(64, 128, 255, .06) }
.wt-src .yt_cp_tab-content tr:nth-child(odd) { background:rgb(64 128 255 / 10%) }
.wt-src .pro-tip-ul li { color:#999; line-height:30px }
.wt-src .pro-tip-ul { margin:60px 0 }
.wt-src .yt_cp_tabs { position:sticky; top:70px; z-index:5 }
.wt-src .resources-header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e5e7eb; padding-bottom:12px; margin-bottom:24px; margin-top:20px }
.wt-src .resources-header h2 { font-size:20px; font-weight:600; margin:0; color:#111827; border:none }
.wt-src .resource-item:hover { background-color:#f1f3f5; box-shadow:0 15px 15px -10px rgba(0, 0, 0, .15) }
.wt-src .fu-title { display: flex; align-items: flex-end; justify-content: space-between; }
.wt-src .fu-title a { color: #f39800; }
.wt-src .fu-title h2 { margin: 0; padding: 0; padding-left: 0.7em; line-height: 1; }
.wt-src .fu-title p { margin: 0 0 0 10px; padding: 0; line-height: 1; font-size: 13px; }
.wt-src .fu-p-dtit { color: #19191a; font-size: 15px; font-weight: 600; }
.wt-src .yt_cp_ccimg { text-align: center; }
.wt-src .resources-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px }
.wt-src .resource-item { display:flex; align-items:flex-start; padding:20px; background-color:#f1f3f5; border-radius:8px; text-decoration:none; color:#333; transition:.3s; min-height:60px }
.wt-src .resource-item .text-content { font-size:15px; line-height:1.5; margin-left:5px }
@media (max-width:640px) {
  .wt-src .resources-grid { grid-template-columns:1fr }
  .wt-src .resources-header h2 { font-size:18px }
  .wt-src .resource-item .text-content { font-size:14px }
}
.wt-src .yt_cp_tab-content table { width:100%;border-collapse:collapse;margin:30px 0 }
.wt-src .yt_cp_tab-content td { color:#19191a;font-size:15px;width:25%; }
.wt-src .yt_cp_tab-content td, .wt-src .yt_cp_tab-content th { border:1px solid #ffffff26!important;padding:15px;text-align:left }
.wt-src .yt_cp_tab-content th { background:rgba(64,128,255,.06) }
.wt-src .yt_cp_tab-content tr:nth-child(odd) { background: rgb(64 128 255 / 10%); }
.wt-src .pro-tip-ul li { color:#999;line-height:30px;font-size: 13px; }
.wt-src .pro-tip-ul { margin: 60px 0; border-top: 1px solid #e5e5e5; padding-top: 30px; }
.wt-src .yt_cp_tabs { position:sticky;top:70px;background-color:#fff;z-index:5 }
.wt-src .resources-header { display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:0px;margin-bottom:24px;margin-top: 20px; }
.wt-src .resources-header h2 { font-size:20px;font-weight:600;margin:0;color:#111827;border:none;padding:15px; }
.wt-src .resources-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding: 0 20px; }
.wt-src .resource-item { display:flex;align-items:flex-start;padding:20px;background-color:#f1f3f5;border-radius:8px;text-decoration:none;color:#333;transition:background-color .2s ease;min-height:60px; transition: all .3s; }
.wt-src .resource-item:hover { background-color:#f1f3f5;box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .15); }
.wt-src .resource-item .text-content { font-size:15px;line-height:1.5;margin-left: 5px; }
@media (max-width:640px) {
  .wt-src .resources-grid { grid-template-columns:1fr }
  .wt-src .resources-header h2 { font-size:18px }
  .wt-src .resource-item .text-content { font-size:14px }
}
.wt-src .rz-container { width:100%;max-width:1200px;padding: 0 20px; }
.wt-src .rz-logo-list { display:flex;justify-content:flex-start;align-items:center;gap:20px;padding:0;margin:0;list-style:none;flex-wrap: wrap; }
.wt-src .rz-logo-item { position:relative;cursor:pointer }
.wt-src .rz-logo-img { height:50px;width:auto; transition:all .3s ease-in-out }
.wt-src .rz-logo-item:hover .rz-logo-img { filter:grayscale(0) opacity(1);transform:scale(1.1) }
@media (max-width:768px) {
  .wt-src .rz-logo-img { height:50px }
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* =====================================================================
   Bổ sung riêng của nhà phân phối (không có trên gốc) — tạo kiểu hài hoà với gốc
   ===================================================================== */
/* Ảnh thumbnail: gốc dùng ảnh gốc co 70×70; ảnh của mình là bản cắt vuông */
.wt-src .yt_cp_thumbnail { object-fit: contain; background: #fff; }
.wt-src #main-image { cursor: default; }

/* Khối giá + nút liên hệ (đặt sau dòng "Pre-sales Consultation") */
.wt-src .wt-src-buy { margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.wt-src .wt-src-buy__price { display: flex; align-items: baseline; gap: 8px; }
.wt-src .wt-src-buy__cart { flex: 1 1 100%; order: 1; }
.wt-src .wt-src-buy--price .wt-src-buy__btns { order: 2; }
.wt-src .wt-src-buy__label { font-size: 14px; color: #999; }
.wt-src .wt-src-buy__val, .wt-src .wt-src-buy__val .amount, .wt-src .wt-src-buy__val .wt-price-contact { font-size: 20px; line-height: 1.3; color: #f39800; font-weight: 600; }
.wt-src .wt-src-buy__val del, .wt-src .wt-src-buy__val del .amount { font-size: 14px; color: #999; font-weight: normal; }
.wt-src .wt-src-buy__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.wt-src .wt-src-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 4px;
  font-size: 14px; line-height: 1; border: 1px solid transparent; cursor: pointer; transition: all .3s; white-space: nowrap;
}
.wt-src .wt-src-btn .wt-ico { width: 16px; height: 16px; }
.wt-src .wt-src-btn--accent { background: #f39800; color: #fff; }
.wt-src .wt-src-btn--accent:hover { background: #e08c00; color: #fff; }
.wt-src .wt-src-btn--primary { background: #004896; color: #fff; }
.wt-src .wt-src-btn--primary:hover { background: #003686; color: #fff; }
.wt-src .wt-src-btn--line { background: #fff; color: #333; border-color: #ddd; }
.wt-src .wt-src-btn--line:hover { color: #0066cc; border-color: #0066cc; }
@media (max-width: 767px) {
  .wt-src .wt-src-buy { display: block; }
  .wt-src .wt-src-buy__cart { margin-bottom: 8px; }
  .wt-src .wt-src-buy__cart form.cart { gap: 8px; }
  .wt-src .wt-src-buy__cart button.single_add_to_cart_button.button.alt,
  .wt-src .wt-src-buy__cart button.button.buy_now_button { flex: 1 1 0; padding: 0 8px; font-size: 14px; white-space: nowrap; height: 36px; }
  .wt-src .wt-src-buy__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .wt-src .wt-src-btn { height: 36px; padding: 0 8px; font-size: 13px; }
  .wt-src .wt-src-buy__price { margin-bottom: 8px; }
  .wt-src .wt-src-buy__val, .wt-src .wt-src-buy__val .amount, .wt-src .wt-src-buy__val .wt-price-contact { font-size: 17px; }
}
/* SP có giá: form giỏ hàng WooCommerce theo kiểu .yt_cp_quantity-control của gốc */
.wt-src .wt-src-buy__cart form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; border: 0; }
.wt-src .wt-src-buy__cart .quantity.buttons_added { display: inline-flex; align-items: center; margin: 0; order: 0; }
.wt-src .wt-src-buy__cart .quantity .qty { width: 60px; height: 40px; text-align: center; border: 1px solid #ddd; margin: 0 8px; border-radius: 4px; font-size: 16px; padding: 0; }
.wt-src .wt-src-buy__cart .quantity .button { width: 32px; height: 40px; border: 1px solid #ddd !important; background: #fff !important; color: #333 !important; border-radius: 4px !important; padding: 0; line-height: 38px; }
.wt-src .wt-src-buy__cart button.single_add_to_cart_button.button.alt,
.wt-src .wt-src-buy__cart button.button.buy_now_button {
  order: 1; flex: 0 0 auto; height: 40px; margin: 0; padding: 0 25px; border: 0; border-radius: 4px; background: #e74c3c; color: #fff; font-size: 16px;
}
.wt-src .wt-src-buy__cart button.single_add_to_cart_button.button.alt:hover { background: #c0392b; }
.wt-src .wt-src-buy__cart button.single_add_to_cart_button.button.alt::before { display: none; }
.wt-src .wt-src-buy__cart button.button.buy_now_button { order: 2; background: #f39800; }
.wt-src .wt-src-buy__cart button.button.buy_now_button:hover { background: #e08c00; }

/* Khối năng lực hãng: đã có tiêu đề riêng phía trên → bớt khoảng cách trên của module gốc */
.wt-src .module_com_desc.wt-src-mfr { margin-top: 24px; }

/* Ẩn breadcrumb DevVN cũ nếu còn */
body.single-product #breadcrumbs, body.wt-archive-page #breadcrumbs { display: none; }

/* Nội dung tổng quan của SP cũ (_wt_legacy): heading + danh sách */
.wt-src .wt-src-overview p { margin-bottom: 20px; }
.wt-src .wt-src-overview h3 { margin: 24px 0 10px; color: #19191a; font-size: 16px; font-weight: 600; line-height: 24px; }
.wt-src .wt-src-overview ul { margin: 0 0 20px 20px; }
.wt-src .wt-src-overview ul li { list-style: disc; color: #19191a; font-size: 15px; line-height: 30px; }
.wt-src .wt-src-overview img { max-width: 100%; height: auto; }
.wt-src .yt_cp_ccimg img { height: auto; }

/* Tài liệu: dung lượng file */
.wt-src .resource-item .text-content small { color: #999; font-size: 12px; }

/* Thẻ SP: giá (gốc ẩn giá; chỉ hiện khi SP có giá bán) */
.wt-src .yt_cplb_product_price.wt-src-price { display: block; color: #e60012; }
.wt-src .yt_cplb_product_price.wt-src-price .amount { color: #e60012; }
.wt-src .yt_cplb_products > a { display: block; color: inherit; }

/* SP liên quan: lưới thẻ kiểu danh mục gốc */
.wt-src .wt-src-related { padding-bottom: 40px; }
.wt-src .wt-src-related .yt_cp_tab-content { padding-top: 0; }

/* Popup: form CF7 theo kiểu .ufc của gốc */
.wt-src .cply-modal-overlay .wpcf7-form-control-wrap { display: block; }
.wt-src .cply-modal-overlay .wpcf7 form .wpcf7-response-output { margin: 10px 0 0; padding: 8px 12px; font-size: 13px; border-radius: 4px; }
.wt-src .cply-modal-overlay .wpcf7-not-valid-tip { font-size: 12px; margin-top: 4px; }
.wt-src .cply-modal-overlay .wpcf7-spinner { position: absolute; }
.wt-src .cply-modal-overlay .cply-product-image { object-fit: contain; }
html.wt-modal-open, html.wt-modal-open body { overflow: hidden; }

/* =====================================================================
   Thẻ SP dự phòng (content-product ngoài trang của Agent C, vd. cross-sell giỏ hàng) — giữ từ vòng 1
   ===================================================================== */
/* ---------- Thẻ sản phẩm (dùng chung) ---------- */
.wt-pcol.product-small.col .col-inner, .wt-pcol.product-small.col .col-inner:hover { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.wt-pcol { padding-bottom: 20px !important; }
.wt-pcol.product-small.col > .col-inner { height: 100%; }
.wt-pcard {
  position: relative; display: flex; flex-direction: column; height: 100%; color: var(--wt-text); overflow: hidden;
  border-radius: var(--wt-radius); border-color: #edf0f4;
  box-shadow: 0 2px 22px rgba(133, 153, 171, .1);
}
.wt-pcard:hover { color: var(--wt-text); }
.wt-pcard__media {
  position: relative; display: block; aspect-ratio: 1 / 1; height: auto; overflow: hidden;
  background: #fff; border-bottom: 1px solid #f1f3f6;
}
.wt-pcard__media .wt-pcard__img {
  position: absolute; top: 12%; left: 10%; width: 80%; height: 78%; max-width: none; object-fit: contain; transition: transform .35s ease;
}
.wt-pcard:hover .wt-pcard__img { transform: scale(1.04); }
.wt-pcard__hot.wt-hot { position: absolute; top: 14px; left: 14px; z-index: 2; }
.wt-pcard__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 16px 18px 16px; }
.wt-pcard__title {
  font-size: 15px; font-weight: 600; line-height: 1.45; margin: 0 0 6px; color: #1a2433; letter-spacing: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em;
  transition: color .2s;
}
.wt-pcard:hover .wt-pcard__title { color: var(--wt-primary); }
.wt-pcard__title.has-model { display: block; min-height: 0; -webkit-line-clamp: unset; overflow: visible; margin-bottom: 6px; }
.wt-pcard__model { display: block; font-size: 15.5px; font-weight: 700; line-height: 1.35; color: var(--wt-primary-deep); word-break: break-word; transition: color .2s; }
.wt-pcard:hover .wt-pcard__model { color: var(--wt-primary); }
.wt-pcard__title.has-model .wt-pcard__name {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em;
  font-size: 13.5px; font-weight: 500; line-height: 1.45; color: var(--wt-text); margin-top: 3px;
}
.wt-pcard__sub {
  font-size: 13px; line-height: 1.55; color: var(--wt-text-light);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px;
}
.wt-pcard__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 10px; border-top: 1px dashed var(--wt-border); }
.wt-pcard__price.price { font-size: 14.5px; font-weight: 700; color: var(--wt-accent); margin: 0; line-height: 1.3; }
.wt-pcard__price .amount { color: var(--wt-accent); }
.wt-pcard__price del { color: var(--wt-text-light); font-weight: 400; font-size: 12px; }
.wt-pcard__more { font-size: 13px; color: var(--wt-primary); font-weight: 500; white-space: nowrap; opacity: .85; transition: transform .2s; }
.wt-pcard:hover .wt-pcard__more { transform: translateX(3px); opacity: 1; }