/** Shopify CDN: Minification failed

Line 741:26 Expected identifier but found "!"
Line 988:0 Unexpected "}"

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/


/* ----------------- Togggle swith -----------------*/

.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FC4242;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(48px);
  -ms-transform: translateX(48px);
  transform: translateX(48px);
}

.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}


/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*------ Hoverover Tooltip ---------*/

.hovertext {
  position: relative;
  border-bottom: 1px dotted black;
}

.hovertext:before {
  content: attr(data-hover);
  visibility: hidden;
  opacity: 0;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  transition: opacity 1s ease-in-out;
  font-size: 12px;

  position: absolute;
  z-index: 1;
  left: 0;
  top: 110%;
}

.hovertext:hover:before {
  opacity: 1;
  visibility: visible;
}


/* - Modal - */
#ProductPhotoImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#ProductPhotoImg:hover {opacity: 0.7;}

/* --------------- The Modal (background) ----------- */
.modal {
  display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: Auto;
  max-width: 100%;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: fixed;
  top: 15px;
  right: 35px;
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/* --------------- Stock Table ----------- */
.my-table {
  font-size: 14px; /* Adjust the font size */
  background-color: #F3F3F3;
  text-align: center; /* Horizontally align text by default */
  vertical-align: middle; /* Vertically align text */
}

.my-table td, 
.my-table th {
  height: 40px; /* Set row height */
  text-align: center; /* Default horizontal alignment for all columns */
  vertical-align: middle; /* Vertical alignment */
}

.my-table td:first-child, 
.my-table th:first-child {
  text-align: left; /* Align text to the left for the first column */
  padding-left: 5px; /* Add 5px left padding */
}



/* ------------ Mobile Cart QTY Selector------------------- */
@media screen and (max-width: 767px) {
  .cart-table .cart-table-quantity .quantity-controls {
    margin: 0;
    width: 80%; }
}
@media screen and (min-width: 768px) {
  .cart-table .cart-table-quantity .quantity-controls {
    margin: 0;
    width: 90%;
 }
    #cartform table tr .cart--final-column{
      text-align: center;
    }

  .cart-table .cart-table-quantity {
 }

}

@media screen and (max-width: 600px) {
.quantity-selector {
    width: 50px;
    font-weight: normal; 
    padding-right: 0px; 
    padding-left: 0px; 
    margin-right: 0em; 
    margin-left: 0em;
}
  .quantity-selector-cart {
    width: 140px;
    font-weight: normal; 
    padding-right: 0px; 
    padding-left: 0px; 
    margin-right: -2em; 
    margin-left: 0em;
    padding: 13px 0;
}
}

@media screen and (min-width: 600px) {
.quantity-selector {
    width: 140px;
    font-weight: normal; 
    padding-right: 0px; 
    padding-left: -0px; 
    margin-right: -3em; 
    margin-left: 0em;
}
    .quantity-selector-cart {
    width: 70px;
    font-weight: normal; 
    padding-right: 0px; 
    padding-left: 0px; 
    margin-right: 0em; 
    margin-left: 0em;
    padding: 13px 0;
}
}


.product-samples-button-wrap .btn{
  width: 100%;
  text-align: center;
}

.product-page--submit-action {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -20px;
    margin-bottom: 0px;
    /* You can also use shorthand property for padding and margin */
    /* padding: 0; */
    /* margin: 0; */
}

[class^="homepage-sections-wrapper accordion--faq-wrapper accordion-faq--template"]{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important; 
}


