.dtpf-shop-page{
  --ink:#161C22; --steel:#26333F; --red:#E31E24; --red-dark:#B7141A;
  --blue:#4FC3F7; --blue-deep:#1E88C7; --gold:#F2913F; --paper:#F7FAFD;
  --paper-2:#EAF3FA; --line:#DCE6EE; --grey:#647180; --white:#FFFFFF;
  background:var(--paper); color:var(--ink); font-family:'Be Vietnam Pro',sans-serif; line-height:1.5;
}
.dtpf-shop-page *{box-sizing:border-box}
.dtpf-shop-page a{text-decoration:none}
.dtpf-wrap{max-width:1240px;margin:0 auto;padding:0 28px}

.dtpf-pagehead{background:var(--ink);color:var(--white);border-bottom:4px solid;border-image:linear-gradient(90deg,var(--red),var(--gold),var(--blue)) 1;padding:34px 0 30px}
.dtpf-crumb{font-family:'JetBrains Mono',monospace;font-size:12px;color:#93A0AC;margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap}
.dtpf-crumb a{color:#93A0AC}.dtpf-crumb a:hover{color:var(--blue)}.dtpf-crumb strong{color:var(--white);font-weight:500}
.dtpf-pagehead h1{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.08;font-weight:600;font-size:30px;color:var(--white);margin:0 0 8px}
.dtpf-page-description{color:#B8C2CB;font-size:14px;max-width:700px}.dtpf-page-description p{margin:0}

.dtpf-catpills{background:var(--white);border-bottom:1px solid var(--line);padding:16px 0;position:sticky;top:0;z-index:30}
.admin-bar .dtpf-catpills{top:32px}
.dtpf-catpills .dtpf-wrap{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dtpf-pill{font-size:13px;font-weight:500;padding:9px 16px;border-radius:20px;border:1.5px solid var(--line);color:var(--steel);white-space:nowrap}
.dtpf-pill:hover{border-color:var(--blue);color:var(--blue-deep)}.dtpf-pill.active{background:var(--red);border-color:var(--red);color:var(--white)}
.dtpf-pill span{opacity:.75}

.dtpf-shopwrap{padding:44px 0 80px}.dtpf-shop-layout{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start}
.dtpf-filterbox{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:22px 20px;position:sticky;top:90px}
.admin-bar .dtpf-filterbox{top:122px}
.dtpf-filterbox h2{font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--line)}
.dtpf-filtergroup{margin-bottom:26px}.dtpf-filtergroup:last-of-type{margin-bottom:18px}
.dtpf-flabel{font-size:12px;font-weight:600;color:var(--grey);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;display:block}
.dtpf-fcheck{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:13.5px;color:var(--steel);cursor:pointer}
.dtpf-fcheck input{accent-color:var(--red);width:15px;height:15px;margin:0}.dtpf-cnt{margin-left:auto;color:#A6AFB8;font-family:'JetBrains Mono',monospace;font-size:11px}

.dtpf-filter-btn{width:100%;background:var(--ink);color:var(--white);border:0;padding:12px;border-radius:3px;font-family:'Be Vietnam Pro',sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;margin-top:6px}
.dtpf-filter-btn:hover{background:var(--steel)}.dtpf-reset{display:block;text-align:center;margin-top:11px;font-size:12px;color:var(--grey)}.dtpf-reset:hover{color:var(--red)}

.dtpf-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.dtpf-count{font-size:13.5px;color:var(--grey)}.dtpf-count strong{color:var(--ink)}
.dtpf-woo-ordering{margin-left:auto}.dtpf-woo-ordering .woocommerce-ordering{margin:0!important;float:none!important}.dtpf-woo-ordering .orderby{font-family:'Be Vietnam Pro',sans-serif;font-size:13px;color:var(--ink);border:1px solid var(--line);padding:9px 36px 9px 12px;border-radius:3px;background:var(--white);min-width:190px;height:auto}

.dtpf-shopgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dtpf-prodcard{background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin:0!important;padding:0!important;list-style:none}
.dtpf-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,var(--paper-2),var(--paper));display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.dtpf-thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important}.dtpf-badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--blue);color:var(--ink);font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;padding:4px 8px;letter-spacing:.04em;border-radius:2px;font-weight:600}
.dtpf-card-body{padding:18px 18px 20px}.dtpf-card-cat{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--blue-deep);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}
.dtpf-card-title{font-family:'Be Vietnam Pro',sans-serif!important;font-size:14px!important;text-transform:none!important;font-weight:600!important;letter-spacing:0!important;line-height:1.35!important;margin:0 0 14px!important;min-height:38px}.dtpf-card-title a{color:var(--ink)}
.dtpf-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.dtpf-price{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--grey)}.dtpf-price del{opacity:.55}.dtpf-price ins{text-decoration:none}.dtpf-go{font-size:12px;color:var(--steel);border-bottom:1.5px solid var(--red);white-space:nowrap}

