/* ===== Taxonomy Header Minimal Soft Style ===== */
.woocommerce-products-header{background:#f8f9fb;border:1px solid #eceff3;border-radius:20px;padding:0 15px;margin-bottom:20px}
/* Title */
.woocommerce-products-header__title.page-title{font-size:46px;font-weight:800;line-height:1.2;color:#111827;margin-bottom:28px;position:relative}
/* Soft underline */
.woocommerce-products-header__title.page-title::after{content:"";width:90px;height:4px;background:#ff9300;border-radius:999px;position:absolute;left:0;bottom:-12px}
/* Description */
.woocommerce-products-header{color:#4b5563;font-size:17px;line-height:1.9}
/* Main intro */
.woocommerce-products-header h2{font-size:22px;line-height:1.6;margin-bottom:22px;color:#1f2937;font-weight:700}
/* Paragraph spacing */
.woocommerce-products-header p{margin-bottom:14px}
/* Hotline */
.woocommerce-products-header p:nth-last-child(2){margin-top:26px;font-size:18px}
/* Tags box */
.woocommerce-products-header p:last-child{display:inline-block;padding:14px 20px;background:#fff;border:1px dashed #f3b1b1;border-radius:14px;color:#6b7280;margin-top:10px}
/* Remove ugly default italic feel */
.woocommerce-products-header i{color:#6b7280;font-style:normal}
/* Mobile */
@media (max-width:768px){.woocommerce-products-header__title.page-title{font-size:34px}.woocommerce-products-header .term-description h2{font-size:19px}}
/* Optional: thêm “điểm nhấn SEO content block” */
.detail.woocommerce.des_taxonomy::before{content: ""; position: absolute; top: -2px; left: 0; width: 80px; height: 2px; background: #ff6a00;}

.detail.woocommerce.des_taxonomy{font-family:Arial,sans-serif;font-size:16px;line-height:1.75;color:#333;margin-top: 24px; padding-top: 22px; border-top: 2px solid #e9e9e9; position: relative;}
/* Paragraph */
.detail.woocommerce.des_taxonomy p{margin:0 0 14px}
/* Strong highlight nhẹ */
.detail.woocommerce.des_taxonomy strong{font-weight:600;color:#111}
/* ===== HEADINGS ===== */
.detail.woocommerce.des_taxonomy h3{font-size:20px;margin:26px 0 14px;font-weight:700;line-height:1.4;padding-left:12px;border-left:4px solid #ff6a00;position:relative}
.detail.woocommerce.des_taxonomy h4{font-size:18px;margin:22px 0 12px;font-weight:700;padding-left:12px;border-left:3px solid #ff6a00}
/* ===== UL LIST ===== */
.detail.woocommerce.des_taxonomy ul{margin:0 0 18px 0;padding:0;list-style:none}
.detail.woocommerce.des_taxonomy ul li{position:relative;padding-left:26px;margin-bottom:10px}
/* Icon check xanh */
.detail.woocommerce.des_taxonomy ul li::before{content:"✓";position:absolute;left:0;top:0;color:#00a859;font-weight:bold;font-size:15px}
/* ===== DIV BOX (2 đoạn máy loại) ===== */
.detail.woocommerce.des_taxonomy div{padding:14px 16px;margin:10px 0 18px;background:#f9f9f9;border-left:4px solid #ddd;border-radius:6px}
/* ===== PARAGRAPH STRONG AS CALLOUT ===== */
.detail.woocommerce.des_taxonomy p strong{display:inline-block}
/* Optional:hover nhẹ cho heading */
.detail.woocommerce.des_taxonomy h3:hover{border-left-color:#ff3d00}
.detail.woocommerce.des_taxonomy blockquote{margin:18px 0;padding:16px 18px 16px 44px;background:#f8f8f8;border-left:4px solid #ff6a00;position:relative;font-style:italic;color:#444;border-radius:6px}
/* Icon quote */
.detail.woocommerce.des_taxonomy blockquote::before{content:"“";position:absolute;left:12px;top:8px;font-size:34px;color:#ff6a00;font-family:Georgia,serif;line-height:1;opacity:0.8}
/* Text bên trong */
.detail.woocommerce.des_taxonomy blockquote p{margin:0}
/* Link trong quote */
.detail.woocommerce.des_taxonomy blockquote a{color:#ff6a00;text-decoration:underline}
/* Mobile tối ưu */
@media (max-width:768px){.detail.woocommerce.des_taxonomy{font-size:15px}.detail.woocommerce.des_taxonomy h3{font-size:18px}.detail.woocommerce.des_taxonomy h4{font-size:16px}}
/* =========================
   CATEGORY CARD FIX FINAL
========================= */
.woocommerce ul.products li.product-category{border:1px solid #e9e9e9;border-radius:14px;overflow:hidden;background:#fff;transition:all .25s ease;height:100%}
/* HOVER */
.woocommerce ul.products li.product-category:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.10);border-color:#dcdcdc}
/* LINK FULL HEIGHT */
.woocommerce ul.products li.product-category a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
/* IMAGE FIX */
.woocommerce ul.products li.product-category img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}
/* TITLE WRAP FIX */
.woocommerce-loop-category__title{flex:1;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;min-height:70px;padding:16px 12px;margin:0;font-size:18px;font-weight:700;line-height:1.3;text-align:center}
/* COUNT FIX (QUAN TRỌNG NHẤT) */
.woocommerce-loop-category__title .count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 10px;border-radius:999px;background:#f1f3f5;color:#666;font-size:13px;font-weight:600;line-height:1;flex-shrink:0}
/* HOVER TEXT EFFECT */
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title{color:#111}
/* TEXT HOVER COLOR CHANGE */
.woocommerce ul.products li.product-category a{transition:all .25s ease}
/* TITLE DEFAULT */
.woocommerce-loop-category__title{color:#222;transition:color .25s ease}
/* HOVER TEXT */
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title{color:#1e73ff;/* xanh nổi bật kiểu shop */}
/* COUNT HOVER */
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title .count{background:#1e73ff;color:#fff}

/* MOBILE */
@media (max-width:767px){.woocommerce-loop-category__title{font-size:15px;min-height:60px}.woocommerce-loop-category__title .count{height:22px;font-size:12px}}

/* ======================================================
SWITCH ON THE LEFT
====================================================== */
@media(min-width:992px){.taxonomy-layout{display:flex;flex-wrap:wrap}.taxonomy-layout .detail.woocommerce{order:2}.taxonomy-layout .sidebar-col{order:1}}
/* ======================================================
PREMIUM WOOCOMMERCE CATEGORY SIDEBAR
====================================================== */
.widget_product_categories{background:#fff;border:1px solid #e9eef3;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.03)}
/* ======================================================
HEADER
====================================================== */
.widget_product_categories h4{display:flex;align-items:center;justify-content:space-between;margin:0;padding:16px 18px;background:linear-gradient(135deg,#0a6ebd,#045897);color:#fff;font-size:15px;font-weight:700;cursor:pointer;user-select:none;letter-spacing:.2px}
/* ======================================================
SVG ICONS
====================================================== */
.widget_product_categories h4::before{content:"";width:16px;height:16px;margin-right:10px;background-repeat:no-repeat;background-size:contain;opacity:.95;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M10 4l2 2h8a2 2 0 012 2v8a4 4 0 01-4 4H6a4 4 0 01-4-4V6a2 2 0 012-2h6z'/%3E%3C/svg%3E")}
/* item icon */
.widget_product_categories li.cat-item > a::before{content:"";width:14px;height:14px;flex:0 0 auto;opacity:.75;background-repeat:no-repeat;background-size:contain;transition:opacity .2s ease,transform .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239aa4b2' viewBox='0 0 24 24'%3E%3Cpath d='M10 4l2 2h8a2 2 0 012 2v8a4 4 0 01-4 4H6a4 4 0 01-4-4V6a2 2 0 012-2h6z'/%3E%3C/svg%3E")}
/* ======================================================
HEADER ARROW PREMIUM
====================================================== */
.widget_product_categories h4::after{content:"";width:14px;height:14px;flex:0 0 auto;background-repeat:no-repeat;background-size:contain;background-position:center;opacity:.9;transform:rotate(0deg);transition:transform .22s ease,opacity .22s ease;transform-origin:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2.4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}
/* open */
.widget_product_categories.closed h4::after{transform:rotate(-90deg);opacity:1}
/* ======================================================
LIST
====================================================== */
.widget_product_categories ul.product-categories{list-style:none;margin:0;padding:10px}
/* chỉ đóng khi explicit closed */
.widget_product_categories.closed ul.product-categories{display:none}
/* ======================================================
ITEM
====================================================== */
.widget_product_categories li.cat-item{position:relative;display:flex;align-items:center;flex-wrap:wrap;align-items:center}
/* ======================================================
LINK
====================================================== */
.widget_product_categories li.cat-item > a{position:relative;display:flex;align-items:center;flex:1;gap:10px;padding:12px 9px 12px 0;text-decoration:none;color:#222;font-size:14px;font-weight:500;line-height:1.5;border-radius:12px;transition:background .2s ease,color .2s ease,transform .15s ease}
/* ======================================================
PREMIUM HOVER
====================================================== */
.widget_product_categories li.cat-item > a:hover{background:linear-gradient(
            135deg,#f5f9fd,#f9fbff
        );color:#026eb3;transform:translateX(3px)}
/* icon animate */
.widget_product_categories li.cat-item > a:hover::before{opacity:1;transform:scale(1.08)}
/* ======================================================
COUNT
====================================================== */
.widget_product_categories .count{flex:0 0 auto;margin-left:auto;padding:4px 9px;border-radius:30px;background:#f1f3f5;color:#6b7280;font-size:11px;font-weight:700;line-height:1.2;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
/* hover animate */
.widget_product_categories li.cat-item:hover > .count{background:#dceeff;color:#026eb3;transform:scale(1.06);box-shadow:0 2px 6px rgba(2,110,179,.12)}
/* ======================================================
ARROW
====================================================== */
.widget_product_categories li.cat-parent > a::after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:300;color:#9aa4b2;transition:transform .2s ease,color .2s ease}
.widget_product_categories li.cat-parent > a{padding-right:32px}
.widget_product_categories li.open > a::after{transform:translateY(-50%)
        rotate(90deg);color:#026eb3}
/* ======================================================
CHILDREN
====================================================== */
.widget_product_categories ul.children{width:100%;display:none;margin:4px 0
        8px;padding:8px 0
        8px 14px;border-left:2px dashed
        #d7e3ef}
.widget_product_categories li.open > ul.children{display:block;animation:catFade .22s ease}
/* child item */
.widget_product_categories ul.children li.cat-item > a{font-size:13px;padding-top:10px;padding-bottom:10px}
/* ======================================================
ACTIVE ITEM
====================================================== */
.widget_product_categories li.current-cat > a,.widget_product_categories li.current-cat-parent > a{background:linear-gradient(
            135deg,#eef7ff,#f8fbff
        );color:#026eb3;font-weight:700;box-shadow:inset 3px 0 0 #0a6ebd;padding-left:5px}
/* hover active */
.widget_product_categories li.current-cat > a:hover,.widget_product_categories li.current-cat-parent > a:hover{background:linear-gradient(
            135deg,#e6f4ff,#f5faff
        )}
/* active count */
.widget_product_categories li.current-cat > .count,.widget_product_categories li.current-cat-parent > .count{background:#dceeff;color:#026eb3}
/* ======================================================
SCROLLBAR (optional)
====================================================== */
.widget_product_categories ul.product-categories::-webkit-scrollbar{width:6px}
.widget_product_categories ul.product-categories::-webkit-scrollbar-thumb{background:#d7dde5;border-radius:20px}
/* ======================================================
ANIMATION
====================================================== */
@keyframes catFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
/* ======================================================
POPULAR CATEGORIES
====================================================== */
.popular-categories{padding:14px  14px 6px;border-bottom:1px solid #eef2f6}
/* title */
.popular-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;margin-bottom:10px}
/* pills */
.popular-list{display:flex;flex-wrap:wrap;gap:8px}
.popular-list a{display:inline-flex;align-items:center;padding:7px
        12px;border-radius:30px;background:#f5f7fa;color:#374151;text-decoration:none;font-size:12px;font-weight:600;transition:all .18s ease}
/* hover */
.popular-list a:hover{background:#026eb3;color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px rgba(2,110,179,.18)}

.category-trust-title::after, .premium-faq-title::after {content:"";width:90px;height:4px;background:#ff9300;border-radius:999px;position:absolute;left:0;bottom:-12px}


/* =========================================================
RESULT COUNT + ORDERING (ONLY FIX THIS AREA)
========================================================= */
.woocommerce-result-count{display:inline-block;font-size:14px;color:#6b7280;margin:0}
@media (max-width:430px){.woocommerce-result-count {max-width:25%}}
/* container sorting */
.woocommerce-ordering{display:inline-block;float:right;margin:0}
/* select box */
.woocommerce-ordering .orderby{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;color:#111827;cursor:pointer}
/* focus */
.woocommerce-ordering .orderby:focus{outline:none;border-color:#ffb400;box-shadow:0 0 0 3px rgba(255,180,0,.15)}
/* clear float nếu theme làm lệch */
.woocommerce-products-header::after{content:"";display:block;clear:both}
/* =========================================================
PAGINATION ONLY FIX
========================================================= */
.woocommerce-pagination{margin:24px 0;text-align:center;}
/* reset list */
.woocommerce-pagination ul.page-numbers{ display:inline-flex; gap:6px; padding:0; margin:0; list-style:none; flex-wrap:wrap; justify-content:center; }
/* item */
.woocommerce-pagination ul.page-numbers li{padding:0; margin:0;}
/* link + number */
.woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-size:14px;color:#111827;text-decoration:none}
/* hover */
.woocommerce-pagination .page-numbers a:hover{border-color:#ffb400;color:#ffb400}
/* current page */
.woocommerce-pagination .page-numbers span.current{background:#111827;color:#fff;border-color:#111827}
/* next/prev */
.woocommerce-pagination .next,.woocommerce-pagination .prev{font-weight:700}


/* =======================================================
FAQ SECTION
======================================================= */
.category-bottom-content{margin-top:50px}
.premium-faq-section{position:relative}
.premium-faq-container{width:100%}
.premium-faq-head{margin-bottom:24px}
.premium-faq-title{position: relative; display: inline-block;margin: 0 0 24px;font-size:32px;line-height:1.3;font-weight:700;color:#111}
.premium-faq-description{margin:0;font-size:15px;line-height:1.8;color:#666}
.premium-faq-list{display:flex;flex-direction:column;gap:16px}
.premium-faq-item{background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden;contain:layout paint;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.premium-faq-item:hover{border-color:#ddd}
.premium-faq-item.active{box-shadow:0 10px 30px rgba(0,0,0,.05)}
.premium-faq-question{width:100%;border:0;background:transparent;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;cursor:pointer}
.premium-faq-question-text{display:block;font-size:17px;line-height:1.6;font-weight:600;color:#111}
.premium-faq-icon{position:relative;width:20px;height:20px;flex:0 0 20px}
.premium-faq-icon i{position:absolute;left:50%;top:50%;background:#111;transform:translate(-50%,-50%);transition:.25s ease}
.premium-faq-icon i:first-child{width:16px;height:2px}
.premium-faq-icon i:last-child{width:2px;height:16px}
.premium-faq-item.active
.premium-faq-icon i:last-child{opacity:0}
.premium-faq-answer{max-height:0;overflow:hidden;content-visibility:auto;transition:max-height .32s ease}
.premium-faq-answer-inner{padding:0 26px 26px}
.premium-faq-answer p{margin:0;font-size:15px;line-height:1.9;color:#555}
/* =======================================================
MOBILE
======================================================= */
@media (max-width:767px){.category-bottom-content{margin-top:40px}.premium-faq-title{font-size:26px}.premium-faq-question{padding:18px}.premium-faq-answer-inner{padding:0 18px 18px}.premium-faq-question-text{font-size:16px}}

/* =======================================================
PREMIUM TRUST SECTION
======================================================= */
.category-trust-section{margin-top:70px}
.category-trust-head{margin-bottom:28px}
.category-trust-title{position: relative; display: inline-block;margin: 0 0 24px;font-size:34px;line-height:1.3;font-weight:700;color:#111;}
.category-trust-description{margin:0;
max-width:720px;font-size:15px;line-height:1.9;color:#666;}
.trust-grid{display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.trust-item{position:relative;
padding:30px;border-radius:24px;background:linear-gradient(
        180deg,#ffffff,#fafafa
    );border:1px solid #ededed;overflow:hidden;contain:layout paint;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.trust-item::before{content:'';
position:absolute;inset:0;background:radial-gradient(
        circle at top right,rgba(0,0,0,.03),transparent 45%
    );pointer-events:none;}
.trust-item:hover{transform:translateY(-4px);
border-color:#dcdcdc;box-shadow:0 18px 50px rgba(0,0,0,.06);}
.trust-item-top{display:flex;align-items:center;justify-content:space-between;
margin-bottom:26px;}
.trust-icon{width:58px;height:58px;
display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:18px;background:linear-gradient(
        135deg,#f3f3f3,#ebebeb
    );box-shadow:inset 0 1px 1px rgba(255,255,255,.8);}
.trust-badge{display:inline-flex;align-items:center;justify-content:center;
height:34px;padding:0 14px;border-radius:999px;background:#f5f5f5;font-size:12px;font-weight:600;letter-spacing:.03em;color:#555;}
.trust-title{margin:0 0 12px;
font-size:20px;line-height:1.5;font-weight:700;color:#111;}
.trust-description{margin:0;
font-size:15px;line-height:1.9;color:#666;}
/* =======================================================
TABLET
======================================================= */
@media (max-width:1199px){
.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* =======================================================
MOBILE
======================================================= */
@media (max-width:767px){
.category-trust-section{margin-top:50px}
.category-trust-title{font-size:28px}
.trust-grid{grid-template-columns:1fr;gap:16px}
.trust-item{padding:22px;border-radius:20px}
}