:root{--szewko-pasek-wysokosc:72px;--szewko-pasek-hero:116px;@media (min-width:1280px){--szewko-pasek-wysokosc:90px;--szewko-pasek-hero:140px}}.szewko-navbar{position:fixed;top:var(--szewko-navbar-offset,0);right:0;left:0;z-index:350;height:var(--szewko-pasek-hero);background:#fff0;transition:height var(--duration-mid) var(--ease-desert),background-color var(--duration-mid) var(--ease-desert),box-shadow var(--duration-mid) var(--ease-desert);&.szewko-navbar--pelna,&.szewko-navbar--przewiniety{height:var(--szewko-pasek-wysokosc);background:color-mix(in srgb,var(--color-smoked-tent) 95%,transparent);backdrop-filter:blur(8px);box-shadow:var(--shadow-nav)}& .szewko-navbar__pas{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-lg);@media (min-width:768px){padding:0 48px}@media (min-width:1280px){padding:0 80px}}& .szewko-navbar__lewo,& .szewko-navbar__prawo{display:none;align-items:center;gap:var(--space-xl);transition:gap var(--duration-mid) var(--ease-desert);@media (min-width:1280px){display:flex}}& .szewko-navbar__prawo{justify-content:flex-end}&.szewko-navbar--pelna,&.szewko-navbar--przewiniety{& .szewko-navbar__lewo,& .szewko-navbar__prawo{gap:32px}}& .szewko-navbar__link{position:relative;display:inline-flex;align-items:center;padding-block:8px;margin-block:-8px;font-family:var(--font-ui);font-weight:600;font-size:.9375rem;letter-spacing:.04em;color:var(--color-parchment);text-decoration:none;transition:color var(--duration-mid) var(--ease-desert);&:hover{color:var(--color-sand-gold)}& .szewko-navbar__podkreslenie{position:absolute;bottom:8px;left:0;width:0;height:2px;background:var(--color-sand-gold);transition:width var(--duration-mid)}&:hover .szewko-navbar__podkreslenie,&:focus-visible .szewko-navbar__podkreslenie{width:100%}}&:not(.szewko-navbar--pelna):not(.szewko-navbar--przewiniety){& .szewko-navbar__link,& .szewko-ikona{filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--color-smoked-tent) 60%,transparent))}& .szewko-navbar__link--sklep,& .szewko-navbar__link--sklep .szewko-ikona{filter:none}& .szewko-navbar__link--sklep:not(:focus-visible){box-shadow:0 2px 8px color-mix(in srgb,var(--color-smoked-tent) 50%,transparent)}}& .szewko-navbar__link--sklep{gap:6px;height:36px;box-sizing:border-box;padding:0 12px 0 16px;margin-block:0;border-radius:var(--radius-sm);background:var(--color-desert-rust);font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background-color var(--duration-mid) var(--ease-desert);&:hover,&[aria-expanded="true"]{color:var(--color-parchment);background:color-mix(in srgb,var(--color-desert-rust) 82%,var(--color-sand-gold))}& .szewko-navbar__sklep-strzalka{flex-shrink:0;transition:transform var(--duration-mid) var(--ease-desert)}&[aria-expanded="true"] .szewko-navbar__sklep-strzalka{transform:rotate(180deg)}}& .szewko-navbar__logo{display:none;align-items:center;justify-content:center;transition:filter var(--duration-mid) var(--ease-desert);@media (min-width:1280px){display:flex}& img{width:104px;height:104px;object-fit:contain;transition:width var(--duration-mid) var(--ease-desert),height var(--duration-mid) var(--ease-desert)}}&.szewko-navbar--pelna,&.szewko-navbar--przewiniety{& .szewko-navbar__logo{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--color-sand-gold) 40%,transparent));& img{width:70px;height:70px}}}& .szewko-navbar__ikony{display:flex;align-items:center;gap:var(--space-sm);& .szewko-skrzynia{padding:6px}& .szewko-skrzynia__rysunek{width:32px;height:32px}}& .szewko-navbar__chip{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-sand-gold) 8%,transparent);color:var(--color-sand-gold);transition:background-color 200ms var(--ease-desert);&:hover{background:color-mix(in srgb,var(--color-sand-gold) 15%,transparent)}& .szewko-navbar__chip-srodek{display:flex;align-items:center;justify-content:center;width:28px;height:28px}}& .szewko-navbar__sklep{position:static;display:flex;align-items:center;padding-block:80px;padding-inline:24px;margin-block:-80px;margin-inline:-24px}&.szewko-navbar--pelna .szewko-navbar__sklep,&.szewko-navbar--przewiniety .szewko-navbar__sklep{padding-block:40px;margin-block:-40px}& .szewko-navbar__mega{position:absolute;top:100%;left:max(80px, calc(50% - 720px + 80px));z-index:50;width:360px;padding:var(--space-md);border-top:2px solid var(--color-sand-gold);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-dark-mahogany);box-shadow:var(--shadow-nav);&[hidden]{display:none}}& .szewko-navbar__kafel{display:flex;gap:var(--space-md);align-items:center;padding:12px;border-radius:var(--radius-md);text-decoration:none;transition:background-color 200ms var(--ease-desert);opacity:0;animation:szewko-wsuw var(--szewko-opoznienie,200ms) ease-out forwards;&:hover{background:color-mix(in srgb,var(--color-sand-gold) 8%,transparent)}& .szewko-navbar__kafel-ikona{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-sand-gold) 8%,transparent);color:var(--color-sand-gold);transition:background-color 200ms var(--ease-desert),color 200ms var(--ease-desert)}&:hover .szewko-navbar__kafel-ikona{background:color-mix(in srgb,var(--color-sand-gold) 15%,transparent);color:var(--color-brass-lantern)}& .szewko-navbar__kafel-tresc{flex:1}& .szewko-navbar__kafel-nazwa{display:block;font-family:var(--font-ui);font-weight:700;font-size:1rem;color:var(--color-parchment)}& .szewko-navbar__kafel-opis{display:block;margin-top:2px;font-family:var(--font-body);font-size:.75rem;font-style:italic;color:var(--color-sand-gold)}& .szewko-navbar__kafel-strzalka{color:var(--color-sand-gold);opacity:0;transition:opacity 200ms var(--ease-desert)}&:hover .szewko-navbar__kafel-strzalka{opacity:1}}& .szewko-navbar__mega-stopka{margin-top:var(--space-sm);padding-top:12px;border-top:1px solid var(--color-sand-gold);& a{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-ui);font-size:.75rem;color:var(--color-sand-gold);text-decoration:none;&:hover{color:var(--color-brass-lantern)}}}& .szewko-navbar__mobile{display:grid;grid-column:1 / -1;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;@media (min-width:1280px){display:none}& .szewko-navbar__mobile-lewo{display:flex;justify-content:flex-start}& .szewko-navbar__mobile-prawo{display:flex;justify-content:flex-end}& .szewko-navbar__mobile-logo{display:flex;justify-content:center;& img{width:80px;height:80px;object-fit:contain;transition:width var(--duration-mid) var(--ease-desert),height var(--duration-mid) var(--ease-desert)}}}&.szewko-navbar--pelna,&.szewko-navbar--przewiniety{& .szewko-navbar__mobile-logo img{width:56px;height:56px}}& .szewko-navbar__hamburger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:calc(-1 * var(--space-sm));padding:0;border:0;background:none;cursor:pointer;& .szewko-navbar__hamburger-belki{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;& span{width:100%;height:2px;background:var(--color-sand-gold);transition:transform 200ms var(--ease-desert),opacity 200ms var(--ease-desert)}}&[aria-expanded='true'] .szewko-navbar__hamburger-belki{& span:nth-child(1){transform:rotate(45deg) translateY(8px)}& span:nth-child(2){opacity:0}& span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}}}}.szewko-navbar__rozporka{height:var(--szewko-pasek-wysokosc)}.admin-bar .szewko-navbar{top:calc(var(--szewko-navbar-offset, 0px) + 32px)}@media screen and (max-width:782px){.admin-bar .szewko-navbar{top:calc(var(--szewko-navbar-offset, 0px) + 46px)}}@media screen and (max-width:600px){.admin-bar .szewko-navbar{top:calc(var(--szewko-navbar-offset, 0px) + var(--szewko-adminbar-offset, 46px))}}.szewko-js [data-szewko-pasek]~.szewko-navbar:not([style*="--szewko-navbar-offset"]){position:absolute;top:auto}.admin-bar .szewko-nakladka{top:32px;@media screen and (max-width:782px){top:46px}@media screen and (max-width:600px){top:var(--szewko-adminbar-offset,46px)}}.szewko-skrzynia{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--space-sm);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-sand-gold) 8%,transparent);transition:background-color 200ms var(--ease-desert);&:hover{background:color-mix(in srgb,var(--color-sand-gold) 15%,transparent)}& .szewko-skrzynia__rysunek{position:relative;display:block;width:36px;height:36px;& img{width:100%;height:100%;object-fit:contain}}& .szewko-skrzynia__plakietka{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-desert-rust);color:var(--color-parchment);font-family:var(--font-ui);font-weight:700;font-size:12px;line-height:1;animation:szewko-plakietka 200ms var(--ease-desert) forwards}}.szewko-nakladka{position:fixed;inset:0;z-index:360;--szewko-nakladka-rzad:77px;padding:var(--space-lg) var(--space-lg) calc(var(--szewko-nakladka-rzad) + 48px + env(safe-area-inset-bottom, 0px));overflow-y:auto;background:var(--color-smoked-tent);&[hidden]{display:none}@media (min-width:1280px){display:none}& .szewko-nakladka__glowa{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);& img{width:48px;height:48px;object-fit:contain}}& .szewko-nakladka__zamknij{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-sand-gold);border-radius:var(--radius-md);background:none;cursor:pointer;& span{position:relative;display:block;width:16px;height:16px;&::before,&::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--color-sand-gold)}&::before{transform:rotate(45deg)}&::after{transform:rotate(-45deg)}}}& .szewko-nakladka__menu{display:flex;flex-direction:column}& .szewko-nakladka__kreska{width:100%;height:1px;background:var(--color-sand-gold);opacity:.2}& .szewko-nakladka__kafel{display:flex;gap:var(--space-md);align-items:center;padding:12px 0;text-decoration:none}& .szewko-nakladka__kafel-ikona{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-sand-gold) 8%,transparent);color:var(--color-sand-gold)}& .szewko-nakladka__kafel-tresc{flex:1}& .szewko-nakladka__kafel-nazwa{display:block;font-family:var(--font-ui);font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-parchment)}& .szewko-nakladka__kafel-opis{display:block;margin-top:2px;font-family:var(--font-body);font-size:.75rem;font-style:italic;color:var(--color-sand-gold)}& .szewko-nakladka__wszystko{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-sand-gold) 20%,transparent);& a{display:flex;gap:var(--space-sm);align-items:center;min-height:44px;font-family:var(--font-ui);font-size:.875rem;color:var(--color-sand-gold);text-decoration:none}}& .szewko-nakladka__reszta{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-sand-gold) 30%,transparent);& a{padding:12px 0;font-family:var(--font-ui);font-size:.875rem;color:var(--color-parchment);text-decoration:none}}& .szewko-nakladka__dol{position:fixed;right:0;bottom:0;left:0;z-index:1;&::before{content:'';position:absolute;right:0;bottom:100%;left:0;height:48px;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-smoked-tent) 0%,transparent),var(--color-smoked-tent) 85%);pointer-events:none}}& .szewko-nakladka__wiecej{position:absolute;bottom:100%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;height:44px;padding:0 var(--space-sm);border:0;background:none;cursor:pointer;transform:translateX(-50%);&[hidden]{display:none}&>span{display:flex;gap:6px;align-items:center;height:32px;padding:0 14px 0 var(--space-md);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-sand-gold) 45%,transparent);border-radius:var(--radius-full);background:var(--color-smoked-tent);font-family:var(--font-ui);font-size:.875rem;color:var(--color-sand-gold);white-space:nowrap}}& .szewko-nakladka__dol-rzad{display:flex;gap:12px;align-items:center;padding:12px var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom, 0px));border-top:1px solid color-mix(in srgb,var(--color-sand-gold) 30%,transparent);background:var(--color-smoked-tent)}& .szewko-nakladka__klub{display:flex;flex:1;gap:var(--space-sm);align-items:center;justify-content:center;min-width:0;height:48px;box-sizing:border-box;padding:0 12px;border:1px solid var(--color-desert-rust);border-radius:var(--radius-md);background:var(--color-desert-rust);font-family:var(--font-ui);font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-parchment);text-decoration:none;white-space:nowrap;transition:background-color 200ms var(--ease-desert);&:hover{background:color-mix(in srgb,var(--color-desert-rust) 85%,var(--color-sand-gold))}& img{flex-shrink:0;width:30px;height:30px;object-fit:contain}}& .szewko-nakladka__konto{display:flex;flex-shrink:0;gap:12px;align-items:center;justify-content:center;width:48px;height:48px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-sand-gold) 30%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-sand-gold) 8%,transparent);color:var(--color-sand-gold);text-decoration:none;& .szewko-nakladka__konto-napis{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}&.szewko-nakladka__konto--pelne{flex:1;width:auto;& .szewko-nakladka__konto-napis{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-family:var(--font-ui);font-size:.875rem;color:var(--color-parchment)}}}}@keyframes szewko-wsuw{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes szewko-plakietka{from{transform:scale(0)}to{transform:scale(1)}}