#fw-section-custom-html-a3460272-2baf-4aeb-80a8-6b12c259e0ae {

/* =========================================
   MAIN 4-COLUMN GRID
========================================= */

.ts3m-all-products-grid {
  width: 100%;
  max-width: 1400px;

  /* LOWER PRODUCTS SLIGHTLY */
  margin: -185px auto 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 34px;

  align-items: start;

  padding: 0 28px 90px;

  box-sizing: border-box;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

  .ts3m-all-products-grid {
    max-width: 760px;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 34px;

    /* LOWER TABLET POSITION TOO */
    margin: -125px auto 0;

    padding:
      0
      22px
      70px;
  }

}


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

@media (max-width: 600px) {

  .ts3m-all-products-grid {
    max-width: 420px;

    grid-template-columns: 1fr;

    gap: 34px;

    /* LOWER MOBILE POSITION SLIGHTLY */
    margin: -60px auto 0;

    padding:
      0
      16px
      55px;
  }

}
}






#fw-section-text-carousel-8854fa14-16c4-4a04-a870-ae98aa15d834 {
--font-heading-scale: 1.5;
--font-body-scale: 1.5;
}
#fw-section-text-carousel-8854fa14-16c4-4a04-a870-ae98aa15d834 {
--color-primary: #151515;
--color-primary-rgb: 21, 21, 21;
--color-background: #151515;
--color-background-rgb: 21, 21, 21;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #1e8bfa;
--color-on-primary-rgb: 30, 139, 250;
--color-product-image-background: #ffffff;
--color-background-brightness: 21;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #151515;
--primary-btn-text: #1e8bfa;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-hero-0 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #151515;
--color-background-rgb: 21, 21, 21;
--color-on-background: #1e8bfa;
--color-on-background-rgb: 30, 139, 250;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 21;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #1e8bfa;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e8bfa;
--secondary-btn-border-color: #1e8bfa;

}
#fw-section-footer {
--font-heading-scale: 2.0;
--font-body-scale: 1.5;
}
#fw-section-header {
--font-heading-scale: 0.7;
--font-body-scale: 1.1;
}
#fw-section-header {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #151515;
--color-background-rgb: 21, 21, 21;
--color-on-background: #1e8bfa;
--color-on-background-rgb: 30, 139, 250;
--color-on-primary: #1e8bfa;
--color-on-primary-rgb: 30, 139, 250;
--color-product-image-background: #ffffff;
--color-background-brightness: 21;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #1e8bfa;
--primary-btn-border-color: #1e8bfa;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1e8bfa;
--secondary-btn-border-color: #1e8bfa;

}
#fw-section-product-product-default {

/* =========================================================
   TS3M PRODUCT PAGE
   PREMIUM BLACK PRODUCT LAYOUT
========================================================= */


/* =========================================================
   MAIN PRODUCT LAYOUT
========================================================= */

.product__main {
  width: 100%;
}

.product__main > .col-grid,
.product__main > [class*="col-grid"] {
  gap: 42px !important;
  align-items: flex-start !important;
}


/* =========================================================
   MAIN GALLERY — LARGE BLACK PRODUCT CARD
========================================================= */

.product__gallery {
  position: relative;

  padding: 18px !important;

  border-radius: 30px !important;

  background:
    linear-gradient(
      145deg,
      #1b1b1b 0%,
      #0b0b0b 55%,
      #020202 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,.11) !important;

  box-shadow:
    0 30px 70px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.07) !important;

  overflow: hidden;

  box-sizing: border-box;
}


/* KEEP GALLERY TRANSPARENT */

.product__gallery .gallery,
.product__gallery .gallery--product {
  background: transparent !important;
}


/* =========================================================
   MAIN PRODUCT IMAGE AREA
========================================================= */

.product__gallery [class*="image-container"],
.product__gallery [class*="image__container"],
.product__gallery [class*="media-container"] {
  background:
    linear-gradient(
      145deg,
      #131313,
      #050505
    ) !important;
}


