/** Shopify CDN: Minification failed

Line 422:10 Unexpected "{"
Line 422:19 Expected ":"

**/
/* Elorila — Responsive Polish
   Covers all homepage sections, product page, collection page.
   Breakpoints: 480 (phone), 749 (large phone), 1024 (tablet) */

/* ============================================
   GLOBAL: Section spacing reduction on mobile
   ============================================ */
@media (max-width: 749px) {
  .ev-feat, .ev-why, .ev-rev { padding: 48px 16px; }
  .ev-ps { padding: 48px 16px; }
  .ehb { padding: 48px 0; }
  .elorila-benefits { padding: 48px 16px; }
  .elorila-collection-section { padding: 40px 16px; }
  .elorila-ing { padding: 40px 0; }
}

/* ============================================
   HERO — mobile refinements
   ============================================ */
@media (max-width: 749px) {
  .ev-hero { min-height: 70vh; }
  .ev-hero__inner { padding: 60px 16px 72px; }
  .ev-hero__title { font-size: clamp(1.8rem, 7vw, 2.6rem); margin-bottom: 16px; }
  .ev-hero__desc { font-size: 15px; margin-bottom: 24px; }
  .ev-hero__metrics { gap: 20px; margin-bottom: 28px; }
  .ev-hero__metric-val { font-size: 22px; }
  .ev-hero__metric-lbl { font-size: 10px; }
  .ev-hero__ctas { flex-direction: column; align-items: center; gap: 10px; }
  .ev-hero__cta { padding: 14px 28px; font-size: 12px; width: 100%; max-width: 320px; text-align: center; box-sizing: border-box; }
  .ev-hero__trust { gap: 12px; }
  .ev-hero__trust-item { font-size: 11px; }
}
@media (max-width: 374px) {
  .ev-hero { min-height: auto; }
  .ev-hero__inner { padding: 48px 14px 56px; }
  .ev-hero__metrics { flex-direction: column; gap: 12px; text-align: center; }
}

/* ============================================
   TRUST BADGES — better mobile spacing
   ============================================ */
@media (max-width: 768px) {
  .ev-badges__item { padding: 16px 20px; gap: 12px; justify-content: flex-start; }
  .ev-badges__txt { font-size: 11px; letter-spacing: 1px; }
}

/* ============================================
   FEATURE CARDS — tablet 2-col, mobile single wider
   ============================================ */
@media (max-width: 1024px) and (min-width: 769px) {
  .ev-feat__grid { grid-template-columns: repeat(2, 1fr); max-width: 700px; margin: 0 auto; }
  .ev-feat__grid .ev-feat__card:last-child { grid-column: 1 / -1; max-width: 340px; margin: 0 auto; }
}
@media (max-width: 768px) {
  .ev-feat__grid { grid-template-columns: 1fr; max-width: 440px; margin: 0 auto; }
  .ev-feat__img { height: 200px; }
  .ev-feat__title { font-size: clamp(1.3rem, 4vw, 1.6rem); margin-bottom: 32px; }
}

/* ============================================
   PROBLEM-SOLUTION — mobile text sizing
   ============================================ */
@media (max-width: 600px) {
  .ev-ps__col { padding: 24px 20px; }
  .ev-ps__row { font-size: 13px; gap: 8px; }
  .ev-ps__col-head { font-size: 12px; margin-bottom: 14px; }
  .ev-ps__title { font-size: clamp(1.2rem, 5vw, 1.6rem); margin-bottom: 28px; }
}

/* ============================================
   LIFESTYLE — mobile better crop + text
   ============================================ */
@media (max-width: 749px) {
  .ev-life { height: 380px; }
  .ev-life__text { font-size: clamp(1.3rem, 5vw, 1.6rem); }
  .ev-life__sub { font-size: 13px; }
}
@media (max-width: 374px) {
  .ev-life { height: 320px; }
  .ev-life__content { padding: 20px 16px; }
}

/* ============================================
   WHY CHOOSE — tablet refinements
   ============================================ */
@media (max-width: 749px) {
  .ev-why { padding: 48px 16px; }
  .ev-why__item { padding: 20px 16px; }
  .ev-why__item h3 { font-size: 14px; }
  .ev-why__item p { font-size: 12px; }
}

/* ============================================
   REVIEWS (homepage simple cards) — tablet 2-col
   ============================================ */
@media (max-width: 1024px) and (min-width: 769px) {
  .ev-rev__grid { grid-template-columns: repeat(2, 1fr); max-width: 700px; margin: 0 auto; }
  .ev-rev__grid .ev-rev__card:last-child { grid-column: 1 / -1; max-width: 340px; margin: 0 auto; }
}
@media (max-width: 768px) {
  .ev-rev__grid { grid-template-columns: 1fr; gap: 14px; max-width: 440px; margin: 0 auto; }
  .ev-rev__card { padding: 22px 20px; }
  .ev-rev__quote { font-size: 13px; }
}

/* ============================================
   HERO BENEFITS — fix 5-card asymmetry + mobile
   ============================================ */
