/** Shopify CDN: Minification failed

Line 17:22 Unexpected "{"
Line 17:33 Expected ":"
Line 17:37 Unexpected "{"

**/
/*
    Code to add to theme.liquid in the header
    Import file as follows:
    {% comment %} CODE EDIT START - IMPORT VWC stylesheet {% endcomment %}
    {{ 'vwc-style.css' | asset_url | stylesheet_tag}}
    {% comment %} CODE EDIT END - IMPORT VWC stylesheet {% endcomment %}
*/

/* CODE EDIT START FOR ANNOUNCEMENT BAR */
.ai-announcement-bar-{{ ai_gen_id }} {
  display: block;
  width: 100%;
}
/* CODE EDIT END FOR ANNOUNCEMENT BAR */

/* CODE EDIT START FOR WISHLIST BAR */
.product-grid-item .wishlist-engine{
    position: absolute;
    z-index: 3;
    top: 5px;
    right: 5px;
    scale:0.9;
}
.product-grid-item .wishlist-icon svg{
  margin-top: 0px !important;
}
.product-grid-item .wishlist-engine-button, .product-grid-item .wishlist-engine-button:hover,.product-grid-item .wishlist-engine-button:focus{
  border-radius: 50%;
  box-shadow: 1px 1px 12px #0000001a;
  line-height: 0;
}
.h-wishlist-icon svg{
  overflow: unset !important;
  stroke-width: 1.5;
}
.wishlist-total-count[data-total="0"] {
    display: none !important;
}
.h-wishlist-icon svg{
  overflow: unset !important;
  stroke-width: 1.5;
}
.wishlist-total-count[data-total="0"] {
    display: none !important;
}

.h-wishlist-icon .wishlist-h-count{
padding-left: 0px !important;
    display: inline-block!important;
    position: absolute!important;
    width: 17px!important;
    height: 17px!important;
    border-radius: 50%!important;
    font-size: 10px!important;
    color: #fff!important;
    background: #000!important;
    text-align: center!important;
    right: 0px!important;
    top: -7px!important;
    line-height: 16px!important;
}
.h-wishlist-icon{
    vertical-align: middle !important;
    position: relative !important;
    stroke-width: 1.5px !important;
}
.h-wishlist-icon svg{
    width: 20px !important;
    height: 20px !important;
}

/* CODE EDIT END FOR WISHLIST BAR */

/* CODE EDIT START FOR FONT SIZES */
/*
.header__menu-item.list-menu__item.link {
  font-size: 1.5rem;
}
  */
/* CODE EDIT END FOR FONT SIZES */

/* CODE EDIT START FOR SMALLER PRODUCT TITLE FONT SIZE, STRONGER PRICE AND SMALLER PRODUCT DESCRIPTION FONT SIZE */
/* THIS WAS FOR DAWN THEME
:root{
  --product-basic-item-title-font-font-style: normal;
  --product-basic-item-title-font-font-weight: 400;
  --product-basic-item-title-font-text-transform: none;
  --product-basic-item-title-font-letter-spacing: .01em;
  --product-basic-item-title-font-line-height: 1.2em;
  --product-basic-item-title-font-font-size: 1.6rem;
  --product-basic-item-title-font-font-size-value: 1.6;

  --product-basic-item-price-font-font-style: var(--heading-font-font-style);
  --product-basic-item-price-font-font-weight: var(--heading-font-font-weight);
  --product-basic-item-price-font-text-transform: var(--heading-font-text-transform);
  --product-basic-item-price-font-letter-spacing: var(--heading-font-letter-spacing);
  --product-basic-item-price-font-line-height: var(--heading-font-line-height);
  --product-basic-item-price-font-font-size: 1.4rem;
  --product-basic-item-price-font-font-size-value: 1.4;

  --product-basic-item-description-font-font-style: var(--body-font-font-style);
  --product-basic-item-description-font-font-weight: var(--body-font-font-weight);
  --product-basic-item-description-font-text-transform: var(--body-font-text-transform);
  --product-basic-item-description-font-letter-spacing: var(--body-font-letter-spacing);
  --product-basic-item-description-font-line-height: var(--body-font-line-height);
  --product-basic-item-description-font-font-size: var(--normal-text-size);
  --product-basic-item-description-font-font-size-value: var(--normal-text-size-value);
  
  --tweak-product-basic-item-title-color: hsla(var(--black-hsl), 1);
  --tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
  --tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);

  --black-hsl: 0, 0%, 0%;

  --body-font-font-weight: 400;
  --body-font-text-transform: none;
  --body-font-letter-spacing: 0em;
  --body-font-line-height: 1.6em;

  --normal-text-size: 1.1rem;
  --normal-text-size-value: 1.2;

  --heading-font-font-style: normal;
  --heading-font-font-weight: 700;
  --heading-font-text-transform: uppercase;
  --heading-font-letter-spacing: .01em;
  --heading-font-line-height: 1.2em;
}
.product__title h1 { 
  font-size: calc((var(--product-basic-item-title-font-font-size-value) - 1) * 1.2vw + 1rem);
  font-style: var(--product-basic-item-title-font-font-style);
  font-weight: var(--product-basic-item-title-font-font-weight);
  line-height: var(--product-basic-item-title-font-line-height);
  letter-spacing: var(--product-basic-item-title-font-letter-spacing);
  text-transform: var(--product-basic-item-title-font-text-transform);
}
.product .price--large {
  font-size: calc((var(--product-basic-item-price-font-font-size-value) - 1) * 1.2vw + 1rem);
  font-style: var(--product-basic-item-price-font-font-style);
  font-weight: var(--product-basic-item-price-font-font-weight);
  line-height: var(--product-basic-item-price-font-line-height);
  letter-spacing: var(--product-basic-item-price-font-letter-spacing);
  text-transform: var(--product-basic-item-price-font-text-transform);
  color: var(--tweak-product-basic-item-price-color);
  margin-bottom: 5px;
}
.product__description {
  font-size: calc((var(--product-basic-item-description-font-font-size-value) - 1) * 1.2vw + 1rem);
  font-style: var(--product-basic-item-description-font-font-style);
  font-weight: var(--product-basic-item-description-font-font-weight);
  line-height: var(--product-basic-item-description-font-line-height);
  letter-spacing: var(--product-basic-item-description-font-letter-spacing);
  text-transform: var(--product-basic-item-description-font-text-transform);
  color: var(--tweak-product-basic-item-description-color);
  margin-bottom: 5px;
}
.product__text.inline-richtext>a {
  font-size: calc((var(--product-basic-item-description-font-font-size-value) - 1) * 1.2vw + 1rem);
  font-style: var(--product-basic-item-description-font-font-style);
  font-weight: var(--product-basic-item-description-font-font-weight);
  line-height: var(--product-basic-item-description-font-line-height);
  letter-spacing: var(--product-basic-item-description-font-letter-spacing);
  text-transform: var(--product-basic-item-description-font-text-transform);
  color: var(--tweak-product-basic-item-description-color);
  margin-bottom: 0;
}
.product__text.inline-richtext.caption-with-letter-spacing>a {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1rem;
  letter-spacing: .13rem;
  line-height: calc(1 + .2 / var(--font-body-scale));
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.75);
  margin-bottom: 0;
}
  */
/* CODE EDIT START FOR SMALLER PRODUCT TITLE FONT SIZE, STRONGER PRICE AND SMALLER PRODUCT DESCRIPTION FONT SIZE */

/* CODE EDIT START FOR STYLING IMAGE CAROUSSEL POSITION WITH SHOPIFY IN-PAGE PERSONALIZATION */
/* Fix Gelato layout ONLY on product pages in Theme */

#gelato-preview-id {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

#gelato-preview-id .PreviewView--fkVAs {
  display: block !important;
  margin: 0 auto;
}
/* CODE EDIT END FOR STYLING IMAGE CAROUSSEL POSITION WITH SHOPIFY IN-PAGE PERSONALIZATION */

/* CODE EDIT START FOR STYLING BUY BUTTONS WITH SHOPIFY IN_PERSONALIZER */
.g-selector-variants .g-selector-button {
  border-radius: var(--variant-pills-radius);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  text-align: center;
  padding-top: 0.3rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  font-size: 14px;
  height: 32px;
  letter-spacing: 0.1rem;
}

/* CODE EDIT START FOR ANIMATED UNDERLINE */
/*
.footer__copyright > small > a span {
  text-decoration: unset !important;
  position: relative;
}
.footer__copyright > small > a span::after {
  content: "";
  height: 2px;
  width: 0;
  background-color: currentColor;
  position: absolute;
  bottom: -8px;
  left: 0;
  transition: width 0.5s ease-in-out; /* Use ease-in-out for a smoother transition /
}
.footer__copyright > small > a:hover span::after {
  width: 100%;
  transition: width 0.5s ease-in-out;
}
*/
/* CODE EDIT END FOR ANIMATED UNDERLINE */
