.slider-buttons .slider-dots {
    margin: 0px;
}
.slider-buttons .slider-counter.caption {
    display: none;
}
.thumb_variations_and_title {flex-direction: column;
    align-items: self-start;}

.lg-outer.lg-visible {
    background: #fff;
}
.lg-thumb-item{
  height :130px!important;
}
.product__media-list .product__media-item {
   cursor: zoom-in!important;
}

.lg-current .lg-image {
    cursor: zoom-in!important;
}

/* Optionally, when the user is zooming (after zooming in) */
.lg-zoomed .lg-current .lg-image {
    cursor: zoom-in!important;
}

.lg-sub-html,.lg-counter{
  display: none!important;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: pointer!important;
}
.lg-on{
  overflow:hidden;
}
.lg-outer .lg-thumb-outer{
  background-color :#fff!important;   
}
.lg-next, .lg-prev,.lg-toolbar .lg-icon{
  color: #000!important;
}
.lg-icon{
  background: transparent!important;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
  border-color: #121212BF!important;border-radius: 4px;
        border: 1px solid #fff;
}
.lg-outer .lg-thumb-item{
        border: 1px solid #fff;
}

.lg-toolbar .lg-close:after {
    content: '\e070'!important;
}
.lg-close {
  z-index: 1050 !important;
  display: block !important;
  opacity: 1 !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(/cdn/shop/files/Loading_button_98ddb46e-3d18-4421-b836-e007aa109266.gif?v=1745996685) no-repeat scroll center center transparent!important;
    background-size: 30px!important;
}
.lg-outer.lg-grab img.lg-object {
    cursor: zoom-in!important;
}
.lg-prev, .lg-next {
    background: none!important;
    width: 30px; /* size as you need */
    height: 30px;
}

.lg-prev:before, .lg-next:before,.lg-prev:after{
    display: none!important; /* Remove default icon */
}

.lg-prev {
    background: url('/cdn/shop/files/image.svg?v=1746169094') no-repeat center center!important;
     transform: rotate(90deg);  background-size: 10px!important;
}

.lg-next {
    background: url('/cdn/shop/files/image.svg?v=1746169094') no-repeat center center!important;
    transform: rotate(-90deg); background-size: 10px!important;
}
  .needsclick{
    z-index: 1;
  }
@media screen and (max-width: 749px) {
.product-grid-container .collection .product-grid .card-wrapper .card__content .card__heading {font-size: 12px !important;}
}

/* .lg-prev {
    background: url('/cdn/shop/files/svgviewer-png-output_5.png?v=1745844173') no-repeat center center!important;
    background-size: 24px 24px;transform: rotate(90deg);
}

.lg-next {
    background: url('/cdn/shop/files/svgviewer-png-output_5.png?v=1745844173') no-repeat center center!important;
    background-size: 24px 24px;transform: rotate(-90deg);
} */

.list-menu li.d5-item-9 {
  order:10;
}
.custom-ul-d9 .faq-answer-d9 li.big-li-d9.child-item-only .child-links-d9{
      margin:0;
    text-transform: unset;
    padding: 4px 0;
}
.custom-ul-d9 .faq-answer-d9 li.big-li-d9.child-item-only:first-child{
 margin-top:10px;
}

