/** Shopify CDN: Minification failed

Line 64:0 Unexpected "}"

**/
/* --------- Header ----------------- */

@media screen and (min-width: 990px) {
   .header {
    grid-template-columns: 220px 1fr auto auto !important;
    align-items: center;
  }

  .header-wrapper {
        background: linear-gradient(180deg, #d7e8e6, #8bbdcc);
        border-bottom: none !important;
    }
}
  .header__inline-menu .list-menu {
    display: flex;
    justify-content: center;
  }


  /* Прибираємо стандартне підкреслення Shopify */
.header__menu-item .header__active-menu-item {
  position: relative;
  text-decoration: none;
}
.header__menu-item:hover .header__active-menu-item {
    text-decoration: none;
}
/* Створюємо власну лінію */
.header__menu-item .header__active-menu-item::after {
  content: "";
  position: absolute;

  left: 0;
  bottom: -4px;

  width: 0;
  height: 1px;

  background-color: currentColor;

  transition: width 0.3s ease;
}

/* При наведенні на <a> лінія плавно з'являється у <span> */
.header__menu-item:hover .header__active-menu-item::after {
  width: 100%;
}


  /* Ховаємо localization */
  .header__icons .header__localization {
    display: none !important;
  }

  /* Залишаємо Cart */
  .header__icons .header__icon--cart {
    display: flex !important;
  }
}



/* -------- Contact Bar --------------- */

.contact-bar {
  width: 100%;
  background: #c8dee9ff;
}

.contact-bar__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4px 30px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.5vw;
}

.contact-bar__item {
  display: flex;
  align-items: center;
  gap: 12px;

  color: #263f45;
  text-decoration: none;
}

.contact-bar__icon {
  font-size: 21px;
  line-height: 1;
}

.contact-bar__content {
  display: flex;
  flex-direction: column;
}

.contact-bar__label {
  font-size: 13px;
  opacity: 0.7;
}

.contact-bar__text {
  font-size: 14px;
  font-weight: 500;
}

.contact-bar__icon--location {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-bar__icon--location svg {
  width: 18px;
  height: 18px;
  display: block;
}

/* ---------------- Hero ------------------- */
.banner__box {
    padding: 20px 0;
    background: #2864759f;
    box-shadow: 0 0 6px 1px #c9dbdc;
}

/* --------------- Custom style for Paragraph ---------- */
#MainContent[data-template="index"] p {
  font-size: 15px;
  line-height: 1.44;
}

#MainContent[data-template="index"] .banner__text p {
  font-size: 20px;
}

/* --------------- Custom style for Title h2 ---------- */
#MainContent[data-template="index"] h2 {
  font-size: 27px;
}

#MainContent[data-template="index"] h2.banner__heading {
  font-size: 44px;
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .product-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 40px;
  column-gap: 35px;
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .product-grid > .grid__item {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .grid__item > product-component {
  height: 100%;
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .card__heading {
  font-size: calc(var(--font-heading-scale) * 1.2rem + 3px);
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .card__media img {
  object-fit: contain;
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .card > .card__content {
  background: #cacdcd;
  padding: 0 10px;
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .quick-add {
  display: flex;
  justify-content: center;
}

#MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .quick-add__submit {
  width: auto;
  min-width: 120px;
  max-width: 100%;
  min-height: 44px;
  padding: 8px 24px;
}

@media screen and (min-width: 600px) {
  #MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (min-width: 750px) {

  #MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .card__heading {
    font-size: calc(var(--font-heading-scale) * 1.3rem + 3px);
  }
}

@media screen and (min-width: 990px) {
  #MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1200px) {
  #MainContent[data-template="index"] .collection[data-id$="__featured_collection"] .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

#cart-icon-bubble .cart-count-bubble {
  background-color: #121212;
  color: #ffffff;
  font-weight: 600;
}

.header__search .search-modal {
  --color-background: var(--vba-search-results-background);
  --color-foreground: var(--vba-search-text);
  --color-link: var(--vba-search-text);
  --gradient-background: rgb(var(--vba-search-input-background));
  color: rgb(var(--color-foreground));
}

.header__search .search__input {
  background-color: rgb(var(--vba-search-input-background));
}

#MainContent[data-template="index"] :is(
  #products-stock .collection__title h2,
  .vba-certificates__heading,
  .vba-section-title,
  .vba-about__heading,
  .vba-commercial__heading
) {
  margin: 0 0 28px;
  color: rgb(var(--color-foreground));
  font-family: var(--font-heading-family);
  font-size: 32px;
  font-weight: var(--font-heading-weight);
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}

vba-load-more {
  display: block;
}

.vba-load-more__controls {
  margin: 32px auto 0;
  padding-inline: 24px;
}

.vba-load-more__button[aria-disabled="true"] {
  pointer-events: none;
  opacity: 0.65;
}

.vba-load-more__status {
  margin: 12px 0 0;
}

.vba-load-more__status:empty {
  display: none;
}