.header-sticker .header--desktop .header__bottom #shopify-section-navigation .nav__item a {
width: auto!important;
padding-left:25px!important;
padding-right:25px!important;
//padding-bottom:7px!important;
}

@media screen and (min-width: 1024px) {
  #shopify-section-template--22358552379671__rich_banner_XGneY6 {
    margin-top: 50px;
  }
}

.article__bottom p {
font-weight:500!important;
font-size: 17px!important;
}


.button-soli {
    border-radius: 24px;
    background: #FF7200;
    color: white;

    &:focus {
      color: white;
    }

    &:hover {
      background: #fff;
      color: #FF7200;
      border: 2px solid #FF7200;
    }
}

/* Buttons style (hover for all pages) */
.content-button:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200 !important;
}
.use-sticky.active .header__bottom .header__logo__link {
  color: black !important;
}
.pages-link-new-contact-2
  .section__content
  .item
  .botom-content
  a.button.button--icon:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200 !important;
}
.pages-link-new-contact
  .section__content
  .item
  .botom-content
  a.button.button--icon:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200 !important;
}
.button--style1:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200 !important;
}
.footer .newsletter--footer .por .newsletter-button:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200;
}
.video-wrapper .video-wrapper-overlay .button a:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200;
}
.video-wrapper .video-wrapper-overlay .button:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200 !important;
}

.product-item-block .item-block__button:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200;
}

.custom_features .blocks .grid .grid__item.text .button:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200;
}
.main-banner-homepage .button-main-slider:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200;
}

.header-sticker
  .header--desktop
  .header__bottom
  #shopify-section-navigation
  .nav__item
  a:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200;
}

/* HOW IT WORKS PAGE */

:root {
  --primary-text-color: #26343b;
  --secondary-text-color: #ff7200;
}

h1.banner-title-main {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: 50px;
  text-transform: uppercase;

  @media (min-width: 768px) {
    font-size: 60px;
  }
}

.how-it-works-title-section {
  color: var(--primary-text-color);
  padding: 20px 0;
  text-align: center;
  font-size: 15px;
  line-height: normal;

  @media (min-width: 768px) {
    padding: 50px 0;
    max-width: 680px;
    margin: 0 auto;
    font-size: 21px;
  }
}

.image-grid-section {
  padding-bottom: 50px;

  .image-grid__header {
    color: var(--primary-text-color);
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;

    @media (min-width: 768px) {
      font-size: 50px;
      margin: 60px 0;
    }
  }

  .image-grid__container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(auto, 140px));
    gap: 30px;
    place-content: center;

    @media (min-width: 992px) {
      grid-template-columns: repeat(5, 1fr);
    }

    .image-item-wrapper {
      .desktop-image {
        display: none;
      }
      @media (min-width: 768px) {
        .desktop-image {
          display: block;
        }
        .mobile-image {
          display: none;
        }

        max-height: 220px;
        height: 100%;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top;
      }
    }
  }

  .image-grid__item {
    display: flex;
    flex-direction: column;

    .text-below-image {
      margin-top: 15px;
      color: var(--primary-text-color);
      text-align: center;
      font-size: 12px;
      font-weight: 900;
      line-height: normal;

      @media (min-width: 768px) {
        font-size: 15px;
      }
    }

    .image-item-wrapper {
      position: relative;

      .text-in-image {
        position: absolute;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;

        color: #fff;
        text-align: center;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        font-size: 20px;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
        span {
        }
        @media (min-width: 768px) {
          font-size: 30px;
        }
      }
    }
  }

  &.set-up-guide-section .image-grid__container {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;

    & > div.image-grid__item:nth-child(1) {
      grid-column-start: 1;
      grid-column-end: 3;
    }

    @media (min-width: 768px) {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 18px;
      row-gap: 40px;

      & > div.image-grid__item:nth-child(1) {
        grid-column-end: 2;
      }

      & > div.image-grid__item:nth-child(4),
      & > div.image-grid__item:nth-child(8) {
        grid-column-start: 1;
        grid-column-end: 4;
      }
    }

    .image-item-wrapper {
      max-height: 100%;
    }
  }

  &.taking-down-section {
    background-color: var(--primary-text-color);

    .image-grid__header {
      color: #fff;
    }

    .image-grid__container {
      gap: 18px;

      .text-below-image {
        color: #fff;
      }

      .image-item-wrapper {
        max-height: 100%;
      }

      @media (min-width: 768px) {
        display: flex;
        flex-wrap: wrap;
        column-gap: 18px;
        row-gap: 50px;

        .image-grid__item {
          max-width: 23%;
        }
      }
    }
  }
}

.html-button-section {
  padding: 50px 0;
  display: grid;
  place-content: center;

  a.button {
    background: #ff7200;
    padding: 5px 20px;
    border: 2px solid #ff7200;
    color: white;
    margin: 0 auto;
    font-weight: bolder;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0px;

    @media (min-width: 768px) {
      font-size: 24px;
    }
  }
}

.soli-gives-back__text-section h1 {
  margin-top: 0;
}
.soli-gives-back__text-section .soli-logo {
  width: 100%;
  max-width: 200px;
}

.custom_faq_page {
  background: #fff;

  .section__heading {
    max-width: initial;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 25px;

    .section__title__text {
      text-align: center;
    }
  }

  .section__content {
    padding-top: 40px;
  }

  .image-question-header {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    margin-bottom: 40px;

    img {
      width: 100%;
      height: auto;
      object-fit: contain;
      max-width: 180px;
    }

    span {
      color: #ff7200;
      text-align: center;
      font-family: Montserrat;
      font-size: 20px;
      font-weight: 900;
      line-height: normal;
      text-transform: uppercase;
    }
  }

  .questions {
    margin-bottom: 50px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
  }

  .wrapper .question {
    border-radius: 12px;
    background: #f7f7f7;
    padding: 10px;
  }

  .wrapper .faq-heading {
    position: relative;

    .icon {
      position: absolute;
      right: 3px;
      top: 25px;
      color: #26343b;

      @media (min-width: 991px) {
        top: 35px;
        right: 15px;
      }
    }

    .text {
      padding: 0;
    }
  }

  .wrapper .faq-text-content p {
    color: #26343b;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }

  .wrapper .main-content {
    width: 100%;
  }
}

.extra-text .shipping_text.soli-towels {
  color: #ff7200;
  text-transform: uppercase;
}

div[data-product-handle="soli-towels"]
  .pg__option__value[data-value="Blue"]
  .pg__option__value-image {
  background-image: url("/cdn/shop/files/soli-towel-front-blue.webp?v=1727914915");
}
div[data-product-handle="soli-towels"]
  .pg__option__value[data-value="Green"]
  .pg__option__value-image {
  background-image: url("/cdn/shop/files/soli-towel-front-green.webp?v=1727914941");
}

div[data-product-handle="soli-towels"]
  .add-to-cart-header
  .product-name
  .color-selected-circle[data-variant-selected*="Blue"] {
  background-color: #538bd6;
}

div[data-product-handle="soli-towels"]
.add-to-cart-header
.product-name
.color-selected-circle[data-variant-selected*="Green"] {
  background-color: #839d82;
}

.product-single[data-product-handle="soli-towels"] .pg__option.last:after,
.product-single[data-product-handle="soli-base-mat"] .pg__option.last:after {
  display: none;
}

#yotpo-main-widget-btn[data-v-45e7fb23] {
  padding: 0 50px;
}
.add-to-cart-header .product-name .color-picker-wrapper{
  display: flex;
  align-items: center !important;
  gap: 5px;
}