@media (max-width: 749px) {
  .ehb__inner { gap: 24px; text-align: center; }
  .ehb__bottle { max-width: 180px; }
  .ehb__heading { font-size: 22px; text-align: center; }
  .ehb__label { text-align: center; }
  .ehb__cards { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .ehb__rating { justify-content: center; }
  .ehb__cta { width: 100%; max-width: 320px; text-align: center; display: block; margin: 0 auto; box-sizing: border-box; padding: 16px 20px; }
}
@media (max-width: 480px) {
  .ehb__cards { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================
   TRUST FOOTER — mobile better layout
   ============================================ */
@media (max-width: 768px) {
  .elorila-tf { padding: 36px 0; }
  .elorila-tf-inner { padding: 0 20px; gap: 24px; }
  .elorila-tf-item h4 { font-size: 13px; }
  .elorila-tf-item p { font-size: 12px; }
  .elorila-tf-item .icon svg { width: 36px; height: 36px; }
}

/* ============================================
   PRODUCT PAGE — mobile typography
   ============================================ */
@media (max-width: 749px) {
  .product__title h1,
  h1.product__title {
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }
  .price__regular .price-item,
  .price__sale .price-item,
  .product__info-wrapper .price-item,
  .price .price-item {
    font-size: 22px !important;
  }
  .product__text.caption-with-letter-spacing {
    font-size: 14px !important;
  }
  .product__description,
  .product__description p,
  .product__description li {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .vip-buy-wrap .vip-btn {
    font-size: 15px !important;
    padding: 16px 18px !important;
  }
  .vip-buy-wrap .vip-notice {
    font-size: 13px !important;
    padding: 14px !important;
  }
  fieldset.product-form__input label,
  .product-form__input input[type=radio] + label {
    font-size: 14px !important;
    padding: 10px 16px !important;
  }
  .quantity__input {
    height: 48px !important;
  }
}

/* ============================================
   COLLECTION PAGE — mobile card sizing
   ============================================ */
@media (max-width: 749px) {
  .elorila-collection-section .collection .grid {
    gap: 16px !important;
  }
  .elorila-vip-hero {
    padding: 40px 16px;
  }
  .elorila-vip-hero__title {
    font-size: clamp(28px, 7vw, 44px);
  }
  .elorila-vip-hero__subtitle {
    font-size: 14px;
  }
  .elorila-vip-hero__cta {
    padding: 14px 32px;
    font-size: 15px;
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
  }
  .elorila-vip-hero__perks {
    gap: 20px;
  }
}

/* ============================================
   SCROLLING REVIEWS (product page) — mobile card sizing
   ============================================ */
@media (max-width: 480px) {
  .elorila-reviews__card {
    min-width: 260px;
    max-width: 260px;
    padding: 18px;
  }
  .elorila-reviews__avatar {
    width: 44px;
    height: 44px;
  }
  .elorila-reviews__title {
    font-size: 15px;
  }
  .elorila-reviews__text {
    font-size: 12.5px;
  }
  .elorila-reviews__button {
    padding: 14px 32px;
    font-size: 12px;
  }
}

/* ============================================
   FEATURED REVIEW — small phone
   ============================================ */
@media (max-width: 480px) {
  .elorila-fr { padding: 40px 0; }
  .elorila-fr__photo { max-height: 200px; }
  .elorila-fr__right { padding: 20px 16px; }
  .elorila-fr__quote { font-size: 15px; }
  .elorila-fr__stars { font-size: 16px; margin-bottom: 12px; }
}

/* ============================================
   INGREDIENTS — tablet 2-col
   ============================================ */
@media (max-width: 1024px) and (min-width: 750px) {
  .elorila-ing__grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 680px;
  }
  .elorila-ing__grid .elorila-ing__card:last-child {
    grid-column: 1 / -1;
    max-width: 320px;
    margin: 0 auto;
  }
}

/* ============================================
   MEMBERSHIP BENEFITS — tablet 2-col
   ============================================ */
@media (max-width: 749px) {
  .elorila-benefits__grid {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
    gap: 16px;
  }
  .elorila-benefits__card {
    padding: 28px 20px;
  }
  .elorila-benefits__icon { font-size: 28px; }
  .elorila-benefits__card h3 { font-size: 18px; }
}

/* ============================================
   MEMBERSHIP HOW-IT-WORKS — mobile
   ============================================ */
@media (max-width: 749px) {
  .elorila-how-it-works { padding: 48px 16px; }
  .elorila-how-it-works__title { font-size: clamp(24px, 6vw, 32px); }
  .elorila-step__number { font-size: 36px; }
  .elorila-step__title { font-size: 17px; }
}

/* ============================================
   MEMBERSHIP FAQ — mobile
   ============================================ */
@media (max-width: 749px) {
  .elorila-faq { padding: 48px 16px; }
  .elorila-faq__title { font-size: clamp(22px, 6vw, 32px); }
  .elorila-faq__question { font-size: 14px; padding: 16px 0; }
}

/* ============================================
   MEMBERSHIP CTA BANNER — mobile
   ============================================ */
@media (max-width: 749px) {
  .elorila-cta-banner { padding: 40px 16px; }
  .elorila-cta-banner__title { font-size: clamp(20px, 5vw, 28px); }
  .elorila-vip-hero__cta,
  .elorila-cta-banner .elorila-vip-hero__cta {
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
  }
}

/* ============================================
   HEADER — mobile logo sizing
   ============================================ */
@media (max-width: 749px) {
  .header__heading-logo-wrapper img.header__heading-logo,
  .header__heading-logo {
    max-height: 70px !important;
  }
}

/* ============================================
   FOOTER — mobile text sizing
   ============================================ */
@media (max-width: 749px) {
  .footer-block__heading {
    font-size: 16px !important;
  }
  .footer-block__details-content .list-menu__item,
  .footer-block__details-content a,
  .footer-block__details-content p,
  .footer-block__details-content li {
    font-size: 14px !important;
  }
}

/* ============================================
   CART DRAWER — mobile sizing
   ============================================ */
@media (max-width: 749px) {
  .cart-drawer { max-width: 100vw; }
}

/* ============================================
   SECTION HEADINGS — mobile
   ============================================ */
@media (max-width: 749px) {
  .featured-collection .title,
  .collection-list .title,
  .related-products h2,
  .related-products .title,
  .section-header__title,
  h2.title,
  h2.title--primary {
    font-size: 20px !important;
  }
}

/* ============================================
   GLOBAL — smooth scroll, tap targets, polish
   ============================================ */
html { scroll-behavior: smooth; }

@media (max-width: 749px) {
  /* Tap targets — only standalone interactive elements, not inline links */
  button, [role="button"], input, select, textarea,
  .ev-hero__cta, .ehb__cta, .elorila-reviews__button,
  .elorila-vip-hero__cta, .elorila-faq__question,
  .product-form__submit, .button {
    min-height: 44px;
  }
  /* Prevent iOS zoom on input focus */
  input[type="text"], input[type="email"], input[type="tel"],
  input[type="number"], input[type="search"], textarea, select {
    font-size: 16px !important;
  }
}

/* ============================================
   POLISH — smooth transitions, subtle refinements
   ============================================ */
.ev-feat__card,
.ev-rev__card,
.ev-why__item,
.elorila-benefits__card,
.elorila-reviews__card,
.elorila-ing__card,
.elorila-fr__card,
.epm__bundle,
.card-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Consistent gold focus outlines for accessibility */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #D4A843;
  outline-offset: 2px;
}

/* Prevent horizontal overflow globally */
body {
  overflow-x: hidden;
}

/* Image safety — no images break layout */
img {
  max-width: 100%;
  height: auto;
}

/* ============================================
   SECTION GAPS — remove white/light gaps between dark sections
   ============================================ */
.elorila-collection-section,
.elorila-vip-hero + .shopify-section,
.shopify-section + .elorila-collection-section {
  margin-top: 0 !important;
}
.section-{{ section.id }}-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
.elorila-collection-section .gradient {
  background: transparent !important;
}
.elorila-collection-section .color-background-1,
.elorila-collection-section .color-scheme-1,
.elorila-collection-section [class*="color-"] {
  background: transparent !important;
  color: inherit !important;
}

/* ============================================
   MOBILE NAV — drawer menu premium styling
   ============================================ */
@media (max-width: 989px) {
  .menu-drawer {
    background: var(--evia-dark, #121214) !important;
  }
  .menu-drawer__menu-item,
  .menu-drawer__menu-item span {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff !important;
    border-color: rgba(255,255,255,0.06) !important;
    transition: color 0.3s ease;
  }
  .menu-drawer__menu-item:hover,
  .menu-drawer__menu-item:hover span {
    color: var(--evia-gold, #D4A843) !important;
  }
  .menu-drawer__close-button {
    color: #fff !important;
  }
}

/* ============================================
   COLLECTION — section padding consistency
   ============================================ */
.elorila-collection-section + .shopify-section,
.shopify-section--footer {
  margin-top: 0 !important;
}

/* ============================================
   COLLECTION — remove white/gray gap between sections
   ============================================ */
.elorila-collection-section,
.elorila-collection-section > div,
.elorila-collection-section > div > div,
.elorila-collection-section .gradient,
.elorila-collection-section [class*="color-background"],
.elorila-collection-section [class*="color-scheme"] {
  background: var(--evia-black, #0A0A0C) !important;
  color: inherit !important;
}
.shopify-section + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ============================================
   HEADER — ensure logo and nav are visible
   ============================================ */
.header__heading-link,
.header__heading-link img {
  filter: brightness(1.1);
}
.header__inline-menu .list-menu__item {
  color: rgba(255,255,255,0.85) !important;
}
.header__inline-menu .list-menu__item:hover {
  color: var(--evia-gold, #D4A843) !important;
}

/* ============================================
   FOOTER — constrain logo size
   ============================================ */
.footer .footer-block--menu .footer-block__heading-logo,
.footer .footer__heading-logo-wrapper img,
.footer .footer-block__heading img,
.footer img[src*="logo"],
.footer .header__heading-logo {
  max-height: 60px !important;
  max-width: 180px !important;
  object-fit: contain !important;
}
.footer .footer-block:first-child img {
  max-height: 60px !important;
  max-width: 180px !important;
}