.product .swatch_label{min-width:24px;width:24px;height:24px;padding:0 5px !important;line-height:24px;margin:.7rem 1.5rem .2rem 0;border:1px solid #fff;}
.product .product-form__input input[type=radio]+label{font-size:1.2rem;}
.product .product-form__buttons{max-width:100%;}
.product .product-form__input input[type=radio][name=Colour]:checked+label{box-shadow:0 0 0 2px #fff, 0 0 0 3px rgb(18 18 18 / 50%);}
.product .product-form__input input[type=radio][name=Colour]+label{margin:.7rem 1.5rem .2rem 0;border-color:#ffffff;}
.product .swatch_label:hover{box-shadow:0 0 0 2px #fff, 0 0 0 3px rgb(18 18 18 / 50%);}
.product-grid-container a.pagination__item.pagination__item--current {
    opacity: 1;
    font-weight: 700;
}
@media screen and (max-width: 749px) {
.collection .slider--tablet.product-grid .card__content{padding:0;}
}

@media screen and (max-width: 420px) {
 .card-wrapper .card__content .card__heading{min-height:32px;}
} 

/* .lg-img-wrap {
  width: 80%;
  height: 450px;
  overflow: scroll;
  transform-origin: 0 0;
  scrollbar-width: none;      
  -ms-overflow-style: none;      


  &::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
 */
/* .lg-image {
  width: 100%;
  height: auto;
  transform-origin: 0 0;
}
 */

body.overflow-hidden #gorgias-chat-container {
    z-index: 0;
}
span.card__inner--badge{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    font-size: 10px;
}
@media screen and (max-width:767px){
  span.card__inner--badge{
    top: 5px;
    left: 5px;
  }
}
.card-wrapper .klaviyo-product-container{
    background: #fff;
    height: 70px;
}
.card-wrapper .klaviyo-button-container[style] {
    opacity: 1 !important;
    top: 15px !important;
    width: auto !important;
    margin-left: -61px !important;
}
.card-wrapper .klaviyo-bis-trigger {
    text-decoration: none !important;
    outline: none;
    padding: 0 1rem !important;
    white-space: nowrap;
    font-size:13px;
    min-height: 46px;
    text-transform:uppercase;
}
.card-wrapper .klaviyo-bis-trigger:first-child,
.card-wrapper .card__information .klaviyo-product-container{
    display:none;
}
.card-wrapper .variant-options {
  display: flex;
  min-height: 46px;
  background: #ffffffe6;
  align-items: center;
  justify-content: center;
  gap: 5px;

  button {
    border: none;
    background: none;
    padding: 1rem;
    cursor: pointer;
    border-bottom: 1px solid #ffffffe6;

  }
}

.card-wrapper .variant-options button:hover {
  border-bottom: 1px solid black;
}

@media (max-width: 600px) {
  .variant-options button {
    padding: 0.5rem;
    /* Smaller padding */
    font-size: 0.875rem;
    /* Smaller font size (optional) */
  }
}

.card-wrapper .variant-options {
  opacity: 0;
}

.card-wrapper .quick-add__submit {
  display: block;
  transition: opacity 0.3s ease;
}

/* When hovering over the submit button */
.card-wrapper .quick-add__submit:hover {
  opacity: 0;
  /* Hide the hover button */
  pointer-events: none;
  /* Disable pointer events so the variant options can be clicked */
}

.card-wrapper .quick-add:hover .variant-options {
  opacity: 1;
  visibility: visible;
  /* Ensure the variant options are visible */
  transition: opacity 0.3s ease, visibility 0s;
  /* Immediate visibility change */
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* Ensure the variant options take the full width */
  background-color: white;
  /* Optional: Add a background for better visibility */
  z-index: 1;
  /* Ensure it appears above other content */
}

@media (max-width: 768px) {
  .card-wrapper .quick-add-desktop {
    display: none;
  }
  .card-wrapper .card__information .klaviyo-product-container{
    display:block;
    }
    .card-wrapper .card__information .klaviyo-button-container[style]{
        left: 0 !important;
        top: 8px !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
    .card-wrapper .card__information .klaviyo-bis-trigger{
        padding: 0 !important;
        white-space: nowrap;
        min-height: auto;
        text-transform: uppercase;
        text-align: left !important;
        background: none;
        border: none !important;
        min-width: auto;
        font-size: 0;
    }
    .card-wrapper .card__information .klaviyo-bis-trigger::after {
        content: "+ Notify Me";
        font-size: 13px;
    }
    .card-wrapper .card__information .klaviyo-bis-trigger:after{
        box-shadow:none;
    }
    .card-wrapper .card__information .klaviyo-product-container{
        height: 30px;
    }
    .card-wrapper .card-information{
        position: relative;
    }
    .card-wrapper .card__information .klaviyo-bis-trigger::after {
        content: "+ Notify Me";
        font-size: 13px;
    }
}

.card-wrapper button.variant-option-button:disabled:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px; /* thickness of the line */
    background: #c0c0c0; /* line color */
    transform: rotate(-20deg); /* tilt the line */
    transform-origin: center;
}

.card-wrapper button.variant-option-button:disabled {
    position: relative;
    pointer-events: none;
    opacity: 0.6; /* optional for dim effect */
}

/* Cart Drawer */
.cart-items .cart-item__price-wrapper .cart-item__old-price{
  font-size: 1.4rem;
  text-decoration: line-through;
}
.cart-items .cart-item__price-wrapper .price-sale{
  color: red;
  font-size: 1.4rem;
}

/* Promo Tile Styles */
.promo-tile-wrapper {
  height: 100%;
}

.promo-tile-wrapper .card {
  height: 100%;
}

.promo-tile-wrapper .card__inner {
  position: relative;
  overflow: hidden;
}

.promo-tile-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.promo-tile-wrapper .card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.promo-tile-wrapper .card__media .media {
  height: 100%;
}

.promo-tile__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.promo-tile__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease;
  z-index: 1;
}

.promo-tile-link:hover .promo-tile__overlay {
  background: rgba(0, 0, 0, 0.3);
}

.promo-tile__content {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 2rem;
  z-index: 2;
  pointer-events: none;
}

.promo-tile__content--position-top-left {
  top: 0;
}

.promo-tile__content--position-center-left {
  top: 50%;
  transform: translateY(-50%);
}

.promo-tile__content--position-bottom-left {
  bottom: 60px; /* Space for button */
}

.promo-tile__title {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  line-height: 1.2;
}

.promo-tile__subtitle {
  margin: 0;
  line-height: 1.4;
  opacity: 0.9;
}

.promo-tile__button-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
  z-index: 2;
  pointer-events: none;
}

.promo-tile__button {
  display: inline-block;
  padding: 1rem 2rem;
  text-decoration: none;
  border-radius: 0;
  transition: opacity 0.3s ease, transform 0.2s ease;
  pointer-events: auto;
  border: none;
  cursor: pointer;
  line-height: normal;
  min-height: unset;
  min-width: unset;
  box-shadow: none;
}

.promo-tile__button:before, 
.promo-tile__button:after{
  content: none;
}

.promo-tile__button:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

.promo-tile__link {
  display: inline-block;
  text-decoration: underline;
  font-size: 1.4rem;
  transition: opacity 0.3s ease;
  pointer-events: auto;
}

.promo-tile__link:hover {
  opacity: 0.8;
}

@media screen and (max-width: 749px) {
  .promo-tile__content {
    padding: 1.5rem;
  }
  
  .promo-tile__title {
    font-size: clamp(16px, 4vw, 24px) !important;
  }
  
  .promo-tile__subtitle {
    font-size: clamp(12px, 3vw, 18px) !important;
  }
  
  .promo-tile__button-wrapper {
    padding: 1.5rem;
  }
  
  .promo-tile__content--position-bottom-left {
    bottom: 50px;
  }
  
  .promo-tile__link {
    font-size: clamp(12px, 3vw, 16px) !important;
  }
}