div.product-template-section .product-single__photos {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(247, 247, 247, 1) 100%
  );
}

.cc-section {
  margin: 40px 0;
}
.cc-title {
  color: var(--primary-text-color) !important;
  font-family: Montserrat !important;
  font-size: 20px;
  font-weight: 900 !important;
  line-height: normal !important;
  text-transform: uppercase !important;

  @media (min-width: 768px) {
    font-size: 60px;
  }

  span {
    color: var(--secondary-text-color) !important;
  }
}

.text-center {
  text-align: center;
}

.cc-description {
  color: var(--primary-text-color) !important;
  font-size: 20px;
  line-height: normal;

  @media (min-width: 768px) {
    font-size: 30px;
  }
}

.cc-button-soli {
  background: var(--secondary-text-color);
  padding: 5px 20px;
  border: 2px solid #ff7200;
  font-weight: 700 !important;
}

.about-us-section .banner-item__text {
  padding-right: 0;
  padding-left: 0;
}

.bg-dark {
  background-color: var(--primary-text-color);
}

.bg-dark .cc-title {
  color: white !important;
}

.about-us-footer .cc-description {
  @media (min-width: 768px) {
    font-size: 15px;
    max-width: 930px;
    margin: 0 auto;
    padding: 10px 0;
  }
}

.collection__products .grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);

  @media (min-width: 768px) {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}

.collection__products .grid__item {
  background-color: #f7f7f7;
  border-radius: 30px;
  width: 100%;
}

.collection__products .grid__item .cc-button-soli {
  border-radius: 24px;
  border: 1px solid #ff7200;
  background: #ff7200;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  width: 150px;
  padding: 8px 9px;
  text-align: center;
  line-height: normal;
  height: auto;
  margin-top: 20px;
  color: white;
}
.collection__products .grid__item .cc-button-soli:hover {
  background-color: white !important;
  color: #ff7200 !important;
  border: 2px solid #ff7200 !important;
}

.collection__products .grid__item .pg__bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

#collection-template .collection__products .grid .item__name {
  min-height: 55px;
}

#collection-template {
  padding-bottom: 40px;
}

#collection-template .collection__products .grid .item__name,
#collection-template .collection__products .grid .product-price__price {
  font-size: 14px;
  @media (min-width: 768px) {
    font-size: 17px;
  }
}

.soli-feed-title {
  font-family: Montserrat;
  color: #ff7200;
  font-weight: 900;
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 15px;
  padding: 1.5rem 0px;
}

.contact-banner.storie-banner {
  margin-top: 3%;
}

@media screen and (max-width: 767px) {
  .contact-banner.storie-banner {
    margin-top: 7%;
  }
}

.cc-new-post-template {
  padding-top: 20px;

  .article__title,
  .social-sharing-wrapper {
    display: none;
  }

  .article__excerpt {
    max-width: 760px;
    margin: 0 auto;
  }

  h1,
  h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #26343b;
  }

  h1 {
    color: #ff7200;
    margin-bottom: 30px;
    font-size: 25px;
    @media (min-width: 992px) {
      font-size: 36px;
    }
  }

  h2 {
    font-size: 23px;

    strong {
      color: #ff7200;
      font-weight: 900;
    }
  }

  h3 {
    font-weight: 800;
    font-size: 18px;
    color: #ff7200;
  }

  p {
    font-weight: 500;
    text-align: justify;
    line-height: 1.4;
    font-size: 14px;
    color: #26343b;
  }

  img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .banner-information {
    position: relative;
    padding: 20px 0;

    .background-banner {
      position: absolute;
      top: 0;
      left: 50%;
      right: 50%;
      width: 100vw;
      height: 100%;
      transform: translateX(-50%);
      z-index: -1;
      background-color: #26343b;
    }

    h1 {
      color: #fff;

      strong {
        font-weight: 900;
        color: #ff7200;
      }
    }

    p {
      color: #fff;
      strong {
        color: #ff7200;
      }
    }
  }

  .blog-nav {
    display: none;
  }
}

.cc-product-slider-blog {
  margin-bottom: 0;

  .container {
    max-width: 760px;
    padding: 0;
  }

  .section__title__text {
    color: #ff7200;
    text-align: center;
    font-size: 26px;
    line-height: 1.2;

    strong {
      display: block;
      font-weight: 900;
      color: #26343b;
    }
  }

  .product-item-block {
    padding: 0;
  }

  .product-slider-desktop {
    gap: 30px;
  }
}

.footer .footer__column__content a {
  font-size: 16px;
}

.cc-product-banner-mobile {
  width: 100%;
  max-width: 85%;
  margin: 0 auto;
  padding-bottom: 20px;

  img {
    width: 100%;
  }

  p {
    font-weight: 800;
    font-size: 20px;
    line-height: 1;
    color: #111;
    text-align: center;
    padding: 20px 0 10px;
  }

  @media (min-width: 992px) {
    display: none;
  }
}

.cc-product-banner-desktop {
  width: 100%;
  max-width: 230px;
  position: absolute;
  right: 0;
  top: -20px;

  img {
    width: 100%;
  }

  p {
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    color: #111;
    text-align: center;
  }

  @media (max-width: 992px) {
    display: none;
  }
}

@media (min-width: 992px) {
  .cc-custom-product-banner-price {
    position: relative;
    padding-bottom: 15px;

    .yotpo-widget-instance {
      width: 100%;
    }
  }
}

.banner-1-hp-black-friday-title {
  font-weight: 900 !important;
  text-transform: uppercase;
  font-size: 20px !important;
  line-height: normal !important;

  @media (min-width: 992px) {
    font-size: 1.4rem !important;
  }

  @media (min-width: 1200px) {
    font-size: 2rem !important;
    color: #000;
  }

  span {
    display: block;
    color: #ff7200;
    font-size: 24.5px;

    @media (min-width: 992px) {
      font-size: 1.7rem !important;
    }

    @media (min-width: 1200px) {
      font-size: 2.4rem !important;
      line-height: 0.8;
    }
  }
}

.banner-1-hp-bf-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 20px 0 0;

  p {
    writing-mode: vertical-lr;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    transform: rotate(180deg);
    font-size: 30px;
    margin: 0;

    @media (min-width: 992px) {
      color: #000;
    }
  }
  img {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    border-radius: 20px;
    margin-left: 10px;
  }
}
#icon_template--22358552379671__166048677038726b9b .title {
  color: white !important;
}
.main-banner-homepage.without-shadow .banner-item__image:before {
  display: none;
}

.banner-2-bf-content-mobile {
  br {
    display: none;
  }

  h1 {
    margin: 0;
    font-weight: 900;
    font-size: 3.3rem;
    text-transform: uppercase;
    color: #ff7200;
    margin-bottom: 20px;

    span {
      display: block;
      font-size: 1.4rem;
      line-height: 1;
      color: #fff;
    }
  }
  img {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }

  .banner-title {
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;

    div > p {
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1.3px;
      font-size: 1.5rem;
    }

    a.button {
      line-height: 2;
      font-size: 14px;
    }
  }
}