.dtpf-pagination{display:flex;justify-content:center;gap:8px;margin-top:44px;flex-wrap:wrap}.dtpf-pagination .page-numbers{min-width:38px;height:38px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--steel);background:var(--white)}.dtpf-pagination .current{background:var(--red);border-color:var(--red);color:var(--white)}.dtpf-pagination a:hover{border-color:var(--blue);color:var(--blue-deep)}
.dtpf-empty{background:var(--white);border:1px solid var(--line);padding:38px;text-align:center}.dtpf-empty h2{margin-top:0}.dtpf-empty a{color:var(--red);font-weight:600}

@media(max-width:900px){.dtpf-shop-layout{grid-template-columns:1fr}.dtpf-filterbox{position:static}.dtpf-shopgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dtpf-catpills{position:static}}
@media(max-width:782px){.admin-bar .dtpf-catpills{top:46px}}
@media(max-width:560px){.dtpf-wrap{padding:0 18px}.dtpf-shopgrid{grid-template-columns:1fr}.dtpf-pagehead h1{font-size:25px}.dtpf-toolbar{align-items:flex-start}.dtpf-woo-ordering{width:100%;margin-left:0}.dtpf-woo-ordering .woocommerce-ordering,.dtpf-woo-ordering .orderby{width:100%}}


/* ===== v1.0.7: chỉ giữ toolbar sắp xếp nằm trong giao diện custom =====
   GeneratePress/WooCommerce đôi khi render result-count + ordering trước template.
   Ẩn mọi output mặc định ngoài .dtpf-shop-page, sau đó bật lại ordering custom. */
body.woocommerce-shop .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count{
  display:none!important;
}
body.woocommerce-shop .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering{
  display:none!important;
}
body.woocommerce-shop .dtpf-shop-page .dtpf-woo-ordering .woocommerce-ordering,
body.tax-product_cat .dtpf-shop-page .dtpf-woo-ordering .woocommerce-ordering{
  display:block!important;
  float:none!important;
  margin:0!important;
}

.dtpf-cat-toggle, .category-filtering{display: none !important;}
/* ===== v1.0.8: danh mục chỉ 1 hàng, nút mũi tên xổ toàn bộ ===== */
.dtpf-catpills .dtpf-catpills-shell{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.dtpf-catpills-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  flex:1 1 auto;
  min-width:0;
  max-height:100px;
  overflow:hidden;
  transition:max-height .25s ease;
}
.dtpf-catpills-list.is-expanded{
  max-height:1000px;
}
.dtpf-cat-toggle{
  flex:0 0 40px;
  width:40px;
  height:40px;
  border:1.5px solid var(--dtpf-line,#dce6ee);
  border-radius:50%;
  background:#fff;
  color:var(--dtpf-steel,#26333f);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  transition:border-color .15s,color .15s,transform .2s;
}
.dtpf-cat-toggle:hover{
  border-color:var(--dtpf-red,#e31e24);
  color:var(--dtpf-red,#e31e24);
}
.dtpf-cat-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .2s ease;
}
.dtpf-cat-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.dtpf-cat-toggle.is-hidden{
  display:none;
}
@media(max-width:560px){
  .dtpf-catpills .dtpf-catpills-shell{gap:8px}
  .dtpf-cat-toggle{flex-basis:38px;width:38px;height:38px}
  .dtpf-catpills-list{max-height:1000px}
}
/* MOBILE: HIỂN THỊ SẢN PHẨM TRƯỚC, BỘ LỌC SAU */
@media (max-width:900px){

    .dtpf-shop-page .dtpf-shop-layout{
        display:flex;
        flex-direction:column;
    }

    .dtpf-shop-page .dtpf-shop-layout .dtpf-filterbox{
        order:2;
        margin-top:30px;
    }

    .dtpf-shop-page .shop-layout .dtpf-products-area{
        order:1;
    }

}