/** Shopify CDN: Minification failed

Line 28:7 Comments in CSS use "/* ... */" instead of "//"
Line 205:0 Unexpected "}"
Line 323:0 Expected "}" to go with "{"

**/
#dynamic-logo {
  display: flex;
  justify-content: center; /* Centers the logo horizontally */
  width: 100%;            /* Ensures the container spans the available width */
}


#dynamic-logo img {
  max-width: 20%; /* Ensures the logo doesn't exceed its container width */
  height: auto;    /* Maintains the aspect ratio */
  display: block;  /* Prevents inline elements' spacing issues */
  margin: 0 auto;  /* Centers the logo inside the flex container */
}

#dynamic-logo.scrolled img {
  opacity: 0.8;
  content: url('/cdn/shop/files/Logo_negru_150x.png?v=1735324700');
}


footer //* Footer for mobile */
.footer-mobile {
  background-color: #fff;
  display: block; /* Default to block on small screens */
}


.collapsible {
  margin-bottom: 8px; /* Reduced vertical margin */
}

.collapsible-div {
  width: 100%;
}

.collapsible-headers {
  background-color: #ffffff;
  color: #333;
  cursor: pointer;
  padding: 12px; /* Reduced padding */
  text-align: left;
  outline: none;
  border: none;
  width: 100%;
  font-size: 15px; /* Smaller font size */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.collapsible-ul {
  padding: 8px 12px 12px 12px; /* Reduced padding */
}

.collapsible-ul > li,
.collapsible-ul > ul > li {
  padding: 5px 0; /* Reduced vertical padding */
}

.collapsible-header::after {
  content: "\002B"; /* Unicode character for "plus" sign (+) */
  font-size: 15px; /* Slightly smaller icon */
  color: #777;
}

.collapsible-header.active::after {
  content: "\2212"; /* Unicode character for "minus" sign (−) */
}

.footer-section-content {
  display: none;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background-color: white;
}

.footer-section.active .footer-section-content {
  display: block;
}

.footer-toggle {
  cursor: pointer;
  background: none;
  border: none;
  font-size: inherit;
  color: inherit;
  padding: 10px 14px; /* Reduced padding */
  background-color: white;
  border: 1px solid #ddd;
  width: 100%;
  text-align: left;
}

.collapsible-ul {
  display: none;
}

.footer-toggle svg {
  transition: transform 0.3s ease;
}

.footer-section.active .footer-toggle svg {
  transform: rotate(180deg);
}

/* Desktop Footer */
.footer-desktop {
  display: none; /* Hide desktop footer by default */
  border-top: 2px solid #e5e7eb;
}

/* Media query for larger screens (tablet and desktop) */
@media only screen and (min-width: 769px) {
  .footer-desktop {
    display: block; /* Show desktop footer on larger screens */
  }

  .footer-mobile {
    display: none; /* Hide mobile footer on larger screens */
  }

  .collapsible, .collapsible-div, .collapsible-headers, .collapsible-ul {
    display: none; /* Disable collapsible functionality on desktop */
  }

  .footer-section-content {
    display: block !important; /* Ensure normal footer display on desktop */
  }
}

/* Add space between buttons */
.space-x-4 > * + * {
  margin-left: 16px; /* Adjust the value as needed for spacing */
}

/* Remove the arrow from buttons and links */
.theme-button::after,
.theme-link::after {
  content: none !important;
}

#filters-drop-down {
  display: visible;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1001;
  padding: 20px;
  overflow-y: auto;
}

.card__information * {
    text-align: center;
}

.sticky.top-0.flex.items-center {
  display: flex;
  justify-content: center; /* Center the logo */
  align-items: center; /* Vertically align the items */
  position: relative; /* Needed for the absolute positioning of the button */
}

button.block.h-full {
  position: absolute;
  left: 1rem; /* This places the button on the left */
}

.my-6 {
    padding-top: 20px; /* Increase the padding to move the section lower */
  
  .max-w-lg {
  max-width:50rem
}
}
.theme-button mx-auto mt-8{
  padding-left:7rem

}
.mt-8 {
  margin-top: 2rem; /* Adjust as needed */
}

