/** Shopify CDN: Minification failed

Line 104:0 Unexpected "{"
Line 104:1 Expected identifier but found "%"
Line 106:0 Unexpected "{"
Line 106:1 Expected identifier but found "%"
Line 124:0 Unexpected "{"
Line 124:1 Expected identifier but found "%"
Line 142:0 Unexpected "{"
Line 142:1 Expected identifier but found "%"
Line 158:0 Unexpected "{"
Line 158:1 Expected identifier but found "%"
... and 4 more hidden warnings

**/
.wishlist_button{

background: none;

border: none;

display: flex;

align-items: center;

}

.wishlist_button svg{

border-radius: 50%;

margin: 10px 0;

display: flex;

align-items: center;

justify-content: center;

cursor: pointer;

border: 1px solid #000;

padding: 5px;

}

.heart-filled path{

fill: red;

}

.button-floating{

position: fixed;

transform: translateY(-50%);

z-index: 1;

padding: 8px;

display: inline-flex;

align-items: center;

text-decoration: none;

color: #000;

background-color: #efefef;

border-radius: 6px 0 0 6px;

transition: all .5s ease;

}

.button-floating:hover{

background-color: #000;

}

.button-floating:hover svg, .button-floating:hover .wishlist_text{

fill: #fff;

color: #fff;

}

.wishlist_text{

margin-left: 7px !important;;

margin: 0px;

text-decoration: none;

}

{% assign button_position = settings.floating_button-position | default: "middle-right" %}

{% if button_position == "middle-left" %}

.button-floating{

top: 50%;

transform: translateY(-50%);

left: 0px;

width: fit-content;

border-radius: 0 6px 6px 0;

z-index: 11;

}

{% elsif button_position == "middle-right" %}

.button-floating{

top: 50%;

transform: translateY(-50%);

right: 0px;

width: fit-content;

border-radius: 6px 0 0 6px;

z-index: 11;

}

{% elsif button_position == "bottom-left" %}

.button-floating{

bottom: 30px;

left: 0px;

width: fit-content;

border-radius: 0 6px 6px 0;

z-index: 11;

}

{% elsif button_position == "bottom-center" %}

.button-floating{

bottom: 30px;

left: 50%;

transform: translateX(-50%);

width: fit-content;

border-radius: 6px 6px 6px 6px;

z-index: 11;

}

{% elsif button_position == "bottom-right" %}

.button-floating{

bottom: 30px;

right: 0px;

width: fit-content;

border-radius: 6px 0 0 6px;

z-index: 11;

}

{% endif %}


.product-card__info :is(.price-list,.rating-badge) sale-price.h6.text-subdued {
    font-size: 20px;
    font-weight: 600;
}
.footer .footer__block-list .footer__block--newsletter form button.button {
    margin-bottom: 0;
}


/* --------------------------
   Custom Currency Switcher
   -------------------------- */
:root{
  --cs-bg:#ffffff;
  --cs-border:#BFBFBF;
  --cs-text:#111;
  --cs-accent:#4f0030;
  --cs-shadow:0 12px 30px rgba(0,0,0,0.12);
  --cs-radius-pill:24px;
  --cs-radius-panel:10px;
  --cs-z:99999;
  --cs-gap:12px;
  --cs-flag-size:30px;
}

#currency-switcher,
.currency-switcher {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  z-index: var(--cs-z);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform-origin: top right;
  transition: opacity .12s ease, transform .12s ease, visibility .12s linear;
}

.currency-ready #currency-switcher,
.currency-ready .currency-switcher,
.currency-fallback #currency-switcher,
.currency-fallback .currency-switcher {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

#currency-current,
.currency-switcher .currency-current {
    display: inline-flex;
    align-items: center;
    padding: 0px 8px;
    border-radius: var(--cs-radius-pill);
    border: 1px solid var(--cs-border);
    background: var(--cs-bg);
    cursor: pointer;
    color: var(--cs-text);
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    gap: 8px;
}

#currency-current .cs-flag-img,
.currency-switcher .currency-current .cs-flag-img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    display: inline-block;
    border-radius: 50px;
}
#currency-current .cs-code,
.currency-switcher .currency-current .cs-code { font-weight:700; display:inline-block;margin-left: 0; }
#currency-current .cs-chevron-img,
.currency-switcher .currency-current .cs-chevron-img { width:18px; height:18px; display:inline-block; transition: transform .18s ease; }

#currency-dropdown,
.currency-switcher .currency-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: -155px;
  background: var(--cs-bg);
  padding: 10px;
  border-radius: var(--cs-radius-panel);
  box-shadow: var(--cs-shadow);
  display: none;
  flex-direction: column;
  gap: 6px;
  z-index: var(--cs-z);
  width: max-content;
}

#currency-switcher.open #currency-dropdown,
.currency-switcher.open .currency-dropdown {
  display:flex;
}
#currency-switcher.open #currency-current .cs-chevron-img,
.currency-switcher.open .currency-current .cs-chevron-img { transform: rotate(180deg); }

.currency-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.currency-item { display:flex; align-items:center; gap:12px; padding:12px; width:100%; border-radius:8px; background:transparent; border:none; cursor:pointer; text-align:left; font-size:15px; color:var(--cs-text); }
.currency-item:hover { background:#f4f4f6; transform: translateY(-1px); }
.currency-item:focus { outline:none; box-shadow: 0 0 0 4px rgba(79,0,48,0.09); }

.item-flag-img { width: var(--cs-flag-size); height: var(--cs-flag-size); border-radius:50%; object-fit:cover; flex:0 0 auto; }
.currency-label .code { font-weight: 500; color: #101010; }
.currency-label .name { color: #8C8C8C; font-weight: 500; font-size: 14px; }

@media (max-width:699px) {
  #currency-dropdown,
  .currency-switcher .currency-dropdown { min-width:220px; right:12px; left:0px; padding:12px; }
  .currency-grid { display:block; gap:8px; }
  .currency-tile { width:100%; display:block; }
  :root { --cs-flag-size:30px; }
}

.currency-loading .money { visibility:hidden !important; opacity:0; }
.currency-ready .money { visibility:visible; opacity:1; transition:opacity .12s ease; }
.currency-fallback .money { visibility:visible; opacity:1; }

#currency-current:focus,
.currency-switcher .currency-current:focus { outline: none; }

.currency-item { position: relative; padding-left: 18px; }
.currency-item::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: transparent;
  opacity: 0;
  transition: opacity .12s ease, transform .12s ease;
}
.currency-item.selected::before { background: #B50168; opacity: 1; transform: translateY(-50%) scale(1); }

@media (max-width: 767px) {
  .currency-switcher-desktop { display: none !important; }
  .currency-item.selected {
    background: #f4f4f6;
}
}

@media (max-width: 899px) {
  .currency-switcher.open .currency-dropdown { display:flex !important; }
}

@media (max-height: 852px) {
       .currency-grid {
        max-height: 40vh !important;
        overflow-y: auto !important;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
}

.money, 
[data-price-cents], 
.price, 
.product-price {
    opacity: 0;
    transition: opacity 0.2s ease-in; 
}
html.currency-ready .money, 
html.currency-ready [data-price-cents],
html.currency-ready .price, 
html.currency-ready .product-price {
    opacity: 1;
}
html.currency-fallback .money,
html.currency-fallback [data-price-cents] {
    opacity: 1 !important;
}
/* --------------------------
   Custom Currency Switcher End
   -------------------------- */