/** Shopify CDN: Minification failed

Line 20:0 Unexpected "%"

**/
.breadcrumb-custom .breadcrumb {
  border-top: 2px solid #001f3f;
  border-bottom: 8px solid #001f3f;
  text-decoration-color: #001f3f;
  padding: 24px !important;
}
.contact-form textarea {
  min-height: 0 !important;
}

.breadcrumb {
  margin-left: 0 !important;
}

%
  comment
  %
  This
  is
  for
  contact
  us
  2
  (cdesign consultation pg)
  (describe your prefernce)
  %
  endcomment
  %
  .form-label-black {
  color: black;
}
.form-label-gray {
  color: gray;
  text-transform: lowercase;
}
.form-label-bold {
  font-weight: 700;
}

/* 1 */
.faqs-questions-and-answers img {
  margin-top: var(--margin-top-img);
  margin-bottom: var(--margin-bottom-img);
}
/* 4 */
.faqs-body {
  display: none;
}
.size-guide-page .faqs-body {
  display: block;
}

.faqs-custom {
  position: relative;
  cursor: pointer;
}
.faqs-custom .arrow {
  --rotation: 45deg;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 11px;
  height: 11px;
  z-index: 2;
  pointer-events: none;
  transform: translateY(-50%) rotate(var(--rotation));
  border: solid var(--icon);
  border-width: 0px 2px 2px 0px;
  padding: 3px;
  transition: var(--anchor-transition);
}

.faqs-custom:not(.collapsed) .arrow {
  --rotation: -135deg;
}

@media (min-width: 551px) {
  .faqs-custom .arrow {
    display: none !important;
  }
  .faqs-body {
    display: block !important;
  }
}
.spotlight-item .img-mb {
  display: none;
}
@media (max-width: 551px) {
  .faqs-title.page-subheader {
    font-size: calc(var(--font-page-title-size) - 12px);
  }
  .border--border_s2 .banner-heading:before {
    background-color: var(--border-color-title-mobile-style);
  }
  .spotlight-item .img-mb {
    display: block;
  }
}
.customer-service-text a span {
  background: #001f3f !important;
  border-color: #001f3f !important;
  color: #ffffff !important;
}
.customer-service-text a span:hover {
  background: #ffffff !important;
  color: #001f3f !important;
  border-color: #001f3f !important;
  border: solid 1px;
  transition: var(--duration-long) var(--button-transition-ease);
  transition-property: color, background, background-color, border;
}
.price-item .text {
  font-size: 12px !important;
}
.card:hover img {
  scale: 1 !important;
  transition: all 2s ease;
}
.card-information .card-title {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
}
.card-product:hover .card-media.media--hover-effect > img + img {
  transition: all 2s ease !important;
  transform: none !important;
}
@media (min-width: 1025px) {
  .halo-ask-an-expert-banner .link:before {
    display: none !important;
  }
}

.cart-header-item.cart-header-quantity,
.cart-item-block.cart-item-quantity {
  display: none !important;
}

.halo-ask-an-expert-banner .link {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease-in-out; /* Fallback transition */
}

.halo-ask-an-expert-banner .link:hover {
  animation: threeBounces 1.5s ease-out; /* Apply bounce animation */
}

@keyframes threeBounces {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-20px); /* Big bounce */
  }
  40% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(-10px); /* Medium bounce */
  }
  80% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-5px); /* Small bounce */
  }
  100% {
    transform: translateY(0);
  }
}
.size-chart-show .halo-popup.halo-size-chart-popup.is-show {
  opacity: 1 !important;
  visibility: visible !important;
}
.product-item {
  transition: box-shadow 0.3s ease, background-color 0.3s linear,
    padding 0.3s linear; /* Add smooth transitions */
}

/* Drop shadow on all sides during hover */
.product-item:hover {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1),
    /* Bottom shadow */ 0px -4px 6px rgba(0, 0, 0, 0.05),
    /* Top shadow */ -4px 0px 6px rgba(0, 0, 0, 0.05),
    /* Left shadow */ 4px 0px 6px rgba(0, 0, 0, 0.05); /* Right shadow */
  border: none; /* Remove border */
  background-color: #ffffff; /* Set background color on hover */
  padding: 7px 7px;
}
.product-card-layout-06 .product-item .card-action {
  position: relative !important;
}
/* badge */
.productView-image-wrapper .productView-badge .badge {
  margin: 2px 0px !important;
}
/* color compare */
.productView-videoPopup ~ .productView-compareColor.style-2 {
  bottom: 85px !important;
}
@media (max-width: 551px) {
  .card-action.card-grid__hidden.hidden-mb {
    display: none !important;
  }
  .button.button-ATC.true {
    background: white !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    padding: unset !important;
    min-width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50%;
  }
  .button.button-ATC.true svg {
    width: 18px;
    height: 18px;
    line-height: 18px;
    vertical-align: top;
    position: relative;
    z-index: 2;
    background-color: transparent;
    margin: unset !important;
  }
  /* .card-action .variants-popup {
    position: relative !important;
  } */

  .card-product {
    position: static !important;
  }
  .product-card-layout-06 .product-item.quickshop-popup-show:hover .card:after {
    display: none !important;
  }
  .quickshop-popup-show .card-product__group.group-right {
    height: 100% !important;
    width: 100% !important;
    right: 0 !important;
  }
  .card-action.show-mb {
    height: 100% !important;
    width: 100% !important;
  }
  .card-product__group-item.card-wishlist,
  .button.button-ATC.true {
    margin: auto;
    margin-right: 0;
  }
  .custom-add-to-cart {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    text-align: end !important;
    padding-right: 8px !important;
  }
  .custom-add-to-cart svg {
    fill: #001f3f !important;
    width: 18px;
    height: 18px;
    line-height: 18px;
    vertical-align: top;
    position: relative;
    z-index: 2;
    background-color: transparent;
    margin: unset !important;
  }
}
@media (min-width: 552px) {
  .card-action.show-mb {
    display: none;
  }
}
.products-carousel .product {
  padding-top: 5px !important;
}
.card-vendor {
  font-size: 13px !important;
}
@media (max-width: 1024px) {
  .halo-top-currency {
    display: none !important;
  }
}
.pagination-page-item.pagination-page-total {
  display: none;
}
.card-body{
  padding: 0 !important;
  margin: 0 !important;
}
.product-card-layout-06 .faqs-item .card:hover{
  box-shadow: unset !important;
}
.halo-popup.halo-size-chart-popup.customPopup-large, .halo-popup.halo-ask-an-expert-popup.customPopup-large{
  pointer-events: auto !important;
}
.previewCartItem-qty{
  display: none !important;
}

.halo-popup-content .content-size-chart{
  
}