[class^="row media-size-large"]{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

[class^="product-description-section-wrapper"]{
    margin-top: 18px !important;
    margin-bottom: 0px !important;
   padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.accord-heading{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
   padding-top: 0px !important;
    padding-bottom: 0px !important;
}

summary::-webkit-details-marker { 
  display: none; 
}

.TileCalc10{
  text-align: center;
}

/* Regular state with transition */
.quantity-selector {
    transition: font-size 0.5s, font-weight 0.5s;
}

/* Enlarged state */
.bigger-bold {
    font-size: 100%; /* Adjust size as needed */
    font-weight: bold;
    /* Transition is already defined in the regular state */
}

.text-advert-section__item-inner {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.text-advert-section__item{
      margin-top: 7px !important;
   margin-bottom: 7px !important;
}

#admin-bar-iframe{display:none!important;}

/* Coundown Timer CSS*/
.countdown-timer__container {
    display: flex;
    gap: 10px;
}

.countdown-timer__component {
    display: block;
}

.countdown-timer__digit-group-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.countdown-timer__digit-group-container span {
    width: min-content;
    min-width: 100%;
    text-align: center;
    font-size: var(--body-font-size-12-to-em);
    line-height: 1;
    padding-top: 8px;
    word-break: break-all;
}

.countdown-timer__digit-group {
    display: flex;
}

.countdown-timer__digit {
    position: relative;
    overflow: hidden;
    padding: 5px 8px 8px 8px;
    border-radius: 4px;
}

.countdown-timer__digit.h1 {
    margin: 0;
    line-height: 1;
}

.countdown-timer__digit > div {
    width: 9px;
    display: flex;
    justify-content: center;
}

.countdown-timer__separator {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: calc(10px + 4px) 5px;
}

.countdown-timer__separator-dot {
    display: block;
    height: 3px;
    width: 3px;
    border-radius: 50%;
}

.countdown-timer__separator-dot:first-child {
    margin-bottom: 10px;
}

[data-hide-when-zero].hide,
[data-timer-complete-content].hide,
countdown-timer.hide {
    display: none;
}

/* New theme Colour Pallet */
.shopify-section .color-scheme--white {
    --color-scheme-text-color: var(--text-color);
    --color-scheme-text-color-transparent10: var(--text-color-transparent10);
    --color-scheme-text-color-transparent40: var(--text-color-transparent40);
    --color-scheme-text-color-transparent50: var(--text-color-transparent50);
    --color-scheme-background-color: var(--body-color);
    --color-scheme-background-rgb: var(--color-primary-background-rgb);
    --color-scheme-border-color: var(--text-color-transparent25);
    background: var(--body-color);
    color: var(--text-color);
}

.shopify-section .color-scheme--accent {
    --color-scheme-text-color: var(--color-scheme-feature-text);
    --color-scheme-text-color-transparent10: var(--color-scheme-feature-text-transparent10);
    --color-scheme-text-color-transparent40: var(--color-scheme-feature-text-transparent40);
    --color-scheme-text-color-transparent50: var(--color-scheme-feature-text-transparent50);
    --color-scheme-background-color: var(--color-scheme-feature-background);
    --color-scheme-background-rgb: var(--color-scheme-feature-background-rgb);
    --color-scheme-border-color: var(--color-scheme-feature-text-transparent25);
    --body-color-transparent50: var(--color-scheme-feature-background-transparent50);
    --text-color: var(--color-scheme-feature-text);
    background: var(--color-scheme-feature-background);
    color: var(--color-scheme-feature-text);
}

.shopify-section .color-scheme--dark {
    --color-scheme-text-color: var(--color-scheme-dark-text);
    --color-scheme-text-color-transparent10: var(--color-scheme-dark-text-transparent10);
    --color-scheme-text-color-transparent40: var(--color-scheme-dark-text-transparent40);
    --color-scheme-text-color-transparent50: var(--color-scheme-dark-text-transparent50);
    --color-scheme-background-color: var(--color-scheme-dark-background);
    --color-scheme-background-rgb: var(--color-scheme-dark-background-rgb);
    --color-scheme-border-color: var(--color-scheme-dark-text-transparent25);
    --body-color-transparent50: var(--color-scheme-dark-background-transparent50);
    --text-color: var(--color-scheme-dark-text);
    background: var(--color-scheme-dark-background);
    color: var(--color-scheme-dark-text);
}

.shopify-section .color-scheme--light {
    --color-scheme-text-color: var(--color-scheme-light-text);
    --color-scheme-text-color-transparent10: var(--color-scheme-light-text-transparent10);
    --color-scheme-text-color-transparent40: var(--color-scheme-light-text-transparent40);
    --color-scheme-text-color-transparent50: var(--color-scheme-light-text-transparent50);
    --color-scheme-background-color: var(--color-scheme-light-background);
    --color-scheme-background-rgb: var(--color-scheme-light-background-rgb);
    --color-scheme-border-color: var(--color-scheme-light-text-transparent25);
    --body-color-transparent50: var(--color-scheme-light-background-transparent50);
    --text-color: var(--color-scheme-light-text);
    background-color: var(--color-scheme-light-background);
    color: var(--color-scheme-light-text);
}

.shopify-section .wrapper-spacing--v {
    padding-top: calc(var(--padding-section-top) * 0.75);
    padding-bottom: calc(var(--padding-section-bottom) * 0.75);
}
@media screen and (min-width: 768px) {
    .shopify-section .wrapper-spacing--v {
        padding-top: var(--padding-section-top);
        padding-bottom: var(--padding-section-bottom);
    }
}

.shopify-section .wrapper-spacing--v {
    margin-top: calc(var(--margin-section-top) * 0.75);
    margin-bottom: calc(var(--margin-section-bottom) * 0.75);
}
@media screen and (min-width: 768px) {
    .shopify-section .wrapper-spacing--v {
        margin-top: var(--margin-section-top);
        margin-bottom: var(--margin-section-bottom);
    }
}

.breadcrumb {
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 10px;
  padding-bottom: 3px;
}



.outlet-sale-badge {
  color: var(--page-background);
  font-size: 14px;
  line-height: 14px;

  text-transform: var(--header-font-transform);
  letter-spacing: 1px;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0; /* Align to the right side of the parent container */
  -moz-transition: all 0.02s ease;
  -webkit-transition: all 0.02s ease;
  -o-transition: all 0.02s ease;
  -ms-transition: all 0.02s ease;
  transition: all 0.02s ease;

  /* Explicit dimensions for the badge */
  width: 80px; /* Adjust as needed */
  height: 80px; /* Adjust as needed */
  
  /* Additions for the sale badge */
  background-image: url('/cdn/shop/files/OutletSaleBadge_36fc2260-00b1-4502-8a32-9ae399f4ea77.svg?v=1735299922'); /* Replace 'your-svg-url.svg' with the actual URL of the SVG */
  background-repeat: no-repeat;
  background-size: cover; /* Ensures the SVG scales to fit the badge */
  background-position: center;
  text-align: center; /* Center the text inside the badge */


    /* Flexbox for text alignment */
  display: flex;
  align-items: center; /* Vertically aligns text */
  justify-content: center; /* Horizontally aligns text */
}

@media (max-width: 767px) {
  .outlet-sale-badge {
    width: 65px;
    height: 65px;
    font-size: 12px;
  }
}

.outlet-sale-banner {
  color: var(--page-background);
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
  margin: 0 auto; /* Center horizontally */

  text-transform: var(--header-font-transform);
  letter-spacing: 1px;
  -moz-transition: all 0.02s ease;
  -webkit-transition: all 0.02s ease;
  -o-transition: all 0.02s ease;
  -ms-transition: all 0.02s ease;
  transition: all 0.02s ease;

  /* Explicit dimensions for the badge */
  width: 300px; /* Adjust as needed */
  height: 40px; /* Adjust as needed */
  
  /* Additions for the sale badge */
  background-image: url('/cdn/shop/files/OutletSaleBanner_9d1334ee-a215-4fe5-a742-687db379fc6b.svg?v=1735382692'); /* Replace 'your-svg-url.svg' with the actual URL of the SVG */
  background-repeat: no-repeat;
   background-size: 100% 100%;
  background-position: center;
  text-align: center; /* Center the text inside the badge */


    /* Flexbox for text alignment */
  display: flex;
  align-items: center; /* Vertically aligns text */
  justify-content: center; /* Horizontally aligns text */
}

.special-sale-badge {
  color: var(--page-background);
  font-size: 14px;
  line-height: 14px;

  text-transform: var(--header-font-transform);
  letter-spacing: 0.5px;
  z-index: 2;
  position: absolute;
  padding-top: 0px;
  top: 0;
  right: 0; /* Align to the right side of the parent container */
  -moz-transition: all 0.02s ease;
  -webkit-transition: all 0.02s ease;
  -o-transition: all 0.02s ease;
  -ms-transition: all 0.02s ease;
  transition: all 0.02s ease;

  /* Explicit dimensions for the badge */
  width: 82px; /* Adjust as needed */
  height: 82px; /* Adjust as needed */
  
  /* Additions for the sale badge */
  background-repeat: no-repeat;
  background-size: cover; /* Ensures the SVG scales to fit the badge */
  background-position: center;
  text-align: center; /* Center the text inside the badge */

  /* Flexbox for text alignment */
  display: flex;
  align-items: center; /* Vertically aligns text */
  justify-content: center; /* Horizontally aligns text */

  /* Grey highlight on text */
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3), 0 0 25px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
  .special-sale-badge {
    width: 65px;
    height: 65px;
    font-size: 10px;
  }
}

.trustpilotbanner {
  color: var(--page-background);
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
  margin: 0 auto; /* Center horizontally */

  text-transform: var(--header-font-transform);
  letter-spacing: 1px;
  -moz-transition: all 0.02s ease;
  -webkit-transition: all 0.02s ease;
  -o-transition: all 0.02s ease;
  -ms-transition: all 0.02s ease;
  transition: all 0.02s ease;

  /* Explicit dimensions for the badge */
  width: 300px; /* Adjust as needed */
  height: 40px; /* Adjust as needed */
  
  /* Additions for the sale badge */
  background-repeat: no-repeat;
   background-size: 100% auto;
  background-position: center;
  text-align: center; /* Center the text inside the badge */

    /* Flexbox for text alignment */
  display: flex;
  align-items: center; /* Vertically aligns text */
  justify-content: center; /* Horizontally aligns text */
}
/* Shipping Table styling */
.shipping-table {
 
  border-collapse: collapse; /* Ensures borders are collapsed */
}

/* Table heading styling */
.shipping-table th {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center; /* Centers the text in the heading */
  font-weight: bold; /* Makes the table headings bold */
  font-size: 12px; /* Sets font size for headings */
  border: 1px solid #ddd; /* Optional: adds a border for clarity */
}

/* Table cell styling */
.shipping-table td {
  text-align: center; /* Centers text in data cells */
  word-wrap: break-word; /* Ensures text wraps if it's too long */
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px; /* Sets font size for table data */
  border: 1px solid #ddd; /* Optional: adds a border for clarity */
}


.product-description-section-wrapper {
  padding-top: 0;
  margin-top: 0;
}
.product-description-section-wrapper iframe {
  width: 90% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  display: block; /* Ensures no extra spacing around iframe */
  margin: 0 auto; /* Centers the iframe horizontally */
}

.indiv-product-sku-text{
    margin-bottom: 0px !important
}

.compare-at-price-sqm {
    @extend .compare-at-price;
}

.product-page--pricing--discount{
  margin-bottom: 0px !important
}

.filterbuffer {
  display: block; /* Default: visible on small screens */
   width: 300px;
}

@media (min-width: 768px) {
  .filterbuffer {
    display: none;
    width: 0px;
  }
}

.product-description-header{
    margin-bottom: 0px;
}

.shopify-section container{
        margin-left:10px; !important
}
/* ------------------ Product Swatch ---------------------------*/
.swatch-container {
  margin: 20px 0;
}

.swatch-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Make each tile a centered column */
.swatch-item {
  flex: 0 0 calc(16.67% - 10px); /* 6 per row with 10px gap */
  max-width: 75px;
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Ensure linked swatches also stack + center */
.swatch-item > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.swatch-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 1px solid #e8e8e8; /* Light grey border for all */

  margin: 0 auto; /* keep centered even if something overrides */
}

.swatch-item.active .swatch-circle {
  border: 3px solid #292929; /* Darker border for selected item */
}

.swatch-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
  border-radius: 50%;
}

.swatch-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; /* prevents baseline/inline quirks */
}

