/** Shopify CDN: Minification failed

Line 8:0 All "@import" rules must come first

**/
/* ── ELVARA BRAND SYSTEM v1.0 ─────────────────────────────── */
html { scroll-behavior: smooth; }
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --e-green:    #1B3D2F;
  --e-green2:   #2D5C46;
  --e-green3:   #4A8060;
  --e-gold:     #C8A96E;
  --e-gold2:    #E2C98E;
  --e-cream:    #F5EFE6;
  --e-cream2:   #EDE4D6;
  --e-white:    #FDFAF6;
  --e-dark:     #1A1A1A;
  --e-gray:     #5A5A5A;
  --e-gray2:    #8A8A8A;
  --e-border:   #DDD6CC;
  --e-radius:   3px;
  --e-serif:    'Playfair Display', Georgia, serif;
  --e-sans:     'DM Sans', system-ui, sans-serif;
  --e-transition: 0.22s ease;
}

/* ── BASE ─────────────────────────────────────────────────── */
body {
  font-family: var(--e-sans) !important;
  background-color: var(--e-white) !important;
  color: var(--e-dark) !important;
  -webkit-font-smoothing: antialiased;
}

/* ── TYPOGRAPHY ───────────────────────────────────────────── */
h1, h2, h3, h4, h5,
.h0, .h1, .h2, .h3, .h4,
.heading, .title,
.product__title,
.product-information h1,
.card__heading,
.card__heading a,
.banner__heading {
  font-family: var(--e-serif) !important;
  color: var(--e-green);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

p, li, span, label, input,
textarea, select, blockquote {
  font-family: var(--e-sans), 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important;
}

/* Emoji icon containers — always use emoji-capable font stack */
[class*='__icon'], .opt-icon {
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important;
}

a { color: var(--e-green); text-decoration: none; transition: color var(--e-transition); }
a:hover { color: var(--e-green2); }

/* ── ANNOUNCEMENT BAR ─────────────────────────────────────── */
.announcement-bar,
.announcement-bar__link {
  background-color: var(--e-green) !important;
  border-bottom: 1px solid rgba(200,169,110,0.25) !important;
  padding: 10px 0 !important;
}
.announcement-bar__message,
.announcement-bar__message p,
.announcement-bar__message a,
.announcement-bar__message span {
  color: var(--e-gold) !important;
  font-family: var(--e-sans) !important;
  font-size: 11px !important;
  letter-spacing: 2.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* ── HEADER ───────────────────────────────────────────────── */
.header,
.shopify-section-header-sticky > div,
.header-wrapper {
  background-color: var(--e-white) !important;
  border-bottom: 1px solid var(--e-border) !important;
  box-shadow: none !important;
}

.header__menu-item,
.header__menu-item span,
.header__menu-item .link,
.header__menu-item > a,
.list-menu__item,
.list-menu__item .link {
  font-family: var(--e-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--e-green) !important;
  transition: color var(--e-transition) !important;
}

.header__menu-item:hover span,
.header__menu-item:hover > a,
.list-menu__item:hover .link { color: var(--e-gold) !important; }

.header__icon svg,
.header__icon path { stroke: var(--e-green) !important; }

.header__active-menu-item { border-bottom: 2px solid var(--e-gold) !important; }

/* ── BUTTONS ──────────────────────────────────────────────── */
.button,
.button--primary,
.shopify-payment-button__button--unbranded,
button[type="submit"].button,
.product-form__submit,
.cart__checkout-button {
  background-color: var(--e-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--e-radius) !important;
  font-family: var(--e-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  transition: background var(--e-transition), transform 0.15s !important;
  cursor: pointer !important;
}

.button:hover,
.button--primary:hover,
.product-form__submit:hover,
.cart__checkout-button:hover {
  background-color: var(--e-green2) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

.button:active, .button--primary:active { transform: translateY(0) !important; }

.button--secondary {
  background: transparent !important;
  border: 1.5px solid var(--e-green) !important;
  color: var(--e-green) !important;
}
.button--secondary:hover { background: var(--e-green) !important; color: #fff !important; }

.shopify-payment-button__button--branded { border-radius: var(--e-radius) !important; }

/* ── PRODUCT PAGE ─────────────────────────────────────────── */
.product__title,
.product-information__title {
  font-size: clamp(26px, 4vw, 40px) !important;
  color: var(--e-green) !important;
  margin-bottom: 12px !important;
}

.price__sale .price-item--sale,
.price .price-item--sale,
.price-item--sale {
  color: var(--e-green) !important;
  font-family: var(--e-serif) !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}

.price__compare .price-item--regular,
.price .price-item--regular:not(.price-item--last) {
  color: var(--e-gray2) !important;
  font-size: 15px !important;
  text-decoration: line-through !important;
}

.badge--sale, .card__badge .badge {
  background-color: var(--e-gold) !important;
  color: var(--e-green) !important;
  border-radius: 2px !important;
  font-family: var(--e-sans) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
}

.product__description, .product-information .rte {
  font-size: 15px !important;
  line-height: 1.85 !important;
  color: var(--e-gray) !important;
}

.product__description h2, .product__description h3,
.product-information .rte h2, .product-information .rte h3 {
  color: var(--e-green) !important;
  font-size: 18px !important;
  margin: 24px 0 10px !important;
}

.product__description li, .product-information .rte li {
  padding: 5px 0 !important;
  border-bottom: 1px solid var(--e-cream2) !important;
}

.product-form__input label, .product-form__input .form__label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--e-gray) !important;
}

/* Sticky add-to-cart bar */
.product-form__submit { width: 100% !important; margin-top: 8px !important; }

/* ── CARDS / COLLECTION ───────────────────────────────────── */
.card, .card-wrapper {
  border: 1px solid var(--e-border) !important;
  border-radius: var(--e-radius) !important;
  box-shadow: none !important;
  transition: border-color var(--e-transition), transform var(--e-transition) !important;
  background: var(--e-white) !important;
  overflow: hidden !important;
}
.card:hover, .card-wrapper:hover {
  border-color: var(--e-gold) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(27,61,47,0.08) !important;
}

.card__heading, .card__heading a {
  font-family: var(--e-serif) !important;
  font-size: 17px !important;
  color: var(--e-green) !important;
}

/* ── IMAGE BANNER ─────────────────────────────────────────── */
.banner .banner__heading {
  font-family: var(--e-serif) !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.18) !important;
}

/* ── SECTION COLOR SCHEMES ────────────────────────────────── */
.color-scheme-1 { background-color: var(--e-white) !important; }
.color-scheme-2 { background-color: var(--e-cream) !important; }
.color-scheme-3 { background-color: var(--e-green) !important; }
.color-scheme-3 h1,.color-scheme-3 h2,.color-scheme-3 h3,.color-scheme-3 p { color: #fff !important; }
.color-scheme-4 { background-color: var(--e-dark) !important; }
.color-scheme-5 { background-color: var(--e-gold) !important; }

/* ── RICH TEXT ────────────────────────────────────────────── */
.rich-text__heading { font-family: var(--e-serif) !important; color: var(--e-green) !important; }
.rich-text__text { color: var(--e-gray) !important; }

/* ── MULTICOLUMN ──────────────────────────────────────────── */
.multicolumn-card__title { font-family: var(--e-serif) !important; color: var(--e-green) !important; }

/* ── FOOTER ───────────────────────────────────────────────── */
.footer, .footer-section {
  background-color: var(--e-green) !important;
  border-top: none !important;
}
.footer *, .footer p, .footer li, .footer span {
  color: rgba(255,255,255,0.65) !important;
  font-family: var(--e-sans) !important;
  font-size: 13px !important;
}
.footer h2, .footer h3, .footer .footer__heading, .footer-block__heading {
  color: rgba(255,255,255,0.95) !important;
  font-size: 9px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
  font-family: var(--e-sans) !important;
}
.footer a, .footer .link { color: rgba(255,255,255,0.65) !important; }
.footer a:hover, .footer .link:hover { color: var(--e-gold) !important; }
.footer__copyright, .footer__copyright p, .footer__copyright span {
  color: rgba(255,255,255,0.35) !important;
  font-size: 11px !important;
}
.footer__content-bottom { border-top: 1px solid rgba(255,255,255,0.1) !important; }

/* ── FORMS ────────────────────────────────────────────────── */
.field__input, .select__select, .customer input, .field input, .form__input {
  border: 1px solid var(--e-border) !important;
  border-radius: var(--e-radius) !important;
  font-family: var(--e-sans) !important;
  font-size: 14px !important;
  background: var(--e-white) !important;
  color: var(--e-dark) !important;
  padding: 12px 14px !important;
}
.field__input:focus, .select__select:focus, .field input:focus {
  border-color: var(--e-green) !important;
  outline: 2px solid rgba(27,61,47,0.12) !important;
  outline-offset: 2px !important;
}
.field__label, .form__label { color: var(--e-gray) !important; font-size: 12px !important; }

/* ── CART ─────────────────────────────────────────────────── */
.cart__footer, .cart-notification {
  background-color: var(--e-cream) !important;
  border-top: 1px solid var(--e-border) !important;
}
.cart-item__name, .cart-item__name a {
  font-family: var(--e-serif) !important;
  color: var(--e-green) !important;
}

/* ── TRUST BAR (custom section) ───────────────────────────── */
.elvara-trust-bar {
  background: var(--e-cream);
  border-top: 1px solid var(--e-border);
  border-bottom: 1px solid var(--e-border);
  padding: 18px 0;
}
.elvara-trust-bar__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
}
.elvara-trust-bar__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 28px;
  flex: 0 0 auto;
}
.elvara-trust-bar__item + .elvara-trust-bar__item {
  border-left: 1px solid var(--e-border);
}
.elvara-trust-bar__icon {
  width: 22px;
  height: 22px;
  color: var(--e-gold);
  flex-shrink: 0;
}
.elvara-trust-bar__text { font-family: var(--e-sans); }
.elvara-trust-bar__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--e-green);
  display: block;
  line-height: 1.3;
}
.elvara-trust-bar__sub {
  font-size: 11px;
  color: var(--e-gray);
  display: block;
  line-height: 1.3;
}

