.category-page[data-category-design="new"]{--cat-ink:#193d3a;--cat-muted:#657774;--cat-line:#dbe5e0;--cat-accent:#cb672f;background:#f7f9f6;color:var(--cat-ink);padding-bottom:32px}
.category-page[data-category-design="new"] .category-banner{padding:22px 0 24px;background:#e9f0e8!important;border-bottom:1px solid #d7e2d8}
.category-page[data-category-design="new"] .banner-pattern,.category-page[data-category-design="new"] .banner-circle{display:none}
.category-page[data-category-design="new"] .banner-breadcrumb,.category-page[data-category-design="new"] .banner-breadcrumb a,.category-page[data-category-design="new"] .banner-breadcrumb .active,.category-page[data-category-design="new"] .breadcrumb-item::before{color:#57726b!important;font-size:.8rem}
.category-page[data-category-design="new"] .category-banner .text-center{text-align:start!important;margin-top:24px!important}
.category-page[data-category-design="new"] .banner-title{display:flex;align-items:center;gap:16px;color:var(--cat-ink);font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.15;letter-spacing:-.04em;text-transform:none;max-width:950px}
.category-page[data-category-design="new"] .banner-title-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#fff;border:1px solid #d8e3da;border-radius:14px;flex-shrink:0}
.category-page[data-category-design="new"] .banner-title-icon i{color:#396559;font-size:1.4rem}
.category-summary{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px;color:#58736a;font-size:.86rem}
.category-summary strong{color:#193d3a;font-weight:700;margin-inline-end:3px}
.category-page[data-category-design="new"] main>.container{padding-top:30px!important}
.category-section-title{font-size:1.12rem;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}
.category-page[data-category-design="new"] .category-strip-wrapper{padding:0;display:block;background:none;border-radius:0;overflow:visible;margin-bottom:20px!important;min-width:0}
.category-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.category-strip-heading .category-section-title{margin:0}
.category-strip-controls{display:flex;gap:6px;flex-shrink:0}
.category-strip-controls[hidden]{display:none}
.category-page[data-category-design="new"] .category-strip{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px;scroll-snap-type:x proximity;scroll-padding:4px;mask-image:none!important;-webkit-mask-image:none!important}
.category-page[data-category-design="new"] .category-strip-arrow{position:static;transform:none;display:flex;width:36px;height:36px;border-color:var(--cat-line);border-radius:10px;box-shadow:none;color:var(--cat-ink)}
.category-page[data-category-design="new"] .category-strip-arrow:hover:not(:disabled){background:#edf4eb;border-color:#97b1a1}
.category-page[data-category-design="new"] .category-strip-arrow:disabled{opacity:.35;cursor:default}
.category-page[data-category-design="new"] .category-strip-arrow:dir(rtl) i{transform:rotate(180deg)}
.category-page[data-category-design="new"] .cat-circle-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:3px;align-content:center;align-items:center;flex:0 0 240px;min-width:0;max-width:none;scroll-snap-align:start;text-align:start;border:1px solid var(--cat-line);border-radius:12px;background:#fff;padding:14px 16px;transition:border-color .15s,background .15s}
.category-page[data-category-design="new"] .cat-circle-item:hover{transform:none;background:#f1f6f0;border-color:#97b1a1}
.category-page[data-category-design="new"] .cat-circle-item.active{background:#edf4eb;border-color:#9db6a2}
.category-page[data-category-design="new"] .cat-circle{grid-row:1/3;width:40px;height:40px;border-radius:10px;background:#edf1ec!important;box-shadow:none!important;color:#446957}
.category-page[data-category-design="new"] .cat-circle i,.category-page[data-category-design="new"] .cat-circle-letter{color:#446957;font-size:1rem}
.category-page[data-category-design="new"] .cat-circle-item.active .cat-circle{background:#365f4e!important}
.category-page[data-category-design="new"] .cat-circle-item.active .cat-circle i{color:white}
.category-page[data-category-design="new"] .cat-circle-label{display:block;margin:0;color:#244f43;text-align:start;max-height:none;font-size:.84rem;font-weight:600;line-height:1.4;overflow:visible;word-break:normal;overflow-wrap:anywhere}
.category-child-count{font-size:.72rem;color:#728279;grid-column:2}
.category-page[data-category-design="new"] .category-results-layout{--bs-gutter-x:28px}
.category-page[data-category-design="new"] .filter-sidebar{border-color:var(--cat-line);border-radius:14px;box-shadow:none;top:150px;max-height:calc(100vh - 172px)}
.category-page[data-category-design="new"] .filter-header{padding:18px 16px;border-color:var(--cat-line)}
.category-page[data-category-design="new"] .filter-group-header{padding:15px 16px;color:#274c40;font-size:.83rem}
.category-page[data-category-design="new"] .filter-option{min-height:36px;align-items:center;gap:9px;font-size:.8rem}
.category-page[data-category-design="new"] .filter-option input{accent-color:#365f4e;width:16px;height:16px}
.category-page[data-category-design="new"] .category-filter-apply .btn{background:#cb672f;border-color:#cb672f;border-radius:8px;min-height:42px;font-weight:600}
.category-page[data-category-design="new"] .category-filter-apply .btn:hover{background:#ae5423;border-color:#ae5423}
.category-page #categoryResults{scroll-margin-top:150px}
.category-page[data-category-design="new"] .category-results-toolbar{min-height:42px;padding:0 0 14px;border-bottom:1px solid var(--cat-line);gap:12px}
.category-page[data-category-design="new"] #productsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.category-page[data-category-design="new"] .product-card-wrapper{width:auto;max-width:none;padding:0;margin:0;min-width:0}
.category-page[data-category-design="new"] .product-card{border:1px solid var(--cat-line);border-radius:14px;overflow:hidden;box-shadow:none;transition:box-shadow .15s,border-color .15s;height:100%}
.category-page[data-category-design="new"] .product-card:hover{border-color:#a8bdad;box-shadow:0 8px 24px #254b3710;transform:none}
.category-page[data-category-design="new"] .product-card .card-img-top{height:200px!important;object-fit:contain!important;background:#fff;padding:14px;border-bottom:1px solid #edf1ed}
.category-page[data-category-design="new"] .product-card .card-body{padding:18px!important}
.category-page[data-category-design="new"] .product-card h6{height:auto!important;min-height:2.8em;font-size:.88rem!important;line-height:1.4!important;color:#284439;margin-bottom:10px!important}
.category-page[data-category-design="new"] .product-card .text-danger{color:#a74f24!important;font-size:.94rem!important;line-height:1.45;overflow-wrap:anywhere}
.category-page[data-category-design="new"] .product-card .card-body>.text-muted{margin:8px 0 14px}
.category-page[data-category-design="new"] .category-rfq-banner{border:1px solid #d7e2d6!important;border-radius:14px;background:#edf3e9!important;margin-top:32px!important}
.category-page[data-category-design="new"] .category-rfq-banner .card-body{gap:20px;padding:24px!important}
.category-page[data-category-design="new"] .category-rfq-banner small{display:block;margin:8px 0 0!important;max-width:660px;line-height:1.6}
.category-page[data-category-design="new"] .category-rfq-banner .btn{flex-shrink:0;background:#cc692f;border-color:#cc692f;border-radius:9px;padding:11px 18px;color:white;font-weight:600}
.category-page[data-category-design="new"] .page-link{color:#365f4e;border-color:#dbe5d9;min-width:40px;text-align:center}
.category-page[data-category-design="new"] .page-item.active .page-link{background:#365f4e;color:white;border-color:#365f4e}
.category-page[data-category-design="new"] :is(a,button,input):focus-visible{outline:3px solid #bd743d;outline-offset:3px}
.category-page .filter-overlay.show{display:block}.category-page .filter-overlay .filter-sidebar{inset:0 auto 0 0;width:min(340px,90vw);max-height:100dvh;border-radius:0;padding-top:6px;position:absolute;background:white}
.category-page .filter-overlay .category-filter-close{display:block;position:absolute;top:10px;inset-inline-end:8px;z-index:1}
.category-page .filter-overlay .filter-header{padding-inline-end:54px}
@media(max-width:1199px){.category-page[data-category-design="new"] #productsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.category-page[data-category-design="new"] .category-banner{padding:20px 0 24px}.category-page[data-category-design="new"] .category-banner .text-center{margin-top:20px!important}.category-page[data-category-design="new"] .banner-title{font-size:1.7rem;gap:12px}.category-page[data-category-design="new"] .banner-title-icon{width:42px;height:42px;border-radius:10px}.category-page[data-category-design="new"] main>.container{padding-top:18px!important}.category-page[data-category-design="new"] .category-strip-arrow{width:40px;height:40px}.category-page[data-category-design="new"] .cat-circle-item{flex-basis:232px;grid-template-columns:30px minmax(0,1fr);column-gap:8px;padding:12px 10px}.category-page[data-category-design="new"] .cat-circle{width:30px;height:30px;border-radius:8px}.category-page[data-category-design="new"] .cat-circle-label{font-size:.75rem}.category-page[data-category-design="new"] .category-results-toolbar button{min-height:42px}.category-page[data-category-design="new"] .category-rfq-banner .card-body{flex-direction:column;align-items:flex-start!important}.category-page[data-category-design="new"] .category-rfq-banner .btn{width:100%}.category-page[data-category-design="new"] #productsGrid{gap:12px}.category-page[data-category-design="new"] .product-card .card-body{padding:14px!important}}
@media(max-width:479px){.category-page[data-category-design="new"] #productsGrid{grid-template-columns:1fr}.category-page[data-category-design="new"] .product-card .card-img-top{height:230px!important}.category-page[data-category-design="new"] .product-card h6{min-height:0;font-size:1rem!important}}
@media(prefers-reduced-motion:reduce){.category-page[data-category-design="new"] *{scroll-behavior:auto!important;transition:none!important}}
