/* SUBPAGES LIST STYLES */
/* global */
.title{padding:0.5em 0;font-size:1.0625rem;color:var(--color-secondary);font-weight:600;}
.title a, .title--section{color:inherit;font-weight:inherit;background:none;text-decoration:none;}
.title a:hover{color:var(--color-primary);background:none;text-decoration:none;}
time.date{display:block;padding:0 0 0.3em;color:#6e6e6e;}
[class|="pages"]{clear:both;margin:.5rem 0;list-style:none;}
[class|="pages"] .page:after{content:"";display:table;clear:both;}
[class|="pages"] .more{display:inline-block;margin:0.75em 0 0;}
[class|="pages"] .more a{display:inline-block;padding:0.45em 1.1em;background:var(--color-primary);color:#fff !important;border-radius:var(--radius-pill);font-size:0.875rem;font-weight:500;text-decoration:none !important;transition:background 0.2s ease;}
[class|="pages"] .more a:hover,[class|="pages"] .more a:focus{background:var(--color-primary-hover);color:#fff !important;text-decoration:none !important;}
[class|="pages"] p{padding:0.3em 0;}
[class|="pages"] .image{line-height:1px;}
[class|="pages"] .breadcrumb{font-size:.75rem;}

/* Nad listą produktów: filtr ceny (filters) + sortowanie */
.products__toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:0.75rem 1.25rem;
  margin:0 0 1rem;
  padding:0.75rem 0;
  border-bottom:1px solid var(--color-divider);
}
/* Kotwica po filtrze ceny — odsunięcie od fixed header (#site-header-fixed) */
#products-toolbar{
  scroll-margin-top:min(7.5rem,22vh);
}
.products__price-filter{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0.5rem 0.75rem;
}
.products__price-filter-title{
  font-size:0.875rem;
  font-weight:600;
  color:var(--color-secondary);
}
.products__price-filter-field .input.short{
  width:5.5rem;
  max-width:100%;
}
.products__price-filter-submit{
  padding:0.45em 1em;
  font-size:0.875rem;
}
/* Filtr ceny — suwak zakresu (dwa uchwyty) */
.products__price-filter--range{
  flex:1 1 min(100%, 22rem);
  min-width:min(100%, 240px);
  flex-direction:row;
  align-items:center;
  gap:0.75rem;
}
.products__price-range{
  width:100%;
  max-width:32rem;
  -webkit-user-select:none;
  user-select:none;
}
.products__price-filter--range .products__price-filter-title{
  -webkit-user-select:none;
  user-select:none;
}
.products__price-range__labels{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  gap:0.35rem 1rem;
  font-size:0.8125rem;
  color:var(--color-secondary);
  margin-bottom:0.5rem;
}
.products__price-range__label-t{
  display:inline;
  font-weight:500;
  margin-right:0.25rem;
}
.products__price-range__val{
  font-size:0.8125rem;
  font-weight:600;
  color:#212121;
  display:inline;
}
.products__price-range__track-wrap{
  position:relative;
  height:2.25rem;
  margin:0.35rem 0 0;
  --price-range-h:6px;
  --price-range-thumb:20px;
}
.products__price-range__rail{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  margin-top:calc(-1 * var(--price-range-h) / 2);
  height:var(--price-range-h);
  border-radius:999px;
  background:#fff;
  z-index:0;
  pointer-events:none;
}
.products__price-range__fill{
  position:absolute;
  left:0;
  width:0;
  top:50%;
  margin-top:calc(-1 * var(--price-range-h) / 2);
  height:var(--price-range-h);
  border-radius:999px;
  background:#212121;
  opacity:1;
  pointer-events:none;
  z-index:1;
  box-sizing:border-box;
}
.products__price-range__ends{
  display:flex;
  justify-content:space-between;
  margin-top:0.35rem;
  font-size:0.75rem;
  color:#6b7280;
  letter-spacing:0.02em;
}
.products__price-range__end--max{
  margin-left:auto;
  text-align:right;
}
.products__price-range__input{
  position:absolute;
  left:0;
  width:100%;
  margin:0;
  padding:0;
  background:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  /* Tylko uchwyty reagują na wskaźnik — tor nie przeskakuje po kliknięciu */
  pointer-events:none;
  cursor:default;
}
.products__price-range__input::-webkit-slider-runnable-track{
  height:var(--price-range-h);
  margin-top:calc((2.25rem - var(--price-range-h)) / 2);
  border-radius:999px;
  background:transparent;
  border:0;
}
.products__price-range__input::-moz-range-track{
  height:var(--price-range-h);
  border-radius:999px;
  background:transparent;
  border:0;
}
.products__price-range__input::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:var(--price-range-thumb);
  height:var(--price-range-thumb);
  margin-top:calc((var(--price-range-h) - var(--price-range-thumb)) / 2);
  border-radius:50%;
  background:#212121;
  border:2px solid #fff;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
  pointer-events:auto;
  cursor:grab;
}
.products__price-range__input:active::-webkit-slider-thumb{
  cursor:grabbing;
}
.products__price-range__input::-moz-range-thumb{
  width:var(--price-range-thumb);
  height:var(--price-range-thumb);
  border-radius:50%;
  background:#212121;
  border:2px solid #fff;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
  pointer-events:auto;
  cursor:grab;
}
.products__price-range__input:active::-moz-range-thumb{
  cursor:grabbing;
}
.products__price-range__input:focus{
  outline:none;
}
.products__price-range__input:focus-visible::-webkit-slider-thumb{
  outline:2px solid #212121;
  outline-offset:2px;
}
.products__price-range__input:focus-visible::-moz-range-thumb{
  outline:2px solid #212121;
  outline-offset:2px;
}
.products__toolbar .products__sort{
  margin-left:auto;
}
.products__empty{
  margin:0;
  padding:1rem 0 0;
  text-align:center;
  color:var(--color-secondary);
  font-size:0.9375rem;
}
@media screen and (max-width:640px){
  .products__toolbar{
    flex-direction:column;
    align-items:stretch;
  }
  .products__toolbar .products__sort{
    margin-left:0;
  }
}