@media (max-width: 749px) {
  .elvara-trust-bar__inner { gap: 4px; }
  .elvara-trust-bar__item { padding: 6px 14px; }
  .elvara-trust-bar__item + .elvara-trust-bar__item { border-left: none; border-top: 1px solid var(--e-border); }
  .elvara-trust-bar__inner { flex-direction: column; align-items: flex-start; }
}

/* ── TESTIMONIALS (custom section) ───────────────────────── */
.elvara-testimonials {
  background: var(--e-white);
  padding: 72px 24px;
}
.elvara-testimonials__header {
  text-align: center;
  margin-bottom: 48px;
}
.elvara-testimonials__eyebrow {
  font-family: var(--e-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--e-gold);
  display: block;
  margin-bottom: 12px;
}
.elvara-testimonials__title {
  font-family: var(--e-serif);
  font-size: clamp(28px, 4vw, 40px);
  color: var(--e-green);
  margin: 0;
}
.elvara-testimonials__grid {
  max-width: 1160px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 989px) { .elvara-testimonials__grid { grid-template-columns: 1fr; max-width: 560px; } }
.elvara-testimonials__card {
  background: var(--e-cream);
  border: 1px solid var(--e-border);
  border-radius: 4px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: transform var(--e-transition), box-shadow var(--e-transition);
}
.elvara-testimonials__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(27,61,47,0.08);
}
.elvara-testimonials__stars { color: var(--e-gold); font-size: 16px; letter-spacing: 2px; }
.elvara-testimonials__quote {
  font-family: var(--e-serif);
  font-style: italic;
  font-size: 17px;
  line-height: 1.7;
  color: var(--e-dark);
  flex: 1;
}
.elvara-testimonials__author { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.elvara-testimonials__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--e-green);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--e-gold);
  font-family: var(--e-serif);
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}
.elvara-testimonials__name {
  font-family: var(--e-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--e-dark);
  display: block;
}
.elvara-testimonials__meta {
  font-size: 11px;
  color: var(--e-gray2);
  display: block;
}

