/* ==========================================================================
   webGlobe — skórka child theme dla Hummingbird (PrestaShop 9.1)
   Ładowany automatycznie przez rdzeń PS z priorytetem 1000 (po theme.css
   rodzica), więc wygrywa kaskadą bez tam, gdzie to możliwe.
   Zasada: minimalizm — czerń/biel, czerwony akcent, radius 0, dużo światła.
   ========================================================================== */

/* Nunito — lokalna czcionka menu i linku logowania, mobile i desktop. */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('../fonts/nunito/Nunito-variable.ttf') format('truetype');
}

a.ps-mainmenu__tree-link,
a.account.webglobe-customer-login__trigger {
  font-family: 'Nunito', sans-serif;
  font-weight: 500;
}

:root,
[data-bs-theme="light"] {
  --webglobe-accent: #f04b4b;
  --webglobe-ink: #1b1b1b;
  --webglobe-muted: #8a8a8a;
  --webglobe-surface: #f6f6f6;         /* tło sekcji / zdjęć produktów */

  --bs-primary: var(--webglobe-ink);
  --bs-primary-rgb: 27, 27, 27;
  --bs-danger: var(--webglobe-accent);
  --bs-danger-rgb: 240, 75, 75;

  --bs-body-color: var(--webglobe-ink);
  --bs-heading-color: var(--webglobe-ink);
  --bs-link-color: var(--webglobe-ink);
  --bs-link-color-rgb: 27, 27, 27;
  --bs-link-hover-color: var(--webglobe-accent);
  --bs-link-hover-color-rgb: 240, 75, 75;

  /* Zero zaokrągleń w całym sklepie */
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-xxl: 0;

  --bs-focus-ring-color: rgba(240, 75, 75, 0.25);
  --bs-box-shadow: none;
  --bs-box-shadow-md: none;
}
.columns-container.container {
    max-width: 90%;
}
li.is-in-view {
    padding: 20px;
}
h1, h2, h3, .h1, .h2, .h3 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.section-title {
  text-align: center;
  font-size: 1.4rem;
}
form#guestOrderTrackingForm,
form.forgotten-password,
a#back-to-login {
    margin: 50px 10px 60px 10px;
}
/* --------------------------------------------------------------------------
   3. Przyciski i linki — kwadratowe, uppercase, drobny letter-spacing.
   -------------------------------------------------------------------------- */
.btn {
  border-radius: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
}
a.product-miniature__title {
    text-align: left;
}
.btn-primary {
  --bs-btn-bg: rgb(255, 123, 0);
  --bs-btn-border-color: rgb(255, 153, 0);
  --bs-btn-hover-bg: rgb(255, 94, 0);
  --bs-btn-hover-border-color: rgb(255, 196, 0);
  --bs-btn-active-bg: rgb(255, 123, 0);
  --bs-btn-active-border-color: rgb(255, 94, 0);
}

.btn-outline-primary {
  --bs-btn-color: var(--webglobe-ink);
  --bs-btn-border-color: var(--webglobe-ink);
  --bs-btn-hover-bg: var(--webglobe-ink);
  --bs-btn-hover-border-color: var(--webglobe-ink);
}

/* Link-CTA w stylu "—— SHOPPING NOW" (do użycia w banerach / opisach slajdów) */
.webglobe-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--webglobe-ink);
  text-decoration: none;
}
.webglobe-cta::before {
  content: "";
  width: 2.25rem;
  height: 1px;
  background: currentColor;
  transition: width 0.2s ease-in-out;
}
.webglobe-cta:hover { color: var(--webglobe-accent); }
.webglobe-cta:hover::before { width: 3.25rem; }

/* --------------------------------------------------------------------------
   4. Header — lekki, bez cieni; górna belka wyciszona, menu uppercase.
   -------------------------------------------------------------------------- */
.header {
  border-bottom: 0;
  box-shadow: none;
}

/* Górna belka (Kontakt / język / logowanie / koszyk) */
.header-top {
  position: relative;
  z-index: 1200;
  overflow: visible;
  font-size: 0.75rem;
  border-bottom: 1px solid #ececec;
}
.header-top .form-select {
  border: 0;
  font-size: 0.75rem;
  background-color: transparent;
}

/* Główna belka z logo i menu — więcej światła */
.header-bottom {
  position: relative;
  z-index: 1100;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Linki menu głównego (ps_mainmenu) */
.menu__link,
.header .menu a {
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--webglobe-ink);
}

:focus,
:focus-visible {
  outline: 0;
}
.menu__link:hover,
.header .menu a:hover { color: var(--webglobe-accent); }

/* Wyszukiwarka — minimalistyczna, sama linia zamiast ramki */
.ps-searchbar__input {
  border: 0;
  border-bottom: 1px solid var(--webglobe-ink);
  border-radius: 0;
  background: transparent;
  font-size: 0.8rem;
}
.ps-searchbar__input:focus {
  box-shadow: none;
  border-bottom-color: var(--webglobe-accent);
}

/* Panel logowania wysuwany spod górnego menu. */
@media (min-width: 992px) {
  .webglobe-customer-login,
  .header-top .user-info { position: relative; z-index: 1100; }
    .webglobe-customer-login__panel {
        position: absolute;
        z-index: 9999;
        top: calc(100% + 0.75rem);
        right: 0;
        width: min(22rem, calc(100vw - 2rem));
        padding: 1.5rem;
        color: var(--webglobe-ink);
        /* -webkit-backdrop-filter: blur(8px) saturate(150%);
        backdrop-filter: blur(8px) saturate(150%); */
        text-align: left;
        background: rgb(255, 255, 255);
        border: 1px solid #100f0fbd;
        box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.12);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-0.5rem);
        pointer-events: none;
        transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
    }
    
  .webglobe-customer-login__panel::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 100%;
    height: 0.8rem;
  }
  .webglobe-customer-login.is-open .webglobe-customer-login__panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
  }
  .webglobe-customer-login__title { display: block; margin-bottom: 1.25rem; font-size: 1.1rem; }
  .webglobe-customer-login__panel label:not(.form-check-label) { display: block; margin: 0 0 0.35rem; font-size: 0.75rem; font-weight: 600; }
  .webglobe-customer-login__panel .form-control { min-height: 2.75rem; margin-bottom: 1rem; border-color: #d8d8d8; }
  .webglobe-customer-login__submit { width: 100%; margin-top: 0.25rem; }
  .webglobe-customer-login__panel a {
    transition: .2s;
  }
  /* :not(.wgsl__button) — przyciski logowania społecznościowego mają własny
     wygląd i nie mogą dostać podkreślenia spod tej ogólnej reguły. */
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):hover,
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):focus {
    border-bottom: 5px solid;
    padding-bottom: 3px;
    color: inherit;
  }
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):nth-of-type(1):hover { border-bottom-color: #39b54a; }
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):nth-of-type(2):hover { border-bottom-color: #ff9100; }
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):nth-of-type(3):hover { border-bottom-color: #e53935; }
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):nth-of-type(4):hover { border-bottom-color: #2196f3; }
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):nth-of-type(5):hover { border-bottom-color: #9c27b0; }
  .webglobe-customer-login.is-open .webglobe-customer-login__panel a:not(.wgsl__button):nth-of-type(6):hover { border-bottom-color: #9e9e9e; }
  .webglobe-customer-login__links {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #ececec;
    font-size: 0.72rem;
  }
  .webglobe-customer-login__panel--account {
    width: min(23rem, calc(100vw - 2rem));
    max-height: min(38rem, calc(100vh - 5rem));
    overflow-y: auto;
  }

  .webglobe-customer-login__panel--account > a,
  .webglobe-customer-login__hook-links a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.65rem 0;
    color: var(--webglobe-ink);
    text-decoration: none;
    border-bottom: 1px solid #ececec;
    font-size: 0.78rem;
    font-weight: 500;
  }
  .webglobe-customer-login__panel--account > a:hover,
  .webglobe-customer-login__hook-links a:hover { color: var(--webglobe-accent); }
  /* Pozycje z hooka są w osobnym kontenerze, więc nie łapią kolorów z
     nth-of-type — kolor podkreślenia ustawiamy im wprost. */
  .webglobe-customer-login.is-open .webglobe-customer-login__panel #wgsociallogin_link:hover,
  .webglobe-customer-login.is-open .webglobe-customer-login__panel #wgsociallogin_link:focus {
    border-bottom-color: #00897b;
    color: #00897b;
  }
  .webglobe-customer-login__panel--account .material-icons {
    flex: 0 0 1.5rem;
    font-size: 1.25rem;
    text-align: center;
  }
  .webglobe-customer-login__hook-links .row,
  .webglobe-customer-login__hook-links [class*="col-"] {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .webglobe-customer-login__hook-links .link-item { display: contents; }
  #webglobe-account-panel .webglobe-customer-login__logout {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: calc(100% + 3rem);
    margin: calc(0.5rem - 5px) -1.5rem -1.5rem;
    padding-top: calc(0.65rem + 5px);
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    border-bottom: 0;
    isolation: isolate;
  }
  #webglobe-account-panel .webglobe-customer-login__logout::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #e53935;
    content: "";
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.25s ease;
  }
  #webglobe-account-panel .webglobe-customer-login__logout:hover,
  #webglobe-account-panel .webglobe-customer-login__logout:focus-visible {
    padding-bottom: 0.65rem;
    color: #fff;
  }
  #webglobe-account-panel .webglobe-customer-login__logout:hover::before,
  #webglobe-account-panel .webglobe-customer-login__logout:focus-visible::before {
    transform: scaleY(1);
  }
}
@media (max-width: 991.98px) {
  .webglobe-customer-login__panel { display: none; }
  button#sort_dropdown_button {
    margin-left: -13px;
    padding-right: 17px;
}
}


/* --------------------------------------------------------------------------
   5. Slider (ps_imageslider) — hero àla webGlobe: tekst z lewej, bez szarego
      boksu, drobne kropki nawigacji, dyskretne strzałki.
      Uwaga: tekst jest ciemny — slajdy powinny być jasne/pastelowe.
   -------------------------------------------------------------------------- */
.ps-imageslider__figcaption.carousel-caption {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: left;
  left: 6vw;
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  max-width: 34rem;
  padding: 0;
  color: var(--webglobe-ink);
}
.ps-imageslider__figcaption h2 {
  text-transform: none;
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  font-weight: 600;
  line-height: 1.12;
  margin-bottom: 1rem;
  color: inherit;
}

/* Eyebrow nad tytułem — treść z pola "opis" slajdu (BO), np. <p>Nowa kolekcja</p> */
.ps-imageslider__eyebrow {
  color: var(--webglobe-accent);
  font-size: 1.05rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.ps-imageslider__eyebrow p { margin: 0; }
.ps-imageslider__eyebrow h2,
.ps-imageslider__eyebrow h3 {
  font-size: inherit;
  font-weight: 500;
  color: inherit;
  margin: 0;
  text-transform: none;
}

/* CTA "—— KUP TERAZ" pod tytułem */
.ps-imageslider__figcaption .webglobe-cta { margin-top: 0.75rem; }

/* Link-nakładka na zdjęciu — wchodzi tam, gdzie przycisk CTA ma własny link
   i całego slajdu nie da się już opakować w <a>. */
.ps-imageslider__overlay { position: absolute; z-index: 1; inset: 0; display: block; }
.ps-imageslider__figcaption.carousel-caption { z-index: 3; }
.ps-imageslider__figcaption .webglobe-cta { position: relative; z-index: 4; }

/* Kropki nawigacji */
.ps-imageslider .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  background-color: var(--webglobe-ink);
  opacity: 0.3;
}
.ps-imageslider .carousel-indicators .active { opacity: 1; }

/* Strzałki — małe kwadraty */
.ps-imageslider .carousel-control-prev,
.ps-imageslider .carousel-control-next {
  width: 2.75rem;
  height: 2.75rem;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0;
  opacity: 1;
}
.ps-imageslider .carousel-control-prev { left: 1rem; }
.ps-imageslider .carousel-control-next { right: 1rem; }
.ps-imageslider .carousel-control-prev-icon,
.ps-imageslider .carousel-control-next-icon {
  filter: invert(1) grayscale(100%);
  width: 1.1rem;
  height: 1.1rem;
}

/* --------------------------------------------------------------------------
   6. Karta produktu — czysto: zdjęcie, nazwa, cena. Ilość znika zupełnie,
      przycisk "do koszyka" pokazuje się po najechaniu (na dotyku zawsze).
   -------------------------------------------------------------------------- */
.product-miniature {
  border: 0;
}
.product-miniature__inner {
  border: 0;
  box-shadow: none;
}
/* Zdjęcie wypełnia cały kafel (rodzic renderuje je w naturalnym rozmiarze
   ~261px przez atrybut width — stąd width:100%). Kwadrat jak w webGlobe. */
.product-miniature__top img {
  background: var(--webglobe-surface);
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.product-miniature__image-container,
.product-miniature__image-link {
  display: block;
  width: 100%;
}
.product-miniature__infos {
  text-align: center;
}
/* Keep the absolute screen-reader label inside its card's scroll container. */
.product-miniature .product-list-comments-number {
  position: relative;
}
.product-miniature__title {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--webglobe-ink);
  text-decoration: none;
}
.product-miniature__title:hover { color: var(--webglobe-accent); }
.product-miniature__variants { justify-content: center; }
.product-miniature__prices {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: .5rem;
  font-size: 1.1rem;
}
.product-miniature__price,
.product-miniature__discount-price {
  color: var(--webglobe-ink);
  font-weight: 900;
}
.product-miniature__regular-price {
  color: var(--webglobe-muted);
  text-decoration: line-through;
  font-weight: 400;
}


.product-miniature__actions {
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.product-miniature:hover .product-miniature__actions,
.product-miniature:focus-within .product-miniature__actions {
  opacity: 1;
}
@media (hover: none) {
  .product-miniature__actions { opacity: 1; }
}

/* Badge promocji ("-20%", "Nowy") */
.product-flags .product-flag,
.product-flag {
  border-radius: 0;
  text-transform: uppercase;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
}
.product-flag.discount,
.product-flag.on-sale {
  background: var(--webglobe-accent);
  color: #fff;
  border: 0;
}

/* Przyciski "Wszystkie polecane" itd. pod sekcjami */
.module-products__buttons {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  margin-bottom: 50px;
}
.product-line__content-right {
      align-items: center;
}
/* --------------------------------------------------------------------------
   7. Sekcje strony głównej — rytm i wyśrodkowanie.
   -------------------------------------------------------------------------- */
#index #wrapper section { margin-bottom: 4.5rem; }
#index .ps-imageslider { margin-bottom: 4.5rem; }

/* Sekcje produktowe i baner na stronie głównej wychodzą poza standardowy
   kontener Bootstrapa (max 1320px) — duże kafle jak w webGlobe. */
@media (min-width: 1200px) {
  #index .module-products.container,
  #index .ps-banner .container {
    max-width: min(1680px, 94vw);
  }
}

/* Odstępy siatki — ciaśniej w poziomie, więcej powietrza pod kartą */
#index .products {
  gap: 2.25rem 1.5rem;
}

/* Blok tekstowy (ps_customtext) — renderowany przez child jako pełno-
   szerokościowy pasek promo (.webglobe-promo): <p>eyebrow</p> + <h2>hasło</h2> */
.ps-customtext.webglobe-promo h2 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 600;
  margin: 0;
}
.ps-customtext.webglobe-promo p {
  color: var(--webglobe-accent);
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.ps-customtext.webglobe-promo p:not(:first-child) {
  color: var(--webglobe-muted);
  font-size: 0.9rem;
  margin: 1rem 0 0;
}

/* --------------------------------------------------------------------------
   8. Strona produktu / listing — drobne korekty pod minimalizm.
   -------------------------------------------------------------------------- */
.product-price,
.current-price { color: var(--webglobe-ink); }
.regular-price { color: var(--webglobe-muted); }

.breadcrumb {
  --bs-breadcrumb-divider-color: #fff;
  --bs-breadcrumb-item-active-color: #fff;
  color: #fff;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.breadcrumb__wrapper {
 background: #FF8600;
  background: linear-gradient(90deg,rgba(255, 134, 0, 1) 0%, rgba(253, 199, 3, 1) 100%);
}
  li.breadcrumb-item a {
    transition: .2s;
}
li.breadcrumb-item a:hover {
    border-bottom: 5px solid;
    padding-bottom: 3px;
}
li.breadcrumb-item:nth-child(1) a:hover { border-bottom-color: #39b54a; }
li.breadcrumb-item:nth-child(2) a:hover { border-bottom-color: #ff9100; }
li.breadcrumb-item:nth-child(3) a:hover { border-bottom-color: #e53935; }
li.breadcrumb-item:nth-child(4) a:hover { border-bottom-color: #2196f3; }
li.breadcrumb-item:nth-child(5) a:hover { border-bottom-color: #9c27b0; }
li.breadcrumb-item:nth-child(6) a:hover { border-bottom-color: #9e9e9e; }
.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb-item.active {
  color: #fff;
}

/* --------------------------------------------------------------------------
   9. Klasy pomocnicze do bloków HTML na stronie głównej (hook displayHome),
      bez dodatkowego JS.
   -------------------------------------------------------------------------- */

/* Pełnoszerokościowy hero z tekstem po lewej (alternatywa dla slidera) */
.webglobe-hero {
  position: relative;
  background: var(--webglobe-surface) center/cover no-repeat;
  min-height: min(72vh, 46rem);
  display: flex;
  align-items: center;
}
.webglobe-hero__inner { padding: 0 6vw; max-width: 40rem; }
.webglobe-hero__eyebrow {
  color: var(--webglobe-accent);
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}
.webglobe-hero__title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: 2rem;
}

/* Siatka dwóch banerów-kafli pod hero */
.webglobe-tiles {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .webglobe-tiles { grid-template-columns: 1fr 1fr; }
}
.webglobe-tiles__item {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--webglobe-surface);
}
.webglobe-tiles__item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}
.webglobe-tiles__item:hover img { transform: scale(1.03); }

/* Pasek promocyjny "Up to 40% off" */
.webglobe-promo {
  background: var(--webglobe-surface);
  text-align: center;
  padding: 5rem 1.5rem;
}
.webglobe-promo__eyebrow { color: var(--webglobe-accent); margin-bottom: 0.5rem; }
.webglobe-promo__title { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 600; }

/* --------------------------------------------------------------------------
   10. Stopka — jasna, wyciszona.
   -------------------------------------------------------------------------- */
/* Sticky footer: footer closes the viewport on short pages without covering content. */
html {
  min-height: 100%;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
body > #wrapper {
  width: 100%;
  flex: 1 0 auto;
}
body > #footer {
  flex: 0 0 auto;
  margin-top: auto;
}

#footer.footer,
#footer .footer {
  border-top: 0;
  background: #000000;
  color: #fff;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer .h1,
#footer .h2,
#footer .h3,
#footer .h4,
#footer .h5,
#footer .h6,
#footer .footer__title,
#footer .footer__block-title {
  color: #fff;
}
#footer a,
#footer .material-icons,
#footer .text-primary {
  color: #fff;
}
#footer a:hover,
#footer a:focus-visible {
  color: #ff940b;
}
#footer p,
#footer li,
#footer .text-muted,
#footer .footer__copyright {
  color: rgba(255, 255, 255, .78);
}
/* Modal dodawania produktu do listy życzeń jest renderowany wewnątrz stopki. */
#footer .wishlist-modal .modal-content {
  background: #fff;
  max-width: 94vw;
  color: var(--webglobe-ink);
  border-radius: 30px;
  border: 3px solid #ffc306;
  box-shadow: #fc8d00bd 7px 6px;
  color: var(--webglobe-ink);
}
#footer .wishlist-modal .modal-title,
#footer .wishlist-modal .modal-text,
#footer .wishlist-modal .modal-body,
#footer .wishlist-modal .modal-body p,
#footer .wishlist-modal .modal-body label,
#footer .wishlist-modal .wishlist-list-item,
#footer .wishlist-modal .wishlist-list-item p {
  color: var(--webglobe-ink);
}
#footer .wishlist-modal .wishlist-list-item:hover {
  background: var(--webglobe-surface);
}

#footer svg { fill: currentColor; }
#footer textarea,
#footer select,
#footer .form-control {
  border-color: rgba(255, 255, 255, .35);
  background: #fff;
  color: var(--webglobe-ink);
}
#footer input::placeholder,
#footer textarea::placeholder {
  color: #6f6f6f;
  opacity: 1;
}
#footer .btn-primary {
  border-color: #fff;
  background: #fff;
  color: var(--webglobe-ink);
}
#footer .btn-primary:hover,
#footer .btn-primary:focus-visible {
  border-color: var(--webglobe-accent);
  background: var(--webglobe-accent);
  color: #fff;
}
.page:not(body) {
  padding-bottom: 0px!important;
}
/* Spójne tło i czytelny tekst modułów renderowanych w displayFooterBefore. */
#footer .footer__before,
#footer .ps-emailsubscription,
#footer .ps-emailsubscription.bg-body-tertiary {
  background: #151515;
}
#footer .ps-emailsubscription {
  margin: 0;
}
#footer .ps-emailsubscription .h3 {
  color: #fff;
}
#footer .ps-emailsubscription .wg-newsletter-title-wrapper,
.ps-emailsubscription .wg-newsletter-title-wrapper {
  background: #fffffff7;
  border-radius: 5px 5px 70px 5px;
  box-shadow: #14c7ba 5px 5px;
}

#footer .ps-emailsubscription .h3.wg,
.ps-emailsubscription .h3.wg {
  color: #000;
  background: transparent;
}

#footer .ps-emailsubscription p,
#footer .ps-emailsubscription .text-body-secondary,
#footer .ps-emailsubscription .form-text,
#footer .ps-emailsubscription label {
  color: rgba(255, 255, 255, .8);
}

/* Blok "Informacje o firmie" w stopce — dane kontaktowe przeniesione z podstrony kontaktowej. */
#footer .webglobe-footer-contact__group {
  margin-bottom: 1.25rem;
}
#footer .webglobe-footer-contact__line {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .5rem;
  font-size: .875rem;
}
#footer .webglobe-footer-contact__line:last-child {
  margin-bottom: 0;
}
#footer .webglobe-footer-contact__line .material-icons {
  font-size: 1.1rem;
}
#footer .webglobe-footer-contact__details {
  display: grid;
  gap: 1rem;
  margin: 0;
}
@media (min-width: 992px) {
  #footer .webglobe-footer-contact__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
  }
}
#footer .webglobe-footer-contact__detail {
  padding-left: .65rem;
  border-left: 2px solid var(--webglobe-accent);
  transition: transform .22s cubic-bezier(.2, .75, .25, 1), background-color .22s ease, border-left-width .22s ease;
}
#footer .webglobe-footer-contact__detail--hours {
  border-left-color: #ff9100;
}
#footer .webglobe-footer-contact__detail--pickup {
  border-left-color: #e53935;
}
#footer .webglobe-footer-contact__detail--complaints {
  border-left-color: #9c27b0;
}
#footer .webglobe-footer-contact__detail--tech {
  border-left-color: #607d8b;
}
#footer .webglobe-footer-contact__detail dt {
  margin: 0 0 .15rem;
  color: #fff;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}
#footer .webglobe-footer-contact__detail dd {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: .875rem;
  line-height: 1.4;
}

/* Hover — podniesienie kafelka, delikatne tło i pogrubienie akcentu; tylko dla urządzeń z myszką. */
@media (hover: hover) and (pointer: fine) {
  #footer .webglobe-footer-contact__detail:hover,
  #footer .webglobe-footer-contact__detail:focus-within {
    transform: translate3d(.35rem, 0, 0);
    background-color: rgba(255, 255, 255, .05);
    border-left-width: 4px;
  }
  #footer .webglobe-footer-contact__line {
    transition: transform .2s ease;
  }
  #footer .webglobe-footer-contact__line:hover,
  #footer .webglobe-footer-contact__line:focus-within {
    transform: translate3d(.3rem, 0, 0);
  }
  #footer .webglobe-footer-contact__line:hover .material-icons,
  #footer .webglobe-footer-contact__line:focus-within .material-icons {
    color: var(--webglobe-accent);
  }
}

/* Animacja wejścia — uruchamia się, gdy blok wjeżdża w widok (patrz initializeFooterContactReveal w custom.js). */
#footer .webglobe-footer-contact.is-reveal-ready .webglobe-footer-contact__group,
#footer .webglobe-footer-contact.is-reveal-ready .webglobe-footer-contact__detail {
  opacity: 0;
  transform: translate3d(0, .85rem, 0);
}
#footer .webglobe-footer-contact.is-reveal-ready.is-revealed .webglobe-footer-contact__group,
#footer .webglobe-footer-contact.is-reveal-ready.is-revealed .webglobe-footer-contact__detail {
  animation: webglobe-footer-contact-in .5s cubic-bezier(.2, .75, .25, 1) both;
}
#footer .webglobe-footer-contact.is-reveal-ready.is-revealed .webglobe-footer-contact__group {
  animation-delay: 0ms;
}
#footer .webglobe-footer-contact.is-reveal-ready.is-revealed .webglobe-footer-contact__detail--hours {
  animation-delay: 150ms;
}
#footer .webglobe-footer-contact.is-reveal-ready.is-revealed .webglobe-footer-contact__detail--pickup {
  animation-delay: 300ms;
}
#footer .webglobe-footer-contact.is-reveal-ready.is-revealed .webglobe-footer-contact__detail--complaints {
  animation-delay: 450ms;
}
#footer .webglobe-footer-contact.is-reveal-ready.is-revealed .webglobe-footer-contact__detail--tech {
  animation-delay: 600ms;
}
@keyframes webglobe-footer-contact-in {
  from { opacity: 0; transform: translate3d(0, .85rem, 0); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  #footer .webglobe-footer-contact.is-reveal-ready .webglobe-footer-contact__group,
  #footer .webglobe-footer-contact.is-reveal-ready .webglobe-footer-contact__detail {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
  #footer .webglobe-footer-contact__detail,
  #footer .webglobe-footer-contact__line {
    transition: none !important;
  }
}