/* standard list */
.pages-list{display:flex;flex-direction:column;gap:1em;}
.pages-list .page{margin:0;padding:1.5rem 2.5%;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:#fff;}
.pages-list .page .image{float:left;margin:0 2.5% 5px 0;}
@media screen and (max-width:640px){
  .pages-list .page .image{float:none;width:100%;max-width:100%;margin:0 0 0.75rem 0;}
  .pages-list .page .image img{width:100%;height:auto;display:block;}
}
.pages-list ul, .pages-list ol{margin:5px 0 0 4%;padding:0;list-style:disc;}
.pages-list ul[class*="images-"]{margin-left:0;margin-right:0;}
.pages-list .page li{padding:0;border:0;background:none;}
.pages-list .page ol{list-style:decimal;}

/* subpages gallery/boxes/products etc — siatka z min. szerokością kafelka */
.pages-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap:1em;
  list-style:none;
  margin:0;
  padding:0;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  align-items:stretch;
  justify-content:start;
}
/* Produkty (atrybuty zamówienia): wyższe minimum kafelka — auto-fill + sztywne 260px potrafiło dać 3 ścieśnione kolumny w wąskim .widget-section__inner */
.pages-gallery.pages-gallery--products{
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 380px), 1fr));
}
/* Na szerokich listach maks. 3 kolumny - kafelki są wysokie przez atrybuty */
@media screen and (min-width:900px){
  .pages-gallery.pages-gallery--products,
  .pages-gallery--products:not(.slick-slider),
  .widget .pages-gallery--products:not(.slick-slider),
  .widget-section__inner .pages-gallery--products:not(.slick-slider){
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}
.pages-gallery .page{margin:0;min-width:0;padding:1.35rem 1rem 1.5rem;text-align:center;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:#fff;transition:border-color 0.2s ease, background 0.2s ease;}
.pages-gallery .page:hover{border-color:var(--color-primary);background:#fff;}
.pages-gallery .page.page--grey-image-bg,
.pages-gallery .page.page--grey-image-bg:hover{background:#f6f5f8;}
.pages-gallery .title{font-size:1rem;}
.pages-gallery .page .image{margin:0 auto 5px;overflow:hidden;border-radius:var(--radius-sm);line-height:0;}
.pages-gallery .page .image img{
  display:block;width:100%;height:auto;margin:0 auto;
  transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94);
  transform:scale(1);
}
/* SVG: original served, constrained to thumbnail container size */
.pages-gallery .page .image img[src$=".svg"],
.pages-gallery .page .image img[src$=".SVG"]{
  object-fit:contain;
  max-width:100%;
  height:auto;
}
.pages-gallery .page:hover .image img{transform:scale(1.06);}
.pages-gallery div.description{padding:0.3em 0;font-size:0.875rem;text-align:justify;line-height:1.5;}
.page.sub div.description{line-height:1.5;}
.page.sub div.description ul:not([class*="images-"]),
.widget .page.sub div.description ul:not([class*="images-"]),
.page.sub div.description ol,
.widget .page.sub div.description ol{list-style:revert;padding:0 0 0 1.5em;margin:.4em 0;}
.page.sub div.description ul[class*="images-"],
.widget .page.sub div.description ul[class*="images-"]{list-style:none;padding:0;}
.page.sub div.description ul li,
.widget .page.sub div.description ul li,
.page.sub div.description ol li,
.widget .page.sub div.description ol li{list-style:revert;margin:.3em 0;padding:0;}
.page.sub div.description p{margin:.4em 0;}
.page.sub div.description h2,
.page.sub div.description h3,
.page.sub div.description h4{font-size:1rem;font-weight:600;margin:.5em 0 .25em;line-height:1.3;}
.page.sub div.description strong,
.page.sub div.description b{font-weight:600;}
.page.sub div.description a{color:var(--color-primary);text-decoration:none;}
.page.sub div.description a:hover{text-decoration:underline;}
/* Mobile: jedna kolumna — .pages-gallery--products ma wyższą specyficzność niż samo .pages-gallery, więc trzeba ją nadpisać */
@media screen and (max-width:767px){
  .pages-gallery,
  .pages-gallery.pages-gallery--products{
    grid-template-columns:1fr;
  }
  .pages-gallery .page{
    width:90%;
    margin:0 auto;
  }
}

/* Slick na .pages-gallery: root dostaje .slick-slider — wyłącz grid, odstęp przez padding slajdów */
.slick-slider.pages-gallery{
  display:block;
  gap:0;
}
.slick-slider.pages-gallery .slick-slide{
  padding-left:0.5rem;
  padding-right:0.5rem;
  box-sizing:border-box;
}
.slick-slider.pages-gallery .slick-slide > .page{
  margin-left:0;
  margin-right:0;
}

/* Widżet „Strona” — treść jednej podstrony: obraz | treść (parametr bPageTwoColumns) */
.page-details.page-details--two-cols{
  display:grid;
  grid-template-columns:minmax(120px, 220px) 1fr;
  gap:1rem 1.25rem;
  align-items:start;
  text-align:left;
}
.page-details.page-details--two-cols .page-details__col--media .image{
  margin:0;
}
.page-details.page-details--two-cols .page-details__col--main .title{
  margin-top:0;
  padding-top:0;
}
@media screen and (max-width:640px){
  .page-details.page-details--two-cols{
    grid-template-columns:1fr;
  }
  .page-details.page-details--two-cols .page-details__col--media{
    max-width:280px;
    margin:0 auto;
  }
  .page.sub div.description p{margin-left:auto;margin-right:auto;text-align:center;}
  .page.sub .image{display:flex;justify-content:center;}
  .page.sub .image img{margin:0 auto;}
}

/* Lista produktów — układ 2 kolumny: miniatura | treść (bListTwoColumns; mega menu: domyślnie) */
.pages-gallery--products .page.sub.page--list-two-cols,
.mega-menu__aside .pages-gallery--products .page.sub{
  display:grid;
  grid-template-columns:minmax(72px, 104px) 1fr;
  column-gap:0.85rem;
  row-gap:0.35rem;
  align-items:start;
  text-align:left;
}
.pages-gallery--products .page.sub.page--list-two-cols > .image,
.mega-menu__aside .pages-gallery--products .page.sub > .image{
  grid-row:1 / -1;
  align-self:start;
  margin:0;
  max-width:104px;
}
.pages-gallery--products .page.sub.page--list-two-cols > *:not(.image),
.mega-menu__aside .pages-gallery--products .page.sub > *:not(.image){
  grid-column:2;
}
.mega-menu__aside .pages-gallery--products .page.sub .title{
  text-align:left;
  margin:0 0 0.25rem;
}
.mega-menu__aside .pages-gallery--products .page.sub .price{
  text-align:left;
}
.product-attrs-summary-wrap{
  font-size:0.8125rem;
  line-height:1.35;
  color:var(--color-secondary-light);
  margin:0.25rem 0 0.35rem;
}
.product-attrs-summary{
  margin:0;
  padding:0;
  list-style:none;
}
.product-attrs-summary li{
  margin:0.15rem 0;
}
.product-attrs-summary__group{
  font-weight:600;
  color:var(--color-secondary);
}
.mega-menu__aside .pages-gallery--products .page.sub .order-box{
  max-width:100%;
}
/* Mega menu (aside): bez „podświetlenia" kafelka / powiększenia miniatury przy hover */
.mega-menu__aside .pages-gallery .page:hover{
  border-color:var(--color-divider);
  background:var(--color-white);
}
.mega-menu__aside .pages-gallery .page:hover .image img{
  transform:scale(1);
}
.mega-menu__aside .pages-gallery .page .image a:hover,
.mega-menu__aside .pages-gallery .page .image a:focus,
.mega-menu__aside .widgets-list a:hover,
.mega-menu__aside .widgets-list a:focus,
.mega-menu__aside a:hover,
.mega-menu__aside a:focus{
  outline:none;
}
.mega-menu__aside .pages-gallery .page .image a:hover img,
.mega-menu__aside .pages-gallery .page .image a:focus img,
.mega-menu__aside .widgets-list a:hover img,
.mega-menu__aside .widgets-list a:focus img,
.mega-menu__aside a:hover img,
.mega-menu__aside a:focus img{
  outline:none;
  border:none;
}
/* Prosty „Zamów” (bez wariantów): zwykły inline-flex z .order-box — nie używamy .order-box--product-attrs (kolumna + pełna szerokość przycisku) */
.order-box.order-box--simple{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  width:100%;
  gap:1em;
}
.order-box.order-box--simple > .order-box__btn{
  align-self:auto;
}

/* subpages gallery cards etc */
.pages-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:1em;
  width:100%;
  box-sizing:border-box;
}
.pages-cards .page{margin:0;min-width:0;text-align:center;border-radius:var(--radius-md);overflow:hidden;border:none;
                   display:flex;flex-direction:column;background:var(--color-white);}
.pages-cards .page .image{overflow:hidden;line-height:0;}
.pages-cards .page .image img{
  display:block;width:100%;height:auto;
  transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94);
  transform:scale(1);
}
.pages-cards .page:hover .image img{transform:scale(1.06);}
.pages-cards .title{font-size:12px;color:#212121;background:var(--color-white);font-weight:600;padding:0.65rem 0.5rem;}
.pages-cards .title a{color:#212121;}
.pages-cards .title a:hover{color:#212121;}
.pages-cards .description{padding:.85em .75em;font-size:0.875rem;color:var(--color-secondary-light);line-height:1.5;}
.pages-cards .description ul,
.pages-cards .description ol{padding:0 0 0 1.5em;margin:.4em 0;}
.pages-cards .description li{margin:.3em 0;}
.pages-cards .description p{margin:.4em 0;}
@media screen and (max-width:599px){
  .pages-cards{grid-template-columns:1fr;}
  .pages-cards .page{max-width:70%;margin:0 auto;}
}
.pages-cards--4{
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
}
@media screen and (min-width:900px){
  .pages-cards--4{grid-template-columns:repeat(4, minmax(0, 1fr));}
}

/* widget kategorii produktów (widget-section--42 > .widget.type-30): zawsze 1 rząd na desktop, 2 kolumny na telefonie */
.widget-section--42 .widget.type-30 .pages-cards{
  grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
}
.widget-section--42 .widget.type-30 .pages-cards .page{max-width:none;}
@media screen and (max-width:599px){
  .widget-section--42 .widget.type-30 .pages-cards{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.6em;}
  .widget-section--42 .widget.type-30 .pages-cards .page{max-width:none;margin:0;}
  .widget-section--42 .widget.type-30 .pages-cards .title{font-size:0.95rem;padding:0.5rem 0.3rem;}
}

.products__sort{display:block;clear:both;font-weight:normal;}

.pagination{
  text-align:right;
  margin:2rem 0;
}
.pagination ul{
  display:inline-flex;
  gap:0.5rem;
  list-style:none;
  padding:0;
  margin:0;
}
.pagination li{
  display:inline-block;
}
.pagination a, .pagination strong{
  display:inline-block;
  min-width:40px;
  height:40px;
  padding:0 12px;
  line-height:40px;
  text-align:center;
  border-radius:8px;
  transition:all 0.2s;
  text-decoration:none;
}
.pagination a{
  color:var(--color-text);
  background:var(--color-background);
  border:1px solid var(--color-divider);
  font-weight:500;
}
.pagination a:hover{
  color:var(--color-primary);
  background:var(--color-background-alt);
  border-color:var(--color-primary);
  transform:translateY(-2px);
  box-shadow:0 4px 8px rgba(0,0,0,0.1);
}
.pagination strong{
  color:#fff;
  background:var(--color-primary);
  border:1px solid var(--color-primary);
  font-weight:600;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
}


/* Więcej + Zamów w jednej linii */
.order-box__submit-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:0.5rem;align-items:stretch;}
.page.sub .order-box__submit-row{justify-content:center;}
.order-box__more-link{display:inline-flex;align-items:center;justify-content:center;padding:.55em 1.35em;background:var(--color-primary);color:#fff !important;border-radius:var(--radius-pill);font-weight:500;font-size:.875rem;line-height:1.2;box-sizing:border-box;text-decoration:none !important;transition:background 0.2s ease;}
.order-box__more-link:hover,.order-box__more-link:focus{background:var(--color-primary-hover);color:#fff !important;text-decoration:none !important;}
.order-box__submit-row .order-box__btn{font-size:.875rem;line-height:1.2;box-sizing:border-box;}

/* ORDER BOX/LINK - global */
.order-box{display:inline-flex;margin:0.5em 0;gap:0.5rem;flex-wrap:wrap;}
.order-box > *{display:inline-flex;}
.order-box .order-box__btn{align-items:center;padding:.55em 1.35em;background:var(--color-primary);color:#fff;text-decoration:none;transition:background 0.2s ease;border-radius:var(--radius-pill);border:0;font-weight:500;}
/* Zamów na listach / siatce produktów oraz na stronie — czarny przycisk */
.pages-gallery .order-box .order-box__btn,
.pages-gallery .order-box button.order-box__btn,
.pages-gallery a.order-link.order-box__btn,
.pages-list .order-box .order-box__btn,
.pages-list .order-box button.order-box__btn,
.pages-list a.order-link.order-box__btn,
#page .order-box .order-box__btn,
#page .order-box button.order-box__btn,
#page a.order-link.order-box__btn{
  display:inline-flex;
  align-items:center;
  padding:.55em 1.35em;
  border:0;
  border-radius:var(--radius-pill);
  background:#1d1d1f;
  color:#fff;
  font-weight:500;
  font-family:inherit;
  font-size:inherit;
  text-decoration:none;
  transition:background 0.2s ease;
  cursor:pointer;
  width:fit-content;
  order:99;
}
.pages-gallery .order-box .order-box__btn:hover,
.pages-gallery .order-box .order-box__btn:focus,
.pages-gallery .order-box button.order-box__btn:hover,
.pages-gallery .order-box button.order-box__btn:focus,
.pages-gallery a.order-link.order-box__btn:hover,
.pages-gallery a.order-link.order-box__btn:focus,
.pages-list .order-box .order-box__btn:hover,
.pages-list .order-box .order-box__btn:focus,
.pages-list .order-box button.order-box__btn:hover,
.pages-list .order-box button.order-box__btn:focus,
.pages-list a.order-link.order-box__btn:hover,
.pages-list a.order-link.order-box__btn:focus,
#page .order-box .order-box__btn:hover,
#page .order-box .order-box__btn:focus,
#page .order-box button.order-box__btn:hover,
#page .order-box button.order-box__btn:focus,
#page a.order-link.order-box__btn:hover,
#page a.order-link.order-box__btn:focus{
  background:#212121;
  color:#fff;
}
.order-box__attributes select{margin-right:.5rem;}
/* Atrybuty nad przyciskiem — bez rozciągania przycisku na wysokość kafelków (było przy inline-flex w rzędzie) */
.order-box.order-box--product-attrs{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  gap:1rem;
}
.order-box.order-box--product-attrs > .order-box__attributes{
  display:flex;
}
.order-box.order-box--product-attrs > .order-box__btn{
  flex-shrink:0;
  align-self:stretch;
}
.order-box.order-box--product-attrs > .order-box__selection-summary{
  flex-shrink:0;
  align-self:stretch;
}
.order-box__selection-summary--hidden{
  display:none !important;
}
.order-box__selection-summary{
  background:#f0f0f2;
  border:1px solid #e2e2e7;
  border-radius:8px;
  padding:.85rem 1rem;
  font-size:.875rem;
  color:#333;
}
.order-box__selection-summary-line{
  margin:0;
  line-height:1.5;
  color:#333;
}
.order-box__selection-lead{
  font-weight:600;
  color:#212121;
}
.order-box__selection-tail strong{
  font-weight:700;
}
.order-box.order-box--product-attrs > .product-order-qty{
  display:flex;
  flex-shrink:0;
  align-self:stretch;
}
.product-order-qty{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem .85rem;
  margin:0 auto;
}
.product-order-qty__label{
  font-size:.875rem;
  font-weight:600;
  color:var(--color-secondary);
}
.product-order-qty__controls{
  display:inline-flex;
  align-items:stretch;
  border:1px solid #d2d2d7;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.product-order-qty__btn{
  width:2.35rem;
  min-width:2.35rem;
  border:0;
  background:#f5f5f7;
  color:#212121;
  font-size:1.125rem;
  line-height:1;
  cursor:pointer;
  padding:0;
}
.product-order-qty__btn:hover{background:#e8e8ed;}
.product-order-qty__input{
  width:3.15rem;
  text-align:center;
  border:0;
  border-left:1px solid #d2d2d7;
  border-right:1px solid #d2d2d7;
  font-size:.9375rem;
  font-weight:600;
  padding:.4rem 0;
  -moz-appearance:textfield;
}
.product-order-qty__input::-webkit-outer-spin-button,
.product-order-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.order-box--product-attrs .order-box__attributes{
  flex-direction:column;
  align-items:stretch;
  align-self:stretch;
  gap:1.5rem;
  max-width:100%;
}
.order-box__attr-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.35rem .65rem;
  margin:0 0 .5rem;
}
.order-box__attr-heading .order-box__attr-label{
  display:inline;
  margin:0;
  font-weight:600;
  font-size:.9375em;
}
.order-box__attr-color-value{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.15rem .35rem;
  font-size:.9375em;
  color:#212121;
}
.order-box__attr-tile-heading-meta{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.25rem .45rem;
  font-size:.875rem;
  color:#212121;
  max-width:100%;
}
.order-box__attr-selected-name{font-weight:600;}
.order-box__attr-selected-desc{
  font-weight:500;
  color:rgba(17,17,17,.88);
  line-height:1.35;
}
.order-box__attr-heading .order-box__attr-selected-delta{
  font-size:.65em;
  font-weight:600;
  position:relative;
  top:-0.2em;
}
.order-box__attr-tiles{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .55rem;
}
.order-box__attr-tiles--single-row{
  flex-wrap:nowrap;
  gap:.4rem;
}
@media screen and (max-width:599px){
  .order-box--product-attrs .order-box__attr-tiles--single-row{
    flex-wrap:wrap;
  }
  /* Kafelki atrybutów: jeden — na środku, więcej — od krawędzi do krawędzi */
  #page .order-box--product-attrs .order-box__attributes{
    align-items:center;
  }
  #page .order-box__attr-tiles,
  #page .order-box__attr-tiles--single-row{
    flex-wrap:wrap !important;
    justify-content:center;
  }
  #page .order-box__attr-tiles:has(label:nth-child(2)),
  #page .order-box__attr-tiles--single-row:has(label:nth-child(2)){
    justify-content:space-between;
  }
  #page .order-box__attr-tiles:has(label:nth-child(2)) label.product-attr-tile,
  #page .order-box__attr-tiles--single-row:has(label:nth-child(2)) label.product-attr-tile{
    flex:1 1 0 !important;
    min-width:0;
  }
  /* Centrowanie przycisku Zamów i ilości na telefonie */
  #page .order-box.order-box--simple,
  #page .order-box.order-box--product-attrs,
  #page .order-box.order-box--attributes{
    align-items:center;
  }
  #page .order-box__submit-row,
  #page .product-order-qty{
    justify-content:center;
    width:100%;
  }
}
.order-box__attr-tiles--single-row .product-attr-tile{
  flex:1 1 auto;
  min-width:min(100%, 5.5rem);
}
/* Nie dotyczy .product-attr-tile--value-only — tam padding i centrowanie ustawia niżej osobna reguła (unikamy podwójnego paddingu label/span) */
.order-box__attr-tiles--single-row .product-attr-tile:not(.product-attr-tile--value-only) .product-attr-tile__inner{
  padding-left:.65rem;
  padding-right:.65rem;
}