/* MAIN PRODUCT IMAGES */

.product__gallery img {
  object-fit: contain !important;
}


/* =========================================================
   PRODUCT DETAILS — BLACK CARD
========================================================= */

.product__info {
  position: relative;

  padding: 34px 34px 38px !important;

  border-radius: 30px !important;

  background:
    linear-gradient(
      145deg,
      #1b1b1b 0%,
      #0b0b0b 55%,
      #020202 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,.11) !important;

  box-shadow:
    0 30px 70px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.07) !important;

  box-sizing: border-box;
}


/* PRODUCT TITLE */

.product__info h1,
.product__info [class*="title"] {
  color: #ffffff !important;
}


/* DESCRIPTION */

.product__info p,
.product__info li,
.product__info [class*="description"] {
  color:
    rgba(255,255,255,.88) !important;
}


/* PRICE */

.product__info [class*="price"] {
  color: #ffffff !important;
}


/* OLD PRICE */

.product__info s,
.product__info del {
  color:
    rgba(255,255,255,.42) !important;
}


/* =========================================================
   THUMBNAIL STRIP
========================================================= */

.product__gallery [data-gallery="thumbnails"] {
  gap: 14px !important;

  background:
    transparent !important;
}


/* =========================================================
   INACTIVE THUMBNAILS
   BLACK CARD + BLUE ROUNDED SQUARE
========================================================= */

.product__gallery .gallery-thumbs__item {
  position: relative;

  overflow: hidden;

  padding: 5px !important;

  border-radius:
    16px !important;

  background:
    linear-gradient(
      145deg,
      #1b1b1b 0%,
      #0b0b0b 55%,
      #020202 100%
    ) !important;

  border:
    2px solid #1e90ff !important;

  box-shadow:
    0 8px 20px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 8px rgba(30,144,255,.10) !important;

  box-sizing: border-box;

  transition:
    border-radius .3s ease,
    border-color .3s ease,
    box-shadow .3s ease,
    transform .3s ease !important;
}


/* =========================================================
   THUMBNAIL IMAGE AREA
========================================================= */

.product__gallery
.gallery-thumbs__image-container {
  position: relative;

  width: 100%;
  height: 100%;

  overflow: hidden !important;

  border-radius:
    12px !important;

  background:
    linear-gradient(
      145deg,
      #131313,
      #050505
    ) !important;

  transition:
    border-radius .3s ease !important;
}


/* REMOVE FOURTHWALL THUMBNAIL BACKGROUND */

.product__gallery
.gallery-thumbs__image-container--background-color {
  background:
    linear-gradient(
      145deg,
      #131313,
      #050505
    ) !important;
}


/* INNER WRAPPERS */

.product__gallery
.gallery-thumbs__image-container > div,
.product__gallery
.gallery-thumbs__image-container [class*="image"] {
  background:
    transparent !important;
}


/* THUMBNAIL IMAGE */

.product__gallery
.gallery-thumbs__image-container img {
  width: 100% !important;
  height: 100% !important;

  object-fit:
    contain !important;

  background:
    transparent !important;
}


/* =========================================================
   ACTIVE THUMBNAIL
   SELECTED IMAGE = OVAL
========================================================= */

.product__gallery
.gallery-thumbs__item.tns-nav-active {
  border-radius:
    999px !important;

  border:
    2px solid #1e90ff !important;

  background:
    linear-gradient(
      145deg,
      #171717 0%,
      #090909 60%,
      #020202 100%
    ) !important;

  box-shadow:
    0 0 0 1px rgba(30,144,255,.15),
    0 0 18px rgba(30,144,255,.25),
    0 10px 24px rgba(0,0,0,.48) !important;
}


/* ACTIVE IMAGE CONTAINER ALSO OVAL */

.product__gallery
.gallery-thumbs__item.tns-nav-active
.gallery-thumbs__image-container {
  border-radius:
    999px !important;
}


/* FOURTHWALL CURRENT-SLIDE FALLBACK */

