/* v2.3.8 category pages. Brand: primary #1A64B3, logo blue #7EBDFD (accents only), light blue #EAF4FF. */
.jc8-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;background:#EAF4FF;border-radius:16px;padding:32px 36px;margin:0 0 24px;border-left:4px solid #7EBDFD}
.jc8-hero__title{margin:0 0 10px;font-size:clamp(28px,3.2vw,40px);line-height:1.15;color:#0f2742;font-weight:600}
.jc8-hero__lead{margin:0 0 16px;font-size:16px;line-height:1.6;color:#33475b;max-width:56ch}
.jc8-hero__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.jc8-hero__tags li{margin:0;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid #cfe3fb;color:#1A64B3;font-size:13px;font-weight:500}
.jc8-hero__media{background:#fff;border-radius:12px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.jc8-img{width:100%;height:100%;object-fit:contain;display:block}
.jc8-hero__media .jc8-img{padding:12px}
/* Tiles */
.jc8-tiles{margin:0 0 24px}
.jc8-tiles__title{font-size:18px;font-weight:600;color:#0f2742;margin:0 0 12px}
.jc8-tiles ul{list-style:none;margin:0;padding:0}
.jc8-tiles--grid>ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.jc8-tiles--strip>ul{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.jc8-tile{margin:0;background:#fff;border:1px solid #dde7f2;border-radius:12px;transition:border-color .2s,box-shadow .2s}
.jc8-tile:hover{border-color:#7EBDFD;box-shadow:0 6px 18px rgba(26,100,179,.10)}
.jc8-tile__link{display:block;color:inherit;text-decoration:none}
.jc8-tile__img{display:block;aspect-ratio:4/3;background:#f6f9fc;border-radius:12px 12px 0 0;overflow:hidden}
.jc8-tile__img .jc8-img{padding:8px}
.jc8-tile__body{display:block;padding:10px 14px 12px}
.jc8-tile__name{display:block;font-weight:600;color:#0f2742;font-size:15px}
.jc8-tile__meta{display:block;font-size:13px;color:#1A64B3;margin-top:2px}
.jc8-tile.is-empty .jc8-tile__meta{color:#5b6b7b}
.jc8-tile__subs{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px!important}
.jc8-tile__subs a{font-size:12px;padding:2px 8px;border-radius:999px;background:#EAF4FF;color:#1A64B3;text-decoration:none}
.jc8-tiles--strip .jc8-tile{flex:0 0 auto;scroll-snap-align:start}
.jc8-tiles--strip .jc8-tile__link{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px}
.jc8-tiles--strip .jc8-tile__img{width:48px;height:48px;aspect-ratio:auto;border-radius:8px}
.jc8-tiles--strip .jc8-tile__img .jc8-img{padding:3px}
.jc8-tiles--strip .jc8-tile__body{padding:0}
.jc8-tiles--strip .jc8-tile__name{font-size:14px;white-space:nowrap}
.jc8-tiles--strip .jc8-tile__meta{font-size:12px;white-space:nowrap}
/* Filters */
.jc8-filters{border:1px solid #dde7f2;border-radius:12px;background:#fff;margin:0 0 20px}
.jc8-filters>summary{list-style:none;cursor:pointer;padding:12px 16px;font-weight:600;color:#0f2742;display:flex;align-items:center;gap:8px}
.jc8-filters>summary::-webkit-details-marker{display:none}
.jc8-filters>summary::before{content:"";width:16px;height:2px;background:#7EBDFD;box-shadow:0 5px 0 #7EBDFD,0 -5px 0 #7EBDFD}
.jc8-filters__n{background:#1A64B3;color:#fff;border-radius:999px;font-size:12px;padding:0 8px}
.jc8-filters__body{display:flex;flex-wrap:wrap;gap:12px 32px;padding:0 16px 14px}
.jc8-fgroup__title{margin:0 0 6px;font-size:13px;color:#5b6b7b;text-transform:uppercase;letter-spacing:.04em}
.jc8-fgroup ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.jc8-chip{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid #cfe3fb;color:#1A64B3;font-size:14px;text-decoration:none;background:#fff}
.jc8-chip.is-on{background:#1A64B3;border-color:#1A64B3;color:#fff}
@media (min-width:922px){.jc8-filters>summary{pointer-events:none}}
/* Price filter widget hidden even if a block widget is used */
body.jc-v238-nofilterwidget .widget_price_filter,body.jc-v238-nofilterwidget .wc-block-price-filter,body.jc-v238-nofilterwidget .wp-block-woocommerce-price-filter{display:none!important}
/* Empty state */
.jc8-empty{background:#EAF4FF;border-radius:12px;padding:28px;margin:0 0 28px;text-align:center}
.jc8-empty__lead{font-size:17px;line-height:1.6;color:#0f2742;max-width:60ch;margin:0 auto 18px}
.jc8-empty__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0}
/* Badges */
.jc8-badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.jc8-badge{font-size:12px;line-height:1.4;padding:2px 8px;border-radius:6px;font-weight:500}
.jc8-badge--mat{background:#EAF4FF;color:#1A64B3}
.jc8-badge--sup{background:#fff;color:#1A64B3;border:1px solid #7EBDFD}
/* Woo images whole */
.jc-v238-cat ul.products li.product img{object-fit:contain;aspect-ratio:1/1;background:#f6f9fc}
/* Mobile bar */
.jc8-mbar{display:none}
@media (max-width:767px){
 .jc8-hero{grid-template-columns:1fr;padding:20px;gap:16px}
 .jc8-hero__media{order:-1;aspect-ratio:16/10}
 .jc8-tiles--grid>ul{grid-template-columns:1fr 1fr;gap:10px}
 .jc8-filters:not([open]) .jc8-filters__body{display:none}
 .jc8-filters__body{flex-direction:column}
 .jc8-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dde7f2;box-shadow:0 -4px 16px rgba(15,39,66,.08)}
 .jc8-mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:10px;font-weight:600;text-decoration:none;font-size:15px}
 .jc8-mbar__quote{background:#1A64B3;color:#fff}
 .jc8-mbar__wa{background:#EAF4FF;color:#1A64B3}
 .jc8-mbar__wa svg{width:18px;height:18px;fill:currentColor}
 body.jc-has-mbar{padding-bottom:70px}
 body.jc-has-mbar .ht-ctc,body.jc-has-mbar .ht_ctc_chat_style,body.jc-has-mbar .jc-wa{display:none!important}
}