/* "Twoje konto" w stopce, niezalogowany — ikony szybkiego logowania obok "Zaloguj się". */
#footer .webglobe-footer-login-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

/* 11. Kompozycja strony głównej na wzór makiety wzor.jpg. */
/* #index .header { position: absolute; z-index: 20; width: 100%; background: transparent; }
#index .header-top { display: none; }
#index .header-bottom { background: transparent; }
#index .header-bottom__container { max-width: min(1680px, 94vw); }
#index .header-bottom__row { min-height: 5.5rem; }
#index .ps-mainmenu__desktop { display: flex; justify-content: center; }
#index .ps-mainmenu__tree { justify-content: center; }
#index .ps-mainmenu__tree-link { font-size: 0.67rem; letter-spacing: 0.16em; }*/
#index .page-content--home { overflow: hidden; }
#index #wrapper section { margin-bottom: 0; }

#index header#header { position: sticky; top: 0; left: 0; right: 0; z-index: 1000; }
#index #wrapper { padding-top: 0; }

@media (min-width: 768px) {
  #index header#header { position: absolute; }
}

#index .ps-imageslider,
#index .ps-imageslider .carousel,
#index .ps-imageslider .carousel-inner,
#index .ps-imageslider .carousel-item,
#index .ps-imageslider__link,
#index .ps-imageslider__figure { min-height: clamp(34rem, 54vw, 52rem); }
#index .ps-imageslider__figure { margin: 0; }
#index .ps-imageslider__figure > img { width: 100%; height: clamp(34rem, 54vw, 52rem); object-fit: contain; object-position: center; }
#index .ps-imageslider__figcaption { left: max(6vw, calc((100vw - 1680px) / 2)); }
#index .ps-imageslider .carousel-indicators { bottom: 1.5rem; } 

.webglobe-editorial-grid { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); gap: clamp(0.5rem, 1vw, 1rem); padding: clamp(0.5rem, 1vw, 1rem); padding-bottom: 0; }
.webglobe-editorial-grid__item { position: relative; display: block; width: 100%; min-width: 0; min-height: 75vw; overflow: hidden; background: var(--webglobe-surface); }
.webglobe-editorial-grid__link { display: block; height: 100%; min-height: inherit; }
.webglobe-editorial-grid__image { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; pointer-events: none; transition: transform 0.6s ease; }
.webglobe-editorial-grid__item--1 .webglobe-editorial-grid__image { object-position: 30% center; }
.webglobe-editorial-grid__item--2 .webglobe-editorial-grid__image { object-position: 70% center; }
.webglobe-editorial-grid__item:hover .webglobe-editorial-grid__image { transform: scale(1.025); }