.banner-2-bf-content-desktop {
  br {
    display: none;
  }
  h1 {
    margin: 0;
    font-weight: 900;
    font-size: 3.3rem;
    text-transform: uppercase;
    color: #ff7200;
    margin-bottom: 20px;

    @media (min-width: 992px) {
      font-size: 5.5rem;
    }

    span {
      display: block;
      font-size: 1.4rem;
      line-height: 1;
      color: #fff;

      @media (min-width: 992px) {
        font-size: 2rem;
      }
    }
  }
  img {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }

  .banner-title {
    display: flex;
    margin-bottom: 20px;
    align-items: center;

    h1 {
      flex: 2;
      border-right: 1px solid #fff;
    }

    div {
      flex: 1;
    }

    span {
      color: #fff;
    }

    p {
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1.3px;
      font-size: 1.5rem;
      color: #fff;
    }

    a.button {
      line-height: 2;
      font-size: 13px;
    }
  }
}

.section-product-main .shopify-product-form .product-price__sale {
  padding: 0;
  margin: 0;
  font-size: 13px;
  margin-right: 10px;
  color: #ff7200;
}
.section-product-main
  div[data-product-handle="soli-sand-free-towels"]
  .shopify-product-form
  .product-price__sale {
  display: block;
}


.extra-text .variant-text {
  font-size: 13px;
  line-height: normal;

  span {
    text-decoration: line-through;
  }
}

.section-product-main .extra-text {
  width: 100%;
}

.section-product-main .shopify-product-form .shipping_text {
  font-size: 13px !important;
}

@media (max-width: 1051px) {
  .bt-dropdown.header__bottom__ele {
    display: none;
  }
}

@media (min-width: 768px) {
  .main-banner-homepage .video-wrapper .video-wrapper-overlay {
    top: 50%;
  }
  .main-banner-homepage
    .video-wrapper
    .video-wrapper-overlay
    .video-wrapper-overlay-title {
    font-size: 30px;
    max-width: 440px;
  }
}

#shopify-section-template--23858130157847__173740595235351151 {
  background-color: #001974;

  .shopify-app-block .rc-custom-join-header {
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 17px;
    @media (min-width: 768px) {
      font-size: 23px;
    }
  }
  .shopify-app-block .rc-custom-join-offer {
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 32px;
    line-height: normal;
    @media (min-width: 768px) {
      font-size: 45px;
    }
  }

  .shopify-app-block .rc-custom-share-header {
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin-top: 2.5rem;
  }

  .shopify-app-block .rc-custom-share-description {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
  }

  .rc-label {
    display: none;
  }

  input.rc-input {
    border-radius: 28rem;
    background-color: #fff;
    padding: 16px 22px;
  }

  button.rc-button[type="submit"] {
    padding: 10px 40px;
    height: auto;
    width: 100%;
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: white;
    background-color: #ff7200;
    border: none;
    font-size: 16px;
    border-radius: 40px;
    margin-top: 20px;
    @media (min-width: 768px) {
      width: auto;
    }
  }

  input.field__input[value*="https://soli.refr.cc/"]
  {
    color: white;
    padding: 10px !important;
    width: 100%;
    text-overflow: initial;
    text-align: center;
  }
}

#shopify-section-template--23858130157847__icon_and_text_MyYrLe {
  background-color: #001974;

  .referral-candy-icons-section {
    padding: 15px 0 50px;
  }

  .referral-candy-icons-section .section__content {
    grid-template-columns: repeat(1, 1fr) !important;
    max-width: 35rem;
    margin: 0 auto;
    align-items: start;
    gap: 40px;
    padding: 0 20px;

    @media (min-width: 768px) {
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 50px;
      padding: 0;
    }
  }
  .referral-candy-icons-section .section__content .item {
    flex-direction: column;
  }

  .referral-candy-icons-section .section__content .item h4 {
    text-align: center;
    margin: 0;
    font-weight: 700;
    font-size: 30px;

    @media (min-width: 768px) {
      font-size: 15px;
    }
  }

  .referral-candy-icons-section .section__content .item h4 > span {
    display: block;
    font-weight: 500;
    margin-top: 15px;
    font-size: 10px;
    @media (min-width: 768px) {
      font-size: 12px;
    }
  }
  .referral-candy-icons-section .section__content .item .item_image {
    max-width: 60px;
    height: 60px;

    @media (min-width: 768px) {
      max-width: 30px;
      height: 30px;
    }
  }
}

#shopify-section-template--23948379848983__cc_features_DRLwTp .img-responsive {
  background-color: white;
}

#shopify-section-template--23948379848983__cc_features_DRLwTp
  .custom_features
  .blocks
  .grid {
  background-color: #26343b;
  width: 100%;
}

@media (max-width: 768px) {
  .footer .cc-footer-text {
    text-align: center;
  }
}

.product-price {
  gap: 5px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.product-price__sold-out {
  color: #26343b;
  border: 1px solid #26343b;
  font-size: 8px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 55px;
  font-weight: 800;
  line-height: 15px;
}

.custom-basemat .product-price__sale {
  display: inline-block !important;
}

.section-product-main .shopify-product-form .shipping_text.custom-basemat {
  color: #c30010;
}

/* soli towels icons  */
.soli-towels-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 20px;

  @media (max-width: 768px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

.soli-towel-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;

  @media (max-width: 768px) {
    flex-direction: row;
    gap: 20px;
  }
}

.soli-towel-icon-container {
  border-radius: 100%;
  background-color: #e1e1e14a;
  padding: 0;
}

.soli-towel-icon {
  width: 90px;
  height: 90px;
}

.soli-towel-text {
  font-size: 13px;
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

.product-add-variants-container {
  > * {
    color: #26343b;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
  }
  .title {
    font-size: 24px;
    margin-top: 10px;
  }

  .description {
    font-size: 16px;
  }

  .variants-wrapper {
    display: flex;
    flex-flow: column wrap;
    margin: 0;
    width: 100%;
    gap: 13px;
    padding: 20px 0;

    @media (min-width: 992px) {
      flex-flow: row nowrap;
    }
  }

  .variant__item-image-container {
    margin: 0;
    width: 100%;
    height: 150px;
    border-radius: 12px;

    &:hover {
      cursor: pointer;
    }
  }

  .variant__item-image {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .variant__item {
    width: 100%;
    margin: 0;
    background: transparent;
    border-radius: initial;
    border: initial;
    overflow: visible;

    &.active .variant__item-image-container {
      border: 3px solid #26343b;
    }

    p {
      padding: 8px;
      font-size: 14px;
      font-weight: 800;
      color: #464646;
      text-align: center;
      line-height: 1.2;
    }
  }
}

.main-banner-homepage {
  .video-wrapper-overlay::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url("/cdn/shop/files/Winner-Badge-white.svg?v=1743565363");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
  }

  @media (min-width: 768px) {
    .video-wrapper-overlay::before {
      margin: 0;
      width: 80px;
      height: 80px;
    }
  }
}
/* REMOVE HYPER LINK TEXT DECORATION ON CANOPY PAGE  */
#shopify-section-template--22358553198871__main
  .product-single__description.rte.rte-wrapped
  a {
  text-decoration: none;
}

.shopify-product-form .pg__countdown-wrap {
  margin: 0;

  #countdown-product-page {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin-right: 10px;
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 350px;

    p {
      text-align: center;
      padding: 13px 10px 10px;
      background-color: #ff7200;
      border-radius: 10px;
      font-weight: 800;
      font-size: 30px;
      flex: 1;
      margin: 0;
      color: white;

      span {
        display: block;
        font-size: 10px;
        font-weight: 500;
        text-transform: capitalize;
        line-height: 1.8;
      }
    }
  }
}

/* MEMORIAL DAY 2025 SPECIAL COUNTDOWN STYLING */

#shopify-section-template--24149808447767__main {
  #container-form-product .db {
    font-weight: bold;
  }
}