/* ── BRAND STORY / IMAGE-WITH-TEXT ───────────────────────── */
.image-with-text .image-with-text__content { padding: 40px 48px !important; }
.image-with-text__heading { font-family: var(--e-serif) !important; color: var(--e-green) !important; }
.image-with-text__text { color: var(--e-gray) !important; line-height: 1.85 !important; }

/* ── NEWSLETTER ───────────────────────────────────────────── */
.email-signup-banner { background: var(--e-green) !important; }
.email-signup-banner .section-header__title,
.email-signup-banner h1, .email-signup-banner h2 { color: #fff !important; font-family: var(--e-serif) !important; }
.email-signup-banner p, .email-signup-banner .field__label { color: rgba(255,255,255,0.75) !important; }
.email-signup-banner .field__input { background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.25) !important; color: #fff !important; }
.email-signup-banner .button { background: var(--e-gold) !important; color: var(--e-green) !important; }
.email-signup-banner .button:hover { background: var(--e-gold2) !important; }

/* ── BLOG ─────────────────────────────────────────────────── */
.article__title, .article__title a { font-family: var(--e-serif) !important; color: var(--e-green) !important; }
.article__author { color: var(--e-gold) !important; }

/* ── PAGINATION ───────────────────────────────────────────── */
.pagination__item--current { background-color: var(--e-green) !important; color: #fff !important; border-color: var(--e-green) !important; }
.pagination__item:hover { border-color: var(--e-green) !important; color: var(--e-green) !important; }

/* ── BREADCRUMBS ──────────────────────────────────────────── */
.breadcrumb__link { color: var(--e-gray) !important; }
.breadcrumb__link:hover { color: var(--e-green) !important; }

/* ── QUANTITY ─────────────────────────────────────────────── */
.quantity__button, .quantity__input { border-color: var(--e-border) !important; color: var(--e-dark) !important; }
.quantity__button:hover { background: var(--e-cream) !important; }

/* ── DRAWER ───────────────────────────────────────────────── */
.drawer__header { border-bottom: 1px solid var(--e-border) !important; }
.drawer__heading { font-family: var(--e-serif) !important; color: var(--e-green) !important; }

/* ── RATING ───────────────────────────────────────────────── */
.rating-star svg, .rating__icon { color: var(--e-gold) !important; fill: var(--e-gold) !important; }

/* ── LOADING SPINNER ──────────────────────────────────────── */
.loading-overlay__spinner circle { stroke: var(--e-green) !important; }

/* ── FOCUS RING ───────────────────────────────────────────── */
*:focus-visible {
  outline: 2px solid var(--e-gold) !important;
  outline-offset: 2px !important;
  border-radius: var(--e-radius) !important;
}

/* ── ACCESSIBILITY: VISUALLY HIDDEN ──────────────────────── */
.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  word-wrap: normal !important;
}

/* ── SELECTION ────────────────────────────────────────────── */
::selection { background: rgba(200,169,110,0.25); color: var(--e-dark); }

/* ── SCROLLBAR ────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--e-cream); }
::-webkit-scrollbar-thumb { background: var(--e-green2); border-radius: 3px; }

/* ── POLICY / ACCOUNT PAGES ───────────────────────────────── */
.policy h1, .account h1 { font-family: var(--e-serif) !important; color: var(--e-green) !important; }
.policy h2 { color: var(--e-green) !important; }
.policy p, .policy li, .account p { color: var(--e-gray) !important; line-height: 1.9 !important; }

/* ── HIDE SHOPIFY-NATIVE CART (replaced by elvara-header) ──── */
.header__icon--cart,
.cart-notification { display: none !important; }

/* ── ENSURE CUSTOM HEADER CART STAYS VISIBLE ───────────────── */
.elvara-hdr__cart { display: flex !important; }

/* ── ANNOUNCEMENT BAR OVERRIDE ────────────────────────────── */
.announcement-bar { display: block !important; }

/* ── CHECKOUT BUTTON — PRODUCT MAIN ───────────────────────── */
.epm__submit {
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(27,61,47,0.3) !important;
  letter-spacing: 2px !important;
}
.epm__submit::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 60%);
  pointer-events: none;
}
.epm__submit:hover {
  box-shadow: 0 8px 32px rgba(27,61,47,0.4) !important;
}

