/** Shopify CDN: Minification failed

Line 1797:0 Unexpected "}"

**/
/* Base css */
.hidden {
  display: none;
}

.quantity-selection-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #333;
}

.quantity-options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.quantity-option {
  position: relative;
  background: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  gap: 0.5rem;
}

.quantity-option:not(.selected) {
  background: transparent;
}

.quantity-option:hover {
  border-color: #ccc;
}

.quantity-option.selected {
  border-color: #FF9A62;
  background-color: #ffffff;
}

.quantity-option-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #dc3545;
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 9999px;
  border: none;
  font-size: 0.7rem;
  font-weight: 700;
  z-index: 2;
  pointer-events: none;
}

.quantity-option-radio {
  margin-bottom: 0;
  flex-shrink: 0;
}

.quantity-radio-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.quantity-radio-circle {
  width: 18px;
  height: 18px;
  border: 2px solid #cfcfcf;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.quantity-radio-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF9A62;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.quantity-option.selected .quantity-radio-circle {
  border-color: #FF9A62;
}

.quantity-option.selected .quantity-radio-dot {
  opacity: 1;
}

.quantity-option-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.4rem;
}

.quantity-option-header {
  text-align: center;
  margin-bottom: -0.25rem;
  margin-top: 0.25rem;
}

.quantity-option-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  min-height: 40px;
}

.quantity-option-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  justify-content: flex-start;
}

.quantity-option-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.0625rem;
  flex-shrink: 0;
  justify-content: center;
}

.quantity-option-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 0.125rem;
  text-align: center;
}

.quantity-option-subtitle {
  font-size: 0.8rem;
  color: #666;
  margin-bottom: 0;
  white-space: nowrap;
}

.quantity-option-price {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 0;
}

.quantity-option-original-price {
  font-size: 0.75rem;
  color: #999;
  text-decoration: line-through;
  margin-bottom: 0;
  min-height: 1rem;
  line-height: 1rem;
}

.quantity-option-price-per-unit {
  font-size: 0.75rem;
  color: #666;
  margin-bottom: 0;
}

.quantity-selector {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 0.25rem 0.5rem;
  margin-left: 0.5rem;
  width: fit-content;
}

.quantity-btn {
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  transition: background-color 0.2s ease;
}

.quantity-btn:hover {
  background-color: #e0e0e0;
}