.section-product-main .product-price-wrap {
  .extra-text {
    width: auto;
  }
  .yotpo-widget-instance {
    width: 100%;
  }
}

section#shopify-section-template--22358552903959__main {
  background-color: #26343b;
  h1.page-title {
    color: #fff !important;
  }
}
/* klaviyo form */
.klaviyo-form-TQJ8ZV {
  label {
    height: auto !important;
    width: 100% !important;
    position: static !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-family: Montserrat, sans-serif !important;
    margin-bottom: 5px !important;
  }
  input {
    color: #fff !important;
    border-radius: 0 !important;
    border-width: 0 0 1px 0 !important;
    border-color: #fff !important;
    height: auto !important;
    margin-bottom: 35px !important;
    letter-spacing: 0 !important;
    font-family: Montserrat, sans-serif !important;
    outline: 0 !important;
    font-weight: 400 !important;
    line-height: 45px !important;
    &:hover {
      border-color: #fff !important;
    }
  }
  .needsclick {
    padding: 0 !important;
  }
  button.needsclick {
    background: #ff7200 !important;
    border: 2px solid #ff7200 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    display: inline-block !important;
    width: auto !important;
    padding: 2px 40px !important;
    border-radius: 100px !important;
    letter-spacing: 0 !important;
    font-family: Montserrat, sans-serif !important;
    transition: 0.3s;
    height: 45px !important;
    &:hover {
      background-color: #fff !important;
      color: #ff7200 !important;
    }
  }
  [id^="rich-text"] {
    margin-bottom: 30px;
  }
  [id^="rich-text"] h1 {
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  form.needsclick.klaviyo-form {
    background: transparent !important;
    max-width: 1000px;
    margin: auto;
  }
  p {
    color: #fff !important;
  }
}

.us-form {
  padding-bottom: 40px;
  padding-top: 0px;
}

.three-slide-with-video {
  .video-wrapper {
    padding-top: 101.1%;
    .responsive-iframe {
      min-width: 132%;
      pointer-events: none;
    }
  }
}

.image-grid-instructions-section {
  .image-item-wrapper {
    max-height: 1000px !important;
  }
  .image-wrap {
    padding-top: 140%;
    position: relative;
    svg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  .text-below-image {
    flex: 1;
  }
}

.sms-signup__header-section {
  margin: 20px 0;

  .sms-signup__header-wrapper {
    position: relative;
    padding: 30px 0 50px;
    max-width: 600px;
    margin: 0 auto;

    @media (min-width: 600px) {
      padding: 50px 0 20px;
    }
  }

  h1.sms-signup__header {
    color: #162a80;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;

    span {
      color: #ff7200;
    }
  }

  .sms-signup__header-image-one {
    position: absolute;
    top: 10px;
    width: 100px;
    right: 20px;
    z-index: -1;
  }

  .sms-signup__header-image-two {
    position: absolute;
    bottom: -10px;
    width: 100px;
    left: -10px;
    z-index: -1;
  }

  .sms-signup__header-waves {
    margin-top: 40px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 40px;

    @media (min-width: 992px) {
      margin-right: -45px;
      margin-left: -45px;
    }

    .sms-signup__header-image-waves {
      width: 100%;
      object-fit: contain;
    }
  }

  .sms-signup__header-last-text {
    color: #162a80;
    text-align: center;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    width: 100%;
    max-width: 600px;
    margin: 0 auto;

    strong {
      font-weight: 800;
    }

    span {
      color: #ff7200;
    }
  }

  @media (min-width: 600px) {
    .sms-signup__header-image-one {
      top: 20px;
      width: 160px;
      right: 180px;
    }

    .sms-signup__header-image-two {
      bottom: 10px;
      width: 140px;
      right: 20px;
      left: initial;
    }
  }
}

#shopify-section-template--24720718856471__custom_html_HJUMik {
  background: #162a80;
}

.sms-signup__form-wrapper {
  max-width: 850px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 30px 0;
  p {
    margin: 0;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    &.text-strong {
      font-weight: 700;
    }
  }

  .klaviyo-wrapper {
    background: white;
    margin-top: 20px;
    border-radius: 20px;
    padding: 5px;
  }
}

.soli-compare-banner-main {
  .section__heading {
    width: 100%;
    max-width: 100%;
  }
  .section__title__text {
    text-align: center;
    margin: 0;
    font-weight: 900;
    font-size: 35px;
    line-height: 1.3;

    span {
      font-size: 14px;
    }
  }

  .section__sub-title {
    color: #26343b;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }

  .section__inner {
    display: flex;
    flex-direction: column-reverse;
  }

  .section__heading {
    padding-top: 30px;
  }
}

.button-main-slider__wrapper {
  padding: 0 0 50px;
  text-align: center;

  .button {
    font-weight: bolder;
    font-size: 15px;
    background: #ff7200;
    color: #fff;
  }
}

.video-slider-section {
  .product-item-block {
    padding: 0;
  }
}

.slider-products-vs-section {
  background: #26343b;
  padding-top: 150px;
  padding-bottom: 50px;
  margin: 0;

  .slick-progress {
    display: none;
  }

  @media (max-width: 768px) {
    padding-top: 50px;
  }

  .product-slider-desktop {
    max-width: 850px;
    margin: 0 auto;
  }

  .product-item-block {
    background: #f7f7f7;
    position: relative;
  }

  .product-slider-desktop {
    gap: 20px;
  }

  .item-block__image {
    position: absolute;
    top: -36px;
    max-width: 170px;
    right: 50%;
    left: 50%;
    transform: translateX(-50%);
  }

  @media (min-width: 768px) {
    .product-item-block:nth-child(even) .item-block__image {
      max-width: 200px;
      top: -60px;
    }
  }

  .product-item-block .item-block__title {
    padding-top: 50px;
  }

  .item_block__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    align-items: center;

    p {
      color: #26343b;
      font-size: 20px;
      font-weight: 400;

      span {
        display: block;
        font-size: 15px;
        font-style: italic;
      }

      &.item_answer {
        color: #26343b;
        font-size: 15px;
        font-weight: 700;
        background: white;
        padding: 10px 20px;
        border-radius: 10px;
      }
    }
  }

  .product-slider-mobile {
    .product-item-block {
      max-width: 300px;
      margin-top: 60px;
    }

    .item_block__item {
      p {
        text-align: left;
        font-size: 15px;

        span {
          font-size: 12px;
        }

        &.item_answer {
          font-size: 12px;
          line-height: 1.2;
        }
      }
    }

    /* .product-item-block:nth-child(event) .item-block__image {
      max-width: 200px;
    } */

    .product-item-block:nth-child(odd) .item-block__image {
      max-width: 200px;
      top: -60px;
    }
  }
}

#shopify-section-template--24726836543767__main {
  background: #26343b;
  color: white;

  .container {
    max-width: 800px;
  }

  .page-title {
    display: none;
  }
}