/* ── PRODUCT MAIN — MOBILE POLISH ─────────────────────────── */
@media (max-width: 600px) {
  .epm__submit { font-size: 13px !important; letter-spacing: 1.5px !important; }
  .epm__price { font-size: 32px !important; }
}

/* ── GLOBAL MOBILE IMPROVEMENTS ───────────────────────────── */
@media (max-width: 749px) {
  body { font-size: 15px; }
  h1 { font-size: clamp(26px, 7vw, 36px) !important; }
  h2 { font-size: clamp(22px, 6vw, 30px) !important; }

  /* Bigger tap targets on mobile */
  .button, .epm__submit, .elvara-btn {
    min-height: 52px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  /* Prevent horizontal overflow */
  .page-width, section { overflow-x: hidden; }
}

/* ── TRUST SIGNAL — CHECKOUT PAGE ─────────────────────────── */
.checkout-footer { background: var(--e-cream) !important; }

/* ── SECTION SPACING CONSISTENCY ──────────────────────────── */
.shopify-section + .shopify-section { margin-top: 0 !important; }

/* ── SMOOTH IMAGE LOADING ──────────────────────────────────── */
img { display: block; }
img[loading="lazy"] { opacity: 0; transition: opacity 0.3s; }
img.loaded, img:not([loading]) { opacity: 1; }

/* ── FONT RENDERING ────────────────────────────────────────── */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ── PAGE-SPECIFIC: ORDER CONFIRMATION ─────────────────────── */
.order-confirmation__title { font-family: var(--e-serif) !important; color: var(--e-green) !important; }
.order-confirmation__subtitle { color: var(--e-gray) !important; }

/* ── STICKY CHECKOUT BAR ON MOBILE ────────────────────────── */
@media (max-width: 749px) {
  .epm__form { position: sticky; bottom: 0; z-index: 50; padding: 12px 0; background: #fff; box-shadow: 0 -4px 24px rgba(27,61,47,0.12); margin: 0 -16px; padding: 12px 16px; }
}

