#fw-section-hero-0 {

/* =========================================
   MOBILE HERO — COOL TURTLE
   ========================================= */

@media (max-width: 639px) {

  .hero__content {
    width: 100% !important;
    max-width: 225px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* COOL TURTLE IS HERE */
  .hero__top-text {
    margin: 0 0 11px 0 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  /* LESS HURRY. MORE LIFE. */
  .hero__heading {
    width: 205px !important;
    max-width: 205px !important;
    margin: 0 auto !important;

    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;

    text-align: center !important;
    white-space: nowrap !important;
  }

  /* Wear your own pace. */
  .hero__text {
    margin-top: 14px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  /* CTA */
  .hero__cta-container {
    width: 100% !important;
    margin-top: 18px !important;

    display: flex !important;
    justify-content: center !important;
  }

  .hero__cta {
    width: 100% !important;

    display: flex !important;
    justify-content: center !important;
  }

  /* USUWAMY button--expand */
  .hero__cta .button,
  .hero__cta .button--expand,
  .hero__cta .button--large {
    width: fit-content !important;
    min-width: 0 !important;
    max-width: fit-content !important;

    inline-size: fit-content !important;

    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    padding: 11px 22px !important;

    font-size: 14px !important;
    line-height: 1 !important;
  }
}
}


#fw-section-featured-collection-da9185db-cd4a-41de-abd6-d686eeb646b5 {

/* =========================================
   COOL TURTLE — BESTSELLERS
   FINAL
   ========================================= */

@media (min-width: 640px) {

  /* -----------------------------------------
     MNIEJSZY ODSTĘP:
     BESTSELLERS → PRODUKTY

     Przesuwamy cały rząd produktów wyżej,
     bez ruszania samego tytułu sekcji.
     ----------------------------------------- */

  div:has(> .product-tile) {
    position: relative !important;
    top: -28px !important;
  }


  /* -----------------------------------------
     1. NAZWA PRODUKTU
     ----------------------------------------- */

  .product-tile .tile__heading {
    min-height: 72px !important;
    box-sizing: border-box !important;
  }


  /* -----------------------------------------
     2. CENA
     ----------------------------------------- */

  .product-tile .tile__prices {
    min-height: 32px !important;
    box-sizing: border-box !important;
  }


  /* -----------------------------------------
     3. KOLORY
     ----------------------------------------- */

  .product-tile .tile__options {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .product-tile .tile__options > div {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* -----------------------------------------
     4. BLOK SIZE
     ----------------------------------------- */

  .product-tile .ct-size-controls {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
  }


  /* -----------------------------------------
     5. NAPIS SIZE
     ----------------------------------------- */

  .product-tile .ct-size-title {
    min-height: 22px !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }


  /* -----------------------------------------
     6. ROZMIARY
     6 kolumn + rezerwa na drugi rząd
     ----------------------------------------- */

  .product-tile .ct-size-list {
    min-height: 72px !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    column-gap: 6px !important;
    row-gap: 6px !important;

    align-content: start !important;

    box-sizing: border-box !important;
  }

  .product-tile .ct-size-list > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;

    box-sizing: border-box !important;
    text-align: center !important;
  }


  /* -----------------------------------------
     7. ADD TO CART
     ----------------------------------------- */

  .product-tile .ct-add {
    width: 100% !important;
    margin-top: 0 !important;
  }
}


/* =========================================
   MOBILE — bez przesuwania całej sekcji
   ========================================= */

@media (max-width: 639px) {

  div:has(> .product-tile) {
    top: 0 !important;
  }

  .product-tile .tile__heading,
  .product-tile .tile__prices,
  .product-tile .tile__options,
  .product-tile .ct-size-title,
  .product-tile .ct-size-list {
    min-height: 0 !important;
  }

  .product-tile .tile__options,
  .product-tile .tile__options > div,
  .product-tile .ct-size-controls {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .product-tile .ct-size-list {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}
}
#fw-section-gallery-7be54361-5633-43b1-9db7-c60457982676 {

/* =========================================
   COOL TURTLE — CATEGORY GALLERY
   ========================================= */

.image-gallery__item--cover {
  position: relative !important;
  overflow: hidden;
}

.image-gallery__item--cover::after {
  position: absolute;

  left: 8%;
  right: 8%;
  bottom: 18px;

  padding: 12px 8px;

  background: rgba(255,255,255,.88);
  color: #222;

  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;

  z-index: 10;
  pointer-events: none;

  transition:
    transform .35s ease,
    background-color .35s ease,
    letter-spacing .35s ease,
    box-shadow .35s ease;
}


/* ===== NAZWY KATEGORII ===== */

li:nth-of-type(1) > .image-gallery__item--cover::after {
  content: "T-SHIRTS";
}

li:nth-of-type(2) > .image-gallery__item--cover::after {
  content: "HOODIES & SWEATSHIRTS";
}

li:nth-of-type(3) > .image-gallery__item--cover::after {
  content: "GADGETS";
}


/* ===== DESKTOP HOVER ===== */

.image-gallery__item--cover .image-gallery__image {
  transition: transform .45s ease;
}

li:hover > .image-gallery__item--cover .image-gallery__image {
  transform: scale(1.045);
}

li:hover > .image-gallery__item--cover::after {
  transform: translateY(-5px);

  background: rgba(255,255,255,.96);

  letter-spacing: 1.2px;

  box-shadow:
    0 8px 22px rgba(0,0,0,.12);
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  /* KAŻDA KATEGORIA W OSOBNYM WIERSZU */
  li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    grid-column: 1 / -1 !important;
  }

  .image-gallery__item--cover::after {
    left: 10%;
    right: 10%;
    bottom: 14px;

    padding: 10px 8px;

    font-size: 15px;
    line-height: 1.15;
  }

  /* NA TELEFONIE NIE POTRZEBUJEMY ZOOMU */
  li:hover > .image-gallery__item--cover .image-gallery__image {
    transform: none;
  }

  li:hover > .image-gallery__item--cover::after {
    transform: none;
    letter-spacing: normal;
    box-shadow: none;
  }
}
}
#fw-section-gallery-2d4a46bd-e7ac-45d2-9f6b-8e18e9eacbe1 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-gallery-2d4a46bd-e7ac-45d2-9f6b-8e18e9eacbe1 {

/* =========================================
   COOL TURTLE — PROMO / TURTLE PICK
   ========================================= */

li {
  position: relative;
}

.image-gallery__item--cover {
  position: relative !important;
  overflow: hidden;
}

.image-gallery__image {
  transform: none !important;
}


/* =========================================
   PIERWSZY WIERSZ
   ========================================= */

li::before {
  position: absolute;
  z-index: 10;
  top: 32%;
  width: 46%;
  transform: translateX(-50%);

  font-family: inherit;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.1px;
  line-height: 1;

  color: #222;
  text-align: center;
  white-space: nowrap;

  pointer-events: none;
}

li:nth-of-type(1)::before {
  content: "SPECIAL OFFER ON HOODIES";
  left: 62%;
}

li:nth-of-type(2)::before {
  content: "TURTLE PICK";
  left: 38%;
}


/* =========================================
   GŁÓWNY KOMUNIKAT
   ========================================= */

li::after {
  position: absolute;
  z-index: 10;
  top: 41%;
  width: 52%;
  transform: translateX(-50%);

  font-family: inherit;
  font-size: 27px;
  font-weight: 350;
  letter-spacing: 0;
  line-height: 1.16;

  color: #171717;
  text-align: center;
  white-space: pre-line;

  pointer-events: none;
}

li:nth-of-type(1)::after {
  content: "LAUNCH PRICE\A ALMOST AT COST";
  left: 62%;
}

li:nth-of-type(2)::after {
  content: "COMFORT THAT MOVES\A AT YOUR PACE";
  left: 38%;
}


/* =========================================
   CTA
   ========================================= */

.image-gallery__item--cover::after {
  position: absolute;
  z-index: 11;
  top: 58%;

  padding: 12px 19px;

  background: #171717;
  border: 1px solid #171717;
  color: #fff;

  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 1;

  text-align: center;
  white-space: nowrap;

  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease;

  pointer-events: none;
}

li:nth-of-type(1) .image-gallery__item--cover::after {
  content: "VIEW THE OFFER";
  left: 62%;
  transform: translateX(-50%);
}

li:nth-of-type(2) .image-gallery__item--cover::after {
  content: "VIEW THE PICK";
  left: 38%;
  transform: translateX(-50%);
}


/* =========================================
   DESKTOP HOVER
   ========================================= */

li:hover .image-gallery__item--cover::after {
  background: rgba(255,255,255,.97);
  color: #171717;
  border-color: rgba(23,23,23,.55);

  transform: translateX(-50%) translateY(-2px);

  box-shadow: 0 4px 12px rgba(0,0,0,.07);
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    grid-column: 1 / -1 !important;
  }


  /* ---------- LEWA KARTA ---------- */

  li:nth-of-type(1)::before {
    top: 31%;
    left: 70%;
    width: 52%;

    font-size: 12px;
    font-weight: 300;
    letter-spacing: .7px;
  }

  li:nth-of-type(1)::after {
    top: 40%;
    left: 70%;
    width: 58%;

    font-size: 21px;
    font-weight: 350;
    line-height: 1.12;

    content: "LAUNCH PRICE\A ALMOST\00A0AT\00A0COST";
  }

  li:nth-of-type(1) .image-gallery__item--cover::after {
    top: 69%;
    left: 70%;

    padding: 10px 14px;
    font-size: 11px;
  }


  /* ---------- PRAWA KARTA ---------- */

  li:nth-of-type(2)::before {
    top: 30%;
    left: 30%;
    width: 56%;

    font-size: 12px;
    font-weight: 300;
    letter-spacing: .7px;
  }

  li:nth-of-type(2)::after {
    top: 39%;
    left: 30%;
    width: 56%;

    font-size: 19px;
    font-weight: 350;
    line-height: 1.14;
  }

  li:nth-of-type(2) .image-gallery__item--cover::after {
    top: 68%;
    left: 30%;

    padding: 10px 14px;
    font-size: 11px;
  }


  /* BEZ DESKTOPOWEGO HOVERA NA MOBILE */

  li:hover .image-gallery__item--cover::after {
    background: #171717;
    color: #fff;
    border-color: #171717;

    transform: translateX(-50%);

    box-shadow: none;
  }
}
}
#fw-section-video-with-text-daf04df6-4999-4a67-a064-8629e841cc30 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #e5e5e5;
--color-background-rgb: 229, 229, 229;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 229;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
video {
  height: 600px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
}


#fw-section-footer {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #7a797d;
--color-background-rgb: 122, 121, 125;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 122;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #d0c8c8;
--color-background-rgb: 208, 200, 200;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 202;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* =========================================
   COOL TURTLE — MOBILE HEADER
   ========================================= */

@media (max-width: 639px) {

  /* HEADER */
  #fw-section-header .header {
    min-height: 62px !important;
  }

  #fw-section-header .header__grid {
    min-height: 62px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    column-gap: 10px !important;
    align-items: center !important;
  }


  /* LOGO */
  #fw-section-header .header__logo-container {
    width: auto !important;
    max-width: 150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #fw-section-header .header__logo-link {
    display: block !important;
    line-height: 0 !important;
  }

  #fw-section-header .header__logo-image,
  #fw-section-header .header__logo-image--md {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
  }


  /* HAMBURGER */
  #fw-section-header .header__mobile-menu {
    margin-right: 4px !important;
  }
}
}

#fw-section-video-with-text-3f3bbfe6-2c4e-4d92-ace6-d0f155224066 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-video-with-text-3f3bbfe6-2c4e-4d92-ace6-d0f155224066 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #e5e5e5;
--color-background-rgb: 229, 229, 229;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 229;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
video {
  height: 520px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
}