.szewko-karta{--karta-wysokosc:520px;--karta-proporcja:1 / 1.06;--karta-panel:10px 16px 14px;position:relative;display:flex;flex-direction:column;min-height:var(--karta-wysokosc);box-sizing:border-box;overflow:hidden;border:1px solid var(--color-sand-gold);border-radius:var(--radius-md);background:var(--color-parchment);box-shadow:var(--shadow-card);transition:transform var(--duration-mid) var(--ease-desert),box-shadow var(--duration-mid) var(--ease-desert);@media (hover:hover){&:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}}&.szewko-karta--compact{--karta-wysokosc:380px;--karta-panel:10px 10px 12px}@media (prefers-reduced-motion:reduce){transition:none;&:hover{transform:none}}}.szewko-karta__kadr-pole{position:relative}.szewko-karta__kadr{position:relative;display:block;aspect-ratio:var(--karta-proporcja);background:color-mix(in srgb,var(--color-parchment) 45%,white);border-bottom:1px solid color-mix(in srgb,var(--color-sand-gold) 28%,transparent);& .szewko-karta__zdjecie{display:block;width:100%;height:100%;object-fit:cover}}.szewko-karta__kadr--wiele{& .szewko-karta__zdjecie{position:absolute;inset:0;opacity:0;transition:opacity var(--duration-mid) var(--ease-desert)}& .szewko-karta__zdjecie--aktywne{opacity:1}@media (prefers-reduced-motion:reduce){& .szewko-karta__zdjecie{transition:none}}}.szewko-karta__karuzela{position:absolute;inset:0 0 auto;aspect-ratio:var(--karta-proporcja);pointer-events:none;&[hidden]{display:none}}.szewko-karta__strzalka{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;transform:translateY(-50%);background:#fff0;border:none;cursor:pointer;pointer-events:auto;& span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding-bottom:2px;box-sizing:border-box;border-radius:50%;background:color-mix(in srgb,var(--color-smoked-tent) 72%,transparent);color:var(--color-parchment);font-size:16px;line-height:1;transition:background var(--duration-fast) var(--ease-desert)}&:hover span,&:focus-visible span{background:var(--color-smoked-tent)}&:focus-visible{outline:none;box-shadow:none;& span{outline:2px solid var(--color-sand-gold);outline-offset:2px;box-shadow:var(--pierscien-ogniskowej)}}@media (prefers-reduced-motion:reduce){& span{transition:none}}}.szewko-karta__strzalka--wstecz{left:0}.szewko-karta__strzalka--dalej{right:0}.szewko-karta__kropki{position:absolute;right:0;bottom:4px;left:0;display:flex;justify-content:center}.szewko-karta__kropka{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#fff0;border:none;cursor:pointer;pointer-events:auto;& span{display:block;width:8px;height:7px;border-radius:4px;background:color-mix(in srgb,var(--color-camel-brown) 45%,transparent);box-shadow:0 0 4px color-mix(in srgb,var(--color-smoked-tent) 30%,transparent);transition:width var(--duration-mid) var(--ease-desert),background var(--duration-mid) var(--ease-desert)}&.szewko-karta__kropka--tu span{width:24px;background:var(--color-sand-gold)}@media (prefers-reduced-motion:reduce){& span{transition:none}}}.szewko-karta--skarb .szewko-karta__kropka span{background:color-mix(in srgb,var(--color-sand-gold) 35%,transparent)}.szewko-karta__zastepnik{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border:1px dashed color-mix(in srgb,var(--color-sand-gold) 75%,transparent);border-radius:var(--radius-sm);color:var(--color-camel-brown)}.szewko-karta__plakietka,.szewko-karta__znacznik{position:absolute;top:10px;right:10px;z-index:5;display:inline-flex;align-items:center;max-width:calc(100% - 20px);padding:5px 8px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.szewko-karta__plakietka{background:var(--color-dark-mahogany);color:var(--color-parchment);&.szewko-karta__plakietka--nowosc{background:var(--color-oasis-green)}&.szewko-karta__plakietka--bestseller{background:var(--color-desert-rust)}&.szewko-karta__plakietka--ostatnie,&.szewko-karta__plakietka--limitowana{background:var(--color-terracotta)}&.szewko-karta__plakietka--wraca{background:var(--color-camel-brown)}&.szewko-karta__plakietka--wyczerpany{background:var(--color-smoked-tent)}&.szewko-karta__plakietka--plik{background:var(--color-dark-mahogany);color:var(--color-bleached-linen)}&.szewko-karta__plakietka--zestaw{border:1px solid var(--color-brass-lantern);background:var(--color-dark-mahogany);color:var(--color-brass-lantern)}&.szewko-karta__plakietka--kwota{flex-wrap:wrap;align-items:baseline;gap:0 6px;@media (max-width:767px){gap:0 4px;white-space:nowrap;& .szewko-karta__plakietka-tekst,& .szewko-karta__plakietka-kropka{display:none}}}}.szewko-karta__plakietka-kwota{font-family:var(--font-cena);font-weight:600;font-size:13px;letter-spacing:0;text-transform:none;white-space:nowrap;& .woocommerce-Price-currencySymbol{font-size:inherit}}.szewko-karta__plakietka-reszta{font-weight:600;letter-spacing:.01em;text-transform:none}.szewko-karta__plakietka{&.szewko-karta__plakietka--archiwalna{background:var(--color-bleached-linen);border:1px solid color-mix(in srgb,var(--color-camel-brown) 45%,transparent);color:var(--color-smoked-tent)}}.szewko-karta__znacznik{border:1px solid var(--color-brass-lantern);background:color-mix(in srgb,var(--color-smoked-tent) 78%,transparent);color:var(--color-brass-lantern);letter-spacing:.12em}.szewko-karta__panel{display:flex;flex:1;flex-direction:column;padding:var(--karta-panel);background:linear-gradient(color-mix(in srgb,var(--color-parchment) 100%,transparent),color-mix(in srgb,var(--color-parchment) 100%,transparent)),url(/wp-content/themes/szewko/assets/img/scenes/pergamin.webp) center / cover}.szewko-karta__nadtytul{margin-bottom:6px;font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-camel-brown);@media (max-width:767px){.tax-product_cat &{display:none}}}.szewko-karta__nazwa{display:flex;margin:0;min-height:63.5px;font-family:var(--font-product);font-weight:700;font-size:15px;line-height:1.3;color:var(--color-dark-mahogany);& a{display:block;flex:1;overflow:hidden;color:inherit;text-decoration:none;& span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}}}.szewko-karta__kreska{display:block;width:60px;height:2px;margin-top:var(--space-sm);background:linear-gradient(to right,var(--color-desert-rust),transparent)}.szewko-karta__rozmiary{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:10px 0 0;padding:0;list-style:none}.szewko-karta__chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 6px;box-sizing:border-box;border:1px solid var(--color-dark-mahogany);border-radius:7px;font-family:var(--font-ui);font-weight:700;font-size:12px;color:var(--color-dark-mahogany);&.szewko-karta__chip--wybor{background:#fff0;cursor:pointer;transition:background-color var(--duration-mid) var(--ease-desert),color var(--duration-mid) var(--ease-desert);&[aria-pressed="true"]{background:var(--color-dark-mahogany);color:var(--color-parchment)}&:focus-visible{outline:2px solid var(--color-desert-rust);outline-offset:2px}}&.szewko-karta__chip--brak{border-color:color-mix(in srgb,var(--color-dark-mahogany) 60%,transparent);color:var(--color-dark-mahogany);text-decoration:line-through}}.szewko-karta__pigulka{display:inline-flex;align-items:center;align-self:flex-start;min-height:26px;margin-top:10px;padding:0 10px;border:1px solid color-mix(in srgb,var(--color-camel-brown) 55%,transparent);border-radius:7px;font-family:var(--font-ui);font-weight:700;font-size:12px;color:var(--color-camel-brown)}.szewko-karta__seria{display:inline-block;align-self:flex-start;margin-top:10px;padding:4px 12px;border:1px solid var(--color-brass-lantern);border-radius:var(--radius-sm);font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brass-lantern)}.szewko-karta__metryka{margin:10px 0 0;font-family:var(--font-ui);font-size:12px;line-height:1.4;color:var(--color-camel-brown)}.szewko-karta__stopka{margin-top:auto;padding-top:12px}.szewko-karta__cena{margin:0 0 10px;font-family:var(--font-cena);font-weight:600;font-size:22px;white-space:nowrap;color:var(--color-desert-rust);& .woocommerce-Price-currencySymbol{font-size:16px}& .szewko-karta__od{font-size:15px;font-weight:400}& del{margin-right:var(--space-sm);font-family:var(--font-ui);font-size:14px;font-weight:400;color:var(--color-camel-brown)}& ins{text-decoration:none;background:none;color:inherit}}.products:has(.szewko-cena-promocja) .szewko-karta__cena:not(:has(.szewko-cena-promocja)){padding-bottom:calc(13px * 1.35 + 4px);@media (max-width:767px){padding-bottom:calc(24px + 13px * 1.35 * 2 + 8px)}}.szewko-karta__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;box-sizing:border-box;padding:0 10px;line-height:1.3;border:none;border-radius:var(--radius-sm);background:var(--color-dark-mahogany);color:var(--color-parchment);cursor:pointer;font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.07em;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-desert),box-shadow var(--duration-fast) var(--ease-desert);@media (max-width:767px){padding:0 6px;letter-spacing:.02em}&:focus-visible{transform:scale(1.02);box-shadow:0 6px 18px color-mix(in srgb,var(--color-smoked-tent) 35%,transparent);color:var(--color-parchment)}@media (hover:hover){&:hover{transform:scale(1.02);box-shadow:0 6px 18px color-mix(in srgb,var(--color-smoked-tent) 35%,transparent);color:var(--color-parchment)}}&:focus-visible{box-shadow:var(--pierscien-ogniskowej),0 6px 18px color-mix(in srgb,var(--color-smoked-tent) 35%,transparent)}&.szewko-karta__cta--wariacyjny{border:2px solid var(--color-dark-mahogany);background:#fff0;color:var(--color-dark-mahogany);&:hover,&:focus-visible{background:color-mix(in srgb,var(--color-dark-mahogany) 8%,transparent);color:var(--color-dark-mahogany)}}@media (prefers-reduced-motion:reduce){transition:none;&:hover,&:focus-visible{transform:none}}}.szewko-karta__przypis{margin:6px 0 0;font-family:var(--font-body);font-size:14px;line-height:1.35;text-align:center;text-wrap:balance;color:var(--color-camel-brown)}.szewko-karta__etykieta{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;box-sizing:border-box;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-camel-brown) 20%,transparent);color:color-mix(in srgb,var(--color-dark-mahogany) 85%,transparent);cursor:not-allowed;font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.07em;text-align:center;text-transform:uppercase}.szewko-karta--niedostepna{& .szewko-karta__zdjecie{filter:grayscale(35%) opacity(.55)}}.szewko-karta--skarb{border-color:var(--color-brass-lantern);background:var(--color-smoked-tent);box-shadow:0 12px 48px color-mix(in srgb,var(--color-smoked-tent) 40%,transparent);&:hover{box-shadow:0 16px 64px color-mix(in srgb,var(--color-smoked-tent) 55%,transparent)}& .szewko-karta__kadr{background:color-mix(in srgb,var(--color-parchment) 6%,transparent);border-bottom-color:color-mix(in srgb,var(--color-brass-lantern) 35%,transparent)}& .szewko-karta__zastepnik{border-color:color-mix(in srgb,var(--color-brass-lantern) 75%,transparent);color:var(--color-brass-lantern)}& .szewko-karta__panel{background:none}& .szewko-karta__nadtytul{color:var(--color-brass-lantern)}& .szewko-karta__nazwa{color:var(--color-parchment)}& .szewko-karta__kreska{background:linear-gradient(to right,var(--color-brass-lantern),transparent)}& .szewko-karta__cena{color:var(--color-sand-gold)}& .szewko-karta__cena del{color:color-mix(in srgb,var(--color-bleached-linen) 70%,transparent)}& .szewko-karta__metryka{color:color-mix(in srgb,var(--color-parchment) 78%,transparent)}& .szewko-karta__cta{background:linear-gradient(135deg,var(--color-sand-gold),var(--color-desert-rust));box-shadow:0 4px 16px color-mix(in srgb,var(--color-sand-gold) 30%,transparent);&:hover,&:focus-visible{box-shadow:0 8px 24px color-mix(in srgb,var(--color-sand-gold) 45%,transparent)}&:focus-visible{box-shadow:var(--pierscien-ogniskowej),0 8px 24px color-mix(in srgb,var(--color-sand-gold) 45%,transparent)}}& .szewko-karta__etykieta{background:color-mix(in srgb,var(--color-parchment) 12%,transparent);color:color-mix(in srgb,var(--color-parchment) 85%,transparent)}}