.product__gallery
.gallery-thumbs__item[aria-label*="Current"] {
  border-radius:
    999px !important;
}


.product__gallery
.gallery-thumbs__item[aria-label*="Current"]
.gallery-thumbs__image-container {
  border-radius:
    999px !important;
}


/* =========================================================
   THUMBNAIL HOVER
========================================================= */

.product__gallery
.gallery-thumbs__item:not(.tns-nav-active):hover {
  transform:
    translateY(-2px);

  border-color:
    #39a0ff !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.55),
    0 0 14px rgba(30,144,255,.18) !important;
}


/* =========================================================
   FORMS / SELECTORS
========================================================= */

.product__info select,
.product__info input {
  color:
    #ffffff !important;

  background:
    #0b0b0b !important;

  border:
    1px solid rgba(255,255,255,.14) !important;

  border-radius:
    12px !important;
}


.product__info button,
.product__info .btn,
.product__info [class*="button"] {
  border-radius:
    12px !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease !important;
}


.product__info button:hover,
.product__info .btn:hover,
.product__info [class*="button"]:hover {
  transform:
    translateY(-1px);
}


/* =========================================================
   REMOVE RANDOM LIGHT GALLERY BACKGROUNDS
========================================================= */

.product__gallery .gallery--product > div,
.product__gallery [data-gallery] {
  background-color:
    transparent !important;
}


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

@media (min-width: 901px) {

  .product__gallery {
    margin-right: 4px;
  }

  .product__info {
    margin-left: 4px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .product__main > .col-grid,
  .product__main > [class*="col-grid"] {
    gap:
      26px !important;
  }


  .product__gallery {
    padding:
      14px !important;

    border-radius:
      24px !important;
  }


  .product__info {
    padding:
      28px 24px 32px !important;

    border-radius:
      24px !important;
  }

}


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

@media (max-width: 600px) {

  .product__gallery {
    padding:
      10px !important;

    border-radius:
      20px !important;
  }


  .product__info {
    padding:
      24px 20px 28px !important;

    border-radius:
      20px !important;
  }


  .product__gallery
  [data-gallery="thumbnails"] {
    gap:
      10px !important;
  }


  .product__gallery
  .gallery-thumbs__item {
    padding:
      4px !important;

    border-radius:
      13px !important;
  }


  .product__gallery
  .gallery-thumbs__image-container {
    border-radius:
      10px !important;
  }


  .product__gallery
  .gallery-thumbs__item.tns-nav-active,
  .product__gallery
  .gallery-thumbs__item[aria-label*="Current"] {
    border-radius:
      999px !important;
  }


  .product__gallery
  .gallery-thumbs__item.tns-nav-active
  .gallery-thumbs__image-container,
  .product__gallery
  .gallery-thumbs__item[aria-label*="Current"]
  .gallery-thumbs__image-container {
    border-radius:
      999px !important;
  }

}
}
#fw-section-product-recommendations-product-default {

/* =========================================================
   TS3M — YOU MAY ALSO LIKE
   4 PRODUCTS / PREMIUM BLACK CARDS
========================================================= */


/* SECTION */

.product-recommendations {
  background: transparent !important;
}


.product-recommendations .section-header {
  margin-bottom: 34px !important;
}


.product-recommendations .section-header__heading {
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: .5px;
}


/* =========================================================
   4 PRODUCTS ACROSS
========================================================= */

.product-recommendations .collection > .col-grid {
  display: grid !important;

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

  gap: 28px !important;

  align-items: stretch !important;
}


/* OUTER ITEM */