.quantity-display {
  margin: 0 0.5rem;
  font-weight: 600;
  color: #333;
  min-width: 20px;
  text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .quantity-options-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  
  .quantity-option {
    min-height: 60px;
    padding: 0.75rem;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  
  .quantity-option.selected {
    border-color: #FF9A62;
    box-shadow: 0 0 0 2px rgba(255,154,98,0.2);
  }
  
  .quantity-option-content {
    gap: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .quantity-option-body {
    gap: 0.5rem;
    min-height: auto;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
  }
  
  .quantity-option-left {
    gap: 0.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  
  .quantity-option-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .hidden-desktop.quantity-option-title {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0;
    white-space: nowrap;
  }
  
  .hidden-desktop.quantity-option-subtitle {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
  }
  
  .quantity-option-price {
    font-size: 0.9rem;
    font-weight: 600;
  }
  
  .quantity-option-original-price,
  .quantity-option-price-per-unit {
    font-size: 0.7rem;
  }
  
  .quantity-radio-circle {
    width: 18px;
    height: 18px;
  }
  
  .quantity-radio-dot {
    width: 8px;
    height: 8px;
  }
}

@media (min-width: 769px) {
  .quantity-option-body {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0.5rem !important;
    min-height: 40px !important;
  }
  
  .quantity-option-left {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-shrink: 0 !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
  }
  
  .quantity-option-center {
    display: none !important;
  }
  
  .quantity-option-header {
    display: block !important;
    text-align: center !important;
    margin-bottom: -0.25rem !important;
    margin-top: 0.25rem !important;
  }
  
  .quantity-option-title {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 0.125rem !important;
    text-align: center !important;
    white-space: normal !important;
  }
  
  .quantity-option-subtitle {
    font-size: 0.8rem !important;
    color: #666 !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
    position: static !important;
    transform: none !important;
    text-align: left !important;
  }
}


@media (min-width: 992px) {
  .hidden-desktop {
    display: none;
  }
}

@media (max-width: 991px) {
  .hidden-mobile {
    display: none;
  }
}

/* Recipient form */
.recipient-form {
  /* (2.88[line-height] - 1.6rem) / 2 */
  --recipient-checkbox-margin-top: 0.64rem;

  display: block;
  position: relative;
  max-width: 44rem;
  margin-bottom: 2.5rem;
  background-color: #f5f5f5; /* Light grayish-white background */
  padding: 20px; /* Padding around the form */
  border-radius: 5px; /* Rounded corners for the form container */
}

/* Form field label styling */
.recipient-form-field-label {
  margin: 0.6rem 0;
  font-size: 12px; /* Smaller font size for "Maximal 200 Zeichen" */
  color: #6c757d; /* Gray color */
}

.recipient-form-field-label--space-between {
  display: flex;
  justify-content: flex-end; /* Align "Maximal 200 Zeichen" to the right */
}

/* Checkbox label styling */
.recipient-checkbox {
  flex-grow: 1;
  font-size: 1.2rem; /* Reduced font size for smaller text */
  display: flex;
  word-break: break-word;
  align-items: center; /* Center-align the checkbox and label vertically */
  max-width: inherit;
  position: relative;
  cursor: pointer;
  font-weight: 700; /* Bold text */
  color: #000; /* Black text */
}

/* Checkbox input styling */
.recipient-form > input[type='checkbox'] {
  float: left;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 10px 0 0; /* Margin to the right of the checkbox */
  appearance: auto; /* Use browser's default checkbox styling */
  -webkit-appearance: auto;
}

/* Remove SVG and custom checkmark styling */
.recipient-checkbox > svg,
.recipient-form .icon-checkmark {
  display: none; /* Hide custom SVG and checkmark */
}

/* Form field container */
.recipient-fields__field {
  margin: 0 0 15px 0; /* Reduced margin between fields */
}

/* Style input fields and textarea */
.recipient-fields .field__input,
.recipient-fields textarea {
  width: 100%; /* Full width */
  padding: 10px; /* Padding inside the input */
  border: 1px solid #ccc; /* Light gray border */
  border-radius: 5px; /* Rounded corners */
  background-color: #fff; /* White background */
  font-size: 14px; /* Font size for placeholder text */
  color: #000; /* Text color */
}

/* Placeholder styling */
.recipient-fields .field__input::placeholder,
.recipient-fields textarea::placeholder {
  color: #6c757d; /* Gray placeholder text */
  font-size: 14px;
}

/* Textarea specific styling */
.recipient-fields textarea {
  height: 100px; /* Fixed height for the textarea */
  resize: none; /* Prevent resizing */
}

/* Date input styling (calendar icon is browser default) */
.recipient-fields input[type="date"] {
  position: relative;
}

/* Hide the horizontal line */
.recipient-fields hr {
  display: none; /* Remove the horizontal line */
}

/* Hide recipient fields by default (controlled by JS) */
.recipient-form .recipient-fields {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Open state for recipient fields */
.recipient-form.is-open .recipient-fields {
  padding-top: 20px;
  opacity: 1;
  max-height: 1000px; /* Large enough to fit content */
}

/* Remove display toggling from checkbox rules */
.recipient-form > input[type='checkbox']:checked ~ .recipient-fields,
.recipient-form > input[type='checkbox']:not(:checked, :disabled) ~ .recipient-fields {
  /* No display or animation here, handled by JS class toggle */
}

/* Show required email label when JS is enabled */
.recipient-email-label.required {
  display: inline;
}

/* Error message styling */
.recipient-form ul {
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding-left: 4.4rem;
  text-align: left;
}

.recipient-form ul a {
  display: inline;
}

.recipient-form .error-message::first-letter {
  text-transform: capitalize;
}

/* Forced colors mode adjustments */
@media screen and (forced-colors: active) {
  .recipient-fields > hr {
    border-top: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-checkbox > svg {
    background-color: inherit;
    border: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-form > input[type='checkbox']:checked + label .icon-checkmark {
    border: none;
  }
}

/* Product Items */
.product-item_component:hover .product-item_image-background {
  height: 60%
}

/* Improved Button Styling */
.product-item_button-improved {
  margin: 0 auto !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.product-item_button-improved:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.product-item_button-improved:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Button hover effect with subtle scale */
.product-item_button-improved:hover {
  transform: translateY(-2px) scale(1.02) !important;
}

/* Smooth transition for all button states */
.product-item_button-improved {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Enhanced focus state for accessibility */
.product-item_button-improved:focus {
  outline: 2px solid #FFB891 !important;
  outline-offset: 2px !important;
}

/* Disabled state improvements */
.product-item_button-improved:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Product item mobile spacing tweaks (button alignment + MwSt gap) */
/* Use existing mobile breakpoint */
@media (max-width: 991px) {
  .product-item_component .product-item_form-wrapper {
    margin-bottom: -24px !important;
  }
  .product-item_component > .margin-top.margin-medium {
    margin-top: 12px !important;
  }
}

/* Collections */
.collections-info_grid-list .button.is-link:after {
  content: ">";
  font-size: 22px;
}

/* Appstle Subscription */
.appstle_subscription_wrapper_option {
  border-radius: 8px !important;
  border: 1px solid var(--Color-Neutral, #808484) !important;
}
.appstle_subscription_wrapper_option > * {
  width: 100% !important;
}
.appstle_custom_select {
  width: 90% !important;
  max-width: 90% !important;
  margin-bottom: 16px !important;
  border: none !important;
  border-width: 0px !important;
}
.appstle_subscribe_option {
  margin: -20px 0 0 0 !important;
  padding: 0 !important;
}
.appstle_subscription_wrapper_option .appstle_select {
  border-radius: 12px !important;
  border: none !important;
  border-width: 0px !important;
  background: rgba(1, 10, 10, 0.05) !important;
}
.main-wrapper .WIDGET_TYPE_7 .appstle_select {
  border: none !important;
}
.WIDGET_TYPE_7 .appstle_custom_select:before {
  margin-right: 10px;
}
.appstle_sub_widget .appstle_dot {
  background: var(--Color-Atomic-Tangerine, #FF9A62);
}
#appstle_subscription_widget0 .appstle-active-option .appstle_circle {
  /* border-color: var(--Color-Atomic-Tangerine, #FF9A62) !important; */
}
/* Highlight selected Appstle option with orange border and white background */
#appstle_subscription_widget0 .appstle-active-option {
  border-color: #FF9A62 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(255,154,98,0.15) !important;
}

/* Make entire Appstle option clickable by extending label */
#appstle_subscription_widget0 .appstle_subscription_wrapper_option {
  cursor: pointer !important;
  position: relative !important;
}

#appstle_subscription_widget0 .appstle_radio_label {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  padding: 0.75rem !important;
  box-sizing: border-box !important;
}

#appstle_subscription_widget0 .appstle_radio_label * {
  position: relative !important;
  z-index: 2 !important;
}
/* Match radio accent with brand color - selected only */
#appstle_subscription_widget0 .appstle_circle {
  border-color: #cfcfcf !important; /* default unselected */
  background: #fff !important;
}
#appstle_subscription_widget0 .appstle-active-option .appstle_circle {
  border-color: #FF9A62 !important;
}
#appstle_subscription_widget0 .appstle-active-option .appstle_dot {
  background: #FF9A62 !important;
}

/* Fix duplicate radio by hiding native input and only showing custom circle/dot */
#appstle_subscription_widget0 input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}
#appstle_subscription_widget0 .appstle_radio_label .appstle_circle {
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #cfcfcf !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}
#appstle_subscription_widget0 .appstle_radio_label .appstle_dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #FF9A62 !important;
}
#appstle_subscription_widget0 .appstle_subscription_wrapper_option .appstle_dot {
  opacity: 0 !important;
}
#appstle_subscription_widget0 .appstle-active-option .appstle_dot {
  opacity: 1 !important;
}

