/* THREENITI — Category / listing page redesign v1 (2026-10-15) */
.threeniti-category{font-family:'Inter',sans-serif}
/* hero band */
.threeniti-category .tc-hero{position:relative;overflow:hidden;border-radius:16px;padding:24px 28px;margin:6px 0 20px;color:#fff;background:linear-gradient(120deg,#12225b 0%,#1c2f74 60%,#3a1d63 100%);box-shadow:0 12px 30px rgba(18,34,91,.18)}
.threeniti-category .tc-hero:before{content:"";position:absolute;right:-60px;top:-70px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(230,46,4,.5),transparent 66%)}
.threeniti-category .tc-crumb{position:relative;z-index:2;font-size:12.5px;color:rgba(255,255,255,.72);margin-bottom:8px}
.threeniti-category .tc-crumb a{color:rgba(255,255,255,.72)}
.threeniti-category .tc-crumb a:hover{color:#fff}
.threeniti-category .tc-crumb .sep{opacity:.5;margin:0 8px}
.threeniti-category .tc-title{position:relative;z-index:2;font-size:28px;font-weight:800;color:#fff;margin:0;letter-spacing:-.2px}
.threeniti-category .tc-meta{position:relative;z-index:2;color:rgba(255,255,255,.78);font-size:13px;margin-top:8px}
/* hide duplicated in-column breadcrumb (now in hero) */
.threeniti-category aside.col-md-10 ul.breadcrumb{display:none!important}
.threeniti-category .pd-l-20>.row>.breadcrumb{display:none!important}
.threeniti-category .pd-l-20>.row{margin-top:0!important}
/* sidebar filter card */
.threeniti-category .card.pd-15{border:1px solid #e9ecf2!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(18,34,91,.05)!important;overflow:hidden}
.threeniti-category .filter-group{border-bottom:1px solid #f0f2f6}
.threeniti-category .filter-group:last-child{border-bottom:0}
.threeniti-category .filter-group .title,.threeniti-category .filter-group .title a{color:#12225b!important;font-weight:700;font-size:14px}
.threeniti-category .filter-content a{color:#444c5e}
.threeniti-category .filter-content a:hover{color:#e62e04}
/* product cards (static.product_box) */
.threeniti-category aside.col-md-10 .card,.threeniti-category .card-product-grid,.threeniti-category .aiz-card-box{border:1px solid #e9ecf2!important;border-radius:14px!important;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;background:#fff}
.threeniti-category aside.col-md-10 .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,34,91,.12);border-color:#f4d9cf}
.threeniti-category .text-primary{color:#e62e04!important}
/* pagination */
.threeniti-category .aiz-pagination .pagination{justify-content:center;gap:4px}
.threeniti-category .aiz-pagination .pagination .page-item .page-link{border:0;border-radius:10px!important;margin:0;color:#12225b;font-weight:600;box-shadow:0 3px 10px rgba(18,34,91,.06)}
.threeniti-category .aiz-pagination .pagination .page-item.active .page-link{background:linear-gradient(135deg,#e62e04,#ff6a00);color:#fff}
@media(max-width:767px){.threeniti-category .tc-title{font-size:22px}.threeniti-category .tc-hero{padding:18px}}

/* ================= NEW CATEGORY LISTING LAYOUT (Tasks 2 & 3) ================= */
.tp-listing{padding-bottom:44px}
.tp-layout{align-items:flex-start}
.tp-side{position:sticky;top:132px;align-self:flex-start}
.tp-side-inner{background:#fff;border:1px solid #e8e9f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(18,34,91,.05)}
.tp-side-head{font-weight:800;padding:14px 16px;border-bottom:1px solid #eef0f6;display:flex;gap:9px;align-items:center;font-size:15px;color:#12225b}
.tp-cat-tree{list-style:none;margin:0;padding:8px;max-height:calc(100vh - 290px);overflow-y:auto;scrollbar-width:thin}
.tp-cat-tree::-webkit-scrollbar{width:6px}
.tp-cat-tree::-webkit-scrollbar-thumb{background:#d5d8e4;border-radius:6px}
.tp-cat-row{display:flex;align-items:center;gap:4px}
.tp-cat a,.tp-cat-root a{display:block;padding:8px 10px;border-radius:9px;color:#242a38;text-decoration:none;font-size:13.5px;font-weight:600;line-height:1.25}
.tp-cat a:hover,.tp-cat-root a:hover{background:#f3f5fb;color:#12225b}
.tp-cat-root.active > a{background:#12225b;color:#fff}
.tp-cat.active > .tp-cat-row > a{background:#12225b;color:#fff}
.tp-cat.active > .tp-cat-row > .tp-cnt{background:rgba(255,255,255,.25);color:#fff}
.tp-chev{background:none;border:0;width:22px;height:22px;flex:0 0 22px;cursor:pointer;color:#9aa0b2;padding:0;transition:transform .2s}
.tp-chev.open{transform:rotate(180deg)}
.tp-chev-ph{width:22px;flex:0 0 22px;display:inline-block}
.tp-cnt{margin-left:auto;font-size:11px;color:#7d8398;background:#f0f1f7;border-radius:20px;padding:1px 7px;font-weight:600}
.tp-kids{list-style:none;margin:2px 0 6px;padding:0 0 0 26px;display:none}
.tp-kids.open{display:block}
.tp-kids a{font-weight:500;font-size:13px;padding:6px 10px;color:#4a4f5e}
.tp-kids li.active > a{color:#12225b;font-weight:700;background:#eef1fb}
.tp-filter{border-top:1px solid #eef0f6;padding:12px 16px}
.tp-filter-head{font-weight:800;font-size:13px;margin-bottom:6px;color:#12225b}
.tp-check{display:flex;gap:8px;font-size:13px;padding:4px 0;cursor:pointer;margin:0}
.tp-main{min-width:0}
.tp-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:10px 16px;margin-bottom:14px}
.tp-toolbar-count{font-size:13.5px;color:#5a6076}
.tp-toolbar-sort{display:flex;align-items:center;gap:9px}
.tp-toolbar-sort label{margin:0;font-size:13px;color:#7d8398}
.tp-toolbar-sort select{border:1px solid #dfe1ea;border-radius:8px;padding:6px 10px;font-size:13px;outline:none}
.tp-grid .tp-grid-item{margin-bottom:16px}
.tp-grid .aiz-card-box{height:100%}
.tp-load-wrap{text-align:center;padding:26px 0 8px}
.tp-load-more{background:#12225b;color:#fff;border:0;border-radius:30px;padding:13px 38px;font-weight:700;font-size:14px;cursor:pointer;transition:.2s;min-width:220px}
.tp-load-more:hover:not(:disabled){background:#0d1a44}
.tp-load-more:disabled{opacity:.75;cursor:wait}
.tp-load-more.is-done{background:#eceef4;color:#8a8f9e;cursor:default}
.tp-empty{text-align:center;padding:70px 0;color:#9aa0b2}
.tp-empty i{font-size:52px;opacity:.35;display:block;margin-bottom:8px}
@media (max-width:991px){
  .tp-side{position:static;margin-bottom:14px}
  .tp-cat-tree{max-height:300px}
}