/* Wąskie kafelki (siatka z --products, mega menu): zawijanie zamiast wyjścia poza kartę */
.pages-gallery--products .page.sub{
  container-type:inline-size;
  container-name:product-tile;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.pages-gallery--products .order-box__attr-tiles--single-row{
  flex-wrap:wrap;
  justify-content:center;
  align-content:flex-start;
}
/* Centrowanie atrybutów, ilości, Zamów i Więcej w trybie kafelkowym */
/* Centrowanie atrybutów, ilości, Zamów i Więcej w trybie kafelkowym */
.pages-gallery--products .order-box.order-box--product-attrs,
.pages-gallery--products .order-box.order-box--simple,
.pages-gallery--products .order-box.order-box--attributes{
  align-items:center !important;
}
.pages-gallery--products .order-box--product-attrs .order-box__attributes{
  align-items:center !important;
  align-self:center !important;
}
.pages-gallery--products .order-box--product-attrs .order-box__attr-group{
  width:100%;
}
.pages-gallery--products .order-box__attr-tiles,
.pages-gallery--products .order-box__attr-tiles--single-row{
  justify-content:center !important;
}
.pages-gallery--products .order-box__attr-heading{
  justify-content:center;
}
.pages-gallery--products .order-box--product-attrs > .order-box__btn,
.pages-gallery--products .order-box--product-attrs > .product-order-qty,
.pages-gallery--products .order-box--product-attrs > .order-box__selection-summary{
  align-self:center !important;
}
.pages-gallery--products .order-box__submit-row{
  justify-content:center;
  width:100%;
}
.pages-gallery--products .product-order-qty{
  margin:0 auto;
}
.pages-gallery--products .order-box__selection-summary{
  text-align:center;
}
.pages-gallery--products .order-box__attr-tiles--single-row .product-attr-tile{
  flex:1 1 auto;
  min-width:min(100%, 6.5rem);
  max-width:100%;
}
.pages-gallery--products .product-attr-tile,
.pages-gallery--products .product-attr-tile__inner{
  min-width:0;
  max-width:100%;
}
.pages-gallery--products .product-attr-tile__name,
.pages-gallery--products .product-attr-tile__desc,
.pages-gallery--products .product-attr-tile__value{
  overflow-wrap:anywhere;
  word-break:break-word;
}
/* Widżet / slider: jedna linia kafelków, krótka treść — równy podział, lekkie ściśnięcie zamiast zawijania */
.widget .pages-gallery .order-box__attr-tiles--single-row,
.widget-section__inner .pages-gallery .order-box__attr-tiles--single-row{
  flex-wrap:wrap;
  justify-content:center;
  gap:.22rem .28rem;
}
.widget .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile,
.widget-section__inner .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile{
  flex:1 1 auto;
  min-width:min(100%, 3rem);
}
.widget .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile__inner,
.widget-section__inner .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile__inner{
  padding:.26rem .32rem;
  font-size:.78rem;
}
.widget .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile--value-only .product-attr-tile__inner,
.widget-section__inner .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile--value-only .product-attr-tile__inner{
  min-height:0;
  padding:.6rem .3rem;
}
.widget .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile--value-only .product-attr-tile__value,
.widget-section__inner .pages-gallery .order-box__attr-tiles--single-row .product-attr-tile--value-only .product-attr-tile__value{
  display:block;
  margin:0;
  padding:0;
  font-size:inherit;
  line-height:1.15;
  text-align:center;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.widget .pages-gallery .product-attr-tile,
.widget .pages-gallery .product-attr-tile__inner,
.widget-section__inner .pages-gallery .product-attr-tile,
.widget-section__inner .pages-gallery .product-attr-tile__inner{
  min-width:0;
  max-width:100%;
}
.widget .pages-gallery .order-box--product-attrs,
.widget-section__inner .pages-gallery .order-box--product-attrs{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
@container product-tile (max-width:22rem){
  .order-box__attr-tiles--single-row .product-attr-tile{
    flex:1 1 calc(50% - 0.25rem);
    max-width:calc(50% - 0.25rem);
  }
}
@container product-tile (max-width:16rem){
  .order-box__attr-tiles--single-row .product-attr-tile{
    flex:1 1 100%;
    max-width:100%;
  }
}

/* Strona produktu (szeroka karta): opcjonalnie jeden wiersz atrybutów jak wcześniej */
.product-summary-card .order-box__attr-tiles--single-row,
.product-layout .order-box--product-attrs .order-box__attr-tiles--single-row{
  flex-wrap:nowrap;
}
.order-box__attr-swatches{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem .65rem;
}
.product-attr-swatch{
  position:relative;
  display:inline-flex;
  cursor:pointer;
  padding:2px;
  border-radius:50%;
  transition:box-shadow .15s ease;
}
.product-attr-swatch input{
  position:absolute;
  opacity:0;
  width:0;
  height:0;
  margin:0;
  pointer-events:none;
}
.product-attr-swatch__dot{
  display:block;
  width:1.85rem;
  height:1.85rem;
  border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);
  flex-shrink:0;
}
.product-attr-swatch:hover .product-attr-swatch__dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);}
.product-attr-swatch:has(input:checked){
  box-shadow:0 0 0 2px #212121;
}
.product-attr-swatch:has(input:focus-visible){
  outline:2px solid #212121;
  outline-offset:3px;
}
.product-attr-swatch__vh{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.product-attr-tile{
  position:relative;
  display:inline-flex;
  max-width:100%;
  cursor:pointer;
  border:1px solid #d2d2d7;
  border-radius:8px;
  background:#fff;
  color:#212121;
  line-height:1.35;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.product-attr-tile:hover{background:#f5f5f7;border-color:#b0b0b8;}
.product-attr-tile input{
  position:absolute;
  opacity:0;
  width:0;
  height:0;
  margin:0;
  pointer-events:none;
}
.product-attr-tile__inner{display:block;padding:.55rem .85rem;}
.product-attr-tile--value-only{
  align-items:stretch;
}
.product-attr-tile--value-only .product-attr-tile__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
  min-height:2.5rem;
  padding:.6rem .55rem;
  box-sizing:border-box;
}
.product-attr-tile--value-only .product-attr-tile__value{
  padding:0;
  margin:0;
  text-align:center;
  line-height:1.15;
}
.product-attr-tile__value{
  font-weight:500;
  font-size:.9375rem;
  line-height:1.25;
}
.product-attr-tile__body{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
}
.product-attr-tile--swatch .product-attr-tile__body{align-items:center;}
.product-attr-tile__swatch{
  width:1.35rem;
  height:1.35rem;
  border-radius:50%;
  flex-shrink:0;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}
.product-attr-tile__text{flex:1;min-width:0;}
.product-attr-tile__line{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.2rem .35rem;
}
.product-attr-tile__name{font-weight:500;font-size:.9375rem;}
.product-attr-tile__delta{
  font-size:.65em;
  font-weight:600;
  line-height:1;
  vertical-align:super;
  position:relative;
  top:-0.15em;
}
.product-attr-tile__desc{
  display:block;
  margin-top:.25rem;
  font-size:.75rem;
  font-weight:400;
  line-height:1.35;
  color:rgba(17,17,17,.65);
}
.product-attr-tile input:focus-visible + .product-attr-tile__inner{outline:2px solid #212121;outline-offset:2px;}
.product-attr-tile:has(input:checked){
  background:#212121;
  border-color:#212121;
  color:#fff;
}
.product-attr-tile--value-only:has(input:checked) .product-attr-tile__value{color:#fff;}
.product-attr-tile:has(input:checked) .product-attr-tile__desc{color:rgba(255,255,255,.72);}
.product-attr-tile:has(input:checked) .product-attr-tile__delta{color:rgba(255,255,255,.9);}
.product-attr-tile:has(input:checked) .product-attr-tile__swatch{
  box-shadow:inset 0 0 0 2px #fff,0 0 0 1px rgba(255,255,255,.35);
}
.order-link:hover, .order-link:focus{background:var(--color-primary-hover);color:#fff;text-decoration:none;cursor:pointer;}
/* ORDER BOX/LINK - list only */
.page .order-box__btn{font-size:.875rem;}

/* PAGES PRODUCTS PRICES AND WEIGHT */
div.price{padding:5px 0;color:var(--color-price);font-size:1em;font-weight:normal;letter-spacing:-0.02em;white-space:nowrap;}
div.price em{padding-right:4px;font-style:normal;color:var(--color-secondary-light);font-size:0.9em;}
div.price strong{font-size:1.25em;font-weight:600;color:var(--color-price);}
div.price.bigger strong{padding:0 2px;font-size:1.4em;}
div.price span{padding-left:4px;color:var(--color-secondary-light);font-size:0.9em;}
div.price.old *{color:#86868b;}
div.price.old strong{text-decoration:line-through;font-weight:500;}
.is-old-price div.price:not(.old) *{color:var(--color-accent-sale);}

#page > .price{padding-bottom:10px;color:var(--color-price);font-size:1.125em;}
#page > .weight{padding-bottom:.7em;}

/* RELATED PAGES */
#pages-related{clear:both;}
#pages-related > h2{padding-top:1em;color:var(--color-secondary);font-size:1.25em;font-weight:600;}

/* TAGS */
[class|="pages"] .tags{padding:0;}

/* --- Strona produktu (szablon: iProduct == 1) — układ jak sklep referencyjny --- */
.product-page__breadcrumb{
  margin-top:1.5rem;
  margin-bottom:1em;
}
.product-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  margin:0 auto 2.5rem;
  align-items:start;
  clear:both;
}
@media screen and (min-width:900px){
  .product-layout{
    grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr);
    gap:2.5rem 3rem;
    align-items:stretch;
  }
}
.product-layout__media{
  position:relative;
  min-width:0;
}
/* Galleria produktu — skrypt: plugins/plugins.php (autoplay: false, thumbCrop/imageCrop: false) */
.product-layout__media--galleria{
  position:relative;
  width:100%;
  align-self:stretch;
  min-height:0;
  border-radius:var(--radius-md);
  border:1px solid var(--color-divider);
  overflow:hidden;
}
.product-layout__media--galleria .product-galleria.images-7,
.product-layout__media--galleria ul.images-7{
  clear:none;
  position:relative;
  width:100%;
  max-width:100%;
  min-height:clamp(280px, 58vw, 600px);
  margin:0;
  padding:0;
  list-style:none;
  background:var(--color-white);
  border:none;
  overflow:hidden;
}
.product-layout__media--galleria .galleria-theme-classic{
  position:relative !important;
  width:100% !important;
  min-height:clamp(280px, 58vw, 600px);
  height:auto !important;
  background:var(--color-white) !important;
  overflow:hidden;
}
/* Pasek miniaturek — większy odstęp od głównego obrazu: stage kończy się wyżej (bottom > wysokość paska) */
.product-layout__media--galleria .galleria-theme-classic .galleria-stage{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:120px !important;
  height:auto !important;
  overflow:hidden;
  background:var(--color-white);
  padding:clamp(1.25rem, 2.5vw, 2.75rem) clamp(1.25rem, 2.5vw, 2.75rem) 0.75rem;
  box-sizing:border-box;
  z-index:1;
}
.product-layout__media--galleria .galleria-theme-classic .galleria-images,
.product-layout__media--galleria .galleria-theme-classic .galleria-stage .galleria-image{
  width:100%;
  height:100%;
}
.product-layout__media--galleria .galleria-theme-classic .galleria-stage .galleria-image{
  cursor:zoom-in;
}
.product-layout__media--galleria .galleria-theme-classic .galleria-stage .galleria-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.product-layout__media--galleria .galleria-theme-classic .galleria-thumbnails-container{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:104px !important;
  padding:10px 12px 12px;
  background:var(--color-white);
  border-top:none;
  box-sizing:border-box;
  text-align:center;
}
.product-layout__media--galleria .galleria-theme-classic .galleria-thumbnails{
  float:none !important;
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  margin:0 auto;
  width:100%;
  text-align:center;
}
/* Strzałki głównego obrazu — okrągłe (jak na referencji), zamiast prostokątów z motywu classic */
.product-layout__media--galleria .galleria-theme-classic .galleria-image-nav{
  margin-top:0 !important;
  top:50% !important;
  transform:translateY(-50%);
  height:44px !important;
  z-index:10;
}
.product-layout__media--galleria .galleria-theme-classic .galleria-image-nav-left,
.product-layout__media--galleria .galleria-theme-classic .galleria-image-nav-right{
  z-index:11;
  width:44px !important;
  height:44px !important;
  border-radius:50%;
  left:14px !important;
  right:auto !important;
  opacity:1 !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:50% 50% !important;
  box-shadow:0 2px 10px rgba(0,0,0,0.08);
  border:1px solid var(--color-divider);
}
.product-layout__media--galleria .galleria-theme-classic .galleria-image-nav-right{
  left:auto !important;
  right:14px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
}
.product-layout__media--galleria .galleria-theme-classic:hover .galleria-image-nav-left,
.product-layout__media--galleria .galleria-theme-classic:hover .galleria-image-nav-right{
  background-color:#fff !important;
}
.product-layout__media--galleria .galleria-theme-classic.notouch .galleria-image-nav-left:hover,
.product-layout__media--galleria .galleria-theme-classic.notouch .galleria-image-nav-right:hover{
  box-shadow:0 3px 14px rgba(0,0,0,0.12);
  border-color:var(--color-secondary-light);
}
.product-layout__media--galleria .galleria-theme-classic .galleria-carousel{
  height:100%;
}
/* Miniatury: całe zdjęcia, bez przycinania (nadpisanie motywu classic) */
.product-layout__media--galleria .galleria-theme-classic .galleria-thumbnails .galleria-image{
  float:none !important;
  display:inline-block;
  vertical-align:top;
  width:72px !important;
  height:72px !important;
  margin:0 8px 0 0 !important;
  padding:4px;
  background:var(--color-white);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-sm);
  box-sizing:border-box;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-layout__media--galleria .galleria-theme-classic .galleria-thumbnails .galleria-image img{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  opacity:1 !important;
}
.product-layout__media--galleria .images-7 .galleria-counter,
.product-layout__media--galleria .galleria-theme-classic .galleria-counter{
  background:var(--color-secondary);
  color:var(--color-white);
  border-radius:var(--radius-pill);
  padding:5px 11px;
  font-size:12px;
  font-weight:500;
  top:14px !important;
  right:14px !important;
}
@media screen and (min-width:900px){
  .product-layout__media--galleria ul.images-7,
  .product-layout__media--galleria .galleria-theme-classic{
    min-height:min(52vw, 580px);
  }
}
@media screen and (max-width:599px){
  /* Wysokość galerii dopasowana do ekranu: 85vw na obraz + 80px na miniaturki */
  .product-layout__media--galleria ul.images-7,
  .product-layout__media--galleria .galleria-theme-classic{
    min-height:calc(85vw + 80px) !important;
    height:calc(85vw + 80px) !important;
  }
  /* Stage zajmuje całą wysokość galerii */
  .product-layout__media--galleria .galleria-theme-classic .galleria-stage{
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:0 0 80px !important;
  }
  /* Obrazek wypełnia poziom, centralnie w górnej części */
  .product-layout__media--galleria .galleria-theme-classic .galleria-images{
    width:100% !important;
  }
  .product-layout__media--galleria .galleria-theme-classic .galleria-stage .galleria-image{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .product-layout__media--galleria .galleria-theme-classic .galleria-stage .galleria-image img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:contain;
    object-position:center;
  }
  /* Miniaturki przyklejone do dołu stage */
  .product-layout__media--galleria .galleria-theme-classic .galleria-thumbnails-container{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    height:80px !important;
    padding:6px 8px 8px;
    z-index:5;
    background:var(--color-white);
    border-top:1px solid var(--color-divider);
  }
  .product-layout__media--galleria .galleria-theme-classic .galleria-thumbnails .galleria-image{
    width:56px !important;
    height:56px !important;
  }
  .product-layout__media--galleria .galleria-theme-classic .galleria-image-nav-left,
  .product-layout__media--galleria .galleria-theme-classic .galleria-image-nav-right{
    width:36px !important;
    height:36px !important;
    left:6px !important;
  }
  .product-layout__media--galleria .galleria-theme-classic .galleria-image-nav-right{
    left:auto !important;
    right:6px !important;
  }
}
.product-layout__summary{
  min-width:0;
  align-self:start;
}
/* Kafelek obok galerii: tytuł … zapytanie o produkt */
.product-summary-card{
  background:var(--color-white);
  border:1px solid var(--color-divider);
  border-radius:var(--radius-md);
  padding:1.5rem 1.375rem 1.625rem;
  box-shadow:0 2px 14px rgba(0,0,0,0.06);
}
@media screen and (min-width:900px){
  .product-summary-card{
    padding:1.625rem 1.5rem 1.75rem;
  }
}
.product-summary__headline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 0.65rem;
}
.product-summary__headline .product-summary__title{
  margin:0;
  flex:1;
  min-width:0;
}
.product-page .product-summary__headline .product-summary__title{
  margin:0;
}
.product-favorite-btn{
  flex-shrink:0;
  width:44px;
  height:44px;
  border:1px solid var(--color-divider);
  border-radius:50%;
  background:var(--color-white);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.2rem;
  line-height:1;
  color:var(--color-secondary-light);
  transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.product-favorite-btn:hover,
.product-favorite-btn:focus-visible{
  border-color:var(--color-secondary-light);
  color:#0a0a0a;
  outline:none;
}
.product-favorite-btn.is-active{
  color:#fff;
  background:#0a0a0a;
  border-color:#0a0a0a;
}
.product-page .product-summary__title{
  font-size:clamp(1.5rem,2.5vw,2.125rem);
  font-weight:600;
  letter-spacing:-0.03em;
  line-height:1.12;
  margin:0 0 0.65rem;
  color:var(--color-secondary);
}
.product-summary__sku{
  font-size:0.9375rem;
  color:var(--color-secondary-light);
  margin:0 0 1rem;
}
.product-summary__label{
  color:var(--color-secondary-light);
  font-weight:500;
  margin-right:0.25em;
}
.product-summary__features{
  list-style:none;
  margin:0 0 1rem;
  padding:0.75rem 0 0;
  font-size:0.875rem;
  border-top:1px solid var(--color-divider);
}
.product-summary__features li{
  padding:0.35rem 0;
  color:var(--color-secondary);
  line-height:1.4;
}
.product-summary__features-list li,
.product-summary__features li{
  display:flex;
  gap:0.5em;
}
.product-summary__features-list .product-summary__label,
.product-summary__features .product-summary__label{
  flex:0 0 auto;
  font-weight:700;
  color:var(--color-secondary-dark);
}
.outlet-features{
  margin:0.75rem 0;
  padding:0.5rem 0;
  font-size:0.8125rem;
  border-top:1px solid var(--color-divider);
  order:10;
}
.outlet-feature{
  padding:0.25rem 0;
  color:var(--color-secondary);
  line-height:1.4;
}
.outlet-label{
  font-weight:600;
  color:var(--color-secondary-dark);
  margin-right:0.25em;
}
.page.sub .product-order-qty{
  order:5;
}
.page.sub .product-order-submit{
  order:6;
}
.page.sub .order-box__submit-row{
  order:7;
}
.outlet-filter{
  margin:1.5rem 0;
  padding:1rem;
  background:var(--color-background-alt);
  border-radius:4px;
}
.outlet-filter-form{
  display:flex;
  align-items:center;
  gap:0.75rem;
}
.outlet-filter-form label{
  font-weight:600;
  color:var(--color-secondary-dark);
}
.outlet-filter-form select{
  padding:0.5rem 2rem 0.5rem 0.75rem;
  border:1px solid var(--color-divider);
  border-radius:4px;
  background:var(--color-background);
  font-size:0.9375rem;
  cursor:pointer;
}
.outlet-filter-submit{
  padding:0.5rem 1.5rem;
  background:var(--color-primary);
  color:#fff;
  border:none;
  border-radius:4px;
  font-size:0.9375rem;
  cursor:pointer;
  font-weight:600;
}
.outlet-filter-submit:hover{
  background:var(--color-primary-dark);
}

/* Outlet view switcher */
.outlet-view-switcher{
  display:flex;
  gap:0.5rem;
  margin-right:1rem;
}
.outlet-view-btn{
  padding:0.5rem;
  background:var(--color-background);
  border:1px solid var(--color-divider);
  border-radius:4px;
  cursor:pointer;
  transition:all 0.2s;
  display:flex;
  align-items:center;
  justify-content:center;
}
.outlet-view-btn:hover{
  background:var(--color-background-alt);
  border-color:var(--color-primary);
}
.outlet-view-btn.active{
  background:var(--color-primary);
  border-color:var(--color-primary);
  color:#fff;
}
.outlet-view-btn svg{
  display:block;
}

/* Outlet list view */
[class*="pages-"].outlet-list-view,
.pages-gallery.outlet-list-view{
  display:flex !important;
  flex-direction:column !important;
}
[class*="pages-"].outlet-list-view .page,
.pages-gallery.outlet-list-view .page{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap;
  align-items:center;
  gap:0.75rem;
  padding:1rem;
  border-bottom:1px solid var(--color-divider);
  margin:0 !important;
  width:100% !important;
  float:none !important;
  box-sizing:border-box;
}
/* Inline atrybuty (pełne selektory wariantów) - osobna linia na 100% szerokości */
/* W trybie listy outlet produkty z atrybutami: ukryj kafelki, zostaw tylko ilość + przyciski */
[class*="pages-"].outlet-list-view .order-box--product-attrs,
.pages-gallery.outlet-list-view .order-box--product-attrs{
  order:10 !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  border:none !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:.5rem !important;
}
/* Ukryj grupy atrybutów i podsumowanie wyboru — w trybie listy widoczne jest product-attrs-summary-wrap */
[class*="pages-"].outlet-list-view .order-box--product-attrs > .order-box__attributes,
.pages-gallery.outlet-list-view .order-box--product-attrs > .order-box__attributes,
[class*="pages-"].outlet-list-view .order-box--product-attrs > .order-box__selection-summary,
.pages-gallery.outlet-list-view .order-box--product-attrs > .order-box__selection-summary{
  display:none !important;
}
/* Ilość + Więcej + Zamów w jednej linii */
[class*="pages-"].outlet-list-view .order-box--product-attrs > .product-order-qty,
.pages-gallery.outlet-list-view .order-box--product-attrs > .product-order-qty,
[class*="pages-"].outlet-list-view .order-box--product-attrs > .order-box__submit-row,
.pages-gallery.outlet-list-view .order-box--product-attrs > .order-box__submit-row{
  flex:0 0 auto !important;
  align-self:center !important;
  width:auto !important;
  justify-content:flex-end;
}
[class*="pages-"].outlet-list-view .image,
.pages-gallery.outlet-list-view .image{
  order:-1;
  flex-shrink:0;
  width:100px !important;
  height:100px !important;
  margin:0 !important;
}
[class*="pages-"].outlet-list-view .image img,
.pages-gallery.outlet-list-view .image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
}
[class*="pages-"].outlet-list-view .name,
.pages-gallery.outlet-list-view .name{
  order:2;
  flex:0 0 220px;
  min-width:0;
  width:220px;
  margin:0 !important;
  font-size:1rem;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
[class*="pages-"].outlet-list-view .name a,
.pages-gallery.outlet-list-view .name a{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
[class*="pages-"].outlet-list-view .outlet-features,
.pages-gallery.outlet-list-view .outlet-features{
  order:3;
  flex:1 1 200px;
  min-width:180px;
  margin:0 !important;
  padding-left:1rem !important;
  border-left:1px solid var(--color-divider);
  border-top:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start;
  align-items:flex-start;
  gap:0.25rem;
}
[class*="pages-"].outlet-list-view .outlet-feature,
.pages-gallery.outlet-list-view .outlet-feature{
  display:flex;
  font-size:0.8125rem;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* Responsywność - wrap dla mniejszych ekranów */
@media screen and (max-width:1200px){
  [class*="pages-"].outlet-list-view .page,
  .pages-gallery.outlet-list-view .page{
    flex-wrap:wrap;
  }
  [class*="pages-"].outlet-list-view .name,
  .pages-gallery.outlet-list-view .name{
    width:auto;
    flex:1 1 200px;
  }
  [class*="pages-"].outlet-list-view .outlet-features,
  .pages-gallery.outlet-list-view .outlet-features{
    flex:1 1 100%;
    min-width:100%;
    border-left:none;
    border-top:1px solid var(--color-divider);
    padding-left:0 !important;
    padding-top:0.5rem;
    margin-top:0.5rem !important;
  }
  [class*="pages-"].outlet-list-view .price,
  .pages-gallery.outlet-list-view .price{
    width:auto;
  }
}
[class*="pages-"].outlet-list-view .price,
.pages-gallery.outlet-list-view .price{
  order:4;
  flex:0 0 auto;
  width:auto;
  min-width:120px;
  margin:0 !important;
  text-align:right;
  white-space:nowrap;
}
[class*="pages-"].outlet-list-view .price strong,
.pages-gallery.outlet-list-view .price strong,
[class*="pages-"].outlet-list-view .price span,
.pages-gallery.outlet-list-view .price span{
  white-space:nowrap;
}
[class*="pages-"].outlet-list-view .product-order-qty,
.pages-gallery.outlet-list-view .product-order-qty{
  order:5 !important;
  margin:0 !important;
}
[class*="pages-"].outlet-list-view .order-box,
.pages-gallery.outlet-list-view .order-box{
  order:6;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 0 0 auto !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center;
  gap:0.5rem;
  justify-content:flex-start !important;
}
/* Atrybuty produktów w trybie listy outlet */
[class*="pages-"].outlet-list-view .product-attrs-summary-wrap,
.pages-gallery.outlet-list-view .product-attrs-summary-wrap{
  order:3;
  flex:1 1 200px;
  min-width:0;
  max-width:none;
  margin:0 !important;
  font-size:0.8125rem;
  line-height:1.4;
}
[class*="pages-"].outlet-list-view .product-attrs-summary,
.pages-gallery.outlet-list-view .product-attrs-summary{
  list-style:none;
  margin:0;
  padding:0;
}
[class*="pages-"].outlet-list-view .product-attrs-summary li,
.pages-gallery.outlet-list-view .product-attrs-summary li{
  white-space:normal;
  word-break:break-word;
  margin-bottom:0.25rem;
}

/* Products view switcher (for all product lists) */
.products-view-switcher{
  display:flex;
  gap:0.5rem;
  margin-right:1rem;
}
.products-view-btn{
  padding:0.5rem;
  background:var(--color-background);
  border:1px solid var(--color-divider);
  border-radius:4px;
  cursor:pointer;
  transition:all 0.2s;
  display:flex;
  align-items:center;
  justify-content:center;
}
.products-view-btn:hover{
  background:var(--color-background-alt);
  border-color:var(--color-primary);
}
.products-view-btn.active{
  background:var(--color-primary);
  border-color:var(--color-primary);
  color:#fff;
}
.products-view-btn svg{
  display:block;
}

/* Products list view (for all product lists) */
[class*="pages-"].products-list-view,
.pages-gallery.products-list-view{
  display:flex !important;
  flex-direction:column !important;
}
[class*="pages-"].products-list-view .page,
.pages-gallery.products-list-view .page{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  padding:1rem;
  border-bottom:1px solid var(--color-divider);
  margin:0 !important;
  width:100% !important;
  float:none !important;
  box-sizing:border-box;
}
/* W trybie listy produkty z atrybutami: ukryj kafelki, zostaw tylko ilość + przyciski */
[class*="pages-"].products-list-view .order-box--product-attrs,
.pages-gallery.products-list-view .order-box--product-attrs{
  order:10 !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  border:none !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:.5rem !important;
}
/* Ukryj grupy atrybutów i podsumowanie wyboru */
[class*="pages-"].products-list-view .order-box--product-attrs > .order-box__attributes,
.pages-gallery.products-list-view .order-box--product-attrs > .order-box__attributes,
[class*="pages-"].products-list-view .order-box--product-attrs > .order-box__selection-summary,
.pages-gallery.products-list-view .order-box--product-attrs > .order-box__selection-summary{
  display:none !important;
}
/* Ilość + Więcej + Zamów w jednej linii */
[class*="pages-"].products-list-view .order-box--product-attrs > .product-order-qty,
.pages-gallery.products-list-view .order-box--product-attrs > .product-order-qty,
[class*="pages-"].products-list-view .order-box--product-attrs > .order-box__submit-row,
.pages-gallery.products-list-view .order-box--product-attrs > .order-box__submit-row{
  flex:0 0 auto !important;
  align-self:center !important;
  width:auto !important;
  justify-content:flex-end;
}
[class*="pages-"].products-list-view .image,
.pages-gallery.products-list-view .image{
  order:-1;
  flex-shrink:0;
  width:100px !important;
  height:100px !important;
  margin:0 !important;
}
[class*="pages-"].products-list-view .image img,
.pages-gallery.products-list-view .image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
}
[class*="pages-"].products-list-view .title,
.pages-gallery.products-list-view .title{
  order:2;
  flex:0 0 auto;
  width:250px;
  margin:0 !important;
  font-size:1rem;
}
[class*="pages-"].products-list-view .title a,
.pages-gallery.products-list-view .title a{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
[class*="pages-"].products-list-view .description,
.pages-gallery.products-list-view .description{
  order:3;
  flex:1 1 auto;
  min-width:200px;
  margin:0 !important;
  font-size:0.875rem;
}
/* Responsywność - wrap dla mniejszych ekranów */
@media screen and (max-width:1200px){
  [class*="pages-"].products-list-view .page,
  .pages-gallery.products-list-view .page{
    flex-wrap:wrap;
  }
  [class*="pages-"].products-list-view .title,
  .pages-gallery.products-list-view .title{
    width:auto;
    flex:1 1 200px;
  }
  [class*="pages-"].products-list-view .description,
  .pages-gallery.products-list-view .description{
    flex:1 1 100%;
    min-width:100%;
    margin-top:0.5rem !important;
  }
}
[class*="pages-"].products-list-view .price,
.pages-gallery.products-list-view .price{
  order:4;
  flex:0 0 auto;
  width:auto;
  min-width:120px;
  margin:0 !important;
  text-align:right;
  white-space:nowrap;
}
[class*="pages-"].products-list-view .price strong,
.pages-gallery.products-list-view .price strong,
[class*="pages-"].products-list-view .price span,
.pages-gallery.products-list-view .price span{
  white-space:nowrap;
}
[class*="pages-"].products-list-view .product-order-qty,
.pages-gallery.products-list-view .product-order-qty{
  order:5 !important;
  margin:0 !important;
}
[class*="pages-"].products-list-view .order-box,
.pages-gallery.products-list-view .order-box{
  order:6;
  flex:0 0 auto;
  margin:0 0 0 auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:0.5rem;
}
[class*="pages-"].products-list-view .product-order-submit,
.pages-gallery.products-list-view .product-order-submit{
  order:6 !important;
  margin:0 !important;
}
/* Atrybuty produktów w trybie listy */
[class*="pages-"].products-list-view .product-attrs-summary-wrap,
.pages-gallery.products-list-view .product-attrs-summary-wrap{
  order:3;
  flex:1 1 200px;
  min-width:0;
  max-width:none;
  margin:0 !important;
  font-size:0.8125rem;
  line-height:1.4;
}
[class*="pages-"].products-list-view .product-attrs-summary,
.pages-gallery.products-list-view .product-attrs-summary{
  list-style:none;
  margin:0;
  padding:0;
}
[class*="pages-"].products-list-view .product-attrs-summary li,
.pages-gallery.products-list-view .product-attrs-summary li{
  white-space:normal;
  word-break:break-word;
  margin-bottom:0.25rem;
}
/* Produkt bez atrybutów w trybie listy - jednoliniowy układ jak outlet */
/* Produkty bez atrybutów i z atrybutami — oba jednolinijkowe w trybie listy */
[class*="pages-"].products-list-view .page:has(.order-box--simple),
.pages-gallery.products-list-view .page:has(.order-box--simple),
[class*="pages-"].products-list-view .page:has(.order-box--product-attrs),
.pages-gallery.products-list-view .page:has(.order-box--product-attrs),
[class*="pages-"].outlet-list-view .page:has(.order-box--product-attrs),
.pages-gallery.outlet-list-view .page:has(.order-box--product-attrs){
  flex-wrap:nowrap;
  overflow:hidden;
}
/* Tytuł produktu z atrybutami — taka sama szerokość jak bez atrybutów */
[class*="pages-"].products-list-view .page:has(.order-box--product-attrs) .title,
.pages-gallery.products-list-view .page:has(.order-box--product-attrs) .title,
[class*="pages-"].outlet-list-view .page:has(.order-box--product-attrs) .title,
.pages-gallery.outlet-list-view .page:has(.order-box--product-attrs) .title{
  flex:0 0 220px;
  width:220px;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
[class*="pages-"].products-list-view .page:has(.order-box--simple) .title,
.pages-gallery.products-list-view .page:has(.order-box--simple) .title{
  flex:0 0 220px;
  width:220px;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
[class*="pages-"].products-list-view .page:has(.order-box--simple) .order-box,
.pages-gallery.products-list-view .page:has(.order-box--simple) .order-box{
  flex:0 0 auto !important;
  width:auto !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
}
.product-summary__meta{
  list-style:none;
  margin:0 0 1.25rem;
  padding:0;
  font-size:0.9375rem;
  border-top:1px solid var(--color-divider);
}
.product-summary__meta li{
  padding:0.5rem 0;
  border-bottom:1px solid var(--color-divider);
  color:var(--color-secondary);
}
.product-summary__availability{
  color:#1b7a3e;
  font-weight:600;
}
.product-summary__availability--out{
  color:#0a0a0a;
  font-weight:600;
}
.product-summary__time{
  display:block;
  font-size:0.875rem;
  color:var(--color-secondary-light);
  margin:0 0 0.75rem;
}
.product-page .product-summary__price{
  margin:0.75rem 0 0;
}
.product-page .product-summary__price-old{
  margin-top:0.35rem;
}
.product-summary__net{
  font-size:0.9375rem;
  margin:0.65rem 0 0;
  color:var(--color-secondary-light);
}
.product-summary__weight{
  margin-top:1rem;
  font-size:0.9375rem;
}
.product-summary__actions{
  margin-top:1.75rem;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0.85rem;
  max-width:22rem;
}
.product-summary-card .product-summary__actions{
  max-width:100%;
}
.product-summary__actions .order-box{
  margin:0;
}
.product-summary__actions .order-box__btn,
.product-summary__actions a.order-link.order-box__btn,
.product-summary__actions button.order-box__btn{
  width:100%;
  justify-content:center;
  background:#1d1d1f;
  color:#fff;
  border:0;
  padding:0.9rem 1.35rem;
  font-size:1rem;
  font-weight:600;
  border-radius:var(--radius-pill);
  text-align:center;
  transition:background 0.2s ease;
}
.product-summary__actions .order-box__btn:hover,
.product-summary__actions a.order-link.order-box__btn:hover,
.product-summary__actions button.order-box__btn:hover{
  background:#212121;
  color:#fff;
  text-decoration:none;
}
.product-summary__actions .order-box__btn .icon,
.product-summary__actions a.order-box__btn .icon{
  fill:#fff;
}
.product-page #ask-about-link{
  margin:0;
}
.product-page #ask-about-link a{
  font-weight:500;
  font-size:0.9375rem;
}
.product-page .content{
  clear:both;
  padding-top:0.5rem;
  margin-top:1.5rem;
  border-top:1px solid var(--color-divider);
}

/* Ulubione — lista jak produkty */
.favorites-compare-page .content{clear:both;padding-top:0;margin-top:0;border-top:0;}
.favorites-list-wrap{margin:1rem 0 0;}
/* Ulubione: atrybuty — przyciski zawijają tekst zamiast ucinać */
.pages-favorites .page.sub{position:relative;}
.favorites-tile-actions{margin-top:0.65rem;padding-top:0.65rem;border-top:1px solid var(--color-divider);}
.favorites-remove-btn--tile{width:100%;text-align:center;}
.favorites-compare-wrap{overflow-x:auto;margin:1rem 0 0;}
.favorites-compare-table{width:100%;border-collapse:collapse;font-size:0.9375rem;}
.favorites-compare-table th,
.favorites-compare-table td{padding:0.65rem 0.75rem;border:1px solid var(--color-divider);text-align:left;vertical-align:middle;}
.favorites-compare-table thead th{background:#f5f5f7;font-weight:600;color:var(--color-secondary);}
.favorites-compare-table__img .image.favorites-compare-thumb{max-width:120px;margin:0;}
.favorites-compare-table__img .favorites-compare-thumb img{max-width:100%;height:auto;display:block;}
.favorites-remove-btn{font-size:0.875rem;padding:0.4rem 0.75rem;border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;font-family:inherit;}
.favorites-remove-btn:hover{border-color:#0a0a0a;color:#0a0a0a;}
.favorites-open-product{margin-left:0.5rem;white-space:nowrap;}
.favorites-empty{padding:1.5rem 0;color:var(--color-secondary-light);}
.favorites-compare-hint{font-size:0.875rem;color:var(--color-secondary-light);margin-top:1.25rem;}

/* Strona produktu — nagłówek sekcji opisu, lista w opisie (jak referencja v0) */
.product-description__heading{
  font-size:clamp(1.25rem, 2vw, 1.5rem);
  font-weight:600;
  color:var(--color-secondary);
  margin:2rem 0 1rem;
  padding:0;
  letter-spacing:-0.02em;
}
#page.product-page > .product-description__heading + .content{margin-top:0;}
/* Listy w opisie: ciemne tło, radius, białe kropki — .content__body ul łapie też listy w opakowaniu z edytora; zagnieżdżone ul ul mają osobne reguły */
#page.product-page div.content > ul:not(.tags):not([class*="images-"]),
#page.product-page div.content .content__body ul:not(.tags):not([class*="images-"]){
  margin:1rem 0 1.5rem;
  padding:1.25rem 1.5rem 1.35rem 2.75rem;
  list-style:none;
  background:transparent;
  color:inherit;
  border:2px solid #1d1d1f;
  border-radius:var(--radius-md);
  box-sizing:border-box;
}
#page.product-page div.content > ul:not(.tags):not([class*="images-"]) li,
#page.product-page div.content .content__body ul:not(.tags):not([class*="images-"]) li{
  position:relative;
  margin:0.55rem 0;
  padding:0 0 0 0.15rem;
}
#page.product-page div.content > ul:not(.tags):not([class*="images-"]) li::before,
#page.product-page div.content .content__body ul:not(.tags):not([class*="images-"]) li::before{
  content:"";
  position:absolute;
  left:-1.15rem;
  top:0.45rem;
  width:0.4rem;
  height:0.4rem;
  background:#1d1d1f;
  border-radius:50%;
}
#page.product-page div.content > ul:not(.tags):not([class*="images-"]) ul,
#page.product-page div.content .content__body ul:not(.tags):not([class*="images-"]) ul{
  margin:0.5rem 0 0;
  padding:0 0 0 1.25rem;
  background:transparent;
  border:none;
  border-radius:0;
  color:inherit;
}
#page.product-page div.content > ul:not(.tags):not([class*="images-"]) ul li::before,
#page.product-page div.content .content__body ul:not(.tags):not([class*="images-"]) ul li::before{
  background:#1d1d1f;
  opacity:0.45;
  width:0.3rem;
  height:0.3rem;
  left:-0.95rem;
}
#page.product-page div.content > ol:not(.tags),
#page.product-page div.content .content__body ol:not(.tags){
  margin:1rem 0 1.5rem;
  padding:1.25rem 1.5rem 1.35rem 2.25rem;
  background:#1d1d1f;
  color:#f5f5f7;
  border-radius:var(--radius-md);
  list-style:decimal;
  list-style-position:outside;
}
#page.product-page div.content > ol:not(.tags) li,
#page.product-page div.content .content__body ol:not(.tags) li{
  margin:0.55rem 0;
  padding-left:0.35rem;
}
#page.product-page div.content > ol:not(.tags) li::marker,
#page.product-page div.content .content__body ol:not(.tags) li::marker{
  color:#fff;
  font-weight:600;
}
#page.product-page div.content > ol:not(.tags) ol,
#page.product-page div.content .content__body ol:not(.tags) ol{
  background:transparent;
  border-radius:0;
  margin-top:0.5rem;
  margin-bottom:0;
  padding-left:1.25rem;
}

/* --- Filtry subkategorii produktów (tagi) --- */
.product-subcategories-filter-tiles{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin:0 0 0.75rem;
  padding:0.5rem 0;
}
.product-subcategories-filter__all,
.product-subcategories-filter__grid{
  display:contents;
}
.product-subcategories-filter__tile{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.4rem 1rem;
  background:transparent;
  border:1px solid #222;
  border-radius:2rem;
  text-decoration:none;
  font-size:0.875rem;
  color:#222;
  transition:border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.product-subcategories-filter__tile:hover{
  border-color:#212121;
  background:#212121;
  color:#fff;
  text-decoration:none;
}
.product-subcategories-filter__tile.is-active{
  border-color:#212121;
  background:#212121;
  color:#fff;
  text-decoration:none;
}
.product-subcategories-filter__tile .tile__name{
  font-weight:500;
  line-height:1.2;
}
.product-subcategories-filter__tile .tile__count{
  font-size:0.75rem;
  opacity:0.8;
}
.product-subcategories-filter__tile.is-active .tile__count{
  opacity:1;
}