/* Remove focus outline ring on the label to prevent black ring */
#appstle_subscription_widget0 .appstle_radio_label:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Improve quantity option aesthetics */
.quantity-option {
  border-radius: 10px;
  background: #fff;
}
.quantity-option.selected {
  box-shadow: 0 0 0 2px rgba(255,154,98,0.15);
}

/* Tighten internal spacing for titles + prices */
.quantity-option-left .quantity-option-subtitle {
  opacity: 0.85;
}
.quantity-option-right .quantity-option-original-price {
  opacity: 0.75;
}

/* Klaviyo Forms */
.klaviyo-form-Rnq3CW {
  background-color: var(--opacity--transparent);
  background-image: linear-gradient(180deg, var(--opacity--transparent), var(--base-color-brand--tangerine-lightest) 88%, var(--base-color-brand--tangerine-lighter));
  font-family: var(--body);
  color: var(--text-color--text-primary);
  border-radius: 0;
  position: relative;
}
.klaviyo-form-Rnq3CW > div {
  background-repeat: no-repeat !important;
  background: url(//drink-collide.com/cdn/shop/t/100/assets/decorative-blob.svg?v=112409279391270129011751438511);
  background-position: right bottom;
  padding: 7rem 2.5rem;
  margin-right: auto !important;
  margin-left: auto !important;
  width: auto;
  max-width: 85rem;
}

.klaviyo-form-Rnq3CW form.klaviyo-form {
  display: flex;
  flex-direction: row;
  width: 100% !important;
  gap: 15px; /* Add gap between the two child divs */
}

.klaviyo-form-Rnq3CW form.klaviyo-form > div {
  min-width: 0 !important; /* Prevent overflow issues */
  width: auto !important;
}

.klaviyo-form-Rnq3CW form.klaviyo-form > div {
  flex: 1 1 40% !important; /* Equal width for both child divs */
}

.klaviyo-form-Rnq3CW form.klaviyo-form > div:first-child {
  display: flex;
  flex-direction: column;
  margin: -15px 0px -15px -15px; /* Preserve inline margin */
  padding: 0;
  border-radius: 2px 0 0 2px; /* Preserve inline border-radius */
  overflow: hidden;
}

.klaviyo-form-Rnq3CW form.klaviyo-form > div:last-child {
  padding: 0 0 0 15px; /* Preserve inline padding */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.klaviyo-form-Rnq3CW button {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (max-width: 991px) {
  .klaviyo-form-Rnq3CW form.klaviyo-form > div:first-child {
    /* display: none !important; */
    width: calc(100% - 35px) !important;
    padding-left: 40px !important;
  }
  .klaviyo-form-Rnq3CW > div {
    padding: 0;
  }
  .klaviyo-form-Rnq3CW form {
    padding-left: 0px !important;
    flex-direction: column !important;
  }
}

/* Style the feature list items */
.features-image-left_item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.features-image-left_item-icon-wrapper {
  margin-right: 10px;
}

.features-image-left_item-icon-wrapper img {
  width: 22px;
  height: 22px;
}

/* Ensure text and headings are consistent */
h2.heading-style-h3 {
  font-size: 2rem !important;
  line-height: 120% !important;
  font-family: Mulish, sans-serif !important;
  color: #000 !important;
}

.features-image-left_item-text-wrapper div,
div[style*="font-family: Manrope"] {
  font-family: Manrope, sans-serif !important;
  color: #000 !important;
}

/* Style the terms text */
p[style*="font-size: 14px"] {
  font-size: 14px !important;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Product Gallery */
.swiper-container.is-product-gallery {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.swiper-container.is-product-gallery .product-header_gallery-image {
  width: 100%;
  height: 100%;
  padding: 0;
  background: none;
  border: none;
  object-fit: contain;
  object-position: center;
}

.swiper-container.is-product-gallery .swiper-wrapper.is-product-gallery .swiper-slide-active {
  border-radius: 40px;
  overflow: hidden;
}

.swiper-container.is-product-gallery .swiper_button {
  display: none;
}

/* Main gallery container */
.swiper.is-product-gallery {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

/* Ensure Swiper slides are square containers */
.swiper-slide.is-product-gallery {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.product-header_gallery-lightbox {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* Thumbnail gallery - directly below main image */
.swiper.is-product-thumbnail {
  width: 100%;
  height: auto;
  margin-top: 1rem;
}

.swiper-wrapper.is-product-thumbnail {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.swiper-slide.is-product-thumbnail {
  width: 5rem;
  height: 5rem;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_thumbnail-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
}

/* Responsive adjustments for mobile */
@media (max-width: 991px) {
  .swiper-container.is-product-gallery {
    gap: 0.5rem;
  }
  
  .swiper.is-product-thumbnail {
    margin-top: 0.5rem;
  }
  
  .swiper-slide.is-product-thumbnail {
    width: 4rem;
    height: 4rem;
    margin-right: 8px;
    margin-bottom: 8px;
  }
}

@media (max-width: 479px) {
  .swiper-slide.is-product-thumbnail {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 6px;
    margin-bottom: 6px;
  }
}

/* Mobile Dots Navigation */
.mobile-dots-navigation {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 1rem;
  padding: 0 1rem;
}

.mobile-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background-color: #d1d5db;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.mobile-dot.active {
  background-color: #374151;
  transform: scale(1.2);
}

.mobile-dot:hover {
  background-color: #6b7280;
}

/* Hide thumbnails on mobile, show dots */
@media (max-width: 768px) {
  .swiper.is-product-thumbnail {
    display: none;
  }
  
  .mobile-dots-navigation {
    display: flex;
  }
}

.product-header_slider-wrapper {
  margin-top: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Collection Products */
.section_collection-products .product_list-item {
  padding: 40px 0;
}
.product-item_text-link  {
  height: 170px;
}

/* Navbar */
.navbar3_component {
  padding: 24px 0;
}

.navbar3_component,
#shopify-section-navbar {
  position: sticky;
  top: 0;
  z-index: 2000; /* keep above content and dropdowns */
  background: #fff; /* ensure solid background when sticking */
  transition: box-shadow 0.2s ease;
  padding-bottom: 10px;
  padding-top: 15px;
}
.is-sticky#shopify-section-navbar,
#shopify-section-navbar.is-sticky {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}
.navbar3_menu-button {
  z-index: 1000;
}
.navbar3_menu {
  padding-top: 0px;
  margin-top: 0;
}
.navbar3_menu .div-block-4 {
  padding-top: 0px;
}
.hidden-mobile .navbar3_link {
  padding: .5rem 0;
}
.hidden-desktop .navbar3_menu-button {
  margin-left: 24px;
}

/* Ensure the mobile logo is exactly centered horizontally */
@media (max-width: 991px) {
  .navbar3_container {
    position: relative;
  }
  
  .navbar3_component {
    position: relative;
  }

  .navbar3_logo-link {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1; /* Below menu/cart icons which already have higher z-index */
  }

  .nav_shop-icons,
  .hidden-desktop .navbar3_menu-button {
    position: relative;
    z-index: 2; /* Keep interactive icons above the centered logo */
  }
}

/* Misc */
.filter_tablet-filters-button {
  display: none;
}

/* Payment Types Row - Shopify Collide */
.payment-types-row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
}
.payment-types-icons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.payment-type-icon {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.payment-type-icon svg,
.payment-type-icon img {
  max-height: 32px;
  width: auto;
  height: auto;
  max-width: 48px;
  display: block;
}
@media (max-width: 600px) {
  .payment-type-icon svg,
  .payment-type-icon img {
    max-height: 24px;
    max-width: 36px;
  }
}

/* Desktop only */
@media (max-width: 768px) {



}

/* --- Minicart Summary Redesign --- */
.minicart-summary-form {
  width: 100%;
}

.minicart-summary-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 8px;
  margin-bottom: 1.25rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.minicart-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
}

.minicart-summary-total {
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 0.5rem;
  border-top: 1px solid #ececec;
  padding-top: 0.5rem;
}

.minicart-summary-taxinfo {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #666;
  display: block;
}

.minicart-note-and-checkout {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.minicart-note textarea,
.cart-note__input {
  width: 100%;
  min-height: 60px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  padding: 0.75rem;
  font-size: 1rem;
  margin-bottom: 0;
  resize: vertical;
  background: #fff;
}

.minicart-checkout-btn {
  width: 100%;
  padding: 0.9rem 0;
  font-size: 1.1rem;
  border-radius: 8px;
  background: #ffa97a;
  color: #fff;
  border: none;
  font-weight: 700;
  transition: background 0.2s;
  margin-top: 0;
}

.minicart-checkout-btn:hover,
.minicart-checkout-btn:focus {
  background: #ff8c42;
  color: #fff;
  outline: none;
}

.mini-cart_line-item_item:last-child {
  border-bottom: none;
}

/* Product Tags */
.product-tag {
  color: var(--text-color--text-primary) !important;
}

/* Blog Filter Styles */
.blog-filter_wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.blog-filter_container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
}

/* Override button-2 styles for filter buttons */
.blog-filter_container .button-2.is-secondary.w-button {
  margin: 0;
  white-space: nowrap;
}

.blog-filter_container .button-2.is-secondary.w-button.is-active {
  background-color: var(--opacity--neutral-darkest-15);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .blog-filter_container {
    gap: 0.5rem;
    padding: 0 1rem;
  }
}

/* Price Colors */
.price__sale .price-item,
.product-item_price .text-style-strikethrough {
  color: var(--text-color--text-primary) !important;
  opacity: 0.6;
  font-size: 0.85rem;
  font-weight: normal;
}

/* Strikethrough price styling for better visual balance */
.price__sale .price-item--regular,
.price__container s.price-item--regular {
  font-size: 0.8rem !important;
  opacity: 0.7 !important;
  margin-left: 8px !important;
  text-decoration: line-through !important;
}

/* Button compare price styling */
.product-item_button-improved .price__compare .price-item--compare {
  font-size: 0.8rem !important;
  opacity: 0.7 !important;
  margin-left: 5px !important;
  text-decoration: line-through !important;
  color: inherit !important;
}

/* Ensure proper alignment of price elements */
.price__container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

/* Make sure the main price stands out */
.price__regular .price-item--regular {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
}

/* Specific styling for product_item2 component */
.product-item_component-2 .price__container {
  justify-content: flex-start !important;
  gap: 8px !important;
}

/* Reduce spacing between add to cart button and price text in product_item2 */
.price-per-unit-wrapper {
  margin-top: -0.5rem !important;
}

.product-item_component-2 .price__sale .price-item--regular,
.product-item_component-2 .price__container s.price-item--regular {
  font-size: 0.75rem !important;
  opacity: 0.65 !important;
  margin-left: 6px !important;
}

.product-item_component-2 .price__regular .price-item--regular {
  font-size: 1.05rem !important;
}

/* Hover effects for product_item2 component - Button only */

/* Button improvements for product_item2 */
.product-item_component-2 .button {
  margin: 0 auto !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.product-item_component-2 .button:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.product-item_component-2 .button:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.product-item_component-2 .button:focus {
  outline: 2px solid #FFB891 !important;
  outline-offset: 2px !important;
}

.product-item_component-2 .button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* White price text for product_item2 buttons */
.product-item_component-2 .price__regular .price-item,
.product-item_component-2 .price__sale .price-item {
  color: #ffffff !important;
}

.product-item_component-2 .price__container s.price-item--regular {
  color: rgba(255, 255, 255, 0.7) !important;
}

.product-card-content .price__regular .price-item {
  color: #ffffff !important;
}

/* White price text for product_item buttons */
.product-item_component .price__regular .price-item,
.product-item_component .price__sale .price-item {
  color: #ffffff !important;
}

.product-item_component .price__container s.price-item--regular {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Mini Cart - Ultra Compact Design */
.mini-cart_component {
  width: 26rem !important; /* Restore original width */
}

.mini-cart_header {
  padding: 0.75rem 1rem !important; /* Further reduce padding */
  border-bottom: 1px solid var(--base-color-neutral--neutral-lightest);
}

.mini-cart_footer {
  padding: 0.75rem 1rem !important; /* Further reduce padding */
}

.mini-cart_line-item {
  padding: 0.5rem 1rem !important; /* Further reduce padding */
  max-height: 65vh !important; /* Further reduce max height */
}

.mini-cart_line-item_item {
  padding: 0.5rem 0 !important; /* Further reduce padding */
  grid-column-gap: 0.5rem !important; /* Further reduce gap */
  grid-row-gap: 0.25rem !important; /* Further reduce gap */
  border-bottom: 1px solid #f0f0f0 !important; /* Lighter border */
}

.mini-cart_line-item_img-wrapper {
  position: relative;
  flex-shrink: 0;
}

.mini-cart_line-item_img {
  width: 3.5rem !important; /* Further reduce from 4rem */
  height: 3.5rem !important; /* Further reduce from 4rem */
  object-fit: cover !important; /* Better image fit */
}

.mini-cart_line-item_product-info {
  grid-row-gap: 0.125rem !important; /* Minimal gap */
  flex: 1;
  min-width: 0; /* Allow text to wrap properly */
}

.mini-cart_line-item_product-info p {
  width: 100%;
  margin-bottom: 0 !important; /* Remove margin */
  position: static;
  transform: none !important;
  font-size: 0.8rem !important; /* Smaller text */
  line-height: 1.2 !important; /* Tighter line height */
}

.mini-cart_line-item_product-info .text-size-regular {
  font-size: 0.85rem !important; /* Smaller product title */
  line-height: 1.2 !important;
  margin-bottom: 0.125rem !important; /* Minimal margin */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important; /* Limit to 2 lines */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mini-cart_line-item_price {
  margin-bottom: 0.125rem !important; /* Minimal margin */
}

.mini-cart_line-item_price .text-size-small {
  font-size: 0.8rem !important; /* Smaller price text */
  font-weight: 600 !important; /* Slightly bolder */
}

/* Variant title styling */
.mini-cart_line-item_product-info .text-size-small.text-color-grey {
  font-size: 0.75rem !important; /* Smaller variant text */
  margin-bottom: 0.125rem !important;
  color: #666 !important;
}

/* V-stack gap reduction */
.mini-cart_line-item_product-info .v-stack.gap-0\.5 {
  gap: 0.125rem !important; /* Override gap-0.5 class */
}

.mini-cart_line-item_quantity {
  margin: 0.25rem 0 !important; /* Minimal margin */
  display: flex !important;
  align-items: center !important;
  gap: 0 !important; /* Remove gap between elements */
  border: 0.5px solid #ccc !important; /* Thinner outer border */
  border-radius: 4px !important; /* Slightly rounded corners */
  overflow: hidden !important; /* Hide inner borders */
}

.mini-cart_line-item_quantity-adjust {
  width: 1.5rem !important; /* Further reduce from 1.75rem */
  height: 1.5rem !important; /* Further reduce from 1.75rem */
  font-size: 0.8rem !important; /* Smaller text */
  border: none !important; /* Remove individual borders */
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  color: #333 !important;
  border-right: 0.5px solid #ddd !important; /* Thin divider between buttons and input */
}

.mini-cart_line-item_quantity input {
  width: 2rem !important; /* Further reduce input width */
  height: 1.5rem !important; /* Match button height */
  font-size: 0.8rem !important;
  text-align: center;
  border: none !important; /* Remove individual border */
  margin: 0 !important; /* Remove margin */
  background: #fff !important;
  border-right: 0.5px solid #ddd !important; /* Thin divider between input and right button */
}

/* Remove border from the last element (right button) */
.mini-cart_line-item_quantity-adjust:last-child {
  border-right: none !important;
}

.mini-cart_line-item_product-info .text-size-tiny {
  font-size: 0.7rem !important; /* Smaller remove link */
  margin-top: 0.125rem !important;
  text-decoration: underline !important;
}

/* Remove link styling */
.mini-cart_line-item_product-info .text-size-tiny a {
  color: #666 !important;
  text-decoration: underline !important;
}

/* Badge styling for discounts */
.mini-cart_line-item_product-info .badge {
  font-size: 0.7rem !important;
  padding: 0.125rem 0.25rem !important;
  margin: 0.125rem 0 !important;
  background: #f0f0f0 !important;
  border-radius: 3px !important;
}

/* List styling for properties */
.mini-cart_line-item_product-info .list-disc {
  margin: 0.125rem 0 !important;
  padding-left: 1rem !important;
}

.mini-cart_line-item_product-info .list-disc li {
  font-size: 0.7rem !important;
  margin-bottom: 0.0625rem !important;
}

/* Free shipping progress component - more compact */
.mini-cart_footer_progress-component {
  padding: 0.75rem 1rem !important; /* Reduce padding from 1.2rem 1.5rem */
  margin-bottom: 0.75rem !important;
}

.mini-cart_footer_progress-component .heading-style-h4-4 {
  font-size: 0.95rem !important; /* Smaller heading */
  margin-bottom: 0.5rem !important;
}

.mini-cart_footer_progress-bar {
  margin-top: 0.5rem !important; /* Reduce margin from 1rem */
  margin-bottom: 0.5rem !important; /* Reduce margin from 0.7rem */
  height: 6px !important; /* Reduce height from 7px */
}

.mini-cart_footer_progress-component .text-size-small-4 {
  font-size: 0.85rem !important; /* Smaller text */
  line-height: 1.3 !important;
}

/* Summary section - more compact */
.minicart-summary-block {
  gap: 0.25rem !important; /* Reduce gap from 0.5rem */
  margin-bottom: 1rem !important; /* Reduce margin from 1.25rem */
}

.minicart-summary-row {
  font-size: 0.9rem !important; /* Smaller text */
  padding: 0.25rem 0 !important; /* Add small padding */
}

.minicart-summary-total {
  font-size: 1rem !important; /* Reduce from 1.1rem */
  margin-top: 0.25rem !important; /* Reduce margin from 0.5rem */
  padding-top: 0.25rem !important; /* Reduce padding from 0.5rem */
}

.minicart-summary-taxinfo {
  font-size: 0.8rem !important; /* Smaller text */
  margin-top: 0.25rem !important; /* Reduce margin from 0.5rem */
}

.minicart-checkout-btn {
  padding: 0.75rem 0 !important; /* Reduce padding from 0.9rem */
  font-size: 1rem !important; /* Reduce from 1.1rem */
}

/* Payment types - more compact */
.payment-types-row {
  margin: 1rem 0 !important; /* Reduce margin from 1.5rem */
}

.payment-type-icon svg,
.payment-type-icon img {
  max-height: 28px !important; /* Reduce from 32px */
  max-width: 42px !important; /* Reduce from 48px */
}

@media (max-width: 600px) {
  .payment-type-icon svg,
  .payment-type-icon img {
    max-height: 20px !important; /* Reduce from 24px */
    max-width: 30px !important; /* Reduce from 36px */
  }
}

/* Mobile adjustments for mini cart - Ultra Compact */
@media (max-width: 991px) {
  .mini-cart_component {
    width: 100vw !important;
    max-width: 100vw !important;
  }
  
  .mini-cart_header {
    padding: 0.5rem 0.75rem !important;
  }
  
  .mini-cart_footer {
    padding: 0.5rem 0.75rem !important;
  }
  
  .mini-cart_line-item {
    padding: 0.25rem 0.75rem !important;
    max-height: 60vh !important;
  }
  
  .mini-cart_line-item_item {
    padding: 0.375rem 0 !important;
    grid-column-gap: 0.375rem !important;
    grid-row-gap: 0.125rem !important;
  }
  
  .mini-cart_line-item_img {
    width: 3rem !important;
    height: 3rem !important;
  }
  
  .mini-cart_line-item_product-info .text-size-regular {
    font-size: 0.8rem !important;
    -webkit-line-clamp: 1 !important; /* Single line on mobile */
  }
  
  .mini-cart_line-item_quantity {
    border: 0.5px solid #ccc !important; /* Thinner outer border for mobile */
    border-radius: 3px !important; /* Slightly smaller radius for mobile */
  }
  
  .mini-cart_line-item_quantity-adjust {
    width: 1.25rem !important;
    height: 1.25rem !important;
    font-size: 0.75rem !important;
    border: none !important; /* Remove individual borders */
    border-right: 0.5px solid #ddd !important; /* Thin divider */
  }
  
  .mini-cart_line-item_quantity input {
    width: 1.75rem !important;
    height: 1.25rem !important;
    font-size: 0.75rem !important;
    border: none !important; /* Remove individual border */
    border-right: 0.5px solid #ddd !important; /* Thin divider */
  }
  
  .mini-cart_line-item_quantity-adjust:last-child {
    border-right: none !important; /* Remove border from last element */
  }
  
  .mini-cart_line-item_product-info .text-size-tiny {
    font-size: 0.65rem !important;
  }
}

/* Mobile Adjustments */
@media (max-width: 991px) {

  /* Base styles for square product images - ALWAYS APPLY */
  .product-item_image-link-2 {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    height: 0 !important;
    padding-bottom: 100% !important;
  }

  .product-item_image-wrapper.product-item-2 {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    height: 0 !important;
    padding-bottom: 100% !important;
  }

  .product-item_image2 {
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }

  .product-features-cans_card-large-image {
    object-fit: contain;
  }

  /* Collection Mobile */
  .product-item_component-2 {    
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0.5rem !important;
  }
  
  .product_list-item:last-child {
    margin-bottom: 0 !important;
  }
  
  /* Fix mobile image width for product_item2 - Make images square */
  .product-item_image-wrapper.product-item-2 {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
  }
  
  .product-item_image2 {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }
  
  .product-item_image-link-2 {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
  }
  
  .content-right {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    gap: 0.25rem !important;
  }
  
  .product-item_left {
    margin-bottom: 0.25rem !important;
  }
  
  .heading-style-h3 {
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.2 !important;
  }
  
  .margin-bottom.margin-small {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  
  .product-item_form-wrapper {
    margin-bottom: 0.5rem !important;
  }
  
  .section_collection-products .product_list-item {
    padding: 0;
  }
}

/* Additional mobile styles for smaller screens */
@media (max-width: 767px) {
  .product-item_component-2 {
    gap: 1rem !important;
  }
  
  .product-item_image-link-2 {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }
  
  .product-item_image-wrapper.product-item-2 {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }
  
  .heading-style-h3 {
    font-size: 1.1rem !important;
  }
}

  .cta-left-img_card {
    display: flex;
  }

  .product-item_text-link {
    height: auto !important;
  }
}

/* All collections */
.collections-info_card-big-content,
.collections-info_card-large-content {
  display: flex;
}

.product-card-content .omgLimit-quantity-limit {
  display: none;
}

.product-item_text-link .heading-style-h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.product-item_text-link .text-size-small {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.product-card-content .loox-rating {
  height: 27px;
}

.product-header_product-details {
  max-width: 90vw;
}

img.navbar3_logo {
  object-fit: contain;
}

.rich-text-wrapper-full {
  max-width: 90vw;
}

.banner2_text-divider {
  margin: 0 15px;
}

/* Medium breakpoint responsive utilities */
@media (min-width: 1200px) {
  .md\:block {
    display: block;
  }
  
  .md\:hidden {
    display: none;
  }
}

.text-color-white p {
  font-family: var(--body);
  color: var(--text-color--text-alternate);
}

[data-rbrselector="sellingPlan"]::before {
  content: "2. Schritt: Wähle deine Einkaufsform";
  color: rgb(25, 25, 25);
  font-size: 18px;
  font-family: inherit;
  font-weight: 500;
}

[data-rbrselector="titleFillerLine"] {
  display: none !important;
}

[data-essential-upsell-element="header"] {
  padding-left: 0px !important;
}

.rbr-page-container {
  margin-bottom: -20px;
}

.loox-rating .loox-icon {
  color: #FF9900;
}

#add-to-cart-button .price__regular .product-price {
  color: #ffffff;
}

#add-to-cart-button .price__regular .appstle_subscription_save {
  display: none;
}

#add-to-cart-button .price__regular .appstle_subscription_final_price + .price-item--regular {
  display: none;
}

.quantity__container {
  display: none;
}

[for="appstle_selling_plan_label_10"] {
  margin-left: 15px !important;
}

.appstle_one_time_unit_price,
.appstle_selling_plan_unit_price {
  display: none;
}

.appstle_subscription_wrapper_option .appstle_subscription_amount {
  font-weight: bold;
}

.appstle_subscription_wrapper_option .appstle_subscription_compare_amount {
  font-size: .75rem;
  color: #999;
  text-decoration: line-through;
  margin-bottom: 0;
}

/* Custom Subscription Widget Styles */
.collide-subscription-widget {
  margin: 1.5rem 0;
}

.collide-subscription-title h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #333;
}

.collide-subscription-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.collide-subscription-option {
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  background: transparent;
  min-height: 60px;
  display: block;
  text-align: left;
}

.collide-subscription-option > * {
  width: 100%;
}

.collide-subscription-option.collide-selected {
  border-color: #FF9A62;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(255,154,98,0.15);
}

.collide-subscription-option:not(.collide-selected) {
  background: transparent;
}

.collide-subscription-option:hover {
  border-color: #ccc;
}

.collide-option-content {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.4rem;
  position: relative;
  min-height: 50px;
}

.collide-option-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.collide-radio-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  box-sizing: border-box;
  gap: 0.5rem;
}

.collide-radio-label * {
  position: relative;
  z-index: 2;
}

.collide-radio-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.collide-radio-circle {
  width: 18px;
  height: 18px;
  border: 2px solid #cfcfcf;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: none;
  transition: all 0.2s ease;
}

.collide-radio-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF9A62;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.collide-selected .collide-radio-circle {
  border-color: #FF9A62;
}

.collide-selected .collide-radio-dot {
  opacity: 1;
}

.collide-option-text {
  font-weight: 700;
  color: #333;
  font-size: 1.1rem;
  margin-bottom: 0.125rem;
}

.collide-save-badge {
  background: #000;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.5rem;
}

.collide-option-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.0625rem;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.collide-price {
  font-weight: 700;
  font-size: 1rem;
  color: #333;
  margin-bottom: 0;
}

.collide-compare-price {
  font-size: 0.75rem;
  color: #999;
  text-decoration: line-through;
  margin-bottom: 0;
  opacity: 0.75;
  min-height: 1rem;
  line-height: 1rem;
}

.collide-unit-price {
  font-size: 0.8rem;
  color: #666;
  display: none;
}

.collide-discount-text {
  font-size: 0.8rem;
  color: #666;
  font-style: italic;
  margin-top: 0.5rem;
  display: none;
}

.collide-frequency-section {
  margin: -0.5rem 0.5rem 0.5rem 0.5rem;
  padding: 0.5rem;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  width: 85%;
}

.collide-frequency-grid {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.collide-frequency-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0;
}

.collide-custom-select {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  border: none;
  border-width: 0px;
  position: relative;
  display: block;
}

.collide-select {
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #ffffff;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
  width: 100%;
  font-size: 0.9rem;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.collide-custom-select::after {
  content: '▼';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
  font-size: 0.8rem;
  z-index: 2;
}

.collide-select:hover {
  background: #f8f9fa;
  border-color: #ccc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.collide-select:focus {
  outline: 2px solid #FF9A62;
  outline-offset: 2px;
  border-color: #FF9A62;
  box-shadow: 0 0 0 3px rgba(255, 154, 98, 0.15);
}

.collide-radio-label:focus {
  outline: none;
  box-shadow: none;
}

.kl-teaser-TuRvXm {
  z-index: 1900 !important;
}