.pump-instruction-section {
  .container {
    max-width: 1025px;
  }
  video,
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .pump-instruction__header {
    margin: 30px 0 20px;

    * {
      color: #000;
      text-align: center;
      font-size: 24px;
      font-weight: 800;
      line-height: 31px;
      text-transform: uppercase;
      margin: 0;
    }
    h2 {
      font-size: 14px;
    }
  }

  .pump-instruction__content {
    padding-bottom: 50px; 
    .content__video {
      overflow: hidden;
      border-radius: 40px;
      height: auto;
      padding-top: 177.728%;
      position: relative;
      margin-bottom: 20px;
      video{
        position: absolute;
        left: 0;
        top: 0;
      }
    }

    .content__description {
      color: #000;
      text-align: center;
      font-size: 16px;
      font-weight: 400;
      line-height: 24.424px;
      text-transform: uppercase;
      margin-bottom: 30px;
    }

    .content__item-instruction {
      margin-bottom: 30px;

      .button {
        background: #ff7200;
        color: #fff;
        font-weight: 800;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        padding: 8px 0;
        height: 100%;
      }
    }

    .item-instruction__content {
      padding: 30px 0 20px;

      ul li {
        list-style: disc;
      }

      * {
        color: #000;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        line-height: 24.424px;
        text-transform: capitalize;
      }

      em {
        font-size: 13px;
        font-weight: 300;
        line-height: 19px;
      }
    }
  }

  @media (min-width: 992px) {
    .pump-instruction__content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: start;
      position: relative;

      .content__description {
        font-size: 24px;
        font-weight: 400;
        line-height: 38px;
        text-align: left;
      }

      .content__video {
        position: sticky;
        top: 100px;
      }
    }

    .pump-instruction__header > * {
      font-size: 40px;
      font-weight: 900;
      line-height: 55px;
      text-transform: uppercase;
    }

    .pump-instruction__header h2 {
      font-size: 34px;
    }

    .pump-instruction__header {
      margin: 40px 0 70px;
    }
  }
}

.amazon-register-banner {

  .banner-item__text {
    justify-content: start !important;
    padding-top: 20px;

    @media(min-width: 992px){
      justify-content: center !important;
      max-width: 50%;
      left: initial !important;
    }

    .banner-text-1, .banner-text-2 {
      color: #26343B;
      text-align: center;
      font-family: Montserrat;
      font-size: 25px;
      font-weight: 900;
      line-height: 1;
      text-transform: uppercase;

      @media(min-width: 992px){
        font-size: 45px;
      }
    }

    .banner-text-2 {
      margin-top: 20px !important;
    }

    .banner-text-3 {
      color: #26343B;
      text-align: center;
      font-family: Montserrat;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;

      @media(min-width: 992px){
        font-size: 20px;
      }
    }
  }
}

.amazon-steps-container {

  padding-bottom: 40px;
  display: flex;
  flex-direction: column;

  @media(min-width: 992px){
    padding-top: 40px;
  }
  
  h2 {
    color: #26343B;
    text-align: center;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;

    @media(min-width: 992px){
      font-size: 50px;
    }
  }

  .steps-wrapper {
    margin-top: 10px;

    @media(min-width: 992px){
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      padding-bottom: 40px;
    }

    .step {
      text-align: center;
      border-bottom: 1px solid #26343B;
      padding-bottom: 15px;

      h3 {
        color: #FF7200;
        text-align: center;
        font-family: Montserrat;
        font-size: 27px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;

        @media(min-width: 992px){
          font-size: 35px;
        }
      }

      p {
        color: #26343B;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
      }

      @media(min-width: 992px){
        border-bottom: none;
        border-right: 3px solid #26343B;
      }
    }
    > div:nth-child(3){
      border-bottom: none;
      border-right: none;
    }

  }
  .button-soli {
    font-size: 14px;
    margin: 0 auto;
  }
}

.us-metal-banner {

  .banner-text-1 {
    color: #26343B;
    text-align: center;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;

    @media(min-width: 992px){
      font-size: 50px;
    }
  }

  .banner-text-2 {
    color: #26343B;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 15px;
    
    @media(min-width: 992px){
      max-width: 500px;
      padding-top: 10px;
    }
  }
  
  .banner-item__text2 {
    margin: 0 auto;
  }

  @media (min-width: 992px) {
    .banner-item__text2 {
      margin-bottom: 10vw;
    }
  }
}

.us-meta-product-slider {

  .container {
    max-width: 950px;
  }

  padding-top: 20px;

  .product-slider-desktop {
    gap: 50px;
  }

  @media (max-width: 992px){
    .product-item-block {
      margin-top: 130px;
      max-width: 300px;
    }
  }


  .product-item-description-block {
    background: #26343B;
    position: relative;

    .item-block__image {
      position: absolute;
      right: 50%;
      left: 50%;
      bottom: 270px;
      max-width: 300px;
      transform: translate(-50%);

      @media (max-width: 992px){
        max-width: 190px;
        bottom: 300px;
      }
    }

    .item-block__title {
      margin-top: 100px;
      color: white;
    }

    .item-block__content {

      li {
        color: #fff;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 20px;
        position: relative;

        @media (max-width: 992px){
          text-align: left;
        }
      }
    }
    .item-block__content li::before {
      position: absolute;
      content: '';
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 30px;
      height: 30px;
      left: -40px;
      top: 50%;
      bottom: 50%;
      transform: translateY(-50%);
    }
  }

  .icon-enable .item-block__image {
    max-width: 360px;

    @media (max-width: 992px){
      max-width: 260px;
    }
  }

  .icon-enable .item-block__content li::before {
    background-image: url('/cdn/shop/files/good-icon.svg?v=1754082819');
  }
  
  .icon-disable .item-block__content li::before {
    background-image: url('/cdn/shop/files/wrong-icon.svg?v=1754082819');
  }

  @media (max-width: 992px){
    position: relative;
    padding-bottom: 420px;

    .container {
      position: absolute;
      inset: 0;
      top: -110px;
    }
  }

  .slick-progress {
    display: none;
  }
}




