/*
 ZATWIERDZONY STANDARD DIPIU 2026-10-04.
 NIE ZMIENIAC wygladu, proporcji ani ukladu kart bez wyraznej zgody wlasciciela.
 Szczegoly: _CODEX/ZATWIERDZONY_STANDARD_KART_APLIKACJI_2026-10-04.md
*/
.products{align-items:stretch}
.photo{display:block;width:100%!important;max-width:none;aspect-ratio:3/4;margin:0!important;padding:0!important;background:#eee9e5;overflow:hidden;border:0;border-radius:0}
.photo img{width:100%;height:100%;display:block;margin:0;padding:0;object-fit:cover;object-position:center top;border:0;border-radius:0}
.card{-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 24px 108px;width:100%;height:100%;min-width:0;margin:0;padding:0!important;overflow:hidden;border:0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(29,39,62,.09)}
.product-colors{height:24px;min-height:24px;padding:6px 12px 3px;display:flex;align-items:center;justify-content:flex-start;gap:6px;background:#fff}
.product-color-dot{display:block;width:13px;height:13px;flex:0 0 13px;border:1px solid rgba(23,43,85,.35);border-radius:50%;background:#c8c1bb;box-shadow:0 1px 2px rgba(23,43,85,.12)}
.product-color-dot.color-bialy{background:#fff}.product-color-dot.color-bezowy{background:#d8c3a5}.product-color-dot.color-czarny{background:#171717}.product-color-dot.color-czerwony{background:#b83232}.product-color-dot.color-granatowy{background:#172b55}.product-color-dot.color-niebieski{background:#3975b7}.product-color-dot.color-zielony{background:#56805a}.product-color-dot.color-rozowy{background:#d98fa5}.product-color-dot.color-szary{background:#929292}.product-color-dot.color-brazowy{background:#805b43}.product-color-dot.color-kremowy{background:#eee4d2}.product-color-dot.color-bordowy{background:#742f3f}.product-color-dot.color-fioletowy{background:#76518d}.product-color-dot.color-zolty{background:#e1bd3c}.product-color-dot.color-pomaranczowy{background:#db7d35}
.card-body{width:100%;height:108px;min-height:108px;padding:10px 13px 12px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;background:#fff}
.card-body .tag{height:16px;min-height:16px;margin:0 0 3px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-body .tag-placeholder{visibility:hidden}
.card-body .name{display:-webkit-box;width:100%;height:2.6em;min-height:2.6em;margin:3px 0 7px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-body .price{width:100%;margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:479px){main{padding-left:12px;padding-right:12px}.products{gap:10px}.card{grid-template-rows:auto 22px 104px;border-radius:12px}.product-colors{height:22px;min-height:22px;padding:5px 10px 3px;gap:5px}.product-color-dot{width:12px;height:12px;flex-basis:12px}.card-body{height:104px;min-height:104px;padding:9px 10px 10px}.card-body .name{font-size:13px}.card-body .price{font-size:13px}}
@media(min-width:720px) and (max-width:1023px){.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card-body .name,.card-body .price{font-size:14px}}
@media(min-width:1024px){.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.demo,.welcome{display:none}