.swatch-label {
  font-size: 0.70rem;
  margin-top: 5px;
  line-height: 1.1;
  word-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}

.current-product-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.current-product-overlay::after {
  content: "✓";
  font-size: 2rem;
  color: #2ecc71; /* Green tick */
  font-weight: bold;
}

/* Remove arrows entirely */
.swatch-arrow,
.has-arrows .swatch-arrow {
  display: none !important;
}

.view-full-range-link {
  display: inline-block;
  padding: 0.5em 1.2em;
  background-color: #292929;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  border-radius: 0;
  transition: background-color 0.3s ease;
}

.view-full-range-link:hover {
  background-color: #656565;
}


/* --------------------------- End Product Swatch ---------------------------*/


/* --------------------------- Fix Seach Results for Articles Swatch ---------------------------*/
.search-article-image
  .hp-title
  .collection-image--zoom-effect
  .zoom-effect--inner
  .grid__image
  .aspect-ratio.aspect-ratio--square {
  padding: 0px;
  aspect-ratio: 1 / 1;
  width: 100%; /* or any specific width */
}


.hp-title {
  padding-top: 0px;
}
.search-article-image
  .hp-title
  .collection-image--zoom-effect
  .zoom-effect--inner {
  padding-bottom: 20px;
}
/* --------------------------- End Fix Seach Results for Articles Swatch ---------------------------*/