.section-product-main .custom-product,
.section-product-main .custom-product-new,
.section-product-main .custom-product-new-2,
.section-product-main .custom-product-sideline, 
.section-product-main .custom-product-connector,
.section-product-main .cc-beach-bundle,
.section-product-main .cc-sideline-bundle,
.section-product-main .cc-product-bundle {

  .product-single__title span {
    display: block;
    font-size: 18px;
  }

  @media (max-width: 992px){
    padding-right: 20px;
    padding-left: 20px;
    overflow:hidden;
    .product-single__title {
      padding-top: 20px;
      padding-bottom: 12px;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 900;
    }
  }

  .product-single__photos .pg__mains .img-container {
    border-radius: 0;
  }

  .product-single__photos {
    /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); */
  }

  .product-price-wrap {

    @media (max-width: 992px){
      .product-price .money {
       font-weight: 900;
       font-size: 16px;
      }
    }


    .extra-text {
      display: none;
    }

    .yotpo-widget-instance {
      width: auto;
    }
  }

  .pg__option[data-option-name="size"]::before {
    display: none;
  }

  .pg__option[data-option-name="size"] {
    padding-bottom: 20px;

    .pg__option__values {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 200px));
      gap: 16px;
      justify-content: start; 
      margin: 0;
      width: 100%;
      
      @media(min-width: 992px) {
        grid-template-columns: repeat(2, minmax(0, 150px));
      }
    }
    
    .pg__option__value {
      width: 100%;
      margin: 0;
      display: flex;
      border-radius: 15px;
      border: 3px solid;
      border: 3.455px solid #9C9C9C;
      color: #26343B;
      position: relative;
      overflow: visible;

      &.selected {
        border-color: #22343C;
      }

      span::after {
        content: '';
        width: 80px;
        height: 80px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
      }

      &[data-value="10 ft"] span::after {
        background-image: url('/cdn/shop/files/soli-beach-tent-10ft-selector-icon.svg?v=1754707117');
      }
      &[data-value="12 ft"] span::after {
        background-image: url('/cdn/shop/files/soli-beach-tent-12ft-selector-icon.svg?v=1754707117');
        width: 100px;
        height: 100px;
      }

      &::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -25px;
        width: 100%;
        transform: translateX(50%);
        height: auto;
        font-size: 14px;
        right: -50%;
        left: -50%;
        top: initial;
        border: none;
      }

      &[data-value="10 ft"]::after {
        content: 'UP TO 6 PEOPLE';
      }

      &[data-value="12 ft"]::after {
        content: 'UP TO 10 PEOPLE';
      }
    }

    .pg__option__label {
      margin-bottom: 25px;
    }
  }

  .pg__option[data-option-name="color"] {

    .pg__option__values {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
    }

    .pg__option__value {
      padding: 0;
      width: 100%;
      max-width: 100% !important;
    }

    .swatch__item--single-color-text {
      display: none;
    }
  }

  .add-essentials_title {
    font-size: 14px;
  }

  .add-essentials_block .block-header {
    gap: 5px;
  }


  @media(max-width: 992px){

    .custom-add-to-cart-container:not(.sticky) {
      margin: 0 -20px;
      width: calc(100% + 40px);
    }
  }

  .custom-add-to-cart-container {
    padding: 20px;
    gap: 5px;

    .add-to-cart-header .product-name p {
      line-height: 1;
    }

    .product-name {
      display: flex;
      align-items: start;
      width: 100%;
    }

    .color-picker-wrapper {
      display: flex;
      flex-direction: row;
      align-items: start;
      gap: 5px;
    }

    .size-selected-circle {
      line-height: 1.5;
      font-size: 11px;
      font-weight: 700;
      color: #26343B;
    }

    .free-text {
      color: #FF7200;
      font-size: 18px;
      
      font-weight: 900;
      line-height: normal;
      font-variant: all-small-caps;
    }

    .add-to-cart-buttons .custom-add-to-cart-btn {
      background: #fff;
      color: #22343C;
      border: 1px solid #22343C;
    }
    @media (min-width: 770px){
      .add-to-cart-buttons {
        .custom-add-to-cart-btn{
          min-width:120px !important;
        }
      }
    }
    @media(min-width: 992px){ 
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      column-gap: 10px;
      .product-name {
        flex-direction: column;
      }
      .add-to-cart-header{
        grid-column-start: 1;
      }
  
      .free-text {
        grid-column-start: 1;
        margin: 0;
        transform: translateY(-5px);
        padding-bottom: 10px;
      }
  
      .add-to-cart-buttons {
        grid-column-start: 3;
        grid-row-end: 1;
        align-self: center;
      }
    }
    &.sticky{
      z-index:9999 !important;
    }
  }


  .free-shipping-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    border-radius: 12px;
    border: 1px solid #000;
    background: #FFF;
    padding: 20px 5px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;

    .free-shipping-item {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      gap: 10px;

      .free-shipping-icon {
        width: auto;
        height: 30px;
      }

      .free-shipping-amount {
        color: #000;
        text-align: center;
        font-size: 10px;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
      }
    }
  }
} 