#index #wrapper .webglobe-gift-finder {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 1.75rem;
  margin: clamp(0.5rem, 1vw, 1rem);
  padding: clamp(1.75rem, 5vw, 3.5rem);
  overflow: hidden;/* 
  background: linear-gradient(180deg, #ffffff 0%, #d1d1d1 45%, #2a2a2a00 100%) */
}
.webglobe-gift-finder__intro { width: 100%; min-width: 0; max-width: none; }
.webglobe-gift-finder__eyebrow {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.85rem;
  color: #666158;
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.webglobe-gift-finder__eyebrow::before { width: 1.8rem; height: 1px; background: currentcolor; content: ''; }
.webglobe-gift-finder__title {
  margin: 0;
  color: #1c1b19;
  font-size: clamp(1.65rem, 6vw, 2.55rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.webglobe-gift-finder__subtitle {
  max-width: 24rem;
  margin: 1rem 0 0;
  color: #6a665e;
  font-size: 0.84rem;
  line-height: 1.6;
}
.webglobe-gift-finder__items {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.details__left {
    padding-right: 10px;
}
.product__prices.js-product-prices {
    margin-block-end: 0px;
}
.webglobe-gift-finder__item {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 11.5rem;
  overflow: hidden;
  border: 0;
  border-radius: 0.2rem;
  background: #dbe0d5;
  color: #1b1b19;
  scroll-snap-align: start;
  text-decoration: none;
  transition: transform 0.35s ease;
}
.page-product .product__price{
  font-size: 2rem;
}
.webglobe-gift-finder__item:nth-child(4n+2) { background: #e4d8ce; }
.webglobe-gift-finder__item--static { cursor: default; }
.webglobe-gift-finder__item:nth-child(4n+3) { background: #d9dee5; }
.webglobe-gift-finder__item:nth-child(4n+4) { background: #e5dfcf; }
.webglobe-gift-finder__item-content {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  padding: clamp(0.85rem, 3vw, 1.15rem);
  flex-direction: column;
}
.webglobe-gift-finder__background {
  position: absolute;
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
.webglobe-gift-finder__item--visual::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 12, 10, 0.05) 20%, rgba(12, 12, 10, 0.65) 100%);
  content: '';
}
.webglobe-gift-finder__icon {
  width: 3.25rem;
  height: 3.25rem;
  margin-bottom: auto;
  object-fit: contain;
  object-position: left top;
}
.webglobe-gift-finder__feature {
  order: 2;
  margin-top: 0.6rem;
  color: rgba(27, 27, 25, 0.62);
  font-size: clamp(0.75rem, 3.6vw, 1rem);
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.08;
  text-transform: uppercase;
}
.webglobe-gift-finder__label {
  order: 1;
  margin-top: auto;
  font-size: clamp(4rem, 21vw, 6.75rem);
  font-weight: 300;
  letter-spacing: -0.075em;
  line-height: 0.78;
  white-space: nowrap;
}
.webglobe-gift-finder__item--visual .webglobe-gift-finder__feature { color: rgba(255, 255, 255, 0.72); }
.webglobe-gift-finder__item--visual .webglobe-gift-finder__label { color: #fff; }
.webglobe-gift-finder__item:not(.webglobe-gift-finder__item--static):hover,
.webglobe-gift-finder__item:not(.webglobe-gift-finder__item--static):focus-visible {
  color: #1b1b19;
  text-decoration: none;
  transform: translateY(-0.2rem);
}
.webglobe-gift-finder__item:not(.webglobe-gift-finder__item--static):hover .webglobe-gift-finder__background,
.webglobe-gift-finder__item:not(.webglobe-gift-finder__item--static):focus-visible .webglobe-gift-finder__background { transform: scale(1.04); }

@media (min-width: 768px) {
  .webglobe-editorial-grid { grid-template-columns: repeat(var(--webglobe-editorial-cols, 2), minmax(0, 1fr)); }
  .webglobe-editorial-grid__item { min-height: clamp(25rem, 47vw, 49rem); }
  #index #wrapper .webglobe-gift-finder {
    grid-template-columns: minmax(15rem, 0.75fr) minmax(0, 2.25fr);
    align-items: center;
    gap: clamp(2.5rem, 5vw, 6rem);
  }
  .webglobe-gift-finder__background {
    inset: 0 0 0 auto;
    width: 68%;
    object-position: right center;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.15) 8%, rgba(0, 0, 0, 0.65) 22%, #000 38%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.15) 8%, rgba(0, 0, 0, 0.65) 22%, #000 38%);
  }
  .webglobe-gift-finder__item-content {
    inset: 0 auto 0 0;
    width: 42%;
  }
  .webglobe-gift-finder__item { min-height: clamp(11.5rem, 14vw, 15rem); }
  .webglobe-gift-finder__label { font-size: clamp(4.5rem, 7vw, 7.75rem); }
}

@media (prefers-reduced-motion: reduce) {
  .webglobe-gift-finder__item,
  .webglobe-gift-finder__background { transition: none; }
}

#index .webglobe-products {padding: clamp(3rem, 4vw, 9rem) 0;}
#index .webglobe-products .module-products { max-width: min(1680px, 94vw); }
#index .webglobe-products .section-title {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--webglobe-ink);
  font-size: clamp(1.35rem, 1rem + 1.25vw, 2rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: none;
  overflow-wrap: anywhere;
}
#index .webglobe-products .section-title::after {
  display: block;
  width: 100%;
  height: 12px;
  margin-top: 0.75rem;
  background: linear-gradient(90deg, var(--webglobe-accent), #ff9b54);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 6 Q10 -2 20 6 T40 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='0 5'/%3E%3C/svg%3E") left center / 40px 12px repeat-x;
  content: '';
}
#index .webglobe-products .products { display: grid; grid-template-columns: repeat(var(--webglobe-cols-desktop, 4), minmax(0, 1fr)); gap: 1rem clamp(0.1rem, .1vw, 1.75rem); }
#index .webglobe-products .product-miniature { min-width: 0; width: auto; }
#index .webglobe-products .product-miniature__top img { aspect-ratio: 1 / 1; object-fit: cover; }
#index .webglobe-products .product-miniature__bottom { padding-top: 0.85rem; }
#index .webglobe-products .product-miniature__title { font-size: 0.72rem; }
#index .webglobe-products .product-miniature__prices { font-size: 0.7rem; }
#index .webglobe-products .product-list-reviews,
#index .webglobe-products .product-miniature__variants { display: none; }

.webglobe-lookbook { display: grid; grid-template-columns: repeat(var(--webglobe-lookbook-cols, 3), minmax(0, 1fr)); gap: 0;}
.webglobe-lookbook__item { display: block; height: clamp(27rem, 43vw, 45rem); overflow: hidden; background: #eee; }
.webglobe-lookbook__image { width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); transition: transform 0.6s ease; }
.webglobe-lookbook__item--1 .webglobe-lookbook__image { object-position: 25% center; }
.webglobe-lookbook__item--2 .webglobe-lookbook__image { object-position: center; }
.webglobe-lookbook__item--3 .webglobe-lookbook__image { object-position: 75% center; }
.webglobe-lookbook__item:hover .webglobe-lookbook__image { transform: scale(1); }

#index .ps-customtext.webglobe-promo { margin: clamp(0.5rem, 1vw, 1rem); padding: clamp(5rem, 8vw, 8rem) 1.5rem; }
#index .ps-customtext.webglobe-promo p:first-child { font-size: 0.75rem; margin-bottom: 0.75rem; }
#index .ps-customtext.webglobe-promo h2 { font-size: clamp(1.25rem, 2vw, 1.8rem); }

@media (max-width: 991.98px) {
  #index .ps-mainmenu__desktop { display: none; }
  #index .webglobe-products .products { grid-template-columns: repeat(var(--webglobe-cols-tablet, 3), minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  /* Keep the home header's extra space in the bar's single padding transition. */
  :where(#index) .header-bottom { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  #index .ps-imageslider__figcaption { display: block; left: 1.75rem; right: 1.5rem; max-width: 75%; }
  #index .ps-imageslider__figcaption h2 { font-size: 1.3rem; }
  #index .ps-imageslider .carousel-control-prev,
  #index .ps-imageslider .carousel-control-next { display: none; }
  #index .webglobe-products .products { grid-template-columns: repeat(var(--webglobe-cols-mobile, 2), minmax(0, 1fr)); }
  .webglobe-lookbook { grid-template-columns: 1fr; gap: 0.5rem; }
  .webglobe-lookbook__item { height: 110vw; }
}

/* Nowoczesny kontroler ilości na karcie produktu. */
.product-miniature__actions {
  min-height: 2.75rem;
  margin-top: 0.85rem;
  transform: translateY(0.4rem);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.product-miniature:hover .product-miniature__actions,
.product-miniature:focus-within .product-miniature__actions {
  transform: translateY(0);
}
.product-miniature__form {
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  gap: 0.5rem;
  flex-direction: row;
}
.product-miniature .quantity-button {
  display: block;
  width: auto;
}
.product-miniature .quantity-button__group {
  display: grid;
  grid-template-columns: 2.25rem 2.5rem 2.25rem;
  height: 2.75rem;
  background: #fff;
}
.product-miniature .quantity-button__group .btn,
.product-miniature .quantity-button__group .form-control {
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.product-miniature .quantity-button__group .btn {
  color: var(--webglobe-ink);
  transition: color 0.15s ease, background-color 0.15s ease;
}
.product-miniature .quantity-button__group .btn:hover,
.product-miniature .quantity-button__group .btn:focus-visible {
  color: #fff;
  background: var(--webglobe-ink);
}
.product-miniature .quantity-button__group .btn .material-icons {
  font-size: 1rem;
}
.product-miniature .quantity-button__group .form-control {
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed;
  color: var(--webglobe-ink);
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  appearance: textfield;
}
.product-miniature .quantity-button__group:focus-within {
  border-color: var(--webglobe-ink);
}
.product-miniature .product-miniature__add {
  min-width: 4.2rem;
  height: 2.75rem;
  padding: 0;
}
@media (hover: none) {
  .product-miniature__actions { transform: none; }
}

.product-miniature .quantity-button__group {
  grid-template-columns: 2.25rem 3.75rem 2.25rem;
}
.product-miniature .quantity-button__group > .form-control {
  width: 3.75rem;
  min-width: 3.75rem;
  flex: 0 0 3.75rem;
  color: var(--webglobe-ink);
  background-color: #fff;
  opacity: 1;
  line-height: 2.75rem;
  -webkit-text-fill-color: var(--webglobe-ink);
}

.webglobe-lookbook__item { position: relative; }
.ps-imageslider__figure { position: relative; }
.ps-imageslider__lookbook-pointer .webglobe-lookbook-pointer__card { z-index: 8; }
.webglobe-lookbook-pointer {
  position: absolute;
  z-index: 4;
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  transform: translate(-50%, -50%);
  color: var(--webglobe-ink);
  text-decoration: none;
}
.webglobe-lookbook-pointer__dot {
  position: relative;
  z-index: 2;
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(27, 27, 27, 0.12);
  border-radius: 50%;
  place-items: center;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0 0 0.55rem rgba(255, 255, 255, 0.2);
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.webglobe-lookbook-pointer::before {
  content: "";
  position: absolute;
  inset: -0.55rem;
  border: 1px solid rgba(12, 12, 12, 0.548);
  border-radius: 50%;
  animation: webglobe-pointer-pulse 2.2s ease-out infinite;
}
.webglobe-lookbook-pointer__card {
  position: absolute;
  top: calc(100% + 0.9rem);
  left: 50%;
  display: grid;
  grid-template-columns: 5rem minmax(8.5rem, 1fr);
  width: 18rem;
  min-height: 7rem;
  padding: 0.75rem;
  transform: translate(-50%, 0.5rem);
  background: #ffffffd6;
  backdrop-filter: blur(5px);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.webglobe-lookbook__item--1 .webglobe-lookbook-pointer__card { left: 0; transform: translate(0, 0.5rem); }
.webglobe-lookbook__item--3 .webglobe-lookbook-pointer__card { right: 0; left: auto; transform: translate(0, 0.5rem); }
.webglobe-lookbook-pointer__card img {
  width: 5.5rem;
  height: 5.5rem;
  align-self: center;
  object-fit: cover;
  background: var(--webglobe-surface);
}
.webglobe-lookbook-pointer__details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.75rem;
  color: var(--webglobe-ink);
  font-size: 0.75rem;
  line-height: 1.5;
}
.webglobe-lookbook-pointer__details strong { margin-bottom: 0.25rem; font-size: 0.78rem; font-weight: 500; }
.webglobe-lookbook-pointer__actions { display: grid; gap: .45rem; margin-top: .55rem; }
.webglobe-lookbook-pointer__actions a, .webglobe-lookbook-pointer__cart { display: inline-grid; min-height: 2rem; padding: .45rem .65rem; border: 1px solid #dcdcdc; place-items: center; color: var(--webglobe-ink); background: #fff; font: inherit; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1.1; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: color .16s ease, background .16s ease, border-color .16s ease; }
.webglobe-lookbook-pointer__actions a:hover, .webglobe-lookbook-pointer__cart:hover { border-color: var(--webglobe-accent); color: #fff; background: var(--webglobe-accent); }
.webglobe-lookbook-pointer__cart:disabled { cursor: wait; opacity: .55; }
.webglobe-lookbook-pointer:hover .webglobe-lookbook-pointer__dot,
.webglobe-lookbook-pointer:focus-visible .webglobe-lookbook-pointer__dot { color: #fff; background: var(--webglobe-accent); transform: rotate(45deg); }
.webglobe-lookbook-pointer:hover .webglobe-lookbook-pointer__card,
.webglobe-lookbook-pointer:focus-visible .webglobe-lookbook-pointer__card,
.webglobe-lookbook-pointer:focus-within .webglobe-lookbook-pointer__card { transform: translate(-50%, 0); opacity: 1; visibility: visible; }
.webglobe-lookbook__item--1 .webglobe-lookbook-pointer:hover .webglobe-lookbook-pointer__card,
.webglobe-lookbook__item--1 .webglobe-lookbook-pointer:focus-visible .webglobe-lookbook-pointer__card,
.webglobe-lookbook__item--1 .webglobe-lookbook-pointer:focus-within .webglobe-lookbook-pointer__card,
.webglobe-lookbook__item--3 .webglobe-lookbook-pointer:hover .webglobe-lookbook-pointer__card,
.webglobe-lookbook__item--3 .webglobe-lookbook-pointer:focus-visible .webglobe-lookbook-pointer__card,
.webglobe-lookbook__item--3 .webglobe-lookbook-pointer:focus-within .webglobe-lookbook-pointer__card { transform: translate(0, 0); }
@keyframes webglobe-pointer-pulse {
  0% { transform: scale(0.75); opacity: 0.9; }
  70%, 100% { transform: scale(1.4); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .webglobe-lookbook-pointer::before { animation: none; }
}
@media (max-width: 767.98px) {
  .webglobe-lookbook-pointer__card { width: min(17rem, 78vw); }
  button.product-miniature__add.btn.btn-primary.btn-square-icon i {
    margin-left: 10px;
}
}

/* Hotspot ponad sąsiednimi zdjęciami + czas na przejście kursorem do karty. */
.webglobe-lookbook {
  position: relative;
  isolation: isolate;
  overflow: visible;
}
.webglobe-lookbook__item {
  z-index: 1;
  transition: z-index 0s linear 1.25s;
}
.webglobe-lookbook__item:hover,
.webglobe-lookbook__item:focus-within {
  z-index: 20;
  overflow: visible;
  transition-delay: 0s;
}
.webglobe-lookbook-pointer {
  z-index: 30;
}
.webglobe-lookbook-pointer__card {
  z-index: 40;
  pointer-events: auto;
  transition:
    opacity 0.2s ease 1.2s,
    transform 0.2s ease 1.2s,
    visibility 0s linear 1.4s;
}
.webglobe-lookbook-pointer__card::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 1.25rem;
  background: transparent;
}
.webglobe-lookbook-pointer:hover .webglobe-lookbook-pointer__card,
.webglobe-lookbook-pointer:focus-visible .webglobe-lookbook-pointer__card,
.webglobe-lookbook-pointer__card:hover {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/* Stabilny stacking context — karta nigdy nie trafia pod następny kafel. */
#index .webglobe-lookbook {
  z-index: 50;
  isolation: isolate;
  overflow: visible;
}
#index .webglobe-lookbook > .webglobe-lookbook__item {
  position: relative;
  z-index: 1;
  overflow: visible;
  transition: none;
}
#index .webglobe-lookbook > .webglobe-lookbook__item:hover,
#index .webglobe-lookbook > .webglobe-lookbook__item:focus-within,
#index .webglobe-lookbook > .webglobe-lookbook__item:has(.webglobe-lookbook-pointer:hover) {
  z-index: 100;
}
#index .webglobe-lookbook-pointer,
#index .webglobe-lookbook-pointer__card {
  z-index: 101;
}

/* Warstwa utrzymywana przez JS tak długo, jak karta jest jeszcze widoczna. */
#index .webglobe-lookbook > .webglobe-lookbook__item.is-pointer-open {
  z-index: 200;
  overflow: visible;
}
#index .webglobe-lookbook__item.is-pointer-open .webglobe-lookbook-pointer,
#index .webglobe-lookbook__item.is-pointer-open .webglobe-lookbook-pointer__card {
  z-index: 201;
}

/* Portal karty produktu: poza stacking contextem i overflow lookbooka. */
body > .webglobe-lookbook-pointer__card--portal {
  position: fixed;
  z-index: 2147483640;
  right: auto;
  bottom: auto;
  max-width: calc(100vw - 1.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  transform: translateY(0.5rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
}
body > .webglobe-lookbook-pointer__card--portal.is-open {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

/* Stały pasek koszyka webGlobe. */
body.webglobe-cartbar-active { padding-bottom: 0; }/* 
body.webglobe-cartbar-active > #wrapper { padding-bottom: 7.25rem; } */
.webglobe-cartbar {
  position: fixed;
  z-index: 2147483600;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-height: 6.5rem;
  border-top: 1px solid #e6e6e6;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 -0.75rem 2.5rem rgba(0, 0, 0, 0.12);
  transform: translateY(105%);
  transition: transform 0.32s cubic-bezier(.2,.8,.2,1);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.webglobe-cartbar.is-visible { transform: translateY(0); }
.webglobe-cartbar__products { display: flex; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #9c27b0 #eee8f2; }
.webglobe-cartbar__products::-webkit-scrollbar { height: .55rem; }
.webglobe-cartbar__products::-webkit-scrollbar-track { background: #eee8f2; }
.webglobe-cartbar__products::-webkit-scrollbar-thumb { border: 2px solid #eee8f2; border-radius: 999px; background: #9c27b0; }
.webglobe-cartbar__products::-webkit-scrollbar-thumb:hover { background: #6f1685; }
.webglobe-cartbar__product {
  display: grid;
  min-width: min(19rem, 40vw);
  padding: 0.8rem 1rem;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  align-items: center;
  gap: 0.85rem;
  color: var(--webglobe-ink);
  text-decoration: none;
}
.webglobe-cartbar__product:hover { background: #fafafa; color: var(--webglobe-accent); }
.webglobe-cartbar__product img { width: 4.5rem; height: 4.5rem; object-fit: contain; background: var(--webglobe-surface); }
.webglobe-cartbar__product-info { display: grid; gap: 0.25rem; font-size: 0.75rem; line-height: 1.35; }
.webglobe-cartbar__product-info strong { overflow: hidden; font-size: 0.78rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.webglobe-cartbar__product-info span { color: var(--webglobe-muted); }
.webglobe-cartbar__summary {
    display: grid;
    box-shadow: #00000024 -17px 2px 20px -7px;
    min-width: 9rem;
    padding: 1rem 1.75rem;
    border-right: 1px solid #ececec;
    place-content: center;
    z-index: 999;
    text-align: center;
}
.webglobe-cartbar__summary span { font-size: 0.72rem; text-transform: uppercase; letter-spacing: .1em; }
.webglobe-cartbar__summary strong { margin-top: .25rem; font-size: 1.35rem; }
.webglobe-cartbar__checkout { display: grid; min-width: 11.5rem; margin: 1rem 1.25rem; padding: .7rem 1.25rem; place-items: center; }
@media (max-width: 767.98px) {
  body.webglobe-cartbar-active { padding-bottom: 0; }/* 
  body.webglobe-cartbar-active > #wrapper { padding-bottom: 9.5rem; } */
  .webglobe-cartbar { grid-template-columns: minmax(0, 1fr) auto; min-height: 8.5rem; }
  .webglobe-cartbar__product { min-width: 78vw; grid-template-columns: 3.75rem minmax(0, 1fr); }
  .webglobe-cartbar__product img { width: 3.75rem; height: 3.75rem; }
  .webglobe-cartbar__summary { min-width: 6.5rem; padding: .75rem; border-right: 0; }
  .webglobe-cartbar__summary strong { font-size: 1rem; }
  .webglobe-cartbar__checkout { grid-column: 1 / -1; min-width: 0; margin: 0 .75rem .75rem; }
  div#search_filters_brands {
    display: none;
}
}

/* Edycja produktów bezpośrednio na pasku koszyka. */
.webglobe-cartbar__product { position: relative; padding: 0; }
.webglobe-cartbar__product-link { display: grid; min-height: 6.5rem; padding: .8rem 3.35rem .8rem 1rem; grid-template-columns: 6rem minmax(0, 1fr); align-items: center; gap: .85rem; color: var(--webglobe-ink); text-decoration: none; }
.webglobe-cartbar__product-link:hover { color: var(--webglobe-accent); background: #fafafa; }
.webglobe-cartbar__product-actions { position: absolute; top: .5rem; right: .55rem; display: flex; align-items: center; gap: .35rem; opacity: 0; transform: translateY(-.2rem); transition: opacity .18s ease, transform .18s ease; }
.webglobe-cartbar__product:hover .webglobe-cartbar__product-actions, .webglobe-cartbar__product:focus-within .webglobe-cartbar__product-actions { opacity: 1; transform: translateY(0); }
.webglobe-cartbar__quantity { display: inline-flex; overflow: hidden; border: 1px solid #dedede; border-radius: 999px; background: #fff; }
.webglobe-cartbar__quantity-button, .webglobe-cartbar__remove { display: grid; width: 1.7rem; height: 1.7rem; padding: 0; border: 0; place-items: center; color: var(--webglobe-ink); background: transparent; font: inherit; font-size: 1rem; line-height: 1; cursor: pointer; }
.webglobe-cartbar__quantity-button:hover, .webglobe-cartbar__remove:hover { color: #fff; background: var(--webglobe-accent); }
.webglobe-cartbar__quantity-value { width: 2.6rem; min-width: 1.55rem; padding: 0 .2rem; border: 0; outline: 0; color: inherit; background: transparent; font: inherit; font-size: .72rem; font-weight: 700; text-align: center; appearance: textfield; }
.webglobe-cartbar__quantity-value::-webkit-inner-spin-button, .webglobe-cartbar__quantity-value::-webkit-outer-spin-button { margin: 0; appearance: none; }
.webglobe-cartbar__remove { border-radius: 50%; color: #777; font-size: 1.35rem; }
.webglobe-cartbar__quantity-button:disabled, .webglobe-cartbar__remove:disabled { cursor: wait; opacity: .5; }
@media (max-width: 767.98px) { .webglobe-cartbar__product-link { min-height: 5.25rem; padding-right: 3.15rem; grid-template-columns: 3.75rem minmax(0, 1fr); } .webglobe-cartbar__product-actions { opacity: 1; transform: none; } }

/* Kontrolki na dolnej krawędzi produktu, pełna nazwa bez elipsy. */
.webglobe-cartbar__product-link { min-height: 7.75rem; padding-bottom: 2.9rem; }
.webglobe-cartbar__product-info strong { overflow: visible; text-overflow: clip; white-space: normal; min-width: 160px; }
.webglobe-cartbar__product-actions { top: auto; right: .75rem; bottom: .55rem; left: .75rem; transform: translateY(.2rem); }
.webglobe-cartbar__quantity-label { min-width: 0; color: var(--webglobe-muted); font-size: .66rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }

/* Usuwanie produktu realizuje wspólny panel cart-swipe; pomocniczy przycisk zachowuje wyłącznie adres akcji. */
.webglobe-cartbar__remove { display: none; }

@media (max-width: 767.98px) { .webglobe-cartbar__product-link { min-height: 7.25rem; padding-bottom: 2.75rem; } }

/* Zwinięty koszyk: pływająca ikona oraz pasek otwierany na żądanie. */
.webglobe-cartbar { transform: translateY(110%); pointer-events: none; }
.webglobe-cartbar.is-open { transform: translateY(0); pointer-events: auto; }
.webglobe-cartbar-toggle { position: fixed; z-index: 2147483601; bottom: 1.5rem; left: 1.75rem; display: grid; width: 5rem; height: 5rem; padding: 0; border: 0; border-radius: 50%; place-items: center; color: #111; background: #fff; box-shadow: 0 .6rem 1.8rem rgba(0,0,0,.16); cursor: pointer; transition: opacity .18s ease, transform .2s ease, box-shadow .2s ease; }
.webglobe-cartbar-toggle:hover { transform: translateY(-.15rem); box-shadow: 0 .85rem 2rem rgba(0,0,0,.22); }
body.webglobe-cartbar-open .webglobe-cartbar-toggle { opacity: 0; pointer-events: none; transform: translateY(1rem) scale(.92); }
.webglobe-cartbar-toggle svg { width: 2.1rem; height: 2.1rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.webglobe-cartbar-toggle__count { position: absolute; top: -.45rem; right: -.2rem; display: grid; min-width: 2.25rem; height: 2.25rem; padding: 0 .35rem; border: 2px solid #fff; border-radius: 999px; place-items: center; color: #fff; background: #222; font-size: .9rem; font-weight: 700; transform: translateZ(0); will-change: transform; }
@media (max-width: 767.98px) { .webglobe-cartbar-toggle { bottom: 1rem; left: 1rem; width: 4.25rem; height: 4.25rem; } }

.webglobe-cart-notice { position: fixed; z-index: 2147483630; top: 1.25rem; right: 1.25rem; max-width: min(24rem, calc(100vw - 2rem)); padding: .9rem 1rem; border: 1px solid #e8e8e8; border-left-width: .3rem; background: #fff; box-shadow: 0 .75rem 2.2rem rgba(0,0,0,.14); color: var(--webglobe-ink); font-size: .88rem; font-weight: 600; line-height: 1.35; opacity: 0; pointer-events: none; transform: translateY(-.5rem); transition: opacity .18s ease, transform .18s ease; }
.webglobe-cart-notice.is-visible { opacity: 1; transform: translateY(0); }
.webglobe-cart-notice--warning { border-left-color: #d71920; }
.webglobe-cartbar-toggle__count::after, .header-block__badge::after { content: ''; position: absolute; inset: -.35rem; z-index: -1; border: 2px solid #d71920; border-radius: inherit; opacity: 0; transform: scale(.72); pointer-events: none; }
.webglobe-cartbar-toggle__count.is-updated { animation: webglobe-cart-count-pop .72s cubic-bezier(.16,1,.3,1); transform-origin: center; }
.header-block__badge.is-updated { animation: webglobe-header-badge-pop .72s cubic-bezier(.16,1,.3,1); transform-origin: center; }
.webglobe-cartbar-toggle__count.is-updated::after, .header-block__badge.is-updated::after { animation: webglobe-cart-count-ring .72s cubic-bezier(.16,1,.3,1); }

@keyframes webglobe-cart-count-pop { 0% { border-color: #fff; background: #222; transform: translateZ(0) scale(1); } 28% { border-color: #d71920; background: #d71920; transform: translateZ(0) scale(1.28); } 62% { transform: translateZ(0) scale(1.06); } 100% { border-color: #fff; background: #222; transform: translateZ(0) scale(1); } }
@keyframes webglobe-header-badge-pop { 0% { transform: translateZ(0) scale(1); } 28% { transform: translateZ(0) scale(1.28); } 62% { transform: translateZ(0) scale(1.06); } 100% { transform: translateZ(0) scale(1); } }
@keyframes webglobe-cart-count-ring { 0% { opacity: 0; transform: scale(.72); } 24% { opacity: .42; transform: scale(1.05); } 100% { opacity: 0; transform: scale(1.75); } }
@media (max-width: 767.98px) { .webglobe-cart-notice { top: .85rem; right: .85rem; left: .85rem; max-width: none; } }
.header-bottom {
    background: rgb(255 255 255 / 64%);
    backdrop-filter: blur(5px);
    border: none;
    box-shadow: #00000024 0px 18px 19px -19px;
}
@media (min-width: 768px) {
  .header-bottom {
    background: #ffffff8a;
    backdrop-filter: blur(8px);
  }
}
header#header {
    background: none;
}
.header-top {
    background: transparent;
}
.header-top::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
@media (min-width: 992px) {
  .page-product .product__right {
    position: sticky;
    top: 8em;
    align-self: start;
  }

  .layout-left-column #left-column {
    position: sticky;
    top: 6em;
    max-height: calc(100vh - 11rem);
    max-height: calc(100dvh - 11rem);
    padding-right: 3.5rem;
    align-self: flex-start;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    padding-bottom: 100px;
  }

  .layout-left-column #left-column::-webkit-scrollbar {
    width: .4rem;
  }

  .layout-left-column #left-column::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #c7c7c7;
  }

  .layout-left-column #left-column::-webkit-scrollbar-track {
    background: transparent;
  }

  .page-product .blockreassurance--product {
    position: sticky;
    top: 10em;
    align-self: start;
  }
}
.product-miniature__quickview-button {
    background: #ffffff3b;
    backdrop-filter: blur(4px);
    border: none;
}
.page-content--home {
  gap: 0px;
}

.alert.alert-info.alert-dismissible.webglobe-info-notice {
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 2147483607;
  width: min(24rem, calc(100vw - 2.5rem));
  margin: 0;
  box-shadow: 0 .75rem 2.2rem rgba(0, 0, 0, .14);
  opacity: 0;
  transform: translateY(-.75rem);
  transition: opacity .25s ease, transform .25s ease;
}

.alert.alert-info.alert-dismissible.webglobe-info-notice.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 575.98px) {
  .alert.alert-info.alert-dismissible.webglobe-info-notice {
    top: .75rem;
    right: .75rem;
    width: calc(100vw - 1.5rem);
  }
}

/* webGlobe: prawy wysuwany podgląd koszyka (drawer) otwierany z koszyka w nagłówku */
.ps-shoppingcart .header-block__action-btn { cursor: pointer; }
.webglobe-cart-drawer-root { position: fixed; inset: 0; z-index: 2147483604; pointer-events: none; }
.webglobe-cart-drawer__overlay { position: absolute; inset: 0; background: rgba(17, 17, 17, .38); opacity: 0; pointer-events: none; transition: opacity .3s ease; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.webglobe-cart-drawer { position: absolute; top: 0; right: 0; display: flex; flex-direction: column; width: 30vw; min-width: 22rem; max-width: 34rem; height: 100%; background: #fff; box-shadow: -.75rem 0 2.5rem rgba(0, 0, 0, .16); transform: translateX(100%); transition: transform .34s cubic-bezier(.2, .8, .2, 1); pointer-events: auto; will-change: transform; }
.webglobe-cart-drawer-root.is-open .webglobe-cart-drawer__overlay { opacity: 1; }
.webglobe-cart-drawer-root.is-open .webglobe-cart-drawer { transform: translateX(0); }
/* Na dotyku overlay działa jak pełny modal (tap poza panelem zamyka); na hover jest tylko przyciemnieniem, by nie przechwytywać kursora i nie powodować migotania. */
@media (hover: none) {
  .webglobe-cart-drawer-root.is-open { pointer-events: auto; }
  .webglobe-cart-drawer-root.is-open .webglobe-cart-drawer__overlay { pointer-events: auto; }
}

.webglobe-cart-drawer__header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid #ececec; }
.webglobe-cart-drawer__title { display: flex; align-items: center; gap: .6rem; margin: 0; font-size: 1.1rem; font-weight: 700; }
.webglobe-cart-drawer__count { display: grid; min-width: 1.6rem; height: 1.6rem; padding: 0 .4rem; border-radius: 999px; place-items: center; color: #fff; background: var(--webglobe-accent, #9c27b0); font-size: .8rem; font-weight: 700; }
.webglobe-cart-drawer__close { display: grid; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 50%; place-items: center; color: #333; background: #f3f3f300; font-size: 2.5rem; line-height: 1; cursor: pointer; transition: background .18s ease, color .18s ease; }

/* margin-left i padding-left muszą się znosić (ta sama wartość co translateX na :hover produktu),
   dzięki temu padding-box scroll-containera wystaje poza szufladę i hover nie jest przycinany */
.webglobe-cart-drawer__body { flex: 1 1 auto; overflow-y: auto; margin-left: -9px; padding: .25rem 0 .25rem 9px; scrollbar-width: thin; scrollbar-color: #9c27b0 #eee8f2; }
/* separator jako inset box-shadow (nie border-bottom): rysuje się wewnątrz padding-boxa,
   więc kolorowy pasek ::before przykrywa go na wystającej części (border byłby poza zasięgiem) */
.webglobe-cart-drawer__product { position: relative; display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; align-items: center; gap: .9rem; padding: .9rem 1.5rem; box-shadow: inset 0 -1px 0 #f2f2f2; }
.webglobe-cart-drawer__product-link { display: contents; color: var(--webglobe-ink, #111); text-decoration: none; }
.webglobe-cart-drawer__product-image { width: 4.5rem; height: 4.5rem; object-fit: contain; background: var(--webglobe-surface, #f6f6f6); }
.webglobe-cart-drawer__product-info { display: grid; min-width: 0; gap: .3rem; }
.webglobe-cart-drawer__product-name { display: -webkit-box; overflow: hidden; font-size: .85rem; font-weight: 600; line-height: 1.3; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.webglobe-cart-drawer__product-link:hover .webglobe-cart-drawer__product-name { color: var(--webglobe-accent, #9c27b0); }
.webglobe-cart-drawer__product-price { color: var(--webglobe-muted, #777); font-size: .78rem; }
.webglobe-cart-drawer__product-actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: .5rem; grid-column: 3; }
.webglobe-cart-drawer__gift { position: absolute; top: .55rem; left: .55rem; z-index: 2; display: grid; width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: 50%; place-items: center; background: #fff; font-size: 1.15rem; line-height: 1; cursor: help; }
.webglobe-cart-drawer__gift::after { position: absolute; top: 0; left: calc(100% + .35rem); z-index: 3; width: 10rem; max-width: calc(100vw - 7rem); padding: .4rem .55rem; border-radius: .25rem; background: #191919; color: #fff; box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .18); content: attr(data-tooltip); font-size: .68rem; font-weight: 600; line-height: 1.3; text-align: left; white-space: normal; opacity: 0; visibility: hidden; transform: translateX(-.2rem); transition: opacity .16s ease, visibility .16s ease, transform .16s ease; pointer-events: none; }
.webglobe-cart-drawer__gift.is-tooltip-left::after { right: calc(100% + .35rem); left: auto; transform: translateX(.2rem); }
.webglobe-cart-drawer__product--gift::after, .webglobe-cartbar__product--gift::after, .product-line--gift::after { position: absolute; top: 50%; right: 3.5rem; width: 7.5rem; height: 7.5rem; z-index: 0; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27 fill=%27none%27 stroke=%27%23777%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%278%27 y=%2725%27 width=%2748%27 height=%2731%27 rx=%273%27/%3E%3Cpath d=%27M32 25v31M8 35h48M32 25H20c-6 0-8-9-2-12 7-4 14 12 14 12Zm0 0h12c6 0 8-9 2-12-7-4-14 12-14 12Z%27/%3E%3C/svg%3E"); content: ""; opacity: .08; transform: translateY(-50%) rotate(-8deg) scale(.9); transform-origin: center; transition: opacity .25s ease, transform .35s cubic-bezier(.16, 1, .3, 1); pointer-events: none; }
.webglobe-cart-drawer__product--gift:hover::after, .webglobe-cart-drawer__product--gift:focus-within::after, .webglobe-cartbar__product--gift:hover::after, .webglobe-cartbar__product--gift:focus-within::after, .product-line--gift:hover::after, .product-line--gift:focus-within::after { opacity: .16; transform: translateY(-50%) rotate(6deg) scale(1.08); }
.webglobe-cart-drawer__gift:hover::after, .webglobe-cart-drawer__gift:focus::after { opacity: 1; visibility: visible; transform: translateX(0); }
.webglobe-cart-drawer__gift:focus-visible { outline: 2px solid var(--webglobe-accent, #9c27b0); outline-offset: 2px; }
.product-line--gift { position: relative; overflow: hidden; }
.product-line--gift .product-line__gift { position: relative; z-index: 2; display: inline-flex; min-height: 2rem; padding: .35rem .55rem;border-radius: 20px 3px; align-items: center; gap: .3rem; border: 1px solid #ff9c64; background: #fff; color: var(--webglobe-ink, #111); font-size: .75rem; font-weight: 600; }
.product-line--gift .product-line__gift-icon { position: relative; display: inline-flex; font-family: inherit; }
.product-line--gift .product-line__gift-icon::after { position: absolute; top: 50%; right: calc(100% + .5rem); width: 10rem; padding: .4rem .55rem; border-radius: .25rem; background: #191919; color: #fff; box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .18); content: attr(data-tooltip); font-size: .68rem; font-weight: 600; line-height: 1.3; text-align: left; opacity: 0; visibility: hidden; transform: translate(.2rem, -50%); transition: opacity .16s ease, visibility .16s ease, transform .16s ease; pointer-events: none; }
.product-line--gift .product-line__gift-icon:hover::after, .product-line--gift .product-line__gift-icon:focus::after { opacity: 1; visibility: visible; transform: translate(0, -50%); }

.webglobe-cart-drawer__footer { flex: 0 0 auto; padding: 1.25rem 1.5rem; border-top: 1px solid #ececec; box-shadow: 0 -.5rem 1.5rem rgba(0, 0, 0, .06); }
.webglobe-cart-drawer__summary { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1rem; }
.webglobe-cart-drawer__summary-label { color: var(--webglobe-muted, #777); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.webglobe-cart-drawer__summary-value { font-size: 1.4rem; font-weight: 700; }
.webglobe-cart-drawer__checkout { display: grid; width: 100%; margin-bottom: .6rem; padding: .85rem 1.25rem; place-items: center; }
.webglobe-cart-drawer__view-cart { display: block; color: var(--webglobe-muted, #777); font-size: .82rem; text-align: center; text-decoration: underline; }
.webglobe-cart-drawer__view-cart:hover { color: var(--webglobe-accent, #9c27b0); }
.webglobe-cart-drawer__empty { display: grid; flex: 1 1 auto; padding: 2rem 1.5rem; place-items: center; color: var(--webglobe-muted, #777); text-align: center; }

@media (max-width: 767.98px) {
  .webglobe-cart-drawer { width: 90vw; min-width: 0; max-width: none; }
}
@media (max-width: 480px) {
  .webglobe-cart-drawer { width: 100vw; }
}
@media (prefers-reduced-motion: reduce) {
  .webglobe-cart-drawer, .webglobe-cart-drawer__overlay { transition: none; }
  .webglobe-cart-drawer__product--gift::after, .webglobe-cartbar__product--gift::after, .product-line--gift::after { transition: none; }
}


/* Ostateczny layout pelnowysokosciowego panelu usuwania. */
.webglobe-cartbar__product { display: block; flex: 0 0 min(19rem, 40vw); min-width: min(24rem, 40vw); overflow: hidden; }
.webglobe-cartbar__product-link { box-sizing: border-box; width: 100%; min-width: 0; padding-right: 5.5rem; }
.webglobe-cartbar__product-actions { right: 0; box-sizing: border-box; padding-right: 5.5rem; }
.webglobe-cartbar__product-actions .webglobe-cartbar__remove { right: 0; }
.webglobe-cart-drawer__product { overflow: hidden; box-sizing: border-box; padding-right: 1.5rem; grid-template-columns: 4.5rem minmax(0, 1fr) auto; }
.webglobe-cart-drawer__product-actions { grid-column: 3; width: auto; margin-right: 0; }
.webglobe-cart-drawer__quantity .quantity-button__group { width: auto; }
.webglobe-cart-drawer__product-name { display: block; overflow: visible; -webkit-line-clamp: unset; }
.webglobe-cart-drawer__product-actions .webglobe-cartbar__remove { right: 0; width: 3.75rem; }
@media (min-width: 768px) {
  .webglobe-cart-drawer__product { grid-template-columns: 4.5rem minmax(0, 1fr) auto; }
  .webglobe-cart-drawer__product-actions { width: auto; }
  .webglobe-cart-drawer__product-name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; }
  .webglobe-cart-drawer__product-actions .webglobe-cartbar__remove { width: 6.5rem; }
}
@media (max-width: 767.98px) {
  .webglobe-cartbar__product-link { padding-right: 5.25rem; }
  .webglobe-cartbar__product-actions { padding-right: 5.25rem; }
  .webglobe-cartbar__product { flex-basis: 78vw; min-width: 78vw; }
}

/* Dolny pasek: panel usuwania pozycjonowany wzgledem calej karty. */
.webglobe-cartbar__product-actions,
.webglobe-cartbar__product:hover .webglobe-cartbar__product-actions,
.webglobe-cartbar__product:focus-within .webglobe-cartbar__product-actions {
  position: static;
  display: block;
  padding: 0;
  transform: none;
}
.webglobe-cartbar__quantity-label {
    position: absolute;
    left: 150px;
    bottom: 15px;
}
.webglobe-cartbar__product-actions .webglobe-cartbar__quantity {
  position: absolute;
  right: 5.5rem;
  bottom: .55rem;
}
.webglobe-cartbar__product-actions .webglobe-cartbar__remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4.75rem;
  height: auto;
}
@media (max-width: 767.98px) {
  .webglobe-cartbar__product-actions .webglobe-cartbar__quantity { right: 5.25rem; }
}


/* Stala ramka obrazu lookbooka: skala nie zmienia wizualnej wysokosci kafla. */
.webglobe-lookbook__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #eee;
}
.webglobe-lookbook__image {
  display: block;
  min-width: 100%;
  min-height: 100%;
  transform-origin: center;
  will-change: transform;
}
.subcategory__link {
    border: none;
}

@media (max-width: 767.98px) {
  .webglobe-cartbar {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .webglobe-cartbar__products {
    grid-column: 1 / -1;
    min-height: 4.75rem;
    scroll-snap-type: inline mandatory;
  }

  .webglobe-cartbar__product {
    flex: 0 0 100vw;
    min-width: 100vw;
    scroll-snap-align: start;
  }

  .webglobe-cartbar__product-link {
    min-height: 4.75rem;
    padding: .625rem 8.5rem .625rem .75rem;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    gap: .625rem;
  }

  .webglobe-cartbar__product img {
    width: 3.25rem;
    height: 3.25rem;
  }

  .webglobe-cartbar__product-info {
    gap: .125rem;
  }

  .webglobe-cartbar__product-info strong {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1.25;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .webglobe-cartbar__product-info span {
    font-size: .6875rem;
  }

  .webglobe-cartbar__quantity-label {
    display: none;
  }

  .webglobe-cartbar__product-actions .webglobe-cartbar__quantity {
    right: 3.25rem;
    bottom: 1.45rem;
    z-index: 3;
  }

  .webglobe-cartbar__quantity-button {
    width: 1.75rem;
    height: 1.75rem;
  }

  .webglobe-cartbar__quantity-value {
    width: 2rem;
  }

  .webglobe-cartbar__product-actions .webglobe-cartbar__remove {
    width: 3rem;
  }

  .webglobe-cartbar__summary {
    min-width: 7rem;
    padding: .625rem .75rem;
    border-top: 1px solid #ececec;
    border-right: 0;
    box-shadow: none;
  }

  .webglobe-cartbar__summary span {
    font-size: .625rem;
  }

  .webglobe-cartbar__summary strong {
    margin-top: .125rem;
    font-size: .9375rem;
  }

  .webglobe-cartbar__checkout {
    grid-column: auto;
    min-height: 3.25rem;
    min-width: 0;
    margin: .5rem .75rem .5rem 0;
    padding: .625rem 1rem;
  }
}

.webglobe-cartbar__products {
  margin-top: -1.75rem;
  padding-top: 1.75rem;
}
.webglobe-cartbar__product--gift {
  overflow: visible;
}
.webglobe-cart-gift-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: var(--webglobe-ink, #111);
  background: transparent;
  font: inherit;
  font-size: 2.9rem;
  line-height: 1;
  cursor: help;
}
.product-line--gift .product-line__gift,
.webglobe-cart-drawer__product-actions .webglobe-cart-drawer__gift {
  position: relative;
  top: auto !important;
  left: auto !important;
}
.webglobe-cartbar__product--gift .webglobe-cartbar__product-actions .webglobe-cartbar__gift {
  position: absolute;
  right: 2.5rem;
  bottom: .2rem;
}
.webglobe-cart-drawer__product--gift {
  grid-template-columns: 4.5rem minmax(0, 1fr) 2.75rem;
}
.webglobe-cart-drawer__product--gift .webglobe-cart-drawer__product-actions {
  grid-column: 3;
  width: 2.75rem;
  justify-content: center;
}
.webglobe-cart-gift-icon > span {
  display: inline-block;
  transform-origin: 50% 85%;
  will-change: transform;
  animation: webglobe-cart-gift-shake 1s ease-in-out infinite;
}
.webglobe-cart-gift-icon::after {
  position: absolute;
  bottom: calc(100% + .45rem);
  left: 50%;
  z-index: 3;
  width: min(11rem, calc(100vw - 2rem));
  padding: .4rem .55rem;
  background: #191919;
  color: #fff;
  box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .18);
  content: attr(data-tooltip);
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, .2rem);
  transition: opacity .16s ease, visibility .16s ease, transform .16s ease;
  pointer-events: none;
}
.webglobe-cart-gift-icon:hover::after,
.webglobe-cart-gift-icon:focus::after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.product-line--gift {
  overflow: visible;
}
.product-line--gift:hover,
.product-line--gift:focus-within {
  z-index: 4;
}
.product-line--gift .webglobe-cart-gift-icon::after {
  top: calc(100% + .45rem);
  right: 0;
  bottom: auto;
  left: auto;
  background: #191919;
  transform: translateY(-.2rem);
}
.product-line--gift .webglobe-cart-gift-icon:hover::after,
.product-line--gift .webglobe-cart-gift-icon:focus::after {
  transform: translateY(0);
}
.webglobe-cart-drawer__product--gift {
  overflow: visible;
}
.webglobe-cart-drawer__product--gift:hover,
.webglobe-cart-drawer__product--gift:focus-within {
  z-index: 4;
}
.webglobe-cart-drawer__gift.webglobe-cart-gift-icon::after {
  top: 50%;
  right: calc(100% + .65rem);
  bottom: auto;
  left: auto;
  width: min(11rem, calc(100vw - 5rem));
  transform: translate(.2rem, -50%);
}
.webglobe-cart-drawer__gift.webglobe-cart-gift-icon:hover::after,
.webglobe-cart-drawer__gift.webglobe-cart-gift-icon:focus::after {
  transform: translate(0, -50%);
}
@keyframes webglobe-cart-gift-shake {
  0%, 100% { transform: rotate(0deg) scale(1); }
  15% { transform: rotate(-12deg) scale(1.08); }
  30% { transform: rotate(11deg) scale(1.08); }
  45% { transform: rotate(-9deg) scale(1.06); }
  60% { transform: rotate(7deg) scale(1.04); }
  75% { transform: rotate(-4deg) scale(1.02); }
}
@media (prefers-reduced-motion: reduce) {
  .webglobe-cart-gift-icon > span {
    animation: none;
  }
}

.account-menu { --account-accent: var(--webglobe-accent); }
.account-menu--main { gap: 0.75rem; }
.account-menu--main .account-menu__link {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 9rem;
  padding: 1.35rem;
  border: 1px solid #e8e8e8;
  background: #fff;
  color: var(--webglobe-ink);
  transform: translate3d(0, 0, 0);
  transition: color 140ms ease, border-color 140ms ease, box-shadow 180ms ease, transform 180ms cubic-bezier(.2,.8,.2,1);
}
.account-menu--main .account-menu__link::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: radial-gradient(14rem circle at var(--account-x, 50%) var(--account-y, 50%), var(--account-accent-soft, rgba(240, 75, 75, 0.13)), transparent 56%);
  content: "";
  opacity: 0;
  transition: opacity 120ms ease;
}
.account-menu--main .account-menu__link:nth-child(1) { --account-accent: #e53935; --account-accent-soft: rgba(229, 57, 53, 0.13); }
.account-menu--main .account-menu__link:nth-child(2) { --account-accent: #2196f3; --account-accent-soft: rgba(33, 150, 243, 0.13); }
.account-menu--main .account-menu__link:nth-child(3) { --account-accent: #39b54a; --account-accent-soft: rgba(57, 181, 74, 0.13); }
.account-menu--main .account-menu__link:nth-child(4) { --account-accent: #ff9100; --account-accent-soft: rgba(255, 145, 0, 0.13); }
.account-menu--main .account-menu__link:nth-child(5) { --account-accent: #9c27b0; --account-accent-soft: rgba(156, 39, 176, 0.13); }
.account-menu--main .account-menu__link:nth-child(6) { --account-accent: #607d8b; --account-accent-soft: rgba(96, 125, 139, 0.13); }
/* Kafelki dokładane przez moduły trafiają poza pierwszą szóstkę, więc bez
   własnej reguły odziedziczyłyby domyślną czerwień z .account-menu. */
.account-menu--main #wgsociallogin_link { --account-accent: #00897b; --account-accent-soft: rgba(0, 137, 123, 0.13); }
.account-menu--main .account-menu__link::after {
  position: absolute;
  right: 1.25rem;
  bottom: 1.2rem;
  z-index: -1;
  width: 1.75rem;
  height: 1px;
  background: var(--account-accent);
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 160ms ease;
}
.account-menu--main .account-menu__link:hover,
.account-menu--main .account-menu__link:focus-visible {
  border-color: var(--account-accent);
  box-shadow: 0 12px 30px rgba(27, 27, 27, 0.09);
  color: var(--account-accent);
  transform: translate3d(var(--account-shift-x, 0), var(--account-shift-y, -4px), 0);
}
.account-menu--main .account-menu__link:hover::before,
.account-menu--main .account-menu__link:focus-visible::before { opacity: 1; }
.account-menu--main .account-menu__link:hover::after,
.account-menu--main .account-menu__link:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.account-menu--main .account-menu__icon {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  background: var(--webglobe-surface);
  color: var(--webglobe-ink);
  transition: background-color 140ms ease, color 140ms ease, transform 180ms cubic-bezier(.2,.8,.2,1);
}
.account-menu--main .account-menu__link:hover .account-menu__icon,
.account-menu--main .account-menu__link:focus-visible .account-menu__icon { background: var(--account-accent); color: #fff; transform: translateY(-2px) rotate(-4deg); }
.account-menu--main .account-menu__link--signout { --account-accent: var(--webglobe-accent); }
.account-menu--sidebar .account-menu__title { margin-bottom: 1rem; font-size: 1.15rem; }
.account-menu--sidebar .account-menu__nav { display: grid; gap: 0.2rem; }
.account-menu--sidebar .account-menu__link {
  position: relative;
  overflow: hidden;
  padding: 0.8rem 0.9rem;
  border-left: 2px solid transparent;
  background: transparent;
  transition: color 130ms ease, background-color 130ms ease, border-color 130ms ease, transform 130ms ease;
}
.account-menu--sidebar .account-menu__link:hover,
.account-menu--sidebar .account-menu__link:focus-visible,
.account-menu--sidebar .account-menu__link--active { border-left-color: var(--account-sidebar-accent, var(--webglobe-accent)); background: var(--webglobe-surface); color: inherit; transform: translateX(4px); }
.account-menu--sidebar .account-menu__icon { transition: transform 130ms ease; }
.account-menu--sidebar .account-menu__link:hover .account-menu__icon,
.account-menu--sidebar .account-menu__link:focus-visible .account-menu__icon { transform: scale(1.12); }
.account-menu--sidebar .account-menu__link--signout {
  margin-top: 0.5rem;
  border-top: 1px solid #e8e8e8;
  color: var(--webglobe-ink);
  isolation: isolate;
}
.account-menu--sidebar .account-menu__link--signout::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #e53935;
  content: "";
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.25s ease;
}
.account-menu--sidebar .account-menu__link--signout:hover,
.account-menu--sidebar .account-menu__link--signout:focus-visible {
  border-left-color: transparent;
  background: transparent;
  color: #fff;
}
.account-menu--sidebar .account-menu__link--signout:hover::before,
.account-menu--sidebar .account-menu__link--signout:focus-visible::before {
  transform: scaleY(1);
}
.account-menu--main.is-webglobe-ready .account-menu__link { opacity: 0; transform: translateY(14px); }
.account-menu--main.is-webglobe-ready.is-visible .account-menu__link { opacity: 1; transform: translateY(0); transition-delay: var(--account-delay, 0ms); }
@media (prefers-reduced-motion: reduce) {
  .account-menu .account-menu__link,
  .account-menu .account-menu__icon,
  .account-menu .account-menu__link::before,
  .account-menu .account-menu__link::after { transition-duration: 0.01ms; }
  .account-menu--main.is-webglobe-ready .account-menu__link { opacity: 1; transform: none; }
}

.webglobe-cart-notice--empty {
  top: auto;
  right: auto;
  bottom: 7rem;
  left: 1.75rem;
  display: grid;
  box-sizing: border-box;
  width: min(20rem, calc(100vw - 3.5rem));
  min-height: 4.4rem;
  padding: .85rem 1rem .85rem 3.8rem;
  align-items: center;
  border: 0;
  background: var(--webglobe-ink);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.22);
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.32;
  transform: translateY(0.8rem) scale(0.96);
  transform-origin: left bottom;
}
.webglobe-cart-notice--empty::before {
  position: absolute;
  left: .85rem;
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  place-items: center;
  background: var(--webglobe-accent);
  content: "shopping_cart";
  font-family: "Material Icons";
  font-size: 1.22rem;
  font-weight: 400;
}
.webglobe-cart-notice--empty::after {
  position: absolute;
  bottom: -0.45rem;
  left: 2rem;
  width: 0.9rem;
  height: 0.9rem;
  background: var(--webglobe-ink);
  content: "";
  transform: rotate(45deg);
}
.webglobe-cart-notice--empty.is-visible {
  animation: webglobe-empty-cart-in 280ms cubic-bezier(.16, 1, .3, 1) both;
  opacity: 1;
  transform: none;
}
@keyframes webglobe-empty-cart-in {
  0% { opacity: 0; transform: translateY(0.8rem) scale(0.96); }
  65% { opacity: 1; transform: translateY(-0.15rem) scale(1.01); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 767.98px) {
  .webglobe-cart-notice--empty { right: 1rem; bottom: 6.25rem; left: 1rem; width: auto; padding-right: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .webglobe-cart-notice--empty.is-visible { animation: none; }
}
figcaption.ps-imageslider__figcaption.carousel-caption.d-none.d-md-block {
    padding: 34px;
    border: 5px solid #ffffff1f;
}

#index .ps-imageslider {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
#index .ps-imageslider,
#index .ps-imageslider .carousel,
#index .ps-imageslider .carousel-inner,
#index .ps-imageslider .carousel-item,
#index .ps-imageslider__link,
#index .ps-imageslider__figure {
  min-height: clamp(32rem, 43vw, 47rem);
}
#index .ps-imageslider__figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #f4f5f6;
}
#index .ps-imageslider__figure::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 43%, rgba(255,255,255,0.78) 68%, rgba(255,255,255,0.94) 100%);
  content: "";
  pointer-events: none;
}
#index .ps-imageslider__figure > img {
  height: clamp(32rem, 43vw, 55rem);
  object-fit: cover;
}
@media (min-width: 2230px) {
  #index .ps-imageslider__figure > img {
  object-fit: cover;
}
}
#index .ps-imageslider__figcaption.carousel-caption {
  top: 50%;
  right: max(8vw, calc((100vw - 1680px) / 2 + 6rem));
  bottom: auto;
  left: auto;
  backdrop-filter: blur(5px);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(42rem, 43vw);
  max-width: none;
  min-height: clamp(16rem, 21vw, 23rem);
  padding: clamp(2.1rem, 3.2vw, 3.7rem);
  justify-content: center;
  border: 4px solid rgba(255,255,255,0.72);
  background: rgba(255,255,255,0.08);
  color: #000;
  text-align: left;
  transform: translateY(-50%);
}
#index .ps-imageslider__eyebrow {
  margin: 0 0 .35rem;
  color: #000;
  font-size: clamp(1.25rem, 2vw, 2.1rem);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
#index .ps-imageslider__eyebrow p,
#index .ps-imageslider__eyebrow h2,
#index .ps-imageslider__eyebrow h3 {
  margin: 0;
  color: inherit;
  font: inherit;
  text-transform: inherit;
}
#index .ps-imageslider__title {
  margin: 0 0 1.15rem;
  color: #000;
  font-size: clamp(3rem, 5.4vw, 5.7rem);
  font-weight: 900;
  line-height: .92;
  text-transform: none;
}
.details__item {
      padding: 5px 1px 5px 1px;
}
.product__availability-status.text-warning {
    max-width: 150px;
}
#index .ps-imageslider__figcaption .webglobe-cta {
  margin-top: .5rem;
  padding: .95rem 2.25rem;
  background: #1b1b1b;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: background-color .18s ease, transform .18s ease;
}
#index .ps-imageslider__figcaption .webglobe-cta::before {
  display: none;
}
#index .ps-imageslider__link:hover .webglobe-cta,
#index .ps-imageslider__link:focus-visible .webglobe-cta,
#index .ps-imageslider__figcaption a.webglobe-cta:hover,
#index .ps-imageslider__figcaption a.webglobe-cta:focus-visible {
  background: var(--webglobe-accent);
  color: #fff;
  transform: translateY(-2px);
}
#index .ps-imageslider .carousel-control-prev,
#index .ps-imageslider .carousel-control-next {
  top: 50%;
  width: 4.55rem;
  height: 4.55rem;
  border: 0;
  background: rgba(0,0,0,0.18);
  opacity: 1;
  transform: translateY(-50%);
  transition: background-color .18s ease, transform .18s ease;
}
#index .ps-imageslider .carousel-control-prev { left: 2.2rem; }
#index .ps-imageslider .carousel-control-next { right: 2.2rem; }
#index .ps-imageslider .carousel-control-prev:hover,
#index .ps-imageslider .carousel-control-next:hover {
  background: rgba(0,0,0,0.38);
  transform: translateY(-50%) scale(1.03);
}
#index .ps-imageslider .carousel-control-prev-icon,
#index .ps-imageslider .carousel-control-next-icon {
  width: 1.45rem;
  height: 1.45rem;
  filter: invert(1);
}

#index .ps-imageslider .carousel-indicators {
    bottom: -10px;
    gap: .45rem;
    z-index: 9000;
}
#index .ps-imageslider .carousel-indicators [data-bs-target] {
  width: .62rem;
  height: .62rem;
  margin: 0;
  border: 1px solid rgba(255,255,255,0.9);
  border-radius: 50%;
  background: transparent;
  opacity: 1;
}
#index .ps-imageslider .carousel-indicators .active {
  background: #fff;
}
@media (max-width: 1199.98px) {
  #index .ps-imageslider__figcaption.carousel-caption { right: 5vw; width: min(38rem, 50vw); }
}
@media (max-width: 767.98px) {
  #index .ps-imageslider,
  #index .ps-imageslider .carousel,
  #index .ps-imageslider .carousel-inner,
  #index .ps-imageslider .carousel-item,
  #index .ps-imageslider__link,
  #index .ps-imageslider__figure { height: auto; min-height: 0; }
  #index .ps-imageslider__figure::after { display: none; }
  #index .ps-imageslider__figure > img { display: block; height: auto; object-fit: contain; object-position: center; transform: none; }
  #index .ps-imageslider__figcaption.carousel-caption {
    position: absolute;
    right: 4vw;
    bottom: auto;
    left: auto;
    top: 50%;
    width: 50%;
    min-height: 0;
    max-height: 92%;
    padding: clamp(.5rem, 2.5vw, 1rem);
    border: 1px solid rgba(255,255,255,.72);
    background: rgba(255,255,255,.35);
    transform: translateY(-50%);
  }
  #index .ps-imageslider__eyebrow { font-size: clamp(.65rem, 2.5vw, 1.05rem); }
  #index .ps-imageslider__title { margin-bottom: .5rem; font-size: clamp(1rem, 4.5vw, 2.55rem); line-height: .96; }
  #index .ps-imageslider__figcaption .webglobe-cta { padding: .5rem .75rem; font-size: clamp(.55rem, 1.7vw, .72rem); }
  #index .ps-imageslider .carousel-control-prev,
  #index .ps-imageslider .carousel-control-next { display: none; }
  #index .ps-imageslider__figcaption.carousel-caption {
    backdrop-filter: blur(2px);
  }
}

#index .ps-imageslider__figcaption--right.carousel-caption {
  right: max(8vw, calc((100vw - 1680px) / 2 + 6rem));
  left: auto;
}
#index .ps-imageslider__figcaption--left.carousel-caption {
  right: auto;
  left: max(8vw, calc((100vw - 1680px) / 2 + 6rem));
}
#index .ps-imageslider__figure--left::after {
  background: linear-gradient(250deg, rgba(255,255,255,0) 0%, rgba(39, 155, 208, 0) 43%, rgba(255,255,255,0.78) 68%, rgba(255,255,255,0.94) 100%);
}
@media (max-width: 1199.98px) {
  #index .ps-imageslider__figcaption--right.carousel-caption { right: 5vw; left: auto; }
  #index .ps-imageslider__figcaption--left.carousel-caption { right: auto; left: 5vw; }
}
@media (max-width: 767.98px) {
  #index .ps-imageslider__figcaption--right.carousel-caption { right: 4vw; left: auto; }
  #index .ps-imageslider__figcaption--left.carousel-caption { right: auto; left: 4vw; }
  #index .ps-imageslider__figure--left::after { display: none; }
}
article.webglobe-cart-drawer__product {
    transition: transform .2s ease, background-color .2s ease;
}
/* pasek przy lewej krawędzi karty — po wysunięciu (-9px) to dokładnie część wystająca poza szufladę;
   kolor losowany per produkt w drawer.tpl (zmienna --wg-pop) */
article.webglobe-cart-drawer__product::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 9px;
    background: var(--wg-pop, var(--webglobe-accent, #9c27b0));
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  article.webglobe-cart-drawer__product:hover {
    transform: translateX(-9px);
    background: white;
  }
  article.webglobe-cart-drawer__product:hover::before {
    opacity: 1;
  }
}
.account-menu--sidebar .account-menu__link:nth-child(1) { --account-sidebar-accent: #e53935; }
.account-menu--sidebar .account-menu__link:nth-child(2) { --account-sidebar-accent: #2196f3; }
.account-menu--sidebar .account-menu__link:nth-child(3) { --account-sidebar-accent: #39b54a; }
.account-menu--sidebar .account-menu__link:nth-child(4) { --account-sidebar-accent: #ff9100; }
.account-menu--sidebar .account-menu__link:nth-child(5) { --account-sidebar-accent: #9c27b0; }
.account-menu--sidebar .account-menu__link:nth-child(6) { --account-sidebar-accent: #607d8b; }
.account-menu--sidebar .account-menu__link:nth-child(7) { --account-sidebar-accent: #111; }

.webglobe-category-bestsellers {
  margin: 2rem 0 2.75rem;
  padding: clamp(1.35rem, 1.2vw, 1rem);
}
.webglobe-category-bestsellers__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.4rem;
}
.webglobe-category-bestsellers__title {
  margin: 0;
  color: #1d1d1d;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.15;
}
.webglobe-category-bestsellers__controls {
  display: flex;
  gap: .45rem;
}
.webglobe-category-bestsellers__control {
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  padding: 0;
  border: 1px solid #d8dde3;
  place-items: center;
  background: #fff;
  color: var(--webglobe-ink);
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
.webglobe-category-bestsellers__control:hover,
.webglobe-category-bestsellers__control:focus-visible {
  border-color: var(--webglobe-ink);
  background: var(--webglobe-ink);
  color: #fff;
  transform: translateY(-1px);
}
.webglobe-category-bestsellers__control:disabled {
  cursor: default;
  opacity: .35;
  transform: none;
}
.webglobe-category-bestsellers__viewport {
  overflow: hidden;
}
.webglobe-category-bestsellers__track {
  display: grid;
  grid-auto-columns: calc((100% - 4rem) / 5);
  grid-auto-flow: column;
  gap: 2.5rem;
  overflow-x: auto;
  padding-bottom: .2rem;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  cursor: grab;
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
}
.webglobe-category-bestsellers__track.is-dragging { scroll-behavior: auto; scroll-snap-type: none; cursor: grabbing; user-select: none; }
.webglobe-category-bestsellers__track.is-dragging a,
.webglobe-category-bestsellers__track.is-dragging img { -webkit-user-drag: none; user-select: none; }
.webglobe-category-bestsellers__track::-webkit-scrollbar {
  display: none;
}
.webglobe-category-bestsellers__slide {
  min-width: 0;
  scroll-snap-align: start;
}
.webglobe-category-bestsellers .product-miniature {
  position: relative;
  width: auto;
  min-width: 0;
  height: 100%;
  min-width: 220px;
  background: #fff;
}
.webglobe-category-bestsellers .product-miniature__inner {
  height: 100%;
  background: #fff;
}
.webglobe-category-bestsellers .product-miniature__top img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.webglobe-category-bestsellers .product-miniature__bottom {
  padding: .8rem .75rem 1rem;
}
.webglobe-category-bestsellers .product-miniature__actions {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.webglobe-category-bestsellers .thumbnail-container {
  position: relative;
}
.webglobe-category-bestsellers .thumbnail-container > .wishlist-button,
.webglobe-category-bestsellers .thumbnail-container > .wishlist-button-add {
  position: absolute !important;
  z-index: 10;
  top: .65rem !important;
  right: .65rem !important;
  bottom: auto !important;
  left: auto !important;
  width: 2.5rem;
  margin: 0 !important;
}
.webglobe-category-bestsellers .thumbnail-container > .wishlist-button > .wishlist-button-add {
  position: static !important;
  margin: 0 !important;
}
.webglobe-category-bestsellers .product-miniature__prices {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .35rem;
  width: 100%;
  min-height: 1.5rem;
  margin: .55rem 0 0;
  text-align: center;
  opacity: 1;
  visibility: visible;
  transform: none;
}
.webglobe-category-bestsellers .product-miniature__price {
  color: #111827;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.webglobe-category-bestsellers .product-miniature__discount-price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.webglobe-category-bestsellers .product-miniature__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1199.98px) {
  .webglobe-category-bestsellers__track { grid-auto-columns: calc((100% - 2rem) / 3); }
}
@media (max-width: 767.98px) {
  .webglobe-category-bestsellers { margin: 1.5rem 0 2rem; padding: 1rem; }
  .webglobe-category-bestsellers__track { grid-auto-columns: calc((100% - .75rem) / 2); gap: .75rem; }
}
@media (max-width: 479.98px) {
  .webglobe-category-bestsellers__track { grid-auto-columns: 82%; }
}

/* --------------------------------------------------------------------------
   Blockwishlist – sortowanie na liście życzeń (module/blockwishlist/view)
   -------------------------------------------------------------------------- */
.wishlist-products-container .sort-by-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .75rem;
  margin: 0 0 1.25rem;
}
.wishlist-products-container .sort-by-row .sort-by {
  flex: 0 0 auto;
  width: auto;
  padding: 0;
  color: var(--webglobe-muted);
  font-size: .875rem;
}
.wishlist-products-container .products-sort-order {
  position: relative;
  flex: 0 1 16.5rem;
  width: auto;
  padding: 0;
}
.wishlist-products-container .select-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  width: 100%;
  padding: .5625rem .875rem;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  color: var(--webglobe-ink);
  font-size: .9375rem;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s ease;
}
.wishlist-products-container .select-title:hover,
.wishlist-products-container .select-title:focus-visible,
.wishlist-products-container .select-title[aria-expanded="true"] {
  border-color: var(--webglobe-ink);
  outline: none;
}
.wishlist-products-container .select-title .material-icons {
  float: none;
  margin: 0;
  color: var(--webglobe-muted);
  font-size: 1.25rem;
  transition: transform .15s ease;
}
.wishlist-products-container .select-title[aria-expanded="true"] .material-icons {
  transform: rotate(180deg);
}
.wishlist-products-container .products-sort-order .dropdown-menu {
  min-width: 100%;
  margin: .25rem 0 0;
  padding: .375rem 0;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
}
.wishlist-products-container .products-sort-order .select-list {
  display: block;
  padding: .5rem .875rem;
  color: var(--webglobe-ink);
  font-size: .9375rem;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
.wishlist-products-container .products-sort-order .select-list:hover {
  background: var(--webglobe-surface);
  color: var(--webglobe-ink);
}
@media (max-width: 575.98px) {
  .wishlist-products-container .sort-by-row {
    justify-content: stretch;
  }
  .wishlist-products-container .products-sort-order {
    flex: 1 1 auto;
  }
}

/* --------------------------------------------------------------------------
   Blockwishlist – rozsuwany podgląd produktów list (na wzór paska koszyka)
   -------------------------------------------------------------------------- */
.wishlist-list-item-link[role="button"] { cursor: pointer; }
.wishlist-list-item-link[role="button"]:focus-visible {
  outline: 2px solid var(--webglobe-accent);
  outline-offset: -2px;
}
.wishlist-list-item .wishlist-list-item-right {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.wg-wldrawer-toggle {
  display: inline-flex;
  min-height: 2rem;
  padding: .25rem .45rem .25rem .7rem;
  border: 0;
  align-items: center;
  gap: .25rem;
  background: transparent;
  color: var(--webglobe-ink);
  cursor: pointer;
  transition: background-color .18s ease;
}
.wg-wldrawer-toggle:hover { background: var(--webglobe-surface); }
.wg-wldrawer-toggle span {
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.wg-wldrawer-toggle .material-icons {
  font-size: 1.5rem;
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
}
.wg-wldrawer-open .wg-wldrawer-toggle .material-icons { transform: rotate(180deg); }

@media (max-width: 767.98px) {
  .wishlist-container .wishlist-list-item-link {
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
    padding: 1rem;
  }

  .wishlist-container .wishlist-list-item-title {
    min-width: 0;
    width: 100%;
    overflow-wrap: anywhere;
  }

  .wishlist-container .wishlist-list-item-title span {
    white-space: nowrap;
  }

  .wishlist-container .wishlist-list-item-right {
    width: 100%;
    min-width: 0;
    gap: .25rem;
  }

  .wishlist-container .wishlist-list-item-right > button {
    flex: 0 0 auto;
    min-width: 2.75rem;
    min-height: 2.75rem;
  }

  .wishlist-container .wishlist-list-item-right > .wg-wldrawer-toggle {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: 0 .25rem;
    text-align: left;
  }

  .wishlist-container .wg-wldrawer-toggle span {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .wishlist-container .wg-wldrawer-toggle .material-icons {
    flex-shrink: 0;
  }
}

.wg-wishlist-drawer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .32s cubic-bezier(.2,.8,.2,1);
}
.wg-wldrawer-open .wg-wishlist-drawer { grid-template-rows: 1fr; }
.wg-wishlist-drawer__track {
  display: flex;
  min-height: 0;
  overflow-y: hidden;
  overflow-x: auto;
  border-bottom: 1px solid #ececec;
  scrollbar-width: thin;
  scrollbar-color: #9c27b0 #eee8f2;
}
.wg-wldrawer-open .wg-wishlist-drawer__track { border-top: 1px solid #ececec; }
.wg-wishlist-drawer__track::-webkit-scrollbar { height: .55rem; }
.wg-wishlist-drawer__track::-webkit-scrollbar-track { background: #eee8f2; }
.wg-wishlist-drawer__track::-webkit-scrollbar-thumb { border: 2px solid #eee8f2; border-radius: 999px; background: #9c27b0; }
.wg-wishlist-drawer__track::-webkit-scrollbar-thumb:hover { background: #6f1685; }
.wg-wishlist-drawer__product {
  position: relative;
  display: grid;
  min-width: min(22rem, 48vw);
  padding: .8rem 1rem;
  border-right: 1px solid #ececec;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: .65rem .75rem;
  color: var(--webglobe-ink);
}
.wg-wishlist-drawer__product:hover { background: #fafafa; }
.wg-wishlist-drawer__product.is-removing {
  opacity: 0;
  transform: scale(.96);
  pointer-events: none;
}
.wg-wishlist-drawer__selector {
  display: grid;
  grid-row: 1 / 3;
  place-items: center;
  cursor: pointer;
}
.wg-wishlist-drawer__selector input {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--webglobe-accent);
}
.wg-wishlist-drawer__product-link {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  align-items: center;
  gap: .85rem;
  padding-right: 1.5rem;
  color: var(--webglobe-ink);
  text-decoration: none;
}
.wg-wishlist-drawer__product-link:hover { color: var(--webglobe-accent); }
.wg-wishlist-drawer__product img {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
  background: var(--webglobe-surface);
}
.wg-wishlist-drawer__product-info { display: grid; gap: .25rem; font-size: .75rem; line-height: 1.35; }
.wg-wishlist-drawer__product-info strong { font-size: .78rem; font-weight: 600; }
.wg-wishlist-drawer__product-info span { color: var(--webglobe-muted); }
.wg-wishlist-drawer__remove {
  position: absolute;
  z-index: 1;
  top: .45rem;
  right: .45rem;
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  place-items: center;
  background: transparent;
  color: var(--webglobe-muted);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, opacity .18s ease;
}
.wg-wishlist-drawer__remove:hover:not(:disabled) {
  background: var(--webglobe-accent);
  color: #fff;
}
.wg-wishlist-drawer__remove:disabled { opacity: .35; cursor: wait; }

.wg-wishlist-drawer__add,
.wg-wishlist-drawer__bulk {
  border: 1px solid var(--webglobe-ink);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.wg-wishlist-drawer__add {
  justify-self: start;
  padding: .45rem .7rem;
  background: #fff;
  color: var(--webglobe-ink);
}
.wg-wishlist-drawer__add:hover:not(:disabled) {
  background: var(--webglobe-ink);
  color: #fff;
}
.wg-wishlist-drawer__add:disabled {
  cursor: not-allowed;
  opacity: .5;
}
.wg-wishlist-drawer__controls {
  position: sticky;
  z-index: 2;
  right: 0;
  display: flex;
  min-width: min(23rem, 78vw);
  padding: 1rem 1.1rem;
  border-left: 1px solid #d8d8d8;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: .65rem;
  background: #f1f1f1a8;
  backdrop-filter: blur(5px);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .025);
}
.wg-wishlist-drawer__bulk {
  display: flex;
  min-height: 2.65rem;
  padding: .7rem 1rem;
  border-width: 2px;
  align-items: center;
  justify-content: center;
  background: var(--webglobe-ink);
  color: #fff;
  opacity: 1;
  visibility: visible;
  text-align: center;
  white-space: normal;
}
.wg-wishlist-drawer__bulk:hover:not(:disabled) {
  border-color: var(--webglobe-accent);
  background: black;
  color: #fff;
  transform: translateY(-1px);
}
.wg-wishlist-drawer__bulk:focus-visible {
  outline: 3px solid rgba(240, 75, 75, .3);
  outline-offset: 2px;
}
.wg-wishlist-drawer__bulk:disabled {
  border-color: #bdbdbd;
  background: #cecece;
  color: #555;
  cursor: not-allowed;
  opacity: 1;
}
.wg-wishlist-drawer__bulk:not(:disabled):not(.wg-wishlist-drawer__bulk--primary):not(.wg-wishlist-drawer__bulk--danger) {
  border-color: #f58220;
  background: #f58220;
  color: #fff;
}
.wg-wishlist-drawer__bulk:not(:disabled):not(.wg-wishlist-drawer__bulk--primary):not(.wg-wishlist-drawer__bulk--danger):hover {
  border-color: #d96b0b;
  background: #d96b0b;
  color: #fff;
}
.wg-wishlist-drawer__bulk--primary {
  border-color: var(--webglobe-accent);
  background: #000!important;
  color: #fff;
}
.wg-wishlist-drawer__bulk--primary:hover:not(:disabled) {
  border-color: var(--webglobe-ink);
  background: var(--webglobe-ink);
}
.wg-wishlist-drawer__bulk--danger {
  border-color: var(--webglobe-accent);
  background: #ffffff;
  color: var(--webglobe-accent);
}
.wg-wishlist-drawer__bulk--danger:hover:not(:disabled) {
  border-color: var(--webglobe-accent);
  background: var(--webglobe-accent);
  color: #fff;
}
.wg-wishlist-drawer__status {
  min-height: 1.2em;
  color: var(--webglobe-muted);
  font-size: .75rem;
  text-align: center;
}
.wg-wishlist-drawer__status.is-error { color: #b42318; }
.wg-wishlist-drawer__note {
  padding: 1rem;
  color: var(--webglobe-muted);
  font-size: .82rem;
}
@media (max-width: 767.98px) {
  .wg-wishlist-drawer__track {
    flex-direction: column;
  }

  .wg-wishlist-drawer__product {
    flex-shrink: 0;
    min-width: 0;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #ececec;
  }

  .wg-wishlist-drawer__selector {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    min-height: 2.75rem;
    margin: 0;
  }

  .wg-wishlist-drawer__product-link {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    grid-template-columns: 3.75rem minmax(0, 1fr);
    overflow-wrap: anywhere;
  }

  .wg-wishlist-drawer__product img {
    width: 3.75rem;
    height: 3.75rem;
  }

  .wg-wishlist-drawer__add {
    grid-column: 2;
    grid-row: 2;
    justify-self: stretch;
    min-width: 0;
    min-height: 2.75rem;
    white-space: normal;
  }

  .wg-wishlist-drawer__controls {
    position: static;
    flex-shrink: 0;
    min-width: 0;
    width: 100%;
    border-left: 0;
  }
}

/* Blockwishlist: closed Vue modals must not cover wishlist controls. */
.wishlist-delete > .wishlist-modal:not(.show),
.wishlist-create > .wishlist-modal:not(.show),
.wishlist-rename > .wishlist-modal:not(.show),
.wishlist-share > .wishlist-modal:not(.show) {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.wishlist-delete > .wishlist-modal:not(.show) + .modal-backdrop,
.wishlist-create > .wishlist-modal:not(.show) + .modal-backdrop,
.wishlist-rename > .wishlist-modal:not(.show) + .modal-backdrop,
.wishlist-share > .wishlist-modal:not(.show) + .modal-backdrop {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.wishlist-delete > .wishlist-modal.show,
.wishlist-create > .wishlist-modal.show,
.wishlist-rename > .wishlist-modal.show,
.wishlist-share > .wishlist-modal.show {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 1051;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.wishlist-delete > .wishlist-modal.show + .modal-backdrop.in,
.wishlist-create > .wishlist-modal.show + .modal-backdrop.in,
.wishlist-rename > .wishlist-modal.show + .modal-backdrop.in,
.wishlist-share > .wishlist-modal.show + .modal-backdrop.in {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 1050;
  background: #000;
  visibility: visible;
  opacity: .5;
  pointer-events: auto;
}
.product-miniature__top > .wishlist-button,
.product-miniature__top > .wishlist-button-add {
  position: absolute !important;
  z-index: 12;
  top: auto !important;
  right: auto !important;
  bottom: .65rem !important;
  left: .65rem !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  height: 2.5rem !important;
  margin: 0 !important;
}
.product-miniature__top > .wishlist-button > .wishlist-button-add {
  position: static !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  height: 2.5rem !important;
  margin: 0 !important;
}
@layer vendors {
  .product-miniature__top > .wishlist-button-add {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: .65rem !important;
    left: .65rem !important;
    width: 2.5rem !important;
    min-width: 2.5rem !important;
    height: 2.5rem !important;
    max-height: 2.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.wishlist-button-add {
  max-width: 40px;
  color: #272a31;
}
.wishlist-button-icon {
  display: block;
  color: currentColor;
  font-family: Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
}
.wishlist-button-add:hover,
.wishlist-button-add:focus-visible {
  color: var(--webglobe-accent, #f04b4b);
}
.modal{
  backdrop-filter: blur(4px);
}

/* Product gallery: the whole main image opens the existing image modal. */
.product__gallery-open {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.product__gallery-open picture,
.product__gallery-open img {
  display: block;
  width: 100%;
}
.product__gallery-open:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid currentColor;
  outline-offset: -3px;
}

.ps-mainmenu--desktop .submenu:not([data-wg-panel-interacted="true"]) .submenu__right-items {
  display: none !important;
}

@media (min-width: 1200px) {
  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items {
    --wg-cascade-list-width: 15rem;
    --wg-cascade-panel-width: 20rem;
    position: relative;
    grid-template-columns: var(--wg-cascade-list-width) minmax(0, 1fr);
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    gap: .125rem 0;
    align-content: start;
    min-height: 22rem;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items:is(.submenu__right-items--with-image, .submenu__right-items--with-products) {
    --wg-cascade-list-width: clamp(12rem, 18vw, 15rem);
    --wg-cascade-panel-width: clamp(15rem, 22vw, 20rem);
    grid-template-columns: var(--wg-cascade-list-width) minmax(0, 1fr);
    min-height: 22rem;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__category-links {
    display: grid;
    grid-column: 1;
    grid-row: 1;
    grid-auto-rows: min-content;
    align-content: start;
    gap: .125rem;
    min-width: 0;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown :is(.submenu__right-items, .submenu__category-links) > .menu-item__group--child,
  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown :is(.submenu__right-items, .submenu__category-links) > .menu-item__group--nochild {
    position: static;
    grid-column: 1;
    align-self: start;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown :is(.submenu__right-items, .submenu__category-links) > .menu-item__group--child {
    display: block;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown :is(.submenu__right-items, .submenu__category-links) > .menu-item__group--child > li:first-child,
  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown :is(.submenu__right-items, .submenu__category-links) > .menu-item__group--nochild > li:first-child {
    width: 100%;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__group-main-item {
    display: flex;
    gap: .5rem;
    align-items: center;
    width: 100%;
    margin: 0 !important;
    padding: .5rem .75rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    border-radius: var(--bs-border-radius);
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__group--child .menu-item__group-main-item::after {
    flex: 0 0 auto;
    margin-inline-start: auto;
    font-family: "Material Icons";
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1;
    content: "\e315";
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__group--child[data-wg-nested-active="true"] .menu-item__group-main-item {
    background-color: var(--bs-tertiary-bg);
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__group--child[data-wg-nested-active="true"] .menu-item__group-main-item::after {
    transform: translateX(.1875rem);
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__flyout {
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--wg-cascade-list-width);
    z-index: 1;
    width: calc(100% - var(--wg-cascade-list-width));
    padding-inline-start: 1.5rem;
    list-style: none;
    background-color: var(--bs-body-bg);
    border-inline-start: .0625rem solid var(--bs-border-color);
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items:is(.submenu__right-items--with-image, .submenu__right-items--with-products) .menu-item__flyout {
    width: var(--wg-cascade-panel-width);
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__flyout[hidden] {
    display: none !important;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__flyout-list {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    list-style: none;
    scrollbar-width: thin;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item__flyout-list .menu-item {
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.35;
    border-radius: var(--bs-border-radius);
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items a.menu-item:hover,
  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items a.menu-item:focus-visible,
  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items a.menu-item.is-wg-category-active {
    padding-inline-start: 1.6rem;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items .menu-item:focus-visible {
    outline: .125rem solid var(--bs-link-color);
    outline-offset: -.125rem;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items.submenu__right-items--with-image > .submenu__category-image {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: calc(var(--wg-cascade-list-width) + var(--wg-cascade-panel-width) + 1rem);
    inset-inline-end: 0;
    bottom: 0;
    grid-column: auto;
    grid-row: auto;
    width: auto;
    height: auto;
    max-height: none;
    align-items: flex-end;
    justify-content: flex-end;
    aspect-ratio: auto;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items.submenu__right-items--with-image > .submenu__category-image img {
    object-position: right bottom;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items.submenu__right-items--with-products > .submenu__category-products {
    /* Keep the carousel in flow so its full height contributes to the submenu. */
    position: relative;
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    margin-inline-start: 1rem;
    width: auto;
    min-width: 0;
    overflow: hidden;
    transition: margin-inline-start .2s ease;
  }

  .ps-mainmenu.ps-mainmenu--desktop.ps-mainmenu--nested-dropdown .submenu__right-items.submenu__right-items--with-products:has(> .submenu__category-links > .menu-item__group--child[data-wg-nested-active="true"]) > .submenu__category-products {
    margin-inline-start: calc(var(--wg-cascade-panel-width) + 1rem);
  }

}
.page-content--not-found {
  position: relative;
  min-height: 30rem;
  padding: 1.5rem 1rem 22rem;
  overflow: hidden;
  isolation: isolate;
}

.page-content--not-found::after {
  position: absolute;
  right: -1.5rem;
  bottom: 1rem;
  z-index: 0;
  width: min(88vw, 22rem);
  aspect-ratio: 1;
  background-image: var(--webglobe-not-found-image);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  pointer-events: none;
}

.page-content--not-found > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .page-content--not-found {
    min-height: 36rem;
    padding: 2.5rem 2rem 12rem;
    
  }

  .page-content--not-found::after {
    right: -0.5rem;
    bottom: 1rem;
    width: min(50vw, 28rem);
  }
}
#index .webglobe-new-products {
  margin: clamp(2.5rem, 4vw, 5rem) clamp(.75rem, 4vw, 4rem);
  padding: clamp(1rem, 3vw, 2rem);
  overflow: hidden;
  background: #fff;
  color: var(--webglobe-ink, #1b1b1b);
}
.webglobe-new-products__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: clamp(1rem, 2vw, 1.75rem); }
.webglobe-new-products__title { margin: 0; color: inherit; font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 600; line-height: 1.15; }
.webglobe-new-products__controls { display: flex; flex: 0 0 auto; gap: .45rem; }
.webglobe-new-products__control { display: grid; width: 2.75rem; height: 2.75rem; padding: 0; border: 1px solid currentColor; border-radius: 50%; place-items: center; background: transparent; color: inherit; cursor: pointer; opacity: .78; transition: color .18s ease, background-color .18s ease, opacity .18s ease; }
.webglobe-new-products__control:hover, .webglobe-new-products__control:focus-visible { background: var(--webglobe-ink, #1b1b1b); color: #fff; opacity: 1; }
.webglobe-new-products__control:disabled { cursor: default; opacity: .25; }
.webglobe-new-products__viewport, .webglobe-new-products__track, .webglobe-new-products__slide { min-width: 0; }
.webglobe-new-products__track { display: grid; gap: .75rem; }
.webglobe-new-products--grid .webglobe-new-products__track { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.webglobe-new-products--grid.webglobe-new-products--mobile-2 .webglobe-new-products__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.webglobe-new-products--grid.webglobe-new-products--mobile-3 .webglobe-new-products__track { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.webglobe-new-products--carousel .webglobe-new-products__viewport { overflow: hidden; }
.webglobe-new-products--carousel .webglobe-new-products__track { grid-auto-columns: 100%; grid-auto-flow: column; overflow-x: auto; padding-bottom: .35rem; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; touch-action: auto; -webkit-overflow-scrolling: touch; }
.webglobe-new-products--carousel.webglobe-new-products--mobile-2 .webglobe-new-products__track { grid-auto-columns: calc((100% - .75rem) / 2); }
.webglobe-new-products--carousel.webglobe-new-products--mobile-3 .webglobe-new-products__track { grid-auto-columns: calc((100% - 1.5rem) / 3); }
.webglobe-new-products--carousel .webglobe-new-products__track::-webkit-scrollbar { display: none; }
.webglobe-new-products--carousel .webglobe-new-products__track.is-dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; user-select: none; }
.webglobe-new-products--carousel .webglobe-new-products__track.is-dragging a, .webglobe-new-products--carousel .webglobe-new-products__track.is-dragging img { -webkit-user-drag: none; user-select: none; }
.webglobe-new-products--carousel .webglobe-new-products__slide { scroll-snap-align: start; }
.webglobe-new-products .product-miniature { width: auto; min-width: 0; height: 100%; }
.webglobe-new-products .product-miniature__inner { height: 100%; }
.webglobe-new-products__footer { display: flex; justify-content: center; margin-top: clamp(1.25rem, 3vw, 2rem); }
.webglobe-new-products__footer .btn { display: inline-flex; align-items: center; gap: .35rem; }

@media (min-width: 768px) {
  .webglobe-new-products__track { gap: 1rem; }
  .webglobe-new-products--grid.webglobe-new-products--tablet-1 .webglobe-new-products__track { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--tablet-2 .webglobe-new-products__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--tablet-3 .webglobe-new-products__track { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--tablet-4 .webglobe-new-products__track { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--tablet-5 .webglobe-new-products__track { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--tablet-6 .webglobe-new-products__track { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .webglobe-new-products--carousel.webglobe-new-products--tablet-1 .webglobe-new-products__track { grid-auto-columns: 100%; }
  .webglobe-new-products--carousel.webglobe-new-products--tablet-2 .webglobe-new-products__track { grid-auto-columns: calc((100% - 1rem) / 2); }
  .webglobe-new-products--carousel.webglobe-new-products--tablet-3 .webglobe-new-products__track { grid-auto-columns: calc((100% - 2rem) / 3); }
  .webglobe-new-products--carousel.webglobe-new-products--tablet-4 .webglobe-new-products__track { grid-auto-columns: calc((100% - 3rem) / 4); }
  .webglobe-new-products--carousel.webglobe-new-products--tablet-5 .webglobe-new-products__track { grid-auto-columns: calc((100% - 4rem) / 5); }
  .webglobe-new-products--carousel.webglobe-new-products--tablet-6 .webglobe-new-products__track { grid-auto-columns: calc((100% - 5rem) / 6); }
}

@media (min-width: 1200px) {
  .webglobe-new-products--grid.webglobe-new-products--desktop-2 .webglobe-new-products__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--desktop-3 .webglobe-new-products__track { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--desktop-4 .webglobe-new-products__track { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--desktop-5 .webglobe-new-products__track { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--desktop-6 .webglobe-new-products__track { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--desktop-7 .webglobe-new-products__track { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .webglobe-new-products--grid.webglobe-new-products--desktop-8 .webglobe-new-products__track { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .webglobe-new-products--carousel.webglobe-new-products--desktop-2 .webglobe-new-products__track { grid-auto-columns: calc((100% - 1rem) / 2); }
  .webglobe-new-products--carousel.webglobe-new-products--desktop-3 .webglobe-new-products__track { grid-auto-columns: calc((100% - 2rem) / 3); }
  .webglobe-new-products--carousel.webglobe-new-products--desktop-4 .webglobe-new-products__track { grid-auto-columns: calc((100% - 3rem) / 4); }
  .webglobe-new-products--carousel.webglobe-new-products--desktop-5 .webglobe-new-products__track { grid-auto-columns: calc((100% - 4rem) / 5); }
  .webglobe-new-products--carousel.webglobe-new-products--desktop-6 .webglobe-new-products__track { grid-auto-columns: calc((100% - 5rem) / 6); }
  .webglobe-new-products--carousel.webglobe-new-products--desktop-7 .webglobe-new-products__track { grid-auto-columns: calc((100% - 6rem) / 7); }
  .webglobe-new-products--carousel.webglobe-new-products--desktop-8 .webglobe-new-products__track { grid-auto-columns: calc((100% - 7rem) / 8); }
}

@media (prefers-reduced-motion: reduce) {
  .webglobe-new-products--carousel .webglobe-new-products__track { scroll-behavior: auto; }
  .webglobe-new-products__control { transition: none; }
}

#index .webglobe-home-carousel {
  margin-block: min(var(--wg-home-carousel-margin, 4rem), 12vw);
  margin-inline: min(var(--wg-home-carousel-margin, 4rem), 4vw);
  padding: min(var(--wg-home-carousel-padding, 1.5rem), 6vw);
  overflow: hidden;
  border: var(--wg-home-carousel-border-width, 1px) solid var(--wg-home-carousel-border, #3a3a3a);
  border-radius: var(--wg-home-carousel-radius, 1.25rem);
  background: var(--wg-home-carousel-bg, #202020);
  color: var(--wg-home-carousel-text, #fff);
}
.webglobe-home-carousel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.webglobe-home-carousel__intro { min-width: 0; text-align: var(--wg-home-carousel-text-align, left); }
.webglobe-home-carousel__title { margin: 0; color: inherit; font-size: clamp(1.45rem, 4vw, var(--wg-home-carousel-title-size, 2.35rem)); font-weight: var(--wg-home-carousel-title-weight, 500); line-height: 1.12; }
.webglobe-home-carousel__subtitle { margin: .6rem 0 0; color: inherit; font-size: .95rem; line-height: 1.55; opacity: .75; }
.webglobe-home-carousel__controls { display: flex; flex: 0 0 auto; gap: .45rem; }
.webglobe-home-carousel__control { display: grid; width: 2.5rem; height: 2.5rem; padding: 0; border: 1px solid currentColor; border-radius: 50%; place-items: center; background: transparent; color: inherit; cursor: pointer; opacity: .75; transition: color .18s ease, background-color .18s ease, border-color .18s ease, opacity .18s ease; }
.webglobe-home-carousel__control:hover, .webglobe-home-carousel__control:focus-visible { border-color: var(--wg-home-carousel-text, #fff); background: var(--wg-home-carousel-text, #fff); color: var(--wg-home-carousel-bg, #202020); opacity: 1; }
.webglobe-home-carousel__control:disabled { cursor: default; opacity: .3; }
.webglobe-home-carousel__tabs { display: flex; gap: .4rem; margin: 0 0 1rem; overflow-x: auto; border-bottom: 1px solid currentColor; scrollbar-width: none; scroll-snap-type: x proximity; }
.webglobe-home-carousel__tabs::-webkit-scrollbar { display: none; }
.webglobe-home-carousel__tab { flex: 0 0 auto; min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-bottom: 0; border-radius: .4rem .4rem 0 0; background: color-mix(in srgb, currentColor 7%, transparent); color: inherit; font: inherit; cursor: pointer; scroll-snap-align: start; transition: background-color .18s ease, color .18s ease; }
.webglobe-home-carousel__tab.is-active, .webglobe-home-carousel__tab:hover, .webglobe-home-carousel__tab:focus-visible { background: var(--wg-home-carousel-text, #fff); color: var(--wg-home-carousel-bg, #202020); }
.webglobe-home-carousel__tab:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.webglobe-home-carousel__content { display: grid; gap: 1rem; min-width: 0; }
.webglobe-home-carousel__visual { min-height: 0; overflow: hidden; border-radius: max(0px, calc(var(--wg-home-carousel-radius, 1.25rem) * .65)); background: color-mix(in srgb, var(--wg-home-carousel-text, #fff) 8%, transparent); }
.webglobe-home-carousel__visual img { display: block; width: 100%; height: auto; object-fit: cover; }
.webglobe-home-carousel__panels, .webglobe-home-carousel__panel, .webglobe-home-carousel__viewport { min-width: 0; }
.webglobe-home-carousel__panel[hidden] { display: none; }
.webglobe-home-carousel__viewport { overflow: hidden; }
.webglobe-home-carousel__track { display: grid; grid-auto-columns: 100%; grid-auto-flow: column; gap: .75rem; overflow-x: auto; padding-bottom: .25rem; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; touch-action: auto; -webkit-overflow-scrolling: touch; }
.webglobe-home-carousel--mobile-2 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - .75rem) / 2); }
.webglobe-home-carousel--mobile-3 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 1.5rem) / 3); }
.webglobe-home-carousel__track.is-dragging { scroll-behavior: auto; scroll-snap-type: none; cursor: grabbing; user-select: none; }
.webglobe-home-carousel__track.is-dragging a, .webglobe-home-carousel__track.is-dragging img { -webkit-user-drag: none; user-select: none; }
.webglobe-home-carousel__track::-webkit-scrollbar { display: none; }
.webglobe-home-carousel__slide { min-width: 0; scroll-snap-align: start; }
.webglobe-home-carousel .product-miniature { width: auto; min-width: 0; height: 100%; border: 1px solid color-mix(in srgb, var(--wg-home-carousel-text, #fff) 14%, transparent); border-radius: max(.5rem, calc(var(--wg-home-carousel-radius, 1.25rem) * .65)); background: color-mix(in srgb, var(--wg-home-carousel-bg, #202020) 88%, var(--wg-home-carousel-text, #fff)); color: var(--wg-home-carousel-text, #fff); }
.webglobe-home-carousel .product-miniature__inner { height: 100%; border-radius: inherit; background: transparent; }
.webglobe-home-carousel .product-miniature__top { padding: .45rem .45rem 0; }
.webglobe-home-carousel .product-miniature__top img { border-radius: .75rem; background: #fff; object-fit: contain; }
.webglobe-home-carousel .product-miniature__bottom { padding: .6rem .45rem .75rem; }
.webglobe-home-carousel .product-miniature__title, .webglobe-home-carousel .product-miniature__title a, .webglobe-home-carousel .product-miniature__price, .webglobe-home-carousel .product-miniature__discount-price { color: var(--wg-home-carousel-text, #fff); }
.webglobe-home-carousel .product-miniature__regular-price, .webglobe-home-carousel .product-miniature__manufacturer { color: inherit; opacity: .62; }
.webglobe-home-carousel .product-miniature__actions { opacity: 1; visibility: visible; transform: none; }
.webglobe-home-carousel .product-miniature__form { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr); gap: .4rem; }
.webglobe-home-carousel .quantity-button { width: 100%; }
.webglobe-home-carousel .quantity-button__group { width: 100%; grid-template-columns: minmax(0, .75fr) minmax(0, 1fr) minmax(0, .75fr); }
.webglobe-home-carousel .quantity-button__group > .form-control { width: auto; min-width: 0; flex: 1 1 auto; }
.webglobe-home-carousel .quantity-button__group .btn .material-icons { font-size: .8rem; }
.webglobe-home-carousel .product-miniature__details { width: 100%; min-width: 0; padding: .5rem .25rem; font-size: .7rem; line-height: 1.2; white-space: normal; overflow-wrap: anywhere; }
.webglobe-home-carousel .product-miniature__add { width: 100%; min-width: 0; }
@media (min-width: 768px) {
  #index .webglobe-home-carousel { margin-block: min(var(--wg-home-carousel-margin, 4rem), 8vw); margin-inline: min(var(--wg-home-carousel-margin, 4rem), 3vw); padding: min(var(--wg-home-carousel-padding, 1.5rem), 5vw); }
  .webglobe-home-carousel__header { margin-bottom: 1.5rem; }
  .webglobe-home-carousel__track { gap: 1rem; }
  .webglobe-home-carousel--tablet-1 .webglobe-home-carousel__track { grid-auto-columns: 100%; }
  .webglobe-home-carousel--tablet-2 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 1rem) / 2); }
  .webglobe-home-carousel--tablet-3 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 2rem) / 3); }
  .webglobe-home-carousel--tablet-4 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 3rem) / 4); }
  .webglobe-home-carousel--tablet-5 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 4rem) / 5); }
  .webglobe-home-carousel--tablet-6 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 5rem) / 6); }
}
@media (min-width: 1200px) {
  #index .webglobe-home-carousel { margin-block: var(--wg-home-carousel-margin, 4rem); margin-inline: min(var(--wg-home-carousel-margin, 4rem), 4vw); padding: min(var(--wg-home-carousel-padding, 1.5rem), 5vw); }
  .webglobe-home-carousel__content { grid-template-columns: minmax(19rem, 32%) minmax(0, 1fr); align-items: stretch; }
  .webglobe-home-carousel--without-image .webglobe-home-carousel__content { grid-template-columns: minmax(0, 1fr); }
  .webglobe-home-carousel__visual { height: 100%; min-height: 30rem; aspect-ratio: auto; }
  .webglobe-home-carousel__visual img { height: 100%; }
  .webglobe-home-carousel--desktop-1 .webglobe-home-carousel__track { grid-auto-columns: 100%; }
  .webglobe-home-carousel--desktop-2 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 1rem) / 2); }
  .webglobe-home-carousel--desktop-3 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 2rem) / 3); }
  .webglobe-home-carousel--desktop-4 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 3rem) / 4); }
  .webglobe-home-carousel--desktop-5 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 4rem) / 5); }
  .webglobe-home-carousel--desktop-6 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 5rem) / 6); }
  .webglobe-home-carousel--desktop-7 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 6rem) / 7); }
  .webglobe-home-carousel--desktop-8 .webglobe-home-carousel__track { grid-auto-columns: calc((100% - 7rem) / 8); }
}
@media (prefers-reduced-motion: reduce) { .webglobe-home-carousel__track { scroll-behavior: auto; } .webglobe-home-carousel__control, .webglobe-home-carousel__tab { transition: none; } }
#index .webglobe-home-recommendations {
  margin-block: min(var(--wg-home-recommendations-margin, 4rem), 12vw);
  margin-inline: min(var(--wg-home-recommendations-margin, 4rem), 4vw);
  padding: min(var(--wg-home-recommendations-padding, 1.5rem), 6vw);
  overflow: hidden;
  border: var(--wg-home-recommendations-border-width, 1px) solid var(--wg-home-recommendations-border, #3a3a3a);
  border-radius: var(--wg-home-recommendations-radius, 1.25rem);
  background: var(--wg-home-recommendations-bg, #202020);
  color: var(--wg-home-recommendations-text, #fff);
}
.webglobe-home-recommendations__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.webglobe-home-recommendations__intro { min-width: 0; text-align: var(--wg-home-recommendations-text-align, left); }
.webglobe-home-recommendations__title { margin: 0; color: inherit; font-size: clamp(1.45rem, 4vw, var(--wg-home-recommendations-title-size, 2.35rem)); font-weight: var(--wg-home-recommendations-title-weight, 500); line-height: 1.12; }
.webglobe-home-recommendations__subtitle { margin: .6rem 0 0; color: inherit; font-size: .95rem; line-height: 1.55; opacity: .75; }
.webglobe-home-recommendations__controls { display: flex; flex: 0 0 auto; gap: .45rem; }
.webglobe-home-recommendations__control { display: grid; width: 2.5rem; height: 2.5rem; padding: 0; border: 1px solid currentColor; border-radius: 50%; place-items: center; background: transparent; color: inherit; cursor: pointer; opacity: .75; transition: color .18s ease, background-color .18s ease, border-color .18s ease, opacity .18s ease; }
.webglobe-home-recommendations__control:hover, .webglobe-home-recommendations__control:focus-visible { border-color: var(--wg-home-recommendations-text, #fff); background: var(--wg-home-recommendations-text, #fff); color: var(--wg-home-recommendations-bg, #202020); opacity: 1; }
.webglobe-home-recommendations__control:disabled { cursor: default; opacity: .3; }
.webglobe-home-recommendations__tabs { display: flex; gap: .4rem; margin: 0 0 1rem; overflow-x: auto; border-bottom: 1px solid currentColor; scrollbar-width: none; scroll-snap-type: x proximity; }
.webglobe-home-recommendations__tabs::-webkit-scrollbar { display: none; }
.webglobe-home-recommendations__tab { flex: 0 0 auto; min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-bottom: 0; border-radius: .4rem .4rem 0 0; background: color-mix(in srgb, currentColor 7%, transparent); color: inherit; font: inherit; cursor: pointer; scroll-snap-align: start; transition: background-color .18s ease, color .18s ease; }
.webglobe-home-recommendations__tab.is-active, .webglobe-home-recommendations__tab:hover, .webglobe-home-recommendations__tab:focus-visible { background: var(--wg-home-recommendations-text, #fff); color: var(--wg-home-recommendations-bg, #202020); }
.webglobe-home-recommendations__tab:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.webglobe-home-recommendations__content { display: grid; gap: 1rem; min-width: 0; }
.webglobe-home-recommendations__visual { min-height: 0; overflow: hidden; border-radius: max(0px, calc(var(--wg-home-recommendations-radius, 1.25rem) * .65)); background: color-mix(in srgb, var(--wg-home-recommendations-text, #fff) 8%, transparent); }
.webglobe-home-recommendations__visual img { display: block; width: 100%; height: auto; object-fit: cover; }
@media (max-width: 767.98px) {
  .webglobe-home-recommendations__visual img { margin-block: -60px; }
}
.webglobe-home-recommendations__panels, .webglobe-home-recommendations__panel, .webglobe-home-recommendations__viewport { min-width: 0; }
.webglobe-home-recommendations__panel[hidden] { display: none; }
.webglobe-home-recommendations__viewport { overflow: hidden; }
.webglobe-home-recommendations__track { display: grid; grid-auto-columns: max(300px, 100%); grid-auto-flow: column; gap: .75rem; overflow-x: auto; padding-bottom: .25rem; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; touch-action: auto; -webkit-overflow-scrolling: touch; }
.webglobe-home-recommendations__track[data-webglobe-home-recommendations-load-url]:not([data-load-state="error"]) { position: relative; min-height: clamp(18rem, 32vw, 24rem); overflow: hidden; cursor: wait; }
.webglobe-home-recommendations__track[data-webglobe-home-recommendations-load-url]:not([data-load-state="error"])::before { position: absolute; top: 50%; left: 50%; width: 1.5rem; height: 1.5rem; border: 2px solid color-mix(in srgb, currentColor 18%, transparent); border-top-color: currentColor; border-radius: 50%; content: ""; opacity: .7; transform: translate(-50%, -50%); animation: webglobe-home-recommendations-loading .65s linear infinite; }
@keyframes webglobe-home-recommendations-loading { to { transform: translate(-50%, -50%) rotate(1turn); } }
.webglobe-home-recommendations--mobile-2 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - .75rem) / 2)); }
.webglobe-home-recommendations--mobile-3 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 1.5rem) / 3)); }
.webglobe-home-recommendations__track.is-dragging { scroll-behavior: auto; scroll-snap-type: none; cursor: grabbing; user-select: none; }
.webglobe-home-recommendations__track.is-dragging a, .webglobe-home-recommendations__track.is-dragging img { -webkit-user-drag: none; user-select: none; }
.webglobe-home-recommendations__track::-webkit-scrollbar { display: none; }
.webglobe-home-recommendations__slide { min-width: 300px; scroll-snap-align: start; }
.webglobe-home-recommendations .product-miniature { width: auto; min-width: 0; height: 100%; border: 1px solid color-mix(in srgb, var(--wg-home-recommendations-text, #fff) 14%, transparent); border-radius: max(.5rem, calc(var(--wg-home-recommendations-radius, 1.25rem) * .65)); background: var(--wg-home-recommendations-bg, #fff); color: var(--wg-home-recommendations-text, #fff); }
.webglobe-home-recommendations .product-miniature__inner { height: 100%; border-radius: inherit; background: transparent; }
.webglobe-home-recommendations .product-miniature__top { padding: .45rem .45rem 0; }
.webglobe-home-recommendations .product-miniature__top img { border-radius: .75rem; background: #fff; object-fit: contain; }
.webglobe-home-recommendations .product-miniature__bottom { padding: .6rem .45rem .75rem; }
.webglobe-home-recommendations .product-miniature__title, .webglobe-home-recommendations .product-miniature__title a, .webglobe-home-recommendations .product-miniature__price, .webglobe-home-recommendations .product-miniature__discount-price { color: var(--wg-home-recommendations-text, #fff); }
.webglobe-home-recommendations .product-miniature__regular-price, .webglobe-home-recommendations .product-miniature__manufacturer { color: inherit; opacity: .62; }
@media (min-width: 768px) {
  #index .webglobe-home-recommendations { margin-block: min(var(--wg-home-recommendations-margin, 4rem), 8vw); margin-inline: min(var(--wg-home-recommendations-margin, 4rem), 3vw); padding: min(var(--wg-home-recommendations-padding, 1.5rem), 5vw); }
  .webglobe-home-recommendations__header { margin-bottom: 1.5rem; }
  .webglobe-home-recommendations__track { gap: 1rem; }
  .webglobe-home-recommendations--tablet-1 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, 100%); }
  .webglobe-home-recommendations--tablet-2 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 1rem) / 2)); }
  .webglobe-home-recommendations--tablet-3 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 2rem) / 3)); }
  .webglobe-home-recommendations--tablet-4 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 3rem) / 4)); }
  .webglobe-home-recommendations--tablet-5 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 4rem) / 5)); }
  .webglobe-home-recommendations--tablet-6 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 5rem) / 6)); }
}
@media (min-width: 1200px) {
  #index .webglobe-home-recommendations { margin-block: var(--wg-home-recommendations-margin, 4rem); margin-inline: min(var(--wg-home-recommendations-margin, 4rem), 4vw); margin-right: calc((100% - 100vw) / 2); padding: min(var(--wg-home-recommendations-padding, 1.5rem), 5vw); }
  .webglobe-home-recommendations__panels { margin-right: calc(0px - min(var(--wg-home-recommendations-padding, 1.5rem), 5vw)); }
  #index .webglobe-home-recommendations--image-right { margin-right: min(var(--wg-home-recommendations-margin, 4rem), 4vw); margin-left: calc((100% - 100vw) / 2); }
  .webglobe-home-recommendations--image-right > .webglobe-home-recommendations__header,
  .webglobe-home-recommendations--image-right > .webglobe-home-recommendations__tabs {
    margin-left: calc(1vw + min(var(--wg-home-recommendations-margin, 2rem), 2vw));
  }
  .webglobe-home-recommendations--image-right > .webglobe-home-recommendations__tabs { max-width: calc(95% - min(var(--wg-home-recommendations-margin, 4rem), 4vw)); }
  .webglobe-home-recommendations--image-right .webglobe-home-recommendations__panels { margin-right: 0; margin-left: calc(0px - min(var(--wg-home-recommendations-padding, 1.5rem), 5vw)); }
  .webglobe-home-recommendations__content { grid-template-columns: minmax(13rem, 24%) minmax(0, 1fr); align-items: stretch; }
  .webglobe-home-recommendations--without-image .webglobe-home-recommendations__content { grid-template-columns: minmax(0, 1fr); }
  .webglobe-home-recommendations--image-right .webglobe-home-recommendations__visual { order: 2; }
  .webglobe-home-recommendations__visual { height: 100%; min-height: 24rem; aspect-ratio: auto; }
  .webglobe-home-recommendations__visual img { height: 100%; }
  .webglobe-home-recommendations--desktop-1 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, 100%); }
  .webglobe-home-recommendations--desktop-2 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 1rem) / 2)); }
  .webglobe-home-recommendations--desktop-3 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 2rem) / 3)); }
  .webglobe-home-recommendations--desktop-4 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 3rem) / 4)); }
  .webglobe-home-recommendations--desktop-5 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 4rem) / 5)); }
  .webglobe-home-recommendations--desktop-6 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 5rem) / 6)); }
  .webglobe-home-recommendations--desktop-7 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 6rem) / 7)); }
  .webglobe-home-recommendations--desktop-8 .webglobe-home-recommendations__track { grid-auto-columns: max(300px, calc((100% - 7rem) / 8)); }
}
@media (prefers-reduced-motion: reduce) { .webglobe-home-recommendations__track { scroll-behavior: auto; } .webglobe-home-recommendations__track[data-webglobe-home-recommendations-load-url]::before { animation: none; } .webglobe-home-recommendations__control, .webglobe-home-recommendations__tab { transition: none; } }
#index .webglobe-home-recommendations { position: relative; isolation: isolate; box-shadow: none; }
.webglobe-home-recommendations__header { align-items: center; margin-bottom: 1rem; }
.webglobe-home-recommendations__title { letter-spacing: 0; }
.webglobe-home-recommendations__subtitle { max-width: 46rem; margin-top: .5rem; opacity: .7; }
.webglobe-home-recommendations__controls { gap: .5rem; }
.webglobe-home-recommendations__control { width: 2.75rem; height: 2.75rem; border: 1px solid currentColor; border-radius: 0; background: transparent; color: inherit; box-shadow: none; opacity: .7; transition: color .2s ease, background-color .2s ease, opacity .2s ease; }
.webglobe-home-recommendations__control:hover, .webglobe-home-recommendations__control:focus-visible { border-color: var(--wg-home-recommendations-text, #17191f); background: var(--wg-home-recommendations-text, #17191f); color: var(--wg-home-recommendations-bg, #fff); box-shadow: none; opacity: 1; transform: none; }
.webglobe-home-recommendations__control:disabled { box-shadow: none; opacity: .3; transform: none; }
.webglobe-home-recommendations__tabs { gap: 1.5rem; margin-bottom: 1.25rem; padding: 0; border: 0; background: transparent; }
.webglobe-home-recommendations__tab { --wg-recommendation-tab-accent: #e94b4b; min-height: 2.75rem; padding: .7rem 0; border: 0; border-bottom: 4px solid transparent; border-radius: 0; background: transparent; color: inherit; font-size: .85rem; font-weight: 600; line-height: 1.2; transition: color .2s ease, border-color .2s ease; }
.webglobe-home-recommendations__tab:nth-child(10n+2) { --wg-recommendation-tab-accent: #3b82f6; }
.webglobe-home-recommendations__tab:nth-child(10n+3) { --wg-recommendation-tab-accent: #d39b22; }
.webglobe-home-recommendations__tab:nth-child(10n+4) { --wg-recommendation-tab-accent: #2d9b68; }
.webglobe-home-recommendations__tab:nth-child(10n+5) { --wg-recommendation-tab-accent: #8b5cf6; }
.webglobe-home-recommendations__tab:nth-child(10n+6) { --wg-recommendation-tab-accent: #0f9da8; }
.webglobe-home-recommendations__tab:nth-child(10n+7) { --wg-recommendation-tab-accent: #f07a35; }
.webglobe-home-recommendations__tab:nth-child(10n+8) { --wg-recommendation-tab-accent: #5468d4; }
.webglobe-home-recommendations__tab:nth-child(10n+9) { --wg-recommendation-tab-accent: #d34b8c; }
.webglobe-home-recommendations__tab:nth-child(10n) { --wg-recommendation-tab-accent: #7b9f35; }
.webglobe-home-recommendations__tab:hover, .webglobe-home-recommendations__tab:focus-visible, .webglobe-home-recommendations__tab.is-active { border-bottom-color: var(--wg-recommendation-tab-accent); background: transparent; color: inherit; box-shadow: none; }
.webglobe-home-recommendations__tab:focus-visible { outline: 2px solid var(--wg-recommendation-tab-accent); outline-offset: 2px; }
.webglobe-home-recommendations__content { gap: 1rem; }
.webglobe-home-recommendations__visual { overflow: hidden; border: 0; border-radius: 0; background: var(--webglobe-surface, #f6f6f6); box-shadow: none; }
.webglobe-home-recommendations__visual img { transition: transform .5s cubic-bezier(.2,.75,.25,1); }
.webglobe-home-recommendations__track { padding-block: 0 .75rem; }
.webglobe-home-recommendations__slide { display: flex; height: auto; }
.webglobe-home-recommendations .product-miniature { width: 100%; border: 0; border-radius: 0; background: transparent; color: var(--webglobe-ink, #1b1b1b); box-shadow: none; transition: transform .28s cubic-bezier(.2,.75,.25,1), box-shadow .28s ease; }
.webglobe-home-recommendations .product-miniature:focus-within { border-color: transparent; box-shadow: none; }
.webglobe-home-recommendations .product-miniature__inner { width: 100%; height: 100%; overflow: visible; border-radius: 0; background: transparent; box-shadow: none; }
.webglobe-home-recommendations .product-miniature__top { margin: 0; padding: 0; overflow: hidden; border-radius: 0; background: var(--webglobe-surface, #f6f6f6); }
.webglobe-home-recommendations .product-miniature__image-link { display: block; overflow: hidden; border-radius: 0; }
.webglobe-home-recommendations .product-miniature__top img.product-miniature__image { aspect-ratio: 1; padding: 0; border-radius: 0; background: var(--webglobe-surface, #f6f6f6); object-fit: cover; transform: none; transition: transform .45s cubic-bezier(.22,1,.36,1); will-change: transform; }
.webglobe-home-recommendations .product-flags { gap: .25rem; padding: .5rem; }
.webglobe-home-recommendations .product-flags .badge { padding: .3rem .5rem; border-radius: 0; font-size: .65rem; font-weight: 600; letter-spacing: .08em; line-height: 1.1; text-transform: uppercase; box-shadow: none; }
.webglobe-home-recommendations .product-miniature__bottom { gap: .5rem; padding: .85rem 0 0; }
.webglobe-home-recommendations .product-miniature__infos { gap: .35rem; text-align: center; }
.webglobe-home-recommendations .product-miniature__title { display: -webkit-box; min-height: 2.4rem; overflow: hidden; color: var(--webglobe-ink, #1b1b1b); font-size: .8rem; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.webglobe-home-recommendations .product-miniature__title:hover, .webglobe-home-recommendations .product-miniature__title:focus-visible { color: var(--webglobe-accent, #f04b4b); }
.webglobe-home-recommendations .product-miniature__prices { justify-content: center; gap: .35rem; color: var(--webglobe-ink, #1b1b1b); font-size: .8rem; line-height: 1.25; text-align: center; }
.webglobe-home-recommendations .product-miniature__price, .webglobe-home-recommendations .product-miniature__discount-price { color: var(--webglobe-ink, #1b1b1b); font-size: .8rem; font-weight: 600; letter-spacing: 0; }
.webglobe-home-recommendations .product-miniature__regular-price { color: var(--webglobe-muted, #8a8a8a); font-weight: 400; opacity: 1; }
.webglobe-home-recommendations .product-list-review, .webglobe-home-recommendations .product-list-reviews { min-height: 1rem; align-items: center; justify-content: center; gap: .3rem; margin-top: 0px; margin-bottom: 10px; padding: 0; }
.webglobe-home-recommendations .product-list-comments-number, .webglobe-home-recommendations .comments-nb { color: var(--webglobe-muted, #8a8a8a); font-size: .72rem; }
.webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__header, .webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__tabs, .webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__visual { opacity: 0; transform: translate3d(0,.65rem,0); }
.webglobe-home-recommendations.is-reveal-ready.is-revealed .webglobe-home-recommendations__header { animation: webglobe-home-recommendations-intro .46s cubic-bezier(.2,.75,.25,1) both; }
.webglobe-home-recommendations.is-reveal-ready.is-revealed .webglobe-home-recommendations__tabs { animation: webglobe-home-recommendations-intro .46s .08s cubic-bezier(.2,.75,.25,1) both; }
.webglobe-home-recommendations.is-reveal-ready.is-revealed .webglobe-home-recommendations__visual { animation: webglobe-home-recommendations-intro .52s .12s cubic-bezier(.2,.75,.25,1) both; }
.webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__slide { opacity: 0; transform: translate3d(0,.85rem,0) scale(.985); }
.webglobe-home-recommendations.is-reveal-ready.is-revealed .webglobe-home-recommendations__panel:not([hidden]) .webglobe-home-recommendations__slide { animation: webglobe-home-recommendation-card-in .52s cubic-bezier(.2,.75,.25,1) both; animation-delay: calc(120ms + var(--wg-recommendation-index, 0) * 70ms); }
@keyframes webglobe-home-recommendations-intro { from { opacity: 0; transform: translate3d(0,.65rem,0); } to { opacity: 1; transform: none; } }
@keyframes webglobe-home-recommendation-card-in { from { opacity: 0; transform: translate3d(0,.85rem,0) scale(.985); } to { opacity: 1; transform: none; } }
@media (hover: hover) and (pointer: fine) { .webglobe-home-recommendations__slide:hover .product-miniature, .webglobe-home-recommendations__slide:focus-within .product-miniature { box-shadow: 0 .75rem 1.75rem rgba(17,24,39,.08); transform: translate3d(0,-4px,0); } .webglobe-home-recommendations__slide:hover .product-miniature__image, .webglobe-home-recommendations__slide:focus-within .product-miniature__image, .webglobe-home-recommendations__visual:hover img { transform: scale(1.025); } }
@media (prefers-reduced-motion: reduce) { .webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__header, .webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__tabs, .webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__visual, .webglobe-home-recommendations.is-reveal-ready .webglobe-home-recommendations__slide { opacity: 1; transform: none; animation: none !important; } .webglobe-home-recommendations .product-miniature, .webglobe-home-recommendations .product-miniature__image, .webglobe-home-recommendations__visual img { transition: none !important; transform: none !important; } }
@media (min-width: 768px) { .webglobe-home-recommendations__tabs { width: max-content; max-width: 100%; } }
[data-button-action="add-to-cart"]:disabled { pointer-events: none; }
.product__add-to-cart:has([data-button-action="add-to-cart"]:disabled) { cursor: not-allowed; }
.webglobe-stock-tooltip { --webglobe-stock-tooltip-arrow: 50%; position: fixed; z-index: 1100; display: grid; width: max-content; max-width: min(25rem, calc(100vw - 1.5rem)); grid-template-columns: 1.5rem minmax(0, 1fr); align-items: start; gap: .7rem; padding: .85rem 1rem .9rem .8rem; border: 1px solid rgba(255,255,255,.14); border-inline-start: .2rem solid var(--webglobe-accent, #f04b4b); border-radius: .25rem; background: #191919; color: #fff; box-shadow: 0 .75rem 1.75rem rgba(0,0,0,.22); opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0,.35rem,0); transform-origin: center; transition: opacity .16s ease, visibility .16s ease, transform .16s ease; }
.webglobe-cart-drawer-open .webglobe-stock-tooltip, .webglobe-cartbar-open .webglobe-stock-tooltip { z-index: 2147483631; }
.webglobe-stock-tooltip::after { position: absolute; left: var(--webglobe-stock-tooltip-arrow); width: 0; height: 0; border: .42rem solid transparent; content: ""; transform: translateX(-50%); }
.webglobe-stock-tooltip[data-placement="top"]::after { top: 100%; border-top-color: #191919; }
.webglobe-stock-tooltip[data-placement="bottom"]::after { bottom: 100%; border-bottom-color: #191919; }
.webglobe-stock-tooltip[data-placement="viewport"]::after { display: none; }
.webglobe-stock-tooltip.is-visible { opacity: 1; visibility: visible; transform: translate3d(0,0,0); }
.webglobe-stock-tooltip__icon { display: grid; width: 1.5rem; height: 1.5rem; place-items: center; color: var(--webglobe-accent, #f04b4b); font-size: 1.05rem; }
.webglobe-stock-tooltip__content { display: grid; min-width: 0; gap: .22rem; }
.webglobe-stock-tooltip__title { color: rgba(255,255,255,.64); font-size: .7rem; font-weight: 600; line-height: 1.25; letter-spacing: .015em; }
.webglobe-stock-tooltip__message { color: #f5f5f5; font-size: .82rem; font-weight: 400; line-height: 1.45; }
.product-images-modal { z-index: 2147483620; padding-block: 0 !important; }
.webglobe-product-lightbox-open > .modal-backdrop { z-index: 2147483619; }
.webglobe-product-lightbox-open .webglobe-stock-tooltip { z-index: 2147483631; }
.product-images-modal.fade .modal-dialog { transform: none; transition: none; }
.product-images-modal .modal-dialog { width: 100%; max-width: none; height: 100dvh; margin: 0; }
.product-images-modal .modal-content { display: grid; grid-template-rows: minmax(0, 1fr) auto; height: 100%; max-height: 100dvh; overflow: hidden; border: 0; border-radius: 0; background: #f4f4f2; box-shadow: 0 2rem 6rem rgba(0,0,0,.28); }
.product-images-modal .modal-header { position: absolute; top: 0; right: 0; z-index: 5; width: 4rem; min-height: 4rem; padding: 0; border: 0; background: transparent; pointer-events: none; }
.product-images-modal__title { display: -webkit-box; margin: 0; overflow: hidden; color: #171717; font-size: clamp(1rem, 4vw, 1.4rem); font-weight: 600; line-height: 1.25; letter-spacing: -.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-images-modal .btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 4; margin: 0; border-radius: 50%; background-color: rgba(255,255,255,.86); box-shadow: 0 .35rem 1.2rem rgba(0,0,0,.12); pointer-events: auto; }
.product-images-modal__body { min-height: 0; padding: 0; overflow: hidden; background: #ececea; }
.product-images-modal__carousel, .product-images-modal__carousel .carousel-inner, .product-images-modal__carousel .carousel-item, .product-images-modal__carousel picture { height: 100%; }
.product-images-modal__carousel picture { display: flex; align-items: center; justify-content: center; }
.product-images-modal__carousel .carousel-item img { display: block; width: 100%; height: 100%; object-fit: contain; background: #ffffff; }
.product-images-modal__footer { position: relative; z-index: 3; display: grid; gap: .75rem; margin: -5rem 0 0; padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(0,0,0,.09); background: rgba(255, 255, 255, 0.7); color: #171717; backdrop-filter: blur(16px); }
.product-images-modal__copy { display: grid; min-width: 0; gap: .35rem; }
.product-images-modal__description { display: -webkit-box; min-width: 0; margin: 0; overflow: hidden; color: #1d1d1d; font-size: .78rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-images-modal__description > :last-child { margin-bottom: 0; }
.product-images-modal__purchase { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem; width: 100%;margin: auto auto;}
.product-images-modal__quantity { display: grid; grid-template-columns: 2.65rem 3.15rem 2.65rem; min-height: 2.75rem; overflow: hidden; border: 1px solid #d5d5d2; border-radius: .75rem; background: #fff; }
.product-images-modal__quantity button, .product-images-modal__quantity input { min-width: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; color: #171717; }
.product-images-modal__quantity button { display: grid; place-items: center; cursor: pointer; transition: background-color .18s ease, color .18s ease; }
.product-images-modal__quantity button:hover, .product-images-modal__quantity button:focus-visible { background: #171717; color: #fff; }
.product-images-modal__quantity button:disabled { color: #aaa; cursor: default; background: transparent; }
.product-images-modal__quantity input { border-right: 1px solid #e2e2df; border-left: 1px solid #e2e2df; font-weight: 600; text-align: center; appearance: textfield; }
.product-images-modal__quantity input::-webkit-inner-spin-button, .product-images-modal__quantity input::-webkit-outer-spin-button { margin: 0; appearance: none; }
.product-images-modal__add { display: inline-flex; min-width: 0; min-height: 2.75rem; align-items: center; justify-content: center; gap: .5rem; border-radius: .75rem; white-space: nowrap; }
.product-images-modal__add .material-icons { font-size: 1.2rem; }
.product-images-modal__add.is-unavailable { opacity: .68; cursor: help; filter: saturate(.65); }
.product-images-modal .carousel-control-prev, .product-images-modal .carousel-control-next { position: fixed; top: 0; bottom: 0; z-index: 2; width: clamp(3rem, 12vw, 4.5rem); height: 100dvh; border: 0; border-radius: 0; opacity: 1; transition: background-color .2s ease; }
.product-images-modal .carousel-control-prev { left: 0; background: linear-gradient(90deg, rgba(0,0,0,.2), transparent); }
.product-images-modal .carousel-control-next { right: 0; background: linear-gradient(270deg, rgba(0,0,0,.2), transparent); }
.product-images-modal__arrow { display: grid; width: 2.65rem; height: 2.65rem; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; place-items: center; background: rgba(17,17,17,.62); color: #fff; box-shadow: 0 .6rem 1.8rem rgba(0,0,0,.22); backdrop-filter: blur(8px); transition: transform .2s ease, background-color .2s ease; }
.product-images-modal .carousel-control-prev:hover .product-images-modal__arrow, .product-images-modal .carousel-control-next:hover .product-images-modal__arrow { background: rgba(17,17,17,.86); transform: scale(1.06); }
.product-images-modal__arrow .material-icons { font-size: 1.4rem; }
@media (min-width: 768px) {
  .product-images-modal .modal-dialog { width: min(calc(100% - 8rem), 96rem); height: calc(100dvh - 2rem); margin: 1rem auto; }
  .product-images-modal .modal-content { max-height: calc(100dvh - 2rem); border-radius: 1rem; }
  .product-images-modal__title { font-size: clamp(1.2rem, 2vw, 1.75rem); -webkit-line-clamp: 1; }
  .product-images-modal .btn-close { right: 1.5rem; }
  .product-images-modal__footer { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 2rem; margin-top: -7rem; padding: 1rem 1.5rem; }
  .product-images-modal__description { max-width: 52rem; font-size: .86rem; -webkit-line-clamp: 3; }
  .product-images-modal__purchase { display: flex; width: auto; }
  .product-images-modal__add { min-width: 12rem; }
  .product-images-modal .carousel-control-prev, .product-images-modal .carousel-control-next { width: clamp(4rem, 7vw, 7rem); }
  .product-images-modal__arrow { width: 3.25rem; height: 3.25rem; }
  .product-images-modal__arrow .material-icons { font-size: 1.65rem; }
}
@media (prefers-reduced-motion: reduce) {
  .webglobe-stock-tooltip, .webglobe-stock-tooltip.is-visible, .webglobe-stock-tooltip.is-visible .webglobe-stock-tooltip__icon, .product-images-modal .carousel-control-prev, .product-images-modal .carousel-control-next, .product-images-modal__arrow, .product-images-modal__quantity button { animation: none; transition: none; }
}
.product-flags .badge.discount {
    color: #ffffff !important;
    background-color: #ff00009c !important;
    border-color: #9b03005e !important;
    text-shadow: 2px 2px 2px #0000008f;
    font-weight: 600;
    backdrop-filter: blur(4px);
}
.quick-actions-wrapper,
.action-menu-engagement-buttons-wrapper,
.ytmVideoInfoVideoDetailsContainer,
.ytmVideoInfoHost,
.ytwPlayerTopControlsContainerWithLeftContent
 {
    display: none !important;
}
.checkout-steps {
  background-color: #ffa201;
  border-block-end: 1px solid var(--bs-border-color);
  margin-block-end: 2.5rem;
  padding-block: .5rem;
}
.checkout-steps__step--success .checkout-steps__btn {
  color: #fff;
}

.checkout-steps__step--current .checkout-steps__btn {
  color: #0a0a0a;
}
.checkout-steps__btn {
  color: #fff;
  padding: .25rem;
}
@media (min-width: 768px) {
  .checkout-steps {
    padding: 4rem 2rem 2rem;
  }
}
h4.required {
    display: none;
}

.wg-opc-reassurance .reassurance__icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.webglobe-home-recommendations__panels { order: 1; }
.webglobe-home-recommendations__visual { order: 2; width: 100%; max-height: var(--wg-home-recommendations-image-max-height, 640px); justify-self: start; }
.webglobe-home-recommendations__visual img { max-height: var(--wg-home-recommendations-image-max-height, 640px); }
@media (min-width: 1200px) {
  .webglobe-home-recommendations__panels, .webglobe-home-recommendations__visual { order: 0; }
  .webglobe-home-recommendations--image-right .webglobe-home-recommendations__visual { order: 2; }
  .webglobe-home-recommendations__content { grid-template-columns: minmax(0, min(var(--wg-home-recommendations-image-max-width, 420px), 32%)) minmax(0, 1fr); }
  .webglobe-home-recommendations--image-right .webglobe-home-recommendations__content { grid-template-columns: minmax(0, 1fr) minmax(0, min(var(--wg-home-recommendations-image-max-width, 420px), 32%)); }
  .webglobe-home-recommendations__visual { width: min(100%, var(--wg-home-recommendations-image-max-width, 420px)); min-height: 0; }
  .webglobe-home-recommendations__visual img { height: min(var(--wg-home-recommendations-image-max-height, 640px), 100%); }
}
.webglobe-home-recommendations__visual { max-width: min(100%, var(--wg-home-recommendations-image-max-width, 420px)); }
.webglobe-home-recommendations--image-right .webglobe-home-recommendations__visual { justify-self: end; }
 .header-bottom .navbar-brand .logo {
    min-width: min(150px, 100%);
}

/* Brand menu: one shared, lazy product preview for desktop and mobile. */
.wg-brand-preview[hidden] {
  display: none !important;
}

.wg-brand-preview-toggle {
  display: none !important;
}

.wg-brand-menu-enabled .wg-brand-preview-toggle {
  display: inline-grid !important;
}

.wg-brand-preview,
.wg-brand-preview__content,
.webglobe-brand-menu-panel,
.webglobe-brand-menu-panel__products {
  min-width: 0;
}

.wg-brand-preview__content {
  width: 100%;
}

.wg-brand-preview__empty {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: .875rem;
}
section.register-form {
    margin-bottom: 100px;
}
.webglobe-brand-menu-panel {
  --wg-brand-menu-gap: .875rem;
  --wg-brand-menu-card-size: var(--wg-brand-menu-card-mobile, 50%);
  display: grid;
  width: 100%;
  gap: .9rem;
  align-content: start;
}

.webglobe-brand-menu-panel__brand {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-direction: column;
  gap: .75rem;
  justify-content: center;
}

.webglobe-brand-menu-panel__products {
  display: flex;
  flex-direction: column;
  gap: .9rem;
}

.webglobe-brand-menu-panel__products > .webglobe-brand-menu-panel__viewport {
  flex: 1 1 auto;
}

.webglobe-brand-menu-panel__brand-media {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 3.75rem;
  place-items: center;
}

.webglobe-brand-menu-panel__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 3.75rem;
  object-fit: contain;
}

.webglobe-brand-menu-panel__logo-placeholder {
  display: grid;
  width: 100%;
  min-height: 3.5rem;
  padding: .5rem .75rem;
  place-items: center;
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.webglobe-brand-menu-panel__all-products {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.75rem;
  width: min(100%, 11rem);
  min-width: 0;
  min-height: 4.5rem;
  overflow: hidden;
  align-items: stretch;
  border: 1px solid var(--webglobe-ink);
  background: white;
  color: #0e0e0e;
  text-decoration: none;
  transition: border-color .25s ease, color .25s ease;
}

.header .menu a.webglobe-brand-menu-panel__all-products,
.header .menu a.webglobe-brand-menu-panel__all-products:hover,
.header .menu a.webglobe-brand-menu-panel__all-products:focus-visible {
  color: #fff;
}

.webglobe-brand-menu-panel__all-products::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: #ffc225;
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

.webglobe-brand-menu-panel__all-products:hover,
.webglobe-brand-menu-panel__all-products:focus-visible {
  border-color: #ffa125;
  color: #fff;
}

.webglobe-brand-menu-panel__all-products:hover::before,
.webglobe-brand-menu-panel__all-products:focus-visible::before {
  transform: scaleX(1);
}

.webglobe-brand-menu-panel__all-products:focus-visible {
  outline: 2px solid rgb(240 75 75 / .28);
  outline-offset: 3px;
}

.webglobe-brand-menu-panel__all-products-label,
.webglobe-brand-menu-panel__all-products-icon {
  position: relative;
  z-index: 1;
}

.webglobe-brand-menu-panel__all-products-label {
  display: grid;
  color: black;
  padding: .75rem .5rem .75rem .75rem;
  align-items: center;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.35;
  text-transform: uppercase;
}

.webglobe-brand-menu-panel__all-products-icon {
  display: grid;
  border-left: 1px solid rgb(255 255 255 / .25);
  font-size: 1.35rem;
  place-items: center;
  color: rgb(0, 0, 0)
}

.webglobe-brand-menu-panel__all-products-icon::before {
  content: "→";
  animation: wg-brand-menu-cta-arrow 1.4s ease-in-out infinite;
}

.webglobe-brand-menu-panel__all-products:hover .webglobe-brand-menu-panel__all-products-icon::before,
.webglobe-brand-menu-panel__all-products:focus-visible .webglobe-brand-menu-panel__all-products-icon::before {
  animation: none;
  transform: translateX(.25rem);
}

@keyframes wg-brand-menu-cta-arrow {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(.3rem); }
}
.webglobe-brand-menu-panel__status {
  min-height: 1.25rem;
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: .75rem;
}

.webglobe-brand-menu-panel__status--error {
  color: var(--bs-danger);
}

.webglobe-brand-menu-panel__slide--skeleton {
  display: grid;
  gap: .55rem;
}

.webglobe-brand-menu-panel__skeleton-image,
.webglobe-brand-menu-panel__skeleton-line,
.webglobe-brand-menu-panel__skeleton-block {
  background-image: linear-gradient(100deg, #ececec 20%, #f8f8f8 42%, #ececec 64%);
  background-size: 220% 100%;
  animation: wg-brand-menu-skeleton 1.15s ease-in-out infinite;
}

.webglobe-brand-menu-panel__skeleton-image {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}

.webglobe-brand-menu-panel__skeleton-line {
  display: block;
  width: 88%;
  height: .7rem;
}

.webglobe-brand-menu-panel__skeleton-line--short {
  width: 48%;
}

@keyframes wg-brand-menu-skeleton {
  from { background-position: 100% 0; }
  to { background-position: -120% 0; }
}

.ps-mainmenu--mobile .menu__list > li.type-manufacturer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.ps-mainmenu--mobile .type-manufacturer > .menu__link {
  min-width: 0;
}

.ps-mainmenu--mobile .wg-brand-preview-toggle {
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  min-height: 2.25rem;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  color: var(--bs-secondary-color);
}

.ps-mainmenu--mobile .wg-brand-preview-toggle .material-icons {
  font-size: 1.25rem;
  line-height: 1;
  transition: transform .16s ease;
}

.ps-mainmenu--mobile .wg-brand-preview-toggle[aria-expanded="true"] {
  color: var(--webglobe-accent);
  background: var(--bs-tertiary-bg);
}

.ps-mainmenu--mobile .wg-brand-preview-toggle[aria-expanded="true"] .material-icons {
  transform: rotate(.5turn);
}

.ps-mainmenu--mobile .type-manufacturer > .is-wg-brand-active {
  color: var(--webglobe-accent);
}

.wg-brand-preview--mobile {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  margin: .75rem 0 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--bs-border-color);
}

@media (min-width: 768px) {
  .webglobe-brand-menu-panel__brand {
    grid-template-columns: minmax(9rem, 12rem) 11rem;
    justify-content: center;
    gap: 1.25rem;
  }

  .webglobe-brand-menu-panel {
    --wg-brand-menu-card-size: var(--wg-brand-menu-card-tablet, 33.333333%);
  }
}

@media (min-width: 1200px) {
  .ps-mainmenu--desktop .type-manufacturers > .submenu .webglobe-brand-menu-panel__brand {
    flex: 0 0 11rem;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1rem;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .webglobe-brand-menu-panel__brand-media {
    width: 100%;
    min-height: 3.75rem;
    justify-items: start;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .webglobe-brand-menu-panel__logo {
    width: auto;
    max-width: 100%;
    max-height: 9.75rem;
    object-position: left center;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .submenu__row {
    height: min(28rem, calc(100dvh - 7rem));
    min-height: min(22rem, calc(100dvh - 7rem));
    overflow: hidden;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .submenu__left {
    min-height: 0;
    max-height: 100%;
    flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .submenu__left-item {
    flex: 0 0 auto;
  }
.ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree>li .ps-mainmenu__tree-link {
  color: rgb(0, 0, 0);
}
  .ps-mainmenu--desktop .type-manufacturers > .submenu .submenu__left-item.is-wg-brand-active {
    color: var(--bs-body-color);
    background: var(--bs-tertiary-bg);
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .wg-brand-preview-column {
    min-width: 0;
    height: 100%;
    overflow: hidden;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .wg-brand-preview,
  .ps-mainmenu--desktop .type-manufacturers > .submenu .wg-brand-preview__content {
    height: 100%;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .webglobe-brand-menu-panel {
    --wg-brand-menu-card-size: var(--wg-brand-menu-card-desktop, 25%);
    display: flex;
    height: 100%;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .ps-mainmenu--desktop .type-manufacturers > .submenu .webglobe-brand-menu-panel__products {
    flex: 1 1 auto;
    height: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .webglobe-brand-menu-panel__viewport {
    scroll-behavior: auto;
  }

  .webglobe-brand-menu-panel__product-image,
  .webglobe-brand-menu-panel__control,
  .ps-mainmenu--mobile .wg-brand-preview-toggle .material-icons,
  .webglobe-brand-menu-panel__all-products::before,
  .webglobe-brand-menu-panel__all-products-icon::before,
  .webglobe-brand-menu-panel__skeleton-image,
  .webglobe-brand-menu-panel__skeleton-line,
  .webglobe-brand-menu-panel__skeleton-block {
    animation: none;
    transition: none;
  }
}
.wg-wishlist-drawer__product {
    transition: all 0.3s ease-in-out;
}
.wg-wishlist-drawer__product:hover {
    transform: translateY(-7px);
    box-shadow: black -1px 6px 19px -17px;
}
html.wg-brand-menu-enabled.wg-gift-menu-enabled,
body#order-detail {
  overflow-x: hidden;
}
@media (min-width: 1200px) {
  .layout-left-column .products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.layout-giftresults .products {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.gift-results-categories {
  display: none;
  margin-bottom: 2rem;
}
.gift-results-mobile-categories {
  margin-bottom: 1rem;
}
.gift-results-mobile-categories .products__categories-button {
  width: 100%;
}
.gift-results-mobile-categories .products__categories-offcanvas {
  width: min(92vw, 29rem);
}
.gift-results-mobile-categories .offcanvas-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #ececec;
}
.gift-results-mobile-categories .offcanvas-body {
  padding: .75rem 1rem 1.5rem;
}
.gift-results-mobile-categories .category-tree__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gift-results-categories .category-tree__item-header {
  padding-inline-start: calc(.625rem + var(--gift-category-depth, 0) * .75rem);
}
.gift-results-mobile-categories .category-tree__item-header {
  padding-inline-start: calc(.625rem + var(--gift-category-depth, 0) * .75rem);
}
.gift-results-categories__count {
  color: var(--webglobe-muted);
  font-size: .75rem;
}
.gift-results-index__header { margin-bottom: 2rem; }
.gift-results-index__header p { margin: .5rem 0 0; color: var(--webglobe-muted); }
.gift-results-index__sections { display: grid; gap: 2rem; }
.gift-results-index__section { min-width: 0; margin: 0; padding: 1rem 0; }
.gift-results-index__section-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding-bottom: .75rem; border-bottom: 1px solid #ececec; }
.gift-results-index__section-header .h3 { margin: 0 0 .25rem; }
.gift-results-index__count { color: var(--webglobe-muted); font-size: .875rem; }
.gift-results-index__actions { display: flex; flex: 0 0 auto; align-items: center; gap: .65rem; }
.gift-results-index__all { flex: 0 0 auto; }
.gift-results-index__viewport { min-width: 0; }
.gift-results-index__products { grid-auto-columns: calc((100% - .75rem) / 2); gap: .75rem; }
.gift-results-index__section .product-miniature { min-width: 0; font-size: .875rem; }
.gift-results-index__section .product-miniature__bottom { padding: .6rem .5rem .75rem; }
.gift-results-index__section .product-miniature__title { font-size: .875rem; }
.gift-results-index__empty { margin: 0; padding: 1.5rem; border: 1px dashed #d7d7d7; color: var(--webglobe-muted); text-align: center; }
@media (max-width: 575.98px) {
  .gift-results-index__section-header { align-items: stretch; flex-direction: column; }
  .gift-results-index__actions { justify-content: space-between; }
}
@media (min-width: 576px) {
  .layout-giftresults .products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gift-results-index__products { grid-auto-columns: calc((100% - 1rem) / 3); gap: 1rem; }
}
@media (min-width: 768px) {
  .gift-results-mobile-categories { display: none; }
  .gift-results-categories { display: block; }
}
@media (min-width: 1200px) {
  .gift-results-index__sections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gift-results-index__section { width: 100%; }
  .gift-results-index__products { grid-auto-columns: calc((100% - 2rem) / 3); }
}
.subcategory__list {
  display: none;
}
.product-images-modal__carousel .product-image-zoom {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  touch-action: pan-y;
}

.product-images-modal__carousel .product-image-zoom picture {
  width: 100%;
}

.product-image-zoom__image {
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center;
  transition: transform .2s ease;
  user-select: none;
  -webkit-user-drag: none;
}

.product-image-zoom.is-touching,
.product-image-zoom.is-zoomed {
  touch-action: none;
}

.product-image-zoom.is-touching .product-image-zoom__image,
.product-image-zoom.is-zoomed .product-image-zoom__image {
  transition: none;
}

.product-image-zoom__toggle {
  position: absolute;
  right: 1rem;
  bottom: 8rem;
  z-index: 5;
  display: none;
  width: 3rem;
  height: 3rem;
  padding: 0;
  align-items: center;
  justify-content: center;
  color: #080808;
  background: rgba(23, 23, 23, 0.1);
  border: 0;
  border-radius: 50%;
  box-shadow: 4px 7px 9px -6px rgba(0, 0, 0, .22);
}

.product-image-zoom__toggle:focus-visible {
  outline: .1875rem solid #fff;
  outline-offset: .125rem;
}

.product-image-zoom__lens,
.product-image-zoom__preview {
  position: absolute;
  z-index: 4;
  display: none;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .product-image-zoom__toggle {
    right: clamp(5rem, 5vw, 5rem);
    display: flex;
  }

  .product-image-zoom.is-magnifier-active {
    cursor: crosshair;
  }

  .product-image-zoom.is-magnifier-active.is-magnifier-tracking .product-image-zoom__lens {
    display: block;
    width: clamp(8rem, 10vw, 12rem);
    height: clamp(8rem, 10vw, 12rem);
    background: rgba(255, 255, 255, .24);
    border: .125rem solid rgba(20, 20, 20, .7);
    box-shadow: 0 0 0 .0625rem rgba(255, 255, 255, .75) inset;
  }

  .product-image-zoom.is-magnifier-active.is-magnifier-tracking .product-image-zoom__preview {
    top: 1rem;
    right: clamp(5rem, 8vw, 8rem);
    display: block;
    width: min(34rem, 42vw);
    aspect-ratio: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    border: .1875rem solid #fff;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1.75rem rgba(0, 0, 0, .3);
  }

  .product-image-zoom.is-magnifier-active .product-image-zoom__toggle {
    color: #171717;
    background: #fff;
  }
}
.btn:hover {
    background-color: #ff6a17;
    border-color: #ff8848;
    color: #ffffff;
}

.cart__item--correction-required {
  position: relative;
  padding: .75rem;
  scroll-margin-top: 7rem;
  background: rgba(255, 123, 0, .06);
  border: 1px solid rgba(255, 123, 0, .32);
  border-left-width: .2rem;
  border-radius: var(--bs-border-radius);
  box-shadow: 0 .35rem 1rem rgba(111, 45, 0, .08);
  transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease;
  animation: webglobe-cart-correction-bounce .5s ease-out 1;
}

.cart__item--correction-required.cart__item--correction-resolved {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

@keyframes webglobe-cart-correction-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  35% {
    transform: translateY(-.2rem);
  }

  65% {
    transform: translateY(.06rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cart__item--correction-required {
    animation: none;
  }
}
.webglobe-home-recommendations__slide {
    padding: 20px;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    position: relative;
    overflow: hidden;
    background-color: #00000024;
    color: #fff;
    cursor: not-allowed;
    opacity: 1;
}
.checkout-steps__desktop {
    margin: 10px auto;
}
.btn.disabled::after,
.btn:disabled::after,
fieldset:disabled .btn::after {
  content: none;
}

button.btn.btn-link.btn-sm.js-back-button {
    font-size: 30px;
    letter-spacing: 0px;
}
span.product__unit-price {
    display: none;
}
input#psgdpr_consent_checkbox_5 {
    margin-right: 5px;
    width: 29px;
    height: 25px;
    position: relative;
    top: 7px;
}
.container.has-wg-main-menu-banner {
    max-width: 1600px;
}
.gdpr_consent.gdpr_module_72 span, .gdpr_consent.gdpr_module_72 a {
    color: #ffffff !important;
    text-shadow: black 3px 2px 6px;
}
@property --wg-newsletter-gradient-a {
  syntax: '<color>';
  inherits: true;
  initial-value: #10121f;
}

@property --wg-newsletter-gradient-b {
  syntax: '<color>';
  inherits: true;
  initial-value: #ff7a18;
}

@property --wg-newsletter-gradient-c {
  syntax: '<color>';
  inherits: true;
  initial-value: #00a8ff;
}

@property --wg-newsletter-gradient-d {
  syntax: '<color>';
  inherits: true;
  initial-value: #38d978;
}

@property --wg-symbol-flee-x {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

@property --wg-symbol-flee-y {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription {
  --wg-newsletter-gradient-a: #10121f;
  --wg-newsletter-gradient-b: #18c1ff;
  --wg-newsletter-gradient-c: #00a8ff;
  --wg-newsletter-gradient-d: #38d978;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--wg-newsletter-gradient-b) 58%, transparent) 0, transparent 28%),
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--wg-newsletter-gradient-c) 54%, transparent) 0, transparent 30%),
    radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--wg-newsletter-gradient-d) 50%, transparent) 0, transparent 34%),
    linear-gradient(120deg, var(--wg-newsletter-gradient-a), var(--wg-newsletter-gradient-b), var(--wg-newsletter-gradient-c), var(--wg-newsletter-gradient-d));
  background-size: 140% 140%, 150% 150%, 130% 130%, 420% 420%;
  color: #fff;
  animation: wg-newsletter-gradient 18s ease-in-out infinite;
  transition: --wg-newsletter-gradient-a .8s ease, --wg-newsletter-gradient-b .8s ease, --wg-newsletter-gradient-c .8s ease, --wg-newsletter-gradient-d .8s ease;
}

#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(7, 8, 14, .28);
  content: "";
}

#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription > :not(.wg-newsletter-symbols):not(.wg-newsletter-confetti) {
  position: relative;
  z-index: 2;
}

#footer #emailsubscription_anchor_displayFooterBefore.ps-emailsubscription,
#footer #emailsubscription_anchor_displayFooterBefore.ps-emailsubscription.bg-body-tertiary {
  background:
    radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--wg-newsletter-gradient-b) 58%, transparent) 0, transparent 28%),
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--wg-newsletter-gradient-c) 54%, transparent) 0, transparent 30%),
    radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--wg-newsletter-gradient-d) 50%, transparent) 0, transparent 34%),
    linear-gradient(120deg, var(--wg-newsletter-gradient-a), var(--wg-newsletter-gradient-b), var(--wg-newsletter-gradient-c), var(--wg-newsletter-gradient-d));
  background-size: 140% 140%, 150% 150%, 130% 130%, 420% 420%;
  min-height: 420px;
  display: flex;
    align-items: center;
}
p.fs-6.text-body-secondary.mb-0 {
    background: #ffffff26;
    width: fit-content;
    border: 1px solid #ffffff7d;
    padding: 5px 15px;
    border-radius: 20px;
    backdrop-filter: blur(5px);
}
#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .h3,
#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription p,
#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .text-body-secondary,
#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .form-text,
#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription label {
  color: rgba(255, 255, 255, .88);
}

#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .h3 {
  color: #fff;
}

#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .form-control {
  border-color: rgba(255, 255, 255, .42);
  background: rgba(255, 255, 255, .92);
  color: #111;
  min-height: 47px;
}

#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .btn-primary {
  border-color: #fff;
  background: #fff;
  color: #111;
}

#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .btn-primary:hover,
#emailsubscription_anchor_displayFooterBefore.ps-emailsubscription .btn-primary:focus-visible {
  border-color: #111;
  background: #111;
  color: #fff;
}

.wg-newsletter-symbols {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.wg-newsletter-symbol {
  --wg-symbol-size: 2rem;
  --wg-symbol-x: 0vw;
  --wg-symbol-y: 0%;
  --wg-symbol-move-x: 20vw;
  --wg-symbol-move-y: 30%;
  --wg-symbol-rotate: 160deg;
  --wg-symbol-duration: 15s;
  --wg-symbol-delay: 0s;
  --wg-symbol-opacity: .42;
  --wg-symbol-flee-x: 0px;
  --wg-symbol-flee-y: 0px;
  position: absolute;
  top: var(--wg-symbol-y);
  left: var(--wg-symbol-x);
  display: flex;
  width: var(--wg-symbol-size);
  height: var(--wg-symbol-size);
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, var(--wg-symbol-opacity));
  filter: drop-shadow(0 .35rem .8rem rgba(0, 0, 0, .18));
  transform: translate3d(calc(-50% + var(--wg-symbol-flee-x)), calc(-50% + var(--wg-symbol-flee-y)), 0);
  animation: wg-newsletter-symbol-drift var(--wg-symbol-duration) ease-in-out var(--wg-symbol-delay) infinite alternate;
  will-change: transform;
}

.wg-newsletter-symbol--triangle {
  width: 0;
  height: 0;
  border-right: calc(var(--wg-symbol-size) * .48) solid transparent;
  border-bottom: calc(var(--wg-symbol-size) * .84) solid currentColor;
  border-left: calc(var(--wg-symbol-size) * .48) solid transparent;
}

.wg-newsletter-symbol--square {
  border: calc(var(--wg-symbol-size) * .11) solid currentColor;
}

.wg-newsletter-symbol--circle {
  border: calc(var(--wg-symbol-size) * .11) solid currentColor;
  border-radius: 50%;
}

.wg-newsletter-symbol--x::before,
.wg-newsletter-symbol--x::after {
  position: absolute;
  width: calc(var(--wg-symbol-size) * .18);
  height: var(--wg-symbol-size);
  background: currentColor;
  border-radius: 999px;
  content: "";
}

.wg-newsletter-symbol--x::before {
  transform: rotate(45deg);
}

.wg-newsletter-symbol--x::after {
  transform: rotate(-45deg);
}

@keyframes wg-newsletter-gradient {
  0%, 100% { background-position: 0% 50%, 100% 0%, 50% 100%, 0% 50%; }
  50% { background-position: 100% 50%, 0% 80%, 80% 20%, 100% 50%; }
}

@keyframes wg-newsletter-symbol-drift {
  from {
    transform: translate3d(calc(-50% + var(--wg-symbol-flee-x)), calc(-50% + var(--wg-symbol-flee-y)), 0) rotate(0deg) scale(.92);
  }

  to {
    transform: translate3d(calc(-50% + var(--wg-symbol-move-x) + var(--wg-symbol-flee-x)), calc(-50% + var(--wg-symbol-move-y) + var(--wg-symbol-flee-y)), 0) rotate(var(--wg-symbol-rotate)) scale(1.08);
  }
}

@media (min-width: 768px) {
  .wg-newsletter-symbol {
    --wg-symbol-opacity: .34;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* #emailsubscription_anchor_displayFooterBefore.ps-emailsubscription,
  .wg-newsletter-symbol {
    animation: none;
  } */
}

#footer .footer.footer__main {
  background-image: none;
  background-position: right .75rem bottom 1rem;
  background-repeat: no-repeat;
  background-size: min(44vw, 9.5rem) auto;
}

@media (min-width: 768px) {
  #footer .footer.footer__main {
    background-image: url("../../../../img/maskotka.svg");
    background-position: right 2rem bottom;
    background-size: 17rem auto;
    padding-block-end: 1.25rem;
  }
}

@media (min-width: 1200px) {
  #footer .footer.footer__main {
    background-position: right 4rem bottom;
    background-size: 14rem auto;
  }
}

.webglobe-copyright {
  display: flex;
  justify-content: center;
  padding-block: 1.5rem .5rem;
}

.webglobe-copyright__logo-link {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(52vw, 12rem);
  outline-offset: .35rem;
}

.webglobe-copyright__logo-link::before,
.webglobe-copyright__logo-link::after {
  position: absolute;
  inset: -1.25rem -1.75rem;
  z-index: -1;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle, #ff7b00 0 .18rem, transparent .2rem) 12% 52% / .9rem .9rem no-repeat,
    radial-gradient(circle, #39b54a 0 .16rem, transparent .18rem) 28% 18% / .8rem .8rem no-repeat,
    radial-gradient(circle, #0b69f6 0 .15rem, transparent .17rem) 72% 24% / .75rem .75rem no-repeat,
    radial-gradient(circle, #f04b4b 0 .18rem, transparent .2rem) 86% 58% / .9rem .9rem no-repeat,
    radial-gradient(circle, #ffc107 0 .14rem, transparent .16rem) 44% 82% / .7rem .7rem no-repeat;
  opacity: 0;
  transform: scale(.72) translateY(.35rem);
}

.webglobe-copyright__logo-link::after {
  inset: -1.75rem -2.25rem;
  background:
    radial-gradient(circle, #db2777 0 .15rem, transparent .17rem) 16% 28% / .75rem .75rem no-repeat,
    radial-gradient(circle, #14b8a6 0 .16rem, transparent .18rem) 34% 72% / .8rem .8rem no-repeat,
    radial-gradient(circle, #ff7b00 0 .14rem, transparent .16rem) 62% 12% / .7rem .7rem no-repeat,
    radial-gradient(circle, #7c3aed 0 .17rem, transparent .19rem) 82% 78% / .85rem .85rem no-repeat;
}

.webglobe-copyright__logo {
  display: block;
  width: 100%;
  height: auto;
}

.webglobe-copyright__logo-link:hover::before,
.webglobe-copyright__logo-link:focus-visible::before {
  animation: webglobeCopyrightConfetti 4.9s ease-out infinite;
}

.webglobe-copyright__logo-link:hover::after,
.webglobe-copyright__logo-link:focus-visible::after {
  animation: webglobeCopyrightConfetti 4.9s .12s ease-out infinite;
}

@keyframes webglobeCopyrightConfetti {
  0% {
    opacity: 0;
    transform: scale(.72) translateY(.35rem) rotate(0deg);
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.18) translateY(-.9rem) rotate(16deg);
  }
}

@media (min-width: 768px) {
  .webglobe-copyright {
    padding-block: 2rem .75rem;
  }

  .webglobe-copyright__logo-link {
    width: 13.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .webglobe-copyright__logo-link:hover::before,
  .webglobe-copyright__logo-link:hover::after,
  .webglobe-copyright__logo-link:focus-visible::before,
  .webglobe-copyright__logo-link:focus-visible::after {
    animation: none;
    opacity: .9;
    transform: none;
  }
}
@media (min-width: 1200px) {
  .layout-giftresults .products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
p#footer_title_1,
p#footer_title_2,
p#footer_contactinfo_title,
div#block_myaccount_infos h4
 {
    font-size: 20px;
    color: white;
    border-bottom: rgb(255 118 1) solid 2px;
    max-width: fit-content;
}

/* Customer pages: compact space above the account layout, generous footer clearance. */
.row.wg {
  margin-block-start: .75rem;
  margin-block-end: 6rem;
}

@media (min-width: 576px) {
  .row.wg {
    margin-block-start: 1rem;
    margin-block-end: 8.75rem;
  }
}

@media (min-width: 992px) {
  .row.wg {
    margin-block-start: 1.25rem;
    margin-block-end: 12.5rem;
  }
}
button.webglobe-infinite-products__button.btn.btn-primary {
    border-radius: 30px 30px 0px 0px;
    min-width: 40%;
}
ol.breadcrumb {
    text-shadow: 1px 1px 3px #00000099;
    letter-spacing: 1px;
    font-weight: 900;
}
dl.webglobe-footer-contact__details {
    backdrop-filter: blur(30px);
    border-radius: 17px;
}

/* ==========================================================================
   Homepage seasonal promotion — editorial split banner
   ========================================================================== */
#index .ps-customtext.webglobe-promo {
  --promo-coral: #f04b4b;
  --promo-ink: #171717;
  --promo-paper: #f1eee7;
  position: relative;
  isolation: isolate;
  margin: 0px -1px;
  padding: 0;
  overflow: hidden;
  background: var(--promo-paper);
  color: var(--promo-ink);
  text-align: left;
}

.webglobe-promo__inner {
  display: grid;
  min-height: clamp(28rem, 38vw, 42rem);
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

.webglobe-promo__visual {
  position: relative;
  display: flex;
  min-width: 0;
  padding: clamp(2rem, 4vw, 4.5rem);
  align-items: flex-end;
  overflow: hidden;
  background: var(--promo-left-background, var(--promo-coral));
  color: var(--promo-ink);
}

.webglobe-promo__visual-image {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.76);
  transform: scale(1.01);
  transition: filter 0.5s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.webglobe-promo__visual.has-image {
  color: #fff;
  text-shadow: 0 0.15rem 1.5rem rgb(0 0 0 / 0.28);
}

.webglobe-promo__visual.has-image::before,
.webglobe-promo__visual.has-image::after {
  border-color: rgb(255 255 255 / 0.34);
}

.webglobe-promo__visual::before,
.webglobe-promo__visual::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  aspect-ratio: 1;
  border: 1px solid rgb(23 23 23 / 0.24);
  border-radius: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

.webglobe-promo__visual::before { width: clamp(22rem, 34vw, 42rem); }
.webglobe-promo__visual::after { width: clamp(14rem, 21vw, 26rem); }

.webglobe-promo__visual-label {
  position: relative;
  z-index: 2;
  margin: 0 0 -0.09em -0.06em;
  font-size: clamp(6.5rem, 14vw, 15rem);
  font-weight: 700;
  letter-spacing: -0.09em;
  line-height: 0.72;
  text-transform: uppercase;
  transform: rotate(-4deg);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.webglobe-promo__visual-mark {
  position: absolute;
  z-index: 2;
  top: clamp(1.5rem, 3vw, 3rem);
  right: clamp(1.5rem, 3vw, 3rem);
  display: grid;
  width: clamp(4rem, 7vw, 7rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid currentcolor;
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.75rem, 3vw, 3.25rem);
  font-weight: 400;
  transition: background-color 0.35s ease, color 0.35s ease,
    transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.webglobe-promo__visual-line {
  position: absolute;
  z-index: 2;
  top: clamp(2rem, 4vw, 4rem);
  left: clamp(2rem, 4vw, 4.5rem);
  width: clamp(3rem, 7vw, 7rem);
  height: 1px;
  background: currentcolor;
}

.webglobe-promo__content {
  position: relative;
  display: flex;
  min-width: 0;
  padding: clamp(3rem, 7vw, 8rem);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.webglobe-promo__meta {
  position: absolute;
  top: clamp(2rem, 4vw, 4rem);
  right: clamp(2rem, 4vw, 4rem);
  color: rgb(23 23 23 / 0.38);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.webglobe-promo__copy { max-width: 42rem; }

.ps-customtext.webglobe-promo .webglobe-promo__copy h2 {
  max-width: 13ch;
  margin: 0;
  color: var(--promo-ink);
  font-size: clamp(2.5rem, 5vw, 5.8rem);
  font-weight: 500;
  letter-spacing: -0.065em;
  line-height: 0.94;
}

.ps-customtext.webglobe-promo .webglobe-promo__copy p {
  max-width: 34rem;
  margin: 1.4rem 0 0;
  color: #666158;
  font-size: clamp(0.85rem, 1.05vw, 1rem);
  line-height: 1.65;
}

.ps-customtext.webglobe-promo .webglobe-promo__copy p:first-child {
  display: flex;
  margin: 0 0 1.25rem;
  align-items: center;
  gap: 0.85rem;
  color: var(--promo-coral);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.17em;
  line-height: 1.4;
  text-transform: uppercase;
}

.ps-customtext.webglobe-promo .webglobe-promo__copy p:first-child::before {
  width: 2.75rem;
  height: 1px;
  flex: 0 0 auto;
  background: currentcolor;
  content: "";
}

.webglobe-promo__action {
  display: inline-flex;
  width: min(100%, 18rem);
  margin-top: clamp(2rem, 4vw, 3.5rem);
  padding: 1rem 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid currentcolor;
  color: var(--promo-ink);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease, padding 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.webglobe-promo__action:hover,
.webglobe-promo__action:focus-visible {
  padding-left: 0.75rem;
  color: var(--promo-coral);
}

.webglobe-promo__action-icon {
  font-size: 1.1rem;
  font-weight: 400;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.webglobe-promo__action:hover .webglobe-promo__action-icon,
.webglobe-promo__action:focus-visible .webglobe-promo__action-icon {
  transform: translate(0.2rem, -0.2rem);
}

.webglobe-promo__ticker {
  position: relative;
  z-index: 3;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid rgb(23 23 23 / 0.2);
  background: var(--promo-ink);
  color: #fff;
  white-space: nowrap;
}

.webglobe-promo__ticker-track {
  display: flex;
  width: max-content;
  animation: webglobe-promo-ticker 24s linear infinite;
}

.webglobe-promo__ticker span {
  display: block;
  width: 100vw;
  flex: 0 0 100vw;
  padding: 0.8rem 1rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-align: center;
  text-transform: uppercase;
}

@keyframes webglobe-promo-ticker {
  to { transform: translateX(-50%); }
}

@media (hover: hover) and (pointer: fine) {
  .webglobe-promo:hover .webglobe-promo__visual-label {
    transform: rotate(-2deg) scale(1.025);
  }

  .webglobe-promo:hover .webglobe-promo__visual-image {
    filter: brightness(0.86);
    transform: scale(1.045);
  }

  .webglobe-promo:hover .webglobe-promo__visual-mark {
    background: var(--promo-ink);
    color: var(--promo-coral);
    transform: rotate(12deg);
  }
}

@media (max-width: 767.98px) {
  .webglobe-promo__inner {
    min-height: 0;
    grid-template-columns: 1fr;
  }
  .webglobe-promo__visual {
    min-height: clamp(18rem, 92vw, 26rem);
    padding: 1.5rem;
  }

  .webglobe-promo__visual-label {
    font-size: clamp(6rem, 31vw, 10rem);
  }

  .webglobe-promo__visual-mark {
    top: 1.25rem;
    right: 1.25rem;
  }

  .webglobe-promo__visual-line {
    top: 1.75rem;
    left: 1.5rem;
  }

  .webglobe-promo__content {
    min-height: 24rem;
    padding: 3.5rem 1.5rem;
  }

  .webglobe-promo__meta {
    top: 1.5rem;
    right: 1.5rem;
  }

  .ps-customtext.webglobe-promo .webglobe-promo__copy h2 {
    font-size: clamp(2.35rem, 12vw, 4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .webglobe-promo__visual-label,
  .webglobe-promo__visual-image,
  .webglobe-promo__visual-mark,
  .webglobe-promo__action,
  .webglobe-promo__action-icon {
    transition: none;
  }

  .webglobe-promo__ticker-track { animation: none; }
}

/* Wyróżnienie odnośnika „Nowości” w menu. */

a.ps-mainmenu__tree-link[href$="/nowe-produkty"] {
  position: relative;
}

a.ps-mainmenu__tree-link[href$="/nowe-produkty"]::before {
  content: "⭐ ";
}

@media (hover: hover) and (pointer: fine) {
  a.ps-mainmenu__tree-link[href$="/nowe-produkty"]:hover::after {
    height: 6px;
  }
}
/* SVG header icons use a centered box without a text baseline offset. */
.header-block__icon:has(> svg),
.ps-mainmenu__mobile-toggle .material-icons:has(> svg) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.header-block__icon > svg,
.ps-mainmenu__mobile-toggle .material-icons > svg {
  display: block;
  flex-shrink: 0;
}


/* Oznaczenie wymaganej akceptacji regulaminu w checkoutcie. */
.js-conditions-to-approve
  .js-terms[for="conditions_to_approve[terms-and-conditions]"]::before {
  margin-inline-end: 0.25rem;
  color: var(--bs-danger, #dc3545);
  font-weight: 700;
  content: "*";
}
#checkout-personal-information-step em:not(label.form-check-label.required em) {
  font-size: .675rem;
}

label.form-check-label.required em,
label.form-check-label em {
  display: block;
  font-size: 13px;
  line-height: 15px;
}

/* Mobile controls above the listing; below offcanvas panels and their backdrop. */
.wg-mobile-listing-toolbar {
  position: fixed;
  inset: var(--wg-listing-toolbar-top, 0px) 0 auto;
  z-index: 20;
  display: block;
  visibility: hidden;
  box-shadow: black 0px 10px 33px -16px;
  pointer-events: none;
  transform: translateY(-100%);
  /* Reveal below the header while leaving room for the sort dropdown. */
  clip-path: inset(100% -1rem -100vh);
  transition: transform .28s ease, clip-path .28s ease, visibility 0s .28s;
}
.wg-mobile-listing-toolbar__actions {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}
.wg-mobile-listing-toolbar__filters {
  display: flex;
  gap: .5rem;
  margin: 0;
  padding: .375rem .75rem .5rem;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  list-style: none;
  background: #fff;
}
.wg-mobile-listing-toolbar__filters > li {
  flex: 0 0 auto;
}
.wg-mobile-listing-toolbar__filter {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 35px;
  padding: .375rem .75rem;
  border: 1px solid var(--bs-border-color, #ddd);
  border-radius: 999px;
  background: var(--bs-tertiary-bg, #f5f5f5);
  color: var(--bs-body-color, #222);
  font-size: .7rem;
  text-decoration: none;
}
.wg-mobile-listing-toolbar__filter:hover {
  border-color: currentColor;
}
.wg-mobile-listing-toolbar__filter-close {
  font-size: 1.25rem;
  line-height: 1;
  margin-top: -3px;
}
.wg-mobile-listing-toolbar.is-visible {
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  clip-path: inset(0 -1rem -100vh);
  transition-delay: 0s;
}
@media (prefers-reduced-motion: reduce) {
  .wg-mobile-listing-toolbar {
    transition: none;
  }
}
.wg-mobile-listing-toolbar__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  width: 100%;
  min-height: 44px;
  border: 1px solid #c9c9c900;
  background: #fff;
  color: var(--bs-body-color, #222);
  font: inherit;
  font-size: .8125rem;
  cursor: pointer;
}
nav.wg-mobile-listing-toolbar.is-visible {
    margin-top: -1px;
}
.wg-mobile-listing-toolbar__button:hover,
.wg-mobile-listing-toolbar__button[aria-expanded="true"] {
  background: var(--bs-tertiary-bg, #f5f5f5);
}
.wg-mobile-listing-toolbar__sort .dropdown-menu {
  top: 100%;
  left: .5rem;
  right: .5rem;
  min-width: 0;
  max-height: 60vh;
  max-height: 60dvh;
  overflow-y: auto;
}
.wg-mobile-listing-toolbar__sort .dropdown-item {
  white-space: normal;
}
@media (min-width: 768px) {
  .wg-mobile-listing-toolbar {
    display: none;
  }
}

/* Odstęp nad treścią koszyka po usunięciu breadcrumb — mobile i desktop. */
body#cart #main-content {
  padding-block-start: 30px;
}

/* Podgląd koszyka korzysta z tego samego gestu co pełny koszyk. */
.webglobe-cartbar__products > .webglobe-cart-swipe { flex: 0 0 min(19rem, 40vw); min-width: min(24rem, 40vw); }
.webglobe-cart-drawer__body > .webglobe-cart-swipe { width: 100%; }
.webglobe-cart-swipe .webglobe-cartbar__product-link { padding-right: 1rem; }
.webglobe-cart-swipe .webglobe-cartbar__product-actions { padding-right: 0; }
.webglobe-cart-swipe .webglobe-cart-drawer__product { grid-template-columns: 4.5rem minmax(0, 1fr) auto; }
.webglobe-cart-swipe .webglobe-cart-drawer__product-actions { grid-column: 3; }
@media (max-width: 767.98px) {
  .webglobe-cartbar__products > .webglobe-cart-swipe { flex-basis: 78vw; min-width: 78vw; }
  .webglobe-cart-swipe .webglobe-cartbar__product-actions .webglobe-cartbar__quantity { right: .75rem; }
}
@media (min-width: 768px) {
  .webglobe-cart-swipe .cart-swipe__remove { z-index: 2; display: flex; width: 3rem; background: transparent; }
  .webglobe-cart-swipe .cart-swipe__label { display: none; }
  .webglobe-cart-drawer__body > .webglobe-cart-swipe:not(.cart-swipe--disabled) { display: grid; grid-template-columns: minmax(0, 1fr) 3rem; }
  .webglobe-cart-drawer__body > .webglobe-cart-swipe > .cart-swipe__remove { position: relative; margin-left: -8px; grid-column: 2; grid-row: 1; width: auto; }
  .webglobe-cart-swipe .webglobe-cart-drawer__product { grid-column: 1; grid-row: 1; grid-template-columns: 4.5rem minmax(0, 1fr) auto; }
}

/* Payment method cards: one column on mobile, two on desktop. */
#checkout-payment-step .payment-options__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
}

#checkout-payment-step .payment-options__list > .payment-option {
  min-width: 0;
  background: var(--bs-body-bg, #fff);
  border: 1px solid var(--bs-border-color, #dce3e6);
  border-radius: .5rem;
  transition: border-color .18s ease, box-shadow .18s ease;
}

@media (prefers-reduced-motion: no-preference) {
  #checkout-payment-step.active .payment-options__list > .payment-option {
    animation: webglobe-payment-option-in 280ms ease-out backwards;
    animation-delay: calc(var(--payment-option-index, 0) * 50ms);
  }
}

@keyframes webglobe-payment-option-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

#checkout-payment-step .payment-option:has(> .payment-option__form-check > .payment-option__input:checked) {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 1px var(--bs-primary);
}

#checkout-payment-step .payment-option__form-check {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-height: 5rem;
  min-width: 0;
  margin: 0;
  padding: .875rem 1rem;
}

#checkout-payment-step .payment-option__input {
  flex: 0 0 auto;
  float: none;
  margin: 0;
}

#checkout-payment-step .payment-option__label {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: .75rem;
  min-width: 0;
  margin: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
  cursor: pointer;
}

#checkout-payment-step .payment-option__label > img {
  order: 1;
  flex: 0 0 4.5rem;
  width: 4.5rem;
  height: 2rem;
  margin: 0;
  margin-inline-start: auto;
  object-fit: contain;
}

#checkout-payment-step .payment-option__additional-information,
#checkout-payment-step .js-payment-option-form,
#checkout-payment-step .payment-option__no-js-form {
  padding: 0 1rem 1rem;
}

#checkout-payment-step .payment-option__additional-information > :last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  #checkout-payment-step .payment-options__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Kontener daje aktywnemu krokowi przestrzeń do działania sticky. */
.checkout-grid__content > .tab-content:has(> #checkout-delivery-step.active, > #checkout-addresses-step.active, > #checkout-personal-information-step.active) {
  height: 100%;
}

#checkout-delivery-step.active,
#checkout-addresses-step.active,
#checkout-personal-information-step.active {
  position: sticky;
  top: var(--scroll-padding-top, 1rem);
}

#checkout-delivery-step .delivery-option__label {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  line-height: 1.2;
  padding: 5px 15px;
}

#checkout-delivery-step .delivery-option__left {
  align-items: center;
  display: flex;
  flex: 1 1 100%;
  gap: .75rem;
  min-width: 0;
}

#checkout-delivery-step .delivery-option__check,
#checkout-delivery-step .delivery-option__carrier-logo {
  flex: 0 0 auto;
}

#checkout-delivery-step .delivery-option__carrier {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: .75rem;
  min-width: 0;
}

#checkout-delivery-step .delivery-option__carrier-name,
#checkout-delivery-step .delivery-option__content {
  min-width: 0;
  overflow-wrap: anywhere;
}

#checkout-delivery-step .delivery-option__content {
  flex: 0 0 auto;
}

#checkout-delivery-step .delivery-option__price {
  flex: 0 0 8.5rem;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
}

@media (min-width: 992px) {
  #checkout-delivery-step .delivery-options__list {
    align-items: start;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }

  #checkout-delivery-step .delivery-options__list--masonry {
    grid-auto-flow: dense;
    grid-auto-rows: 1px;
  }
  #checkout-delivery-step .delivery-options__list > .delivery-option__item {
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    border-start-start-radius: .5rem;
    border-start-end-radius: .5rem;
    border-end-start-radius: .5rem;
    border-end-end-radius: .5rem;
  }

  #checkout-delivery-step .delivery-option__label {
    flex-wrap: nowrap;
    min-height: 7rem;
  }

  #checkout-delivery-step .delivery-option__left {
    flex: 0 1 42%;
  }

  #checkout-delivery-step .delivery-option__price {
    flex-basis: 8.5rem;
  }
}

@media (min-width: 768px) {
  #checkout-addresses-step .buttons-wrapper--split > .btn,
  #checkout-delivery-step .buttons-wrapper--split > .btn,
  #checkout-payment-step .buttons-wrapper--split > .js-back,
  #checkout-payment-step .buttons-wrapper--split > .js-payment-confirmation {
    flex: 1 1 0;
    min-width: 0;
  }

  #checkout-payment-step .js-payment-confirmation .btn {
    width: 100%;
  }
}

/* Pojedynczy przycisk kontynuacji: pełna szerokość na mobile, połowa na desktopie. */
#checkout-personal-information-step .buttons-wrapper--end > .btn {
  width: 100%;
}

@media (min-width: 768px) {
  #checkout-personal-information-step .buttons-wrapper--end > .btn {
    flex: 0 0 50%;
    width: 50%;
  }
}

/* TEST: ribbon "Najtaniej" na najtańszej metodzie wysyłki (checkout bez one page checkout) */
#checkout-delivery-step .delivery-options__list > .delivery-option__item {
  position: relative;
  overflow: hidden;
}

#checkout-delivery-step .delivery-option__item:not(.delivery-option__item--cheapest) > .delivery-option__cheapest-label {
  display: none;
}

#checkout-delivery-step .delivery-option__cheapest-label {
    position: absolute;
    top: 0;
    right: 0;
    background: #20a500;
    color: #fff;
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    padding: .3rem .75rem;
    text-shadow: #000000a8 1px 1px 4px;
    border-radius: 0px 0px 7px 15px;
    box-shadow: inset -8px 6px 5px -4px rgb(0 0 0 / 30%);
    pointer-events: none;
    z-index: 1;
}
@media (max-width: 768px) {
#checkout-delivery-step .delivery-option__cheapest-label {
    font-size: .4875rem;
    padding: .2rem .75rem;
}
a.btn.btn-outline-primary.wg {
    width: 100%;
    margin-bottom: 28px;
    border-bottom: 1px solid black;
}
}