.product-recommendations .collection > .col-grid > div {
  min-width: 0;
  width: 100%;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.product-recommendations .product-tile {
  position: relative;

  width: 100%;
  height: 100%;

  overflow: hidden;

  border-radius: 24px !important;

  background:
    linear-gradient(
      145deg,
      #1b1b1b 0%,
      #0b0b0b 55%,
      #020202 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,.11) !important;

  box-shadow:
    0 22px 48px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.07) !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease !important;

  box-sizing: border-box;
}


/* LINKS */

.product-recommendations .product-tile a {
  color: #ffffff !important;
  text-decoration: none !important;
}


/* =========================================================
   IMAGE AREA
========================================================= */

.product-recommendations .product-tile picture,
.product-recommendations .product-tile [class*="image"],
.product-recommendations .product-tile [class*="media"] {
  background:
    linear-gradient(
      145deg,
      #131313,
      #050505
    ) !important;
}


/* IMAGE */

.product-recommendations .product-tile img {
  width: 100%;

  object-fit: contain !important;

  background: transparent !important;

  transition:
    transform .45s cubic-bezier(.2,.8,.2,1),
    filter .35s ease !important;
}


/* REMOVE LIGHT BACKGROUNDS */

.product-recommendations .product-tile [class*="background-color"],
.product-recommendations .product-tile [style*="background-color"] {
  background-color:
    transparent !important;
}


/* =========================================================
   PRODUCT TEXT
========================================================= */

.product-recommendations .product-tile h1,
.product-recommendations .product-tile h2,
.product-recommendations .product-tile h3,
.product-recommendations .product-tile h4,
.product-recommendations .product-tile [class*="title"],
.product-recommendations .product-tile [class*="name"] {
  color: #ffffff !important;

  text-align: center !important;

  font-weight: 900 !important;
}


/* PRICE */

.product-recommendations .product-tile [class*="price"] {
  color:
    rgba(255,255,255,.88) !important;

  text-align: center !important;

  font-weight: 900 !important;
}


/* OLD PRICE */

.product-recommendations .product-tile s,
.product-recommendations .product-tile del {
  color:
    rgba(255,255,255,.38) !important;
}


/* BOTTOM TEXT AREA */

.product-recommendations .product-tile > div:last-child {
  background:
    linear-gradient(
      180deg,
      #0b0b0b,
      #050505
    ) !important;
}


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

.product-recommendations .product-tile:hover {
  transform:
    translateY(-4px);

  border-color:
    rgba(255,255,255,.20) !important;

  box-shadow:
    0 30px 64px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}


.product-recommendations .product-tile:hover img {
  transform:
    scale(1.025);

  filter:
    brightness(1.04);
}


/* =========================================================
   TABLET
   2 PER ROW
========================================================= */

@media (max-width: 900px) {

  .product-recommendations .collection > .col-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 26px !important;
  }

}


/* =========================================================
   MOBILE
   1 PER ROW
========================================================= */

@media (max-width: 600px) {

  .product-recommendations .collection > .col-grid {
    grid-template-columns:
      1fr !important;

    gap: 24px !important;
  }


  .product-recommendations .product-tile {
    border-radius:
      20px !important;
  }

}
}





#fw-section-password {
--font-heading-scale: 1.8;
--font-body-scale: 2.0;
}
#fw-section-password {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #161712;
--color-background-rgb: 22, 23, 18;
--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: 22;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* MAIN MESSAGE */
.password__subheading {
  color: #ffffff !important;

  text-shadow:
    0 0 4px rgba(255,255,255,.95),
    0 0 10px rgba(255,255,255,.80),
    0 0 22px rgba(255,255,255,.55),
    0 0 38px rgba(255,255,255,.32),
    0 0 65px rgba(255,255,255,.16);

  filter: brightness(1.08);

  letter-spacing: .01em;
}


/* MAILING / DESCRIPTION TEXT */
.password__body p,
.password__body label,
.password__form-newsletter,
.password__body span {
  color: rgba(255,255,255,.72) !important;

  text-shadow:
    0 0 4px rgba(255,255,255,.10);
}


/* KEEP PAGE DARK */
.password,
.password__container,
.password__content {
  background: #12130f !important;
}


/* OPTIONAL: SLIGHTLY CLEANER CENTERING */
.password__body {
  text-align: center !important;
}
}