.custom-ticket-product-page{
  width:100%;padding:22px 0;
  position: relative;
}
.custom-ticket-product-page .ticker{overflow:hidden;position:relative; 
  
  background: #FF7200;
  color:#e6eef8;

  @media(max-width: 992px){
    position: absolute;
    inset: 0;
    margin: 0 -20px;
    overflow: hidden;
  }
}
.custom-ticket-product-page .ticker__track{display:flex;gap:28px;align-items:center;white-space:nowrap;will-change:transform}
.custom-ticket-product-page .ticker__item{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,0.03);font-size:14px}
.custom-ticket-product-page .ticker__item img{width:18px;height:18px;flex:0 0 18px;object-fit:contain}
.custom-ticket-product-page .ticker__text{
  display:inline-block;
  color: #FFF;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.custom-ticket-product-page .ticker__animated{display:flex;animation: ticker-scroll 20s linear infinite}
.custom-ticket-product-page .ticker__animated:hover, .ticker__animated:focus-within{animation-play-state:paused}
@media (max-width:600px){
  .custom-ticket-product-page .ticker__item{gap:8px;padding:6px 8px;font-size:13px}
  .custom-ticket-product-page .ticker{padding:6px}
}

.custom-features-product-page.not-background .blocks .grid {
  background-color: #fff;
  .img-container{
    padding-top: 77.9731127197518% !important;
    iframe {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
}
.cc-features-use-slider{
  .img-container{
    padding-top: 77.9731127197518% !important;
    iframe {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
}

@media (max-width:992px){
  .custom-features-product-page.not-background .container-fluid {
    padding-top: 0 !important;
    padding-bottom: 30px;
  }
}

.custom-features-product-page.not-background .blocks .grid .block_title, .custom-features-product-page.not-background .blocks .grid .block_desc {
  color: #26343B !important;
}

.simple-banner-image-new {

  /* @media( max-width: 992px){ */
    margin: 0;
    padding: 0;

    .row {
      margin: 0;
    }

    .prop_image_product>div,
    .grid__item {
      padding: 0;
      img{
        width:100%;
      }
    }

    .grid {
      margin: 0 -15px;
      width: calc(100% + 30px);
    }

    .w100 {
      max-width: 100% !important;
      max-height: 100% !important;
    }

  /* } */
}

.square-foot-section {

  margin: 40px 0;

  .product-item-block {
    padding: 0;
    flex-direction: column-reverse;
  }

  .product-slider-mobile .item-block__image {
    max-width: 100%;
  }

  .product-item-block .item-block__title {
    text-align: center;
    font-size: 17px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-slider-desktop {
    gap: 20px;
  }
}


.yotpo-base-layout {
  .yotpo-head {
    min-height: 1px !important;
    margin-top: 0 !important;
    p{
      margin-top: 0 !important;
    }
  }
}


.product-new-slider-second {

  .product-item-block {
    padding: 7px;
  }

  .product-slider-mobile .item-block__image {
    max-width: 100%;
    @media (max-width:767px){
      position:relative;
      padding-top:125%;
      img{
        position:absolute;
        left:0;
        top:0;
      }
    }
  }

  .item-block__image {
    border-radius: 30px;
    box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    overflow: hidden;
  }

  .item-block__title {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;

    color: #26343B;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    padding: 0 35px 40px;
    text-transform: capitalize;

    &:after {
      content: '';
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 150px;
      height: 50px;
      display: block;
      margin-top: 20px;
    }
  }

  .product-item-block {
    position: relative;

    &.rv-icon .item-block__title:after {
      background-image: url('/cdn/shop/files/soli-beach-tent-rv-logo.svg?v=1755037772');
      width: 100px;
      height: 30px;
    }
    &.buzzfeed-icon .item-block__title:after {
      background-image: url('/cdn/shop/files/soli-beach-tent-buzzfeed-logo.svg?v=1755037772');
    }
    &.car-and-driver-icon .item-block__title:after {
      background-image: url('/cdn/shop/files/soli-beach-tent-caranddriver-logo.svg?v=1755037772');
    }
    &.outdoorlife-icon .item-block__title:after {
      background-image: url('/cdn/shop/files/soli-beach-tent-outdoorlife-logo.svg?v=1755037772');
    }
  }

  /* .product-item-block::after {
    content: '';
    position: absolute;
    bottom: 30px;
    right: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/cdn/shop/files/soli-beach-tent-arrow-click.svg?v=1755038572');
    width: 30px;
    height: 30px;
    cursor: pointer;

  } */

}

.collection__products .grid__item .button__sold-out {
  background: #000;
  border-color: #000;
  color: #fff;

  &:hover {
    border-color: #000 !important;
    color: #000 !important;
  }
}

.camping-banner-main {
  .video-wrapper-overlay::before {
    display: none;
  }

  @media(min-width: 768px) {
    .video-wrapper .video-wrapper-overlay {
      text-align: right;
      right: 0;
      transform: none;
      left: 0;
    }

    .video-wrapper .video-wrapper-overlay .video-wrapper-overlay-title {
      max-width: 100%;
      font-size: 40px;
    }
  }
  .video-wrapper .video-wrapper-overlay .video-wrapper-overlay-title {
    padding: 0;
  }

  .video-wrapper-overlay-description {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;

    @media(min-width: 768px) {
     text-align: right;
     font-size: 28px; 
     padding-bottom: 15px;
    }
  }
}

.new-product-square-foot-section{
  .product-slider-desktop {
    display: flex;
    justify-content: center;
    max-width: 100%;
    @media (max-width: 767px){
      display:flex !important;
    }
    .product-item-block {
      width:50%;
      @media (max-width: 767px){
        width:100%;
        margin:0 !important;
      }
    }
  }
  .product-slider-mobile{
    @media (max-width: 767px){
      display:none !important;
    }
  }
}

/* button style*/
button#custom-add-to-cart-btn {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(34, 52, 60) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(34, 52, 60) !important;
    border-image: initial !important;
}
button#custom-add-to-cart-btn:hover {
  background: #fff !important;
            color: #22343C !important;
            border: 1px solid #22343C !important;
}

.section-product-main {
  & .product-price-wrap {
      .extra-text {
          display: flex !important;
          justify-content: center;
          align-items: center;
          gap: 14px;
        .shipping_text{
          /* display:none !important; */
        }
        .pg__discount-text:not(.hide) {
          display:block !important;
        }
        .pg__discount-text {
          color: #26343B !important;
          font-weight: 700 !important;
          background-color: #B9FFBF;
          border-radius: 50px;
          border: 1px solid #22343C !important;
          padding: 5px 10px;
          text-transform: capitalize;
        }
      }
      .product-price__sale{
        text-decoration:none;
        span{
          text-decoration:line-through;
          font-weight:700 !important;
        }
      }
    }
}


.section-product-main .custom-product-new-2, 
.section-product-main .custom-product-sideline,
.section-product-main .custom-product-connector,
.section-product-main .cc-beach-bundle,
.section-product-main .cc-sideline-bundle,
.section-product-main .cc-product-bundle {
  & .product-price-wrap {
    .extra-text {
      display: block !important;
      .shipping_text{
        display:none !important;
      }
      .pg__discount-text:not(.hide) {
        display:block !important;
      }
      .pg__discount-text {
        color: #26343B !important;
        font-weight: 700 !important;
        background-color: #B9FFBF;
        border-radius: 50px;
        border: 1px solid #22343C !important;
        padding: 5px 10px;
      }
    }
    .product-price__sale{
      text-decoration:none;
      span{
        text-decoration:line-through;
        font-weight:700 !important;
      }
    }
  }
  .bundle-block{
    padding-bottom:10px;
    margin-bottom:5px;
    border-bottom:1px solid #d9d9d9;
    .pg__option__label{
      color: #26343b;
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      text-transform: uppercase;
      margin-top: 0;
      margin-bottom: 15px;
      line-height:1.4;
    }
    .bundle-items{
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 3 columnas */
      grid-template-rows: repeat(3, 1fr); /* 3 filas */
      gap: 16px;

      .bundle-item{
        /* width:calc( 33.33% - ( 20px/3 )) ; */
        width: 100%;
        padding:10px;
        border:1px solid rgba(34, 52, 60, 0.06);
        border-radius:8px;
        margin-bottom:10px;
        img{
          width:70%;
          display:block;
          margin:auto;
          max-width: 60px;
          border-radius:10px;
        }
        h3{
          color: #26343B;
          font-size: 11px;
          font-style: normal;
          font-weight: 800;
          text-transform: uppercase;
          margin-top: 10px;
          line-height: 1.2;
          text-align: center;
        }
        p{
          color: #22343C;
          font-size: 10px;
          font-style: normal;
          font-weight: 500;
          margin-top: 10px;
          line-height: 1.2;
          text-align: center;
        }
      }
    }
  }
  .custom-ticket-product-page .ticker{
    background-color:#06186F;
  }
  .add-bundle_container{
    padding-bottom:10px;
    .add-bundle_block{
      padding-bottom: 20px;
      .block-header{
        position:relative;
        .title{
          color: #26343b;
          font-size: 14px;
          font-style: normal;
          font-weight: 900;
          text-transform: uppercase;
          margin-top: 0;
          margin-bottom: 15px;
          line-height: 1.4;
        }
      }
      .selected_variant {
        display: flex;
        border:1px solid rgba(0, 0, 0, 0.1);
        padding: 15px;
        border-radius:10px;
        position:relative;
        cursor:pointer;
        img{
          width: 60px;
          height: 30px;
          object-fit:cover;
          margin-right:10px;
        }
        .title{
          margin:5px 0;
          font-size: 12px;
          font-weight: 800;
          color: #26343b;
          font-style: normal;
          text-transform: uppercase;
          line-height: 1.4;
        }
        &::after{
          content: '\e874';
          font-family: 'BTVodoma';
          float: right;
          font-size: 16px;
          position: absolute;
          z-index: 1;
          top: 50%;
          transform: translate(-50%, -50%);
          right: 10px;
          display: block;
        }
      }
      .block-options{
        display:none;
        margin: 0;
        padding: 15px;
        background-color: #F7F7F7;
        border-radius: 10px;
        .block-options-container{
          display:flex;
          justify-content: space-between;
          flex-flow:wrap;
          .block-option-item {
            background-color:transparent;
            width:calc(50% - 5px);
            .option-item-label{
              display: flex;
              flex-direction: column-reverse;
              padding:15px;
              cursor:pointer;
              .item-label_image{
                max-width:100px;
              }
              .title{
                color:#26343B;
                font-size: 12px;
                font-style: normal;
                font-weight: 900;
                text-transform: uppercase;
                margin-top: 0;
                margin-bottom: 15px;
                line-height: 1.4;
                text-align:center;
              }
            }
            input:checked+.option-item-label{
              background-color:#06186F;
              .title{
                color:#fff;
              }
            }
          }
        }
      }
    }
  }
  .custom-add-to-cart-container .custom-add-to-cart-btn{
    color: #fff !important;
    background-color: #22343C !important;
    border: 1px solid #22343C !important;
    &:hover{
      background: #fff !important;
      color: #22343C !important;
      border: 1px solid #22343C !important;
    }
  }
}

.promo{
  .container {
    @media (max-width:450px){
    padding-left: 15px;
    padding-right: 15px;
    }
    a.promo__text {
      @media (max-width:450px){
      padding: 7px 20px;
      font-size: 12px !important;
      }
    }
    a.promo__button {
      @media (max-width:450px){
        font-size: 20px;
      }
    }
  }
}

/* DELETE */



    @media screen and (min-width: 768px) { 
#rich_banner_text_template--22358552379671__rich_banner_ATjCak {
  .banner-item__text {
    right:unset!important;
    left: 80px;
  }
.banner-3-cc {
  color:white;
  font-weight:900;
  font-family: Montserrat, sans-serif;
  text-transform:uppercase;
  text-align:left;
  line-height:1;
  
}
.cc-small {
  font-size:12px;
}
.cc-med {
  margin-top:-15px;
  font-size: 25px;
}
.cc-big {
  font-size:80px;
}
.banner-item__text__sub {
padding-bottom:0px!important;
}

 h1 {
  color:white;
  font-weight:900;
  font-family: var(--fm_second);
  text-transform:uppercase;
  text-align:left;
  line-height:1;
  font-size:30px!important;
 }
 .text-center {
    text-align: left!important;
}

}
 .main-banner-homepage .banner-item__image::before  {
        content: "";
        position: absolute;
        top: 0;
        left: 0!important;
        width: 50%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(90deg, #26343b -58.28%, #26343b00 95.1%)!important;
    }
    }


    @media screen and (max-width: 767px) { 
      #rich_banner_text_template--22358552379671__rich_banner_ATjCak {
  .banner-item__text {
    right:unset!important;
   
  }
.banner-3-cc {
  color:white;
  font-weight:900;
  font-family: Montserrat, sans-serif;
  text-transform:uppercase;
  text-align:center;
  line-height:1;
  position:relative;
  z-index:999999;
  
}
.cc-small {
  font-size:12px;
}
.cc-med {
  margin-top:-15px;
  font-size: 25px;
}
.cc-big {
  font-size:60px;
}
.banner-item__text__sub {
padding-bottom:0px!important;
}

 h1 {
  color:white;
  font-weight:900;
  font-family: var(--fm_second);
  text-transform:uppercase;
  text-align:center;
  line-height:1;
  font-size:30px!important;
  position:relative;
  z-index:9;
 
 }
 .text-center {
    text-align: center;
}

a {
    position:relative;
  z-index:9;
}

}
 .main-banner-homepage .banner-item__image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0!important;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(180deg, #26343b -58.28%, #26343b00 95.1%)!important;
    }
    .main-banner-homepage.main-banner-2 .section__content .banner-item__text {
    justify-content:center!important;
    }
    }

.bt-sidebar__inner{
  z-index:999999999 !important;
}


/* air tent*/

.soli-tent-custom-text {
   text-align:center;
}

 

.section-product-main div[data-product-handle="soli-air-canopy"] [data-option-name=size] [data-value="12 ft"].pg__option__value::before,
.section-product-main div[data-product-handle="ultimate-beach-bundle-soli-air-canopy"] [data-option-name=size] [data-value="12 ft"].pg__option__value::before,
.section-product-main div[data-product-handle="soli-2-canopy-connector-bundle"] [data-option-name=size] [data-value="12 ft"].pg__option__value::before,
.section-product-main div[data-product-handle="ultimate-sideline-bundle"] [data-option-name=size] [data-value="12 ft"].pg__option__value::before{
    /* content: 'Limited, ships by July 2';
    display: block;
    position: absolute;
    bottom: -45px;
    width: 100%;
    transform: translateX(50%);
    height: auto;
    font-size: 10px;
    right: -50%;
    left: -50%;
    top: initial;
    border: none;
    color: #ff7101;
    text-transform: uppercase;
    background: none !important; */
}

.holiday_savings_text { 
  width: 100%;
  margin: 6px 0;
  padding: 0 !important;

  p {
    display: inline-block;
    border-radius: 24px;
    border: 1px solid #FF7200;
    background: #ff7200;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px 20px;
    text-align: center;
    color: #fff;
    line-height: 1;

  }
}

.home-banner-black-friday-section {

  .banner-item__text__sub-rich_banner_text_ARhHqa-text_1 {
      @media(min-width:992px) {
      padding: 0px 37px 30px 30%;
    }
    @media(max-width:767px) {
      padding-left:0;
      padding-right:0;
    }
  }
  
  .banner-item--rich_banner_text_aanMWV .banner-item__text{
    margin-bottom: 30%!important;
  }

  .button-soli {
    border-color: #ff7200;
    font-weight: 700;
    padding: 5px 30px;
  }

  @media(min-width:992px) {
    .banner-item--rich_banner_text_aanMWV .banner-item__text{
      margin-bottom: 0!important;
      align-items: self-start;
      width: 60%;
    }

    .banner-item__text__sub-rich_banner_text_aanMWV-text_1 {
      padding: 0 !important;
    }

    .banner-item__text__sub-rich_banner_text_aanMWV-text_2 {
      padding: 20px 0;
    }
  }
  @media(max-width:767px) {
    .banner-item__text{
      justify-content: end !important;
      right:0 !important;
    }
  }

}

.home-banner-black-friday {
  margin-top: 20px;

  .item {
    text-align: left;
    margin-bottom: 15px;
    @media(max-width:767px) {
      text-align:center;
    }
  }
  p {
    margin: 0;
    font-weight: 900;
    color: #ff7200;
    font-size: 26px;
    line-height: 1;
  }

  h1 {
    font-weight: 900;
    color: #fff;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 1;
    
    @media(min-width:992px) {
      font-size: 5rem;
    }
  }

  a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px;
    text-shadow: 2px 2px 5px #210E09;
  }

  @media(min-width: 768px) {
    margin-top: 10%;

     .item { 
      margin-bottom: 6%;
     }

    p {
      font-size: 2.5rem;
    }

    a {
      font-size: 1.6rem;
    }
  }
}

.section-product-main .custom-product,
.section-product-main .custom-product-new-2 {

  .add-to-cart-buttons .button-quantity {
    display: none;
  }

  @media (min-width: 770px){
    .custom-add-to-cart-container .add-to-cart-buttons .custom-add-to-cart-btn {
      min-width: 250px!important;
    }
  }

}


.section-product-main div[data-product-handle="soli-air-canopy"] .pg__option.last:after,
.section-product-main div[data-product-handle="ultimate-sideline-bundle"] .pg__option.last:after,
.section-product-main div[data-product-handle="soli-2-canopy-connector-bundle"] .pg__option.last:after,
.section-product-main div[data-product-handle="ultimate-beach-bundle-soli-air-canopy"] .pg__option.last:after {
  margin-top: 40px;
}

.section-product-main div[data-product-handle="soli-air-canopy"] [data-option-name=color] .swatch__item--soldout.pg__option__value::before,
.section-product-main div[data-product-handle="ultimate-sideline-bundle"] [data-option-name=color] .swatch__item--soldout.pg__option__value::before,
.section-product-main div[data-product-handle="soli-2-canopy-connector-bundle"] [data-option-name=color] .swatch__item--soldout.pg__option__value::before,
.section-product-main div[data-product-handle="ultimate-beach-bundle-soli-air-canopy"] [data-option-name=color] .swatch__item--soldout.pg__option__value::before {
    content: 'SOLD OUT';
    display: block;
    position: absolute;
    bottom: -25px;
    width: 100%;
    transform: translateX(50%);
    height: auto;
    font-size: 10px;
    right: -50%;
    left: -50%;
    top: initial;
    border: none;
    color: #ff7101;
    text-transform: uppercase;
    background: none !important;
}


a.swatch__item--soldout {
  opacity: 1 !important;
}
a.swatch__item--soldout > * {
  opacity: 0.5;
}

.pg__option__value {
    position: relative;
    overflow: visible;
}

.pg__option__value[data-badge]::before {
    content: attr(data-badge);
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #ff7b00;
    color: #fff;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 20;
    line-height: 1;
    display: inline !important;
    width: fit-content;
    height: 20px;
}