/* === PRODUCT DISPLAY ADJUST FOR CATEGORIES === */
.category-1522 .product-card img, .category-1544 .product-card img,.category-1543 .product-card img,.category-1449 .product-card img  {object-fit:contain}
.current-category-1048 .product-card img,.current-category-1050 .product-card img, .current-category-44 .product-card img  {display:none}
.current-category-1048 .card-prod .cta,.current-category-1050 .card-prod .cta,.current-category-44 .card-prod .cta {bottom:18px}
.extra-content {display:none}

:root{
  --color-white:#fff; --color-text:#1a1d21; --color-muted:#606975;
  --color-border:#e5e7eb; --color-surface:#f7f8f9; --color-accent:#ffc300;
  --color-primary:#95c12b;
}

.sort-form { display:inline-block; }
.sort-hidden { display:none; }

/* Pasek chipów */
.filters-bar{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--color-border);height:70px}
.filters-bar .chip.is-hidden { display:none !important; }
.chip{position:relative}
.chip__btn{display:inline-flex;align-items:center;gap:8px;padding:.55rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--color-border);cursor:pointer;font-weight:700;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.04);white-space: nowrap;font-size:.85rem;color:var(--color-text)}
.chip__btn:hover, .selected-filters__wrap .sel-chip, .chip__btn[aria-expanded="true"]{background:color-mix(in srgb, var(--primary) 26%, #fff);border-color:color-mix(in srgb, var(--primary) 60%, var(--color-border));box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 20%, transparent), 0 12px 28px rgba(160,209,46,.16)}
.chip__btn .i{width:18px;height:18px}

.chip__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;max-width:min(86vw,360px);background:#fff;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 18px 42px rgba(0,0,0,.16);padding:10px;display:none;z-index:40}
.chip__btn[aria-expanded="true"] + .chip__menu{display:block}
.menu-list{list-style:none;margin:0;padding:4px 0;max-height:52vh;overflow:auto}
.menu-list li+li{margin-top:8px}

.nice-inputs .count{
  margin-left:auto;
  flex:0 0 auto;
}

.nice-inputs input[type="checkbox"]{
  flex:0 0 auto;
  margin-left:10px;
}
.count{color:var(--color-muted);font-size:13px}

@media (max-width: 899px){
  .filters-drawer .filters-chips { display: none !important; }
}

/* guziki w stopce drawer’a – styl pod Twoją paletę */
.filters-drawer__footer .btn { padding:.85rem 1rem; border-radius:12px; font-weight:800; }
.filters-drawer__footer .btn--light { background:#fff; border:1px solid var(--color-border); }
.filters-drawer__footer .btn--accent { background:var(--color-accent); color:#111; border:0; box-shadow:0 6px 16px rgba(0,0,0,.12); }

@media (max-width:768px){.filters-bar .chip:nth-of-type(n+4):not(.chip--all){display:none}}


/* Sekcja aktywnych filtrów */
.selected-filters{
  padding:14px 0 6px;
}
.selected-filters__wrap{
  display:flex; flex-wrap:wrap; gap:15px;
}

/* Chip wybranego filtra */
.sel-chip{
  display:inline-flex; align-items:center; gap:10px;
  padding:.55rem .9rem; border-radius:999px;
  background:#fff; border:1px solid var(--color-border);
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  font-weight:700; line-height:1; font-size:.9rem;
  cursor:pointer; white-space:nowrap; max-width:100%;
  pointer-events: none;
  color:var(--color-text);
  
}
.sel-chip .i{ width:18px; height:18px; flex:0 0 auto;pointer-events: auto;}

.selected-filters__wrap .sel-chip--clear{
  background:var(--color-surface);
  border-color:var(--color-border);
  box-shadow:none;
  font-weight:700;
  margin-left:10px;
  pointer-events:auto;
}

.selected-filters:empty,
.selected-filters.is-empty{ display:none; }

@media (max-width:480px){
  .sel-chip{ font-size:.85rem; padding:.5rem .8rem; }
  .sel-chip__label{ max-width: 56vw; }
}

.category-content-layout {
    display: flex;
    flex-direction: column;
}

.category-content-layout #description {
    order: 2;
}
.category-content-layout #categories-grid {
    order: 1;
}

.collapsible-wrapper {
    position: relative;
    overflow: hidden;
    max-height: 180px;
    transition: max-height 0.5s ease-in-out;
}

.collapsible-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px; 
    background: linear-gradient(0deg, var(--bg) 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.collapsible-wrapper.is-expanded {
    max-height: 8000px; 
}
.collapsible-wrapper.is-expanded::after {
    opacity: 0;
}

.btn-show-more {
    display: block; 
    margin: 24px auto 0;
}