/* --------------------------- Custom Collection Navigation Links ---------------------------*/
.cross-nav {
      max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.cross-nav a {
      color: white;
      text-decoration: underline;
      transition: color 0.2s ease;
    }
    .cross-nav a:hover {
      color: orange;
    }
/* --------------------------- End Custom Collection Navigation Links ---------------------------*/


/* --------------------------- Fix Custom Coundown Digits ---------------------------*/
.countdown-timer__digit-group-container{
font-size: 12px;
}
/* --------------------------- End Fix Custom Coundown Digits ---------------------------*/

/* --------------------------- Fix product page layout ---------------------------*/
.shopify-section.container{
 
}

@media screen and (max-width: 767px) {
.delivery-info{
}
}

@media (min-width: 768px) {
  .product-medias.col-md-8{
  max-width: 55%;
  }
  .col-sm-12.col-md-4{
  min-width: 45%;
  }
}

.store-availability-information{
  display: flex;
  justify-content: center;  /* horizontal centering of items */
  text-align: center;       /* center the text inside items */
}

[class^="homepage-sections-wrapper homepage-sections-wrapper--white"]{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important; 
}

[class^="row homepage-featured-products"]{
justify-content: center;
}


/* --------------------------- End Fix product page layout ---------------------------*/


/* --------------------------- Fix Product Options Grid ---------------------------*/

[class^="swatch-element"] {

    display: block;   /* or flex */
  width: 100%;
}
[class^="swatch-element"] input:checked + label {
  outline: 1px solid #292929;
  background-color: #f7f7f7;
}

.option-label-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* equal columns */
  width: 100%;
  gap: .5rem;
  align-items: center;
  align-self: center;
  height: 45px;
}

.label-vertical{
height: 45px;
}

.option-col{
  min-width: 0;
  white-space: normal;        /* allow wrapping */
  overflow-wrap: anywhere;    /* break long words if needed */
  word-break: break-word;     /* fallback */
  line-height: 1.1;
  align-self: center;
     }
}

/* optional: align columns */
.option-col:nth-child(1){ justify-self: center; }
.option-col:nth-child(2){ justify-self: center; }
.option-col:nth-child(3){ justify-self: center; }


/* --------------------------- End Product Swatch Label Grid ---------------------------*/