/** Shopify CDN: Minification failed

Line 18:8 Expected identifier but found whitespace
Line 18:10 Unexpected "{"
Line 18:20 Expected ":"
Line 33:8 Expected identifier but found whitespace
Line 33:10 Unexpected "{"
Line 33:20 Expected ":"
Line 54:7 Expected ":"
Line 88:8 Expected identifier but found whitespace
Line 88:10 Unexpected "{"
Line 88:20 Expected ":"
... and 4 more hidden warnings

**/
.variant-internal-diam {
  clear: both;
  color: {{ settings.regular_color }};
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-align: left; /* Explicitly aligns text to the left */
  display: block; /* Ensures both elements behave like block elements */
  padding: 0; /* Removes any unintended padding */
  cursor: pointer; /* Adds a pointer cursor for interactivity */
  text-decoration: none; /* Removes underline styling */
  transition: color 0.3s ease, text-decoration 0.3s ease;
  outline: none; /* Removes focus outline (blue border) */
}

.size-guide-form {
  clear: both;
  color: {{ settings.regular_color }};
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  display: inline-flex; /* Use flex to align items */
  align-items: center; /* Ensures vertical alignment */
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  outline: none;
  white-space: nowrap; /* Prevents breaking onto the next line */
}

.size-guide-form:visited {
  color: inherit; /* Ensures no visited color change */
  text-decoration: none; /* Ensures no underline for visited links */
}

.size-guide-form:hover {
  color #0c0c0c; /* Hover color */
  text-decoration: underline; /* Hover underline */
  text-underline-offset: 0.25rem;
}

.size-guide-icon {
  display: inline-block;
  margin-left: 5px; /* Adds spacing between text and image */
}

.size-guide-icon img {
  width: 20px; /* Adjust size as needed */
  height: 20px; /* Keeps image size consistent */
  vertical-align: middle; /* Aligns with text */
}

.product-popup__link {
  outline: none; /* Removes focus outline on the link */
}

.inventory-status-wrapper,
.cross-sell-wrapper {
  display: block !important; /* Ensure each takes up its own line */
  clear: both !important; /* Clear any floating elements */
  min-width: 100%;
}


/* Text elements: items_left_custom and product-upsell */
.product-upsell,
.product-upsell2,
.variant-hydro-kit {
  font-weight: 400;
  font-size: 14px; /* Matches `.variant-internal-diam` font size */
  color: {{ settings.regular_color }};
  font-style: normal;
  text-align: left; /* Aligns text to the left */
  display: block !important; /* Ensure each takes up its own line */
  clear: both !important; /* Clear any floating elements */
  min-width: 100%;
}

.items_left_custom {
  font-weight: bold;
  font-size: 14px; /* Matches `.variant-internal-diam` font size */
  color: {{ settings.regular_color }};
  font-style: normal;
  text-align: left; /* Aligns text to the left */
  display: block !important; /* Ensure each takes up its own line */
  clear: both !important; /* Clear any floating elements */
  margin-top: 8px!important; /* Add space between the elements */
  min-width: 100%;
}

.nav_xsell {
  margin-top: 0px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0px;
}

.variant-crossell {
  display: block; /* Ensure each takes up its own line */
  clear: both; /* Clear any floating elements */
  margin-top: 5px; /* Add space between the elements */
}

/* Default Button Styles */
.addonbutton {
  clear: both;
  background-color: rgba(172, 189, 161, 0.7);
  border: 0px solid #acbda1; /* Dark border */
  border-radius: 3px; /* Rounded corners */
  display: inline-block;
  cursor: pointer;
  color: #0c0c0c; /* Dark text */
  font-size: 14px;
  font-weight: 400;
  padding: 4px 27px;
  margin-bottom: 5px;
  margin-right: 5px;
  width: auto; /* Allow the button to expand based on content */
  min-width: 100px; /* Prevent the button from shrinking too small */
  white-space: nowrap; /* Prevent text wrapping */
  text-decoration: none;
  text-align: center;
  position: relative;
  transition: background-color 0.35s ease, color 0.35s ease;
}

/* Adjust width for larger screens */
@media (min-width: 768px) {
  .addonbutton {
    width: calc(50% - 12px); /* Use this only for desktop */
  }
}

/* Ensure button expands in mobile landscape */
@media screen and (max-width: 1024px) and (max-height: 450px) and (orientation: landscape) {
  .addonbutton {
    display: inline-flex; /* Allows content to define button width */
    align-items: center; /* Keeps text centered */
    padding: 6px 20px; /* Adjust padding for better spacing */
    width: auto; /* Let the button size dynamically */
    min-width: unset; /* Remove min-width restriction */
    white-space: normal; /* Allow text to wrap if needed */
  }
}

/*  Ensure button expands in tablet portrait */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .addonbutton {
    display: inline-flex; /* Allows content to define button width */
    align-items: center; /* Keeps text centered */
    padding: 6px 20px; /* Adjust padding for better spacing */
    width: auto; /* Let the button size dynamically */
    min-width: unset; /* Remove min-width restriction */
    white-space: normal; /* Allow text to wrap if needed */
  }
}

/* Hover State */
.addonbutton:hover {
  color: #ffffff !important; /* Text turns white */
  background-color: #0c0c0c; /* Background becomes dark */
}

.addonbutton:hover span {
  color: #ffffff !important; /* Ensure span text turns white */
}

/* Button Text */
.addonbutton span {
  color: #0c0c0c; /* Default dark text */
  transition: opacity 0.35s ease-in, color 0.35s ease; /* Smooth fade */
}

/* Checkmark Icon */
.addonbutton svg {
  width: 20px; /* Icon size */
  height: 20px;
  stroke: #ffffff; /* White stroke for checkmark */
  position: absolute;
  left: 50%; /* Center horizontally */
  top: 50%; /* Center vertically */
  transform: translate(-50%, -50%); /* Offset for perfect centering */
  opacity: 0; /* Hidden by default */
  transition: opacity 0.35s ease-in; /* Smooth fade-in */
}

/* Active State */
.addonbutton.active span {
  opacity: 0; /* Hide text when active */
}

.addonbutton.active svg {
  opacity: 1; /* Show checkmark when active */
}

.swatch .tooltip {
  background: #3c5445;
  color: #fff;
  left: -25%;
}
.swatch .tooltip:after {
  border-top-color: #3c5445;
}

.variant-promo-block {
  width: 100%;
  background-color: #e7ebe3; /* Softer, more inviting background */
  border: 1px solid #e7ebe3; /* Subtle border for definition */
  border-radius: 5px; /* Rounded corners for a modern look */
  padding: 8px 15px; /* Better padding for a balanced layout */
  text-align: center; /* Center-align content for a clean appearance */
}

.promo-vartext {
  font-weight: normal; /* Strong emphasis */
  color: #0c0c0c; /* Eye-catching and harmonious color */
  font-size: 14px; /* Larger text for visibility */
  text-decoration: none; /* Remove underline for a cleaner look */
}

.promo-vartext:hover {
  text-decoration: underline; /* Add underline on hover for interactivity */
  color: #0c0c0c; /* Eye-catching and harmonious color */
}

.promo-subtext {
  font-weight: normal; /* Slightly less bold for subtext */
  color: #0c0c0c; /* Complementary darker shade */
  font-size: 14px; /* Distinguishable but less prominent */
}

.promo-varlink {
  display: inline-block; /* Makes the link more prominent */
  margin-top: 0px; /* Add spacing between text and link */
  color: #0c0c0c; /* Consistent with the palette */
  font-weight: normal; /* Balanced boldness */
  font-style: normal; /* Elegant emphasis */
  text-decoration: none; /* Remove default underline */
  font-size: 14px;
}

.promo-varlink:hover {
  color: #0c0c0c; /* Hover effect with color change */
  text-decoration: underline; /* Reintroduce underline for hover */
}

.variant-promo-message {
  margin-bottom: 1rem; 0; /* Add spacing around the promo block */
}

.variant-promo-block2 {
  width: 100%;
  background-color: #f9faf7;
  border: 1px solid #e7ebe3;
  border-radius: 5px;
  padding: 8px 15px;
  text-align: center;
}

/* TITLE — Green Friday */
.promo-vartext2title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: 22px; /* smaller than product title */
  color: #3c5445;
  line-height: 1.2;
  margin-bottom: 4px;
}


.promo-vartext2 {
  display: inline-block;
  font-family: Poppins, sans-serif;
  font-size: 15px; /* key fix */
  font-weight: 400;
  color: #3c5445;
  text-decoration: none;
  line-height: 1.4;
}

.promo-vartext2 strong {
  font-weight: 500;
}

.promo-vartext2:hover {
  text-decoration: underline;
}

.icon-right-arrow2 {
  margin-left: 4px;
  font-size: 0.85em;
  vertical-align: middle;
}