@charset "UTF-8";
/* ================================
   SPLIF CITY — HOMEPAGE TYPE SCALE
   Ecwid storefront scope (safe)
   ================================ */
/* ---------- Global scope for Ecwid storefront ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store {
  /* nothing here — we’ll target specific blocks below */
}

/* ---------- Storefront header / title (top of homepage) ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-header-h1,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-page-title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .store__header h1 {
  font-size: 16px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px;
}

/* ---------- Breadcrumbs ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-breadcrumbs,
html#ecwid_html body#ecwid_body .ec-size .ec-store .breadcrumbs {
  font-size: 12px !important;
}

/* ---------- Category grid (cards shown on homepage) ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .categories,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid--categories {
  /* wrapper only */
}

/* Category title on the card */
html#ecwid_html body#ecwid_body .ec-size .ec-store .category-grid .category-title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-category-card__title {
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  text-transform: none;
}

/* Optional: category description snippet on the card */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__descr,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-category-card__descr {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* ---------- Product grid (homepage featured / category listing) ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .products,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid--products {
  /* wrapper only */
}

/* Product title on cards */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-snippet__title {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

/* Price on cards */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__price {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* “Compare to” / old price */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-compare,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__price-old {
  font-size: 14px !important;
}

/* Badges (SALE / NEW) */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__badge,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__badge {
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Buttons on product cards (Add to Bag / Details) */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__button,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__button,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-button {
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Quick view / hover actions (if theme shows them) */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__quick-view,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-quickview__button {
  font-size: 14px !important;
}

/* ---------- Section headings (like “Featured Products”) ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-section-title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .products .section__title {
  font-size: 14px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.2px;
}

/* ---------- Search bar (if visible on homepage) ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-search,
html#ecwid_html body#ecwid_body .ec-size .ec-store .search-box__input {
  font-size: 14px !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .search-box__button {
  font-size: 14px !important;
}

/* ---------- Pagination ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-pager,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__pagination {
  font-size: 14px !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-pager__link,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__pagination a {
  font-size: 14px !important;
}

/* ---------- Promo blocks / subtitles (if you use them on the homepage) ---------- */
html#ecwid_html body#ecwid_body .ec-size .ec-store .store__subtitle,
html#ecwid_html body#ecwid_body .ec-size .ec-store .promo-block__text {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* =================
   Mobile fine-tuning
   ================= */
@media (max-width: 768px) {
  /* Storefront title smaller on phones */
  html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-header-h1,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-page-title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .store__header h1 {
    font-size: 14px !important;
  }
  /* Category titles */
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-category-card__title {
    font-size: 14px !important;
  }
  /* Product cards */
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-snippet__title {
    font-size: 12px !important;
  }
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__price {
    font-size: 12px !important;
  }
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__button,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-product-card__button {
    font-size: 14px !important;
  }
  /* Section titles */
  html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-section-title,
html#ecwid_html body#ecwid_body .ec-size .ec-store .products .section__title {
    font-size: 14px !important;
  }
}