li[data-address] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}

li[data-address] h2 {
  margin-bottom: 1rem;
  text-align: center;
}

}

button {
  margin: 0 1rem;
}

div.button-container {
  display: flex;  /* Make the buttons appear in a row */
  justify-content: center;  /* Center them horizontally */
  gap: 1rem;  /* Add space between the buttons */
}

/* Target buttons inside video overlay */
.mt-4.text-1.flex.justify-center.space-x-4 .theme-button {
  background-color: white; /* Default background */
  border: 1px solid black; /* Black border */
  color: black; /* Text color */
  border-radius: 4px; /* Softly rounded corners */
  padding-left: 1rem;
  padding-right: 1rem;
  transition: none; /* Remove hover animations */
  min-width: 140px; /* Minimum width to ensure equal button size */
  text-align: center; /* Center the text inside the button */
  display: inline-block;
}

/* Remove hover effect for buttons in video overlay */
.mt-4.text-1.flex.justify-center.space-x-4 .theme-button:hover {
  background-color: white; /* Keep white background */
  border-color: black; /* Keep black border */
  color: black; /* Keep text black */
}
/* Target buttons inside image overlay */
.mt-8.text-0.flex.flex-row.space-x-4.justify-center.lg\:justify-start.items-center.lg\:items-start .theme-button {
  background-color: white; /* Default background */
  border: 1px solid black; /* Black border */
  color: black; /* Text color */
  border-radius: 4px; /* Softly rounded corners */
  transition: none; /* Remove hover animations */
  min-width: 140px; /* Minimum width to ensure equal button size */
  text-align: center; /* Center the text inside the button */
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-block;
}

/* Remove hover effect for buttons in image overlay */
.mt-8.text-0.flex.flex-row.space-x-4.justify-center.lg\:justify-start.items-center.lg\:items-start .theme-button:hover {
  background-color: white; /* Keep white background */
  border-color: black; /* Keep black border */
  color: black; /* Keep text black */
}

@media (max-width: 767px) {
 /* Set the default font size to what you want (less than 16px) */
.my-6.px-section-horizontal-spacing input,
.w-full.whitespace-normal input {
  font-size: 14px; /* Your normal font size */
}

/* Increase font size when input is focused */
.my-6.px-section-horizontal-spacing input:focus,
.w-full.whitespace-normal input:focus {
  font-size: 16px; /* Temporarily increase the font size to 16px */
}

/* Styling specifically for mobile search bar inside the drawer */
.search-bar-container-menu.w-full.whitespace-normal {
  z-index: 0; /* Keep it above other elements */
  width: 100%; /* Full width */
  padding: 0.2rem 13px; /* Add padding for spacing */
  background-color: var(--scheme-background, #ffffff); /* Background color */
  color: var(--scheme-text, #000); /* Text color */
  top: 0; /* Ensure it stays at the top */
  left: 0; /* Align it to the left */
  transition: transform 0.3s ease-in-out; /* Smooth transition for visibility */
}

/* Ensure proper behavior only on mobile */
@media (max-width: 767px) {
  .search-bar-container-menu.w-full.whitespace-normal {
    top: 0; /* Make sure it stays at the top on small screens */
    bottom: auto; /* Remove any previous bottom positioning */
  }
}


html, body {
  overflow-x: hidden; /* Prevent page from moving horizontally */
  max-width: 100vw; /* Restrict content to viewport width */
  box-sizing: border-box; /* Ensure padding and borders are included in element width */
}

* {
  box-sizing: inherit;
}

img, video {
  max-width: 100%;
  height: auto; /* Ensure images and videos are responsive */
}

.flex-container {
  overflow-x: hidden; /* Ensure no horizontal scrolling in flex containers */
  max-width: 100%; /* Prevent flex items from growing too large */
}

.some-fixed-element {
  max-width: 100vw; /* Constrain fixed-position elements */
}

.font-heading.text-heading-feature.break-word {
        font-size: 1.5rem;
      }
.main-content {
  padding-top: 300px; /* Match or exceed the height of the search bar */
}

