/** Shopify CDN: Minification failed

Line 116:13 Expected ":"

**/
/* ==========================================================================
   Base Styles
   ========================================================================== */

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-display: swap;
  src: url("/cdn/shop/files/Montserrat-SemiBold.woff2?v=1730305786")
    format("woff2");
}

/* ==========================================================================
   Typography
   ========================================================================== */

.font-semibold,
.md\:font-semibold,
.lg\:font-semibold,
.xl\:font-semibold {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

/* ==========================================================================
   Header & Navigation
   ========================================================================== */

.header__menu > ul .menu__item {
  font-weight: 500;
  letter-spacing: 0.03em;
}

/* Mega Menu */
.mega-menu__container {
  background-color: #fafafa !important;
  padding: 120px 0 0;
  width: 100%;
}

.mega-menu__nav ul a,
.mega-menu__item {
  white-space: nowrap;
  line-height: 2rem;
}

/* Prizmatix Rainbow Text */
.prizmatix {
  background: linear-gradient(
    90deg,
    #e14c45,
    #f26b38,
    #f7c731,
    #3bafc9,
    #3d8d7d,
    #7a5e9a
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.details__summary .text-base-2xl {
  color: #fff;
  font-weight: 600;
}

.details__summary .details__content li {
  color: #ccc;
}

.footer .details__content li a,
.footer__contact a {
  color: #c2c7cc !important;
}

/* Newsletter */
.footer__newsletter .h3 {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

/* Contact Links */
.footer__contact {
  font-size: 1.2rem;
  white-space: nowrap;
  text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
  .footer__newsletter .h3 {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .footer__contact {
    font-size: 0.9rem;
  }
}

/* ==========================================================================
   Product Cards
   ========================================================================== */

.product-card__title {
 font-weightL 600 !important;
}

.product-badge {
  position: absolute;
  padding: 15px 20px 15px 20px;
  z-index: 1;
  background: #2b6eb5;
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  border-radius: 0px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
}

@media only screen and (max-width: 768px) {
  .product-badge {
    margin: 0px;
    font-size: 0.6rem;
    border-radius: 0px 0px 20px 0px;
  }
}

.product-card__title {
  line-height: 1.4rem;
}

.price__regular,
.price__sale {
  font-size: 1.1rem;
}

.product__price .price__regular {
  margin-top: -1rem;
}

.featured-product .price__regular {
  margin-top: 0;
}

.card-price {
  margin-top: 10px;
}

.product-card__content {
  padding-bottom: 2rem;
}

/* Card Highlights */
.card-highlights {
  font-size: 0.9em;
  line-height: 1.2rem;
  color: #4d4d4d;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  .price__regular,
  .product-card .price__regular,
  .product-sticky-form__card .price__regular {
    font-size: 1rem !important;
  }

  .price__sale {
    font-size: 1rem;
  }

  .product-card__title {
    font-size: 1.1rem !important;
    line-height: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
  }

  .product-card__details {
    flex-direction: column;
  }

  .card-highlights {
    display: block;
  }
}

/* ==========================================================================
   Product Page
   ========================================================================== */

/* Short Description */
.short-description ul,
.short-description ol {
  list-style-type: disc;
  margin-left: 20px;
  line-height: 1.6rem;
}

/* Sticky Buy Button */
.sticky-buy-button__variant p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Quick View */
.qv-title h1 {
  font-size: 1.8rem !important;
}

.qv-title .single-word {
  line-height: 2.2rem !important;
}

@media only screen and (max-width: 768px) {
  .product__price .price__regular {
    font-size: 1.2rem !important;
  }
}

/* FAQ Section Styling */

.faq .details__content {
  color: #ccc !important;
}

@media screen and (max-width: 768px) {
  .faq .text-base {
    font-size: 1rem;
  }
  .faq .details__content {
    font-size: 1rem;
  }
}

.details__content a {
  color: #b1d3f6; /* Change color of links in FAQ answers */
  transition: color 0.3s ease !important;
}

.details__content a:hover {
  color: #d1e5fa !important; /* Change hover color of links in FAQ answers */
}


.dwxpwo {
  background-color: #2b6eb5 !important;
}

/* Font size for button on sticky card on product pages */
.product-sticky-form__card button {
  font-size: 0.9rem !important; /* Change ADD TO CART size on sticky button */
}

.product-sticky-form__card .price__regular {
  font-size: 1rem;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .featured-product .product__price .price__regular {
    margin-top: 18px;
  }
}

.quick-view__content .price__regular {
  margin-top: 0;
}

/* Product SKU Container on Product Pages */

.product__sku-wrapper {
  display: flex;
  justify-content: space-between; /* Aligns left and right sections */
  align-items: center; /* Vertically centers items */
  position: relative; /* Ensure contained positioning */
}

.product__sku {
  font-size: 16px; /* Adjust as needed */
  margin: 0; /* Reset margin */
}

.product__sku-actions {
  display: flex;
  gap: 10px; /* Adds spacing between the "Open Box" badge and "All Specs" button */
  align-items: center; /* Vertically aligns the badge and button */
}

/* All Specs Badge */

.btn-all-specs {
  display: inline-flex; /* Aligns text and icon in one line */
  align-items: center; /* Vertically centers the icon with the text */
  padding: 5px 10px;
  background-color: transparent; /* Example color */
  color: #2b6eb5;
  border: 1px solid #2b6eb5;
  text-decoration: none;
  font-size: 0.8rem;
  border-radius: 40px;
  transition: background-color 0.3s ease;
}

.btn-all-specs i {
  margin-left: 3px; /* Adds space between the text and the icon */
  font-size: 0.9rem; /* Adjust the icon size to match the text */
}

.btn-all-specs:hover {
  background-color: #2b6eb5; /* Darker shade for hover */
  color: #fff;
  border: 1px solid #2b6eb5;
}

/* Open Box Badge */

.ob-badge {
  padding: 5px 10px;
  background-color: #417b5a; /* Example color */
  color: #fff;
  border: 1px solid #417b5a;
  text-decoration: none;
  font-size: 0.8rem;
  border-radius: 40px;
  transition: background-color 0.3s ease;
}

.ob-badge:hover {
  background-color: #417b5a; /* Darker shade for hover */
  color: #fff;
  border: 1px solid #417b5a;
}

html {
  scroll-behavior: smooth;
}

.gradient-subheading {
  background: linear-gradient(136deg, #0aeaed 15%, #fa0dfd 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100% !important; /* Adjust the scale of the gradient */
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.banner__box {
  opacity: 0;
  animation: fadeIn 1s ease-out forwards;
  animation-delay: 0.3s; /* optional delay */
}

/* Collage Block - From BeachDrones */

.collage-block__description {
  font-weight: 600;
}

@media only screen and (max-width: 600px) {
  .collage-block__description {
    font-size: 0.8rem;
  }
}

.collage-block__logo-wrap {
  margin-top: 8px;
}

.collage-block__logo-wrap .collage-block__logo-img-hover {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.collage__item:hover .collage-block__logo-img-hover {
  opacity: 1;
}
.collage__item:hover .collage-block__logo-img {
  opacity: 0;
}

.empty-specs {
  display: block !important;
  height: 0px !important;
  padding: 0px !important;
}

.header__menu > ul a[href="#chatty-home"] {
}

.bv-cat-ctn {
  margin: 8px 0px 6px 0px !important;
}

.scrollspy-nav {
  border: 1px solid #e8e8e8;
}