.wish-i button {
    border: none;
    background: none;
    cursor: pointer;
}

.wish-i .unbookmark-button svg {
    fill: #f60;
}

.button.unbookmark-button svg {
    fill: #f60; /* Change this to your desired fill color */
}

.banner {
    position: relative;
    width: 100%;
	 height: max(162px, 50%);

}
.banner img{
   width: 100%;
	/* height: min(200px, 100%); */
	height: clamp(240px, 5vw, 400px);

}

.banner, .banner-text-block {
    align-items: center;
    display: flex;
    justify-content: center;
}

.banner-text-block {
    /* background-color: hsla(51, 24%, 85%, .7); */
    background-color: rgba(var(--light-color--rgb), .6);
    color: #1b2433;
    color: var(--theme-color);
    /* height: 60%; */
    padding: clamp(10px, 2vw, 20px);
    position: absolute;
    /* width: clamp(300px, 80%, 800px); */
	 max-width: min(80%, 800px);
	 /* height: max(150px, 60%); */
}

.banner-text-block__content {
    font-family: Montserrat, sans-serif;
    font-family: var(--font-family);
    /* font-size: calc(.6em + .78125vw - 2.5px); */
	 font-size: clamp(14px, 2vw, 18px);
    font-weight: 200;
    font-weight: var(--extra-light);
    line-height: 1.3em;
    text-align: center;
}

.banner-text-block__content h4 {
    font-family: Playfair;
    font-family: var(--font-title);
    /* font-size: calc(7.5px + 1.40625vw); */
	 font-size: clamp(24px, 2.25vw, 36px);
    font-weight: 200;
    font-weight: var(--extra-light);
    padding-bottom: 0;
}
.master-name a {
     text-decoration: underline;
     color: inherit;
}
.master-link {
    text-decoration: underline;
    color: inherit;
}
.product-detail h3 {
	padding-top: 20px;
}
.sex {
	width: 100px;
}

.button:hover, .button:focus {
	 border: none;
    background-color: green;
  
}


.lang-switcher {
    .lang-link {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
    }
}

.banner-top .rubrick-filter {
    bottom: 2%;
    color: #e9d5af;
    color: var(--bg-light);
    font-family: Playfair;
    font-family: var(--font-title);
    font-size: calc(7.5px + 3.28125vw);
    font-weight: 100;
    margin: 0;
    position: absolute;
    left: 4%;
    bottom: calc(1.3vw);
}

#filter-price-category {
    appearance: none; /* Remove default select styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: rgba(27, 36, 51, 0.1); /* Subtle dark theme overlay using --theme-color--rgb */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e1dece' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a.997.997 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E"); /* Custom arrow using --light-color */
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75rem;
    border: 1px solid var(--light-color); /* Border from --light-color */
    border-radius: 4px; /* Soft rounding */
    color: var(--text-light); /* Goldish text from --text-light */
    font-family: var(--font-family); /* Montserrat from main.css */
    font-weight: var(--regular); /* 400 */
	font-size: calc(10px + 1vw);
    letter-spacing: 0.01em; /* From navigation */
    padding: 0.5em 2em 0.5em 1em; /* Padding to accommodate arrow */
    text-transform: uppercase; /* From navigation */
    transition: all 0.2s ease-out; /* From navigation */
    cursor: pointer;
    min-width: 200px; /* Prevent shrinking */
	height: unset;
}

#filter-price-category:hover,
#filter-price-category:focus {
    background-color: rgba(27, 36, 51, 0.15); /* Slightly darker on hover, using --theme-color--rgb */
    border-color: var(--text-light); /* Highlight border */
    outline: none;
}

#filter-price-category option {
    background-color: var(--theme-color); /* Dark options */
    color: var(--nav-color); /* White text */
}

/* If needed, position it relative to "Violins" title, assuming it's in a flex container */
.section__title {
    color: var(--text-light); /* Goldish for "Violins" */
    margin-left: auto; /* Push to right if in same row */
    font-family: var(--font-title); /* Playfair for titles */
    font-size: 1.5em; /* From .section__title */
}

#filter-price-category option:disabled {
	color: gray;
}

.banner-top .rubrick-name {
    bottom: 2%;
    color: #e9d5af;
    color: var(--bg-light);
    font-family: Playfair;
    font-family: var(--font-title);
    font-size: calc(7.5px + 3.28125vw);
    font-weight: 100;
    margin: 0;
    position: absolute;
    right: 5%;
}

.cookie_notice {
  display: none;
  position: fixed;
  z-index: 9999999;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  font-family: Playfair, serif;
  color: #333;
  background:rgba(225, 222, 206, 0.7);
  padding: 10px 20px;
  border-top: 4px solid #beb78e;
}
.cookie_btn {
  display: inline-block;
  margin: 10px 6px 4px 6px;
  text-decoration: none;
  position: relative;
  font-size: 13px;
  font-family: Montserrat,sans-serif;
  padding: 8px 12px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background: #ff8f39;
  border: 1px solid #beb78e;
}
.cookie_btn:hover {
  color: #fff;
}
.cookie_btn:after,
.cookie_btn:before {
  position: absolute;
  height: 2px;
  left: 50%;
  background: #fff;
  bottom: -6px;
  content: "";
  -webkit-transition: all 280ms ease-in-out;
  transition: all 280ms ease-in-out;
  width: 0;
}
.cookie_btn:before {
  top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
  width: 100%;
  left: 0;
}