/* VBO style 1: anonymous */

        /* ==================================================
           VIVILIV — INFO + ПЕРЧИК У МАЛИХ КАРТКАХ
           ================================================== */

        .woocommerce ul.products li.product,
        .woocommerce-page ul.products li.product {
          position: relative !important;
        }


        /* Компактна група зліва від ціни */

        .woocommerce ul.products li.product
        .viviliv-small-card-tools,
        .woocommerce-page ul.products li.product
        .viviliv-small-card-tools {
          position: absolute !important;
          z-index: 60 !important;

          left: 11px !important;
          bottom: 13px !important;

          display: inline-flex !important;
          align-items: center !important;
          justify-content: flex-start !important;
          gap: 2px !important;

          width: auto !important;
          height: 23px !important;

          margin: 0 !important;
          padding: 0 !important;

          background: transparent !important;
          border: 0 !important;
          box-shadow: none !important;

          line-height: 1 !important;
        }


        /* Золота кнопка i */

        .viviliv-small-card-info-button {
          appearance: none !important;
          -webkit-appearance: none !important;

          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;

          width: 16px !important;
          height: 22px !important;
          min-width: 16px !important;

          margin: 0 !important;
          padding: 0 !important;

          background: transparent !important;
          color: #f3d77a !important;

          border: 0 !important;
          border-radius: 0 !important;
          box-shadow: none !important;
          outline: none !important;

          cursor: pointer !important;
          line-height: 0 !important;

          transition:
            color .16s ease,
            transform .16s ease !important;
        }


        .viviliv-small-card-info-button svg {
          display: block !important;

          width: 11px !important;
          height: 18px !important;

          margin: 0 !important;

          overflow: visible !important;
          pointer-events: none !important;
        }


        .viviliv-small-card-info-button:hover,
        .viviliv-small-card-info-button:focus-visible {
          background: transparent !important;
          color: #ffffff !important;

          border: 0 !important;
          box-shadow: none !important;
          outline: none !important;

          transform: scale(1.12) !important;
        }


        /* Яскравий перчик */

        .viviliv-small-card-spicy-icon {
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;

          width: 25px !important;
          height: 23px !important;
          min-width: 25px !important;

          margin: 0 !important;
          padding: 0 !important;

          background: transparent !important;
          border: 0 !important;
          border-radius: 0 !important;
          box-shadow: none !important;

          line-height: 0 !important;
          pointer-events: none !important;
        }


        .viviliv-small-card-spicy-icon svg {
          display: block !important;

          width: 25px !important;
          height: 25px !important;

          margin: 0 !important;

          overflow: visible !important;

          filter:
            saturate(1.35)
            drop-shadow(
              0 1px 2px rgba(0, 0, 0, .75)
            ) !important;

          pointer-events: none !important;
        }


        .viviliv-pepper-stem {
          fill: #80ad45 !important;
        }


        .viviliv-pepper-main {
          fill: #ff4b3e !important;
        }


        .viviliv-pepper-shadow {
          fill: #ad1921 !important;
        }


        .viviliv-pepper-highlight {
          fill: #f3d77a !important;
        }


        /* Ціна залишається справа */

        .woocommerce ul.products li.product
        .price,
        .woocommerce-page ul.products li.product
        .price {
          display: block !important;

          width: 100% !important;
          box-sizing: border-box !important;

          text-align: right !important;
        }


        .woocommerce ul.products
        li.product.has-viviliv-card-info
        .price,
        .woocommerce-page ul.products
        li.product.has-viviliv-card-info
        .price {
          padding-left: 25px !important;
        }


        .woocommerce ul.products
        li.product.has-viviliv-card-spicy
        .price,
        .woocommerce-page ul.products
        li.product.has-viviliv-card-spicy
        .price {
          padding-left: 49px !important;
        }


        /* Mobile */

        @media (max-width: 767px) {

          .woocommerce ul.products li.product
          .viviliv-small-card-tools,
          .woocommerce-page ul.products li.product
          .viviliv-small-card-tools {
            left: 8px !important;
            bottom: 10px !important;

            gap: 1px !important;
          }


          .viviliv-small-card-info-button {
            width: 14px !important;
            min-width: 14px !important;
          }


          .viviliv-small-card-info-button svg {
            width: 10px !important;
            height: 16px !important;
          }


          .viviliv-small-card-spicy-icon,
          .viviliv-small-card-spicy-icon svg {
            width: 22px !important;
            height: 22px !important;
            min-width: 22px !important;
          }


          .woocommerce ul.products
          li.product.has-viviliv-card-info
          .price,
          .woocommerce-page ul.products
          li.product.has-viviliv-card-info
          .price {
            padding-left: 21px !important;
          }


          .woocommerce ul.products
          li.product.has-viviliv-card-spicy
          .price,
          .woocommerce-page ul.products
          li.product.has-viviliv-card-spicy
          .price {
            padding-left: 42px !important;
          }
        }
			/* ==================================================
   VIVILIV — ТОНКА ОБВОДКА + ПІДКАЗКА PIKANTNE
   ================================================== */


/* Компактна тонка рамка довкола значків */

.viviliv-small-card-info-button,
.viviliv-small-card-spicy-icon {
  box-sizing: border-box !important;

  background: rgba(6, 21, 13, .42) !important;
  border: 1px solid rgba(243, 215, 122, .68) !important;
  border-radius: 6px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}


/* Кнопка інформації */

.viviliv-small-card-info-button {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
}

.viviliv-small-card-info-button svg {
  width: 10px !important;
  height: 16px !important;
}


/* Перчик */

.viviliv-small-card-spicy-icon {
  position: relative !important;

  width: 26px !important;
  height: 22px !important;
  min-width: 26px !important;

  pointer-events: auto !important;
  cursor: help !important;
}

.viviliv-small-card-spicy-icon svg {
  width: 22px !important;
  height: 22px !important;
}


/* Підказка при наведенні */

.viviliv-small-card-spicy-icon::after {
  content: "PIKANTNE";

  position: absolute !important;
  z-index: 999 !important;

  left: 50% !important;
  bottom: calc(100% + 7px) !important;

  padding: 6px 9px !important;

  background: #06150d !important;
  color: #f3d77a !important;

  border: 1px solid #d8b24a !important;
  border-radius: 6px !important;

  box-shadow:
    0 7px 18px rgba(0, 0, 0, .38) !important;

  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .8px !important;

  white-space: nowrap !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform:
    translateX(-50%)
    translateY(3px) !important;

  transition:
    opacity .15s ease,
    visibility .15s ease,
    transform .15s ease !important;

  pointer-events: none !important;
}


/* Маленький трикутник під підказкою */

.viviliv-small-card-spicy-icon::before {
  content: "";

  position: absolute !important;
  z-index: 1000 !important;

  left: 50% !important;
  bottom: calc(100% + 2px) !important;

  width: 7px !important;
  height: 7px !important;

  background: #06150d !important;

  border-right: 1px solid #d8b24a !important;
  border-bottom: 1px solid #d8b24a !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform:
    translateX(-50%)
    rotate(45deg) !important;

  transition:
    opacity .15s ease,
    visibility .15s ease !important;

  pointer-events: none !important;
}


.viviliv-small-card-spicy-icon:hover::after,
.viviliv-small-card-spicy-icon:hover::before {
  opacity: 1 !important;
  visibility: visible !important;
}

.viviliv-small-card-spicy-icon:hover::after {
  transform:
    translateX(-50%)
    translateY(0) !important;
}


/* Трохи повітря між двома значками */

.viviliv-small-card-tools {
  gap: 4px !important;
}