/* Shared compact cards: native forms and review hooks remain unchanged. */
.ss2-list-rating[hidden]{display:none!important}
/* Imported catalogue dates make nearly every item appear new. Until products
   receive editorially verified launch dates, the badge is misleading. */
.product-miniature .product-flags .badge.new{display:none!important}
.ss2-list-rating{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin-top:6px;font-size:12px;line-height:1.5;color:#52615c}
.ss2-list-rating__stars{position:relative;display:inline-block;color:#d8ded8;font-family:Arial,sans-serif;font-size:18px;line-height:1;letter-spacing:1px;white-space:nowrap}
.ss2-list-rating__fill{position:absolute;left:0;top:0;overflow:hidden;color:#dc8c41;white-space:nowrap}
body .products:has(> .product-miniature){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-inline:0}
body .products>.product-miniature{width:100%;max-width:none;min-width:0;padding:0;margin:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature{container-type:inline-size}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__inner{height:100%;display:flex;flex-direction:column}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__bottom{padding:12px;display:flex;flex:1;flex-direction:column}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__infos{display:flex;flex:0 0 auto;flex-direction:column;padding-bottom:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__title{font-size:14px;line-height:1.45;min-height:41px;margin:0;overflow-wrap:anywhere}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:6px;padding-top:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__price{font-size:18px;line-height:1.35}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-list-unit-price{margin-top:2px;line-height:1.4;font-size:12px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-list-unit-price{flex-basis:100%}
.ss2-list-temperature{display:inline-grid;justify-items:end;align-self:center;margin-left:auto;padding:3px 7px;border:1px solid;border-radius:9px;font-size:10px;font-weight:650;line-height:1.15;letter-spacing:.01em;white-space:nowrap}
.ss2-list-temperature small{font:inherit;font-size:10px;font-weight:550}
.ss2-list-temperature--fresh{color:#356526;background:#f2f8e9;border-color:#b9d5a5}
.ss2-list-temperature--frozen{color:#245d70;background:#edf7fa;border-color:#acd2dc}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__discount-price:empty{display:none}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-card-choice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 8px;margin-top:2px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-card-choice__current{font-size:12px;line-height:1.4;margin:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-choose-variant{font-size:12px;min-height:44px;gap:4px;padding:4px 0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__actions{padding-top:6px;margin-top:auto}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__form{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:stretch}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__form>.quantity-button{width:100%;max-width:none;min-width:0;margin:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .quantity-button__group{display:grid;grid-template-columns:44px minmax(28px,1fr) 44px;flex-wrap:nowrap;width:100%;max-width:none}
body :is(#products,.products,.ss2-home-collection) .product-miniature .quantity-button__group>.btn{width:44px;min-width:44px;min-height:44px;padding:0;margin:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .quantity-button__group>.form-control{width:100%;max-width:none;min-width:0;min-height:44px;padding:4px 0;margin:0;text-align:center;font-size:14px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add{min-height:44px;padding:6px 4px;gap:0;border-radius:7px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add-text{font-size:13px;line-height:1.3}
@container (min-width:260px){
  body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__form{grid-template-columns:128px minmax(0,1fr)}
}
@media(min-width:1200px){
  body .products:has(> .product-miniature){grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:359.98px){
  body .products:has(> .product-miniature){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767.98px){
  body .products:has(> .product-miniature){gap:10px}
  body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__bottom{padding:10px}
  body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__title{font-size:13px;min-height:57px}
}
/* Compact purchase row; dropdown is an enhancement of the native fallback. */
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__form{grid-template-columns:minmax(0,1fr) 44px;gap:4px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .quantity-button__group{grid-template-columns:32px minmax(24px,1fr) 32px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .quantity-button__group>.btn{width:32px;min-width:32px;min-height:44px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add:has(.ss2-cart-icon) .product-miniature__add-text{display:none!important}
.product-miniature .ss2-cart-icon{display:block;width:23px;height:23px;flex:none}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__actions{margin-top:6px;padding-top:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__infos{flex:1;gap:0}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.9em;line-height:1.45}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-card-choice--ready{margin-top:5px;display:block}
.ss2-card-choice--ready>.ss2-card-choice__current,.ss2-card-choice--ready>.ss2-choose-variant{display:none!important}
.ss2-card-weight{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;width:100%}
.ss2-card-weight__label{color:#52615c;white-space:nowrap}
.ss2-card-weight select{appearance:auto;min-width:0;flex:1;width:100%;min-height:36px;border:1px solid #b9c6bc;border-radius:6px;background:#fff;color:#243238;font:inherit;font-size:13px;padding:4px 5px;cursor:pointer}
.ss2-card-weight select:focus-visible{outline:3px solid #087f87;outline-offset:2px}
.ss2-card-status{font-size:12px;line-height:1.4;margin:6px 0 0;color:#614c27}
.product-miniature[aria-busy=true]{opacity:.8}
@container (max-width:219px){.ss2-card-weight__label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}}
@container (max-width:219px){.ss2-list-temperature__name{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}}
@container (min-width:260px){
  body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__form{grid-template-columns:minmax(0,1fr) 90px;gap:6px}
  body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add:has(.ss2-cart-icon) .product-miniature__add-text{display:inline!important;font-size:13px}
  body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add{gap:5px}
}

/* Keep the server-rendered card the same size while variants are fetched. */
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-card-choice{min-height:36px;margin-top:5px}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-card-weight--fallback{display:flex;width:100%;min-height:36px;padding:0;gap:8px;align-items:center;text-decoration:none;color:#243238}
.ss2-card-weight--fallback .ss2-card-weight__value{display:flex;align-items:center;min-width:0;flex:1;height:36px;padding:4px 24px 4px 5px;border:1px solid #b9c6bc;border-radius:6px;background:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss2-card-weight--fallback .ss2-card-weight__chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:-29px;margin-right:11px;pointer-events:none}
body :is(#products,.products,.ss2-home-collection) .product-miniature .ss2-card-weight--fallback:hover{text-decoration:none;color:#243238}

/* The cart glyph and short label are present on the first paint. */
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add::before{content:'';display:block;width:23px;height:23px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h2l2.4 11.4a2 2 0 0 0 2 1.6H18a2 2 0 0 0 2-1.6L21 7H6M10 20h.01M18 20h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add:has(.ss2-cart-icon)::before{display:none}
body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add-text{display:none!important}
@container (min-width:260px){
  body :is(#products,.products,.ss2-home-collection) .product-miniature .product-miniature__add::after{content:'Dodaj';font-size:13px;line-height:1.3}
}

/* Category pages use plain links so pagination also works without JavaScript. */
.ss2-category-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:18px}
.ss2-category-pagination__previous{justify-self:start}
.ss2-category-pagination__next{justify-self:end}
.ss2-category-pagination__pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.ss2-category-pagination__page,.ss2-category-pagination__direction{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #b9cbbd;border-radius:10px;background:#fff;color:#173e2d;text-decoration:none;font-weight:600;line-height:1.3}
.ss2-category-pagination__page{padding:8px}
.ss2-category-pagination__direction{gap:8px;padding:10px 16px;white-space:nowrap}
.ss2-category-pagination__direction--next{background:#214d37;border-color:#214d37;color:#fff}
.ss2-category-pagination__page--current{background:#e9f2e7;border-color:#214d37}
.ss2-category-pagination__spacer{padding:0 3px}
.ss2-category-pagination a:hover{border-color:#214d37;background:#e9f2e7;color:#173e2d;text-decoration:none}
.ss2-category-pagination .ss2-category-pagination__direction--next:hover{background:#173e2d;color:#fff}
.ss2-category-pagination a:focus-visible{outline:3px solid #087f87;outline-offset:3px}
@media(max-width:767.98px){
  .ss2-category-pagination{grid-template-columns:1fr 1fr;gap:10px}
  .ss2-category-pagination__pages{grid-column:1/-1;grid-row:1}
  .ss2-category-pagination__previous,.ss2-category-pagination__next{grid-row:2;width:100%}
  .ss2-category-pagination__direction{width:100%;padding-inline:8px;font-size:13px}
}