/* ==========================================================================
   MORIITALIA 2026 - HỆ THỐNG DESIGN TOKENS & CHUẨN HÓA TYPOGRAPHY TOÀN THEME
   Dự án: Theme [DEV]GIAO DIỆN 2026 (ID: 1001515736)
   Chuẩn thực thi: /impeccable Craft Standard & Ergonomic Typography
   Đặc thù: Hỗ trợ dấu tiếng Việt đa tầng, chống tràn ngang và căn dòng tự nhiên.
   Phạm vi: Áp dụng đồng bộ cho cả Trang chủ (home-2026-page) & Toàn bộ Storefront (theme-ver-two)
   Kiến trúc: CSS Custom Properties & Specificity Cascade (Không lạm dụng !important)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TOKENS CƠ SỞ (ROOT DESIGN TOKENS)
   -------------------------------------------------------------------------- */
:root {
  /* Line-height ratios tối ưu cho dấu thanh tiếng Việt (ngã, hỏi, nặng, sắc, huyền) */
  --home26-type-lh-tight: 1.25;      /* Headings lớn H1, H2, Banner titles */
  --home26-type-lh-snug: 1.35;       /* Subheadings, Card titles */
  --home26-type-lh-normal: 1.4;      /* Controls, labels, actions */
  --home26-type-lh-relaxed: 1.625;   /* Body text, long-form prose (26px / 16px) */

  /* Độ dài dòng tối đa công thái học cho văn bản đọc */
  --home26-type-prose-max: 70ch;

  /* Card sản phẩm (Lưới sản phẩm toàn trang: Desktop & Tablet) */
  --home26-card-title-size: 15px;
  --home26-card-title-lh: 21px;
  --home26-card-title-lines: 3;
  --home26-card-title-box: calc(var(--home26-card-title-lines) * var(--home26-card-title-lh)); /* 63px */

  --home26-card-price-size: 18px;
  --home26-card-price-lh: 25px;
  --home26-card-price-min-h: 25px;

  --home26-card-sku-size: 12px;
  --home26-card-sku-lh: 16px;

  --home26-card-del-size: 12px;
  --home26-card-del-lh: 16px;

  --home26-card-badge-size: 12px;
  --home26-card-badge-lh: 16px;

  --home26-card-cta-size: 14px;
  --home26-card-cta-lh: 20px;
  --home26-card-cta-min-h: 34px;

  /* Luxury Card (Khối sản phẩm cao cấp) */
  --home26-luxury-title-size: clamp(16px, 1vw, 18px);
  --home26-luxury-title-lh: 24px;
  --home26-luxury-title-box: 72px; /* 3 dòng x 24px */
  --home26-luxury-sku-size: 12px;
  --home26-luxury-sku-lh: 16px;
  --home26-luxury-cta-size: 13px;
  --home26-luxury-cta-lh: 18px;
  --home26-luxury-cta-min-h: 34px;

  /* Tin tức & Danh mục (News & Categories) */
  --home26-news-title-size: 19px;
  --home26-news-title-lh: 26px;
  --home26-news-body-size: 15px;
  --home26-news-body-lh: 24px;
  --home26-news-time-size: 12px;
  --home26-news-time-lh: 18px;

  --home26-category-title-size: 15px;
  --home26-category-title-lh: 20px;
  --home26-category-badge-size: 10px;
  --home26-category-badge-lh: 14px;

  /* Danh mục & Tiêu đề chính */
  --home26-collection-h1-size: clamp(24px, 2vw, 28px);
  --home26-collection-h1-lh: 1.25;

  /* Trang chi tiết sản phẩm (PDP) */
  --home26-pdp-h1-lh: 1.25;
  --home26-pdp-price-size: 32px;
  --home26-pdp-price-lh: 40px;
  --home26-pdp-cta-size: 16px;
  --home26-pdp-cta-lh: 22px;
  --home26-pdp-cta-min-h: 44px;

  /* Nội dung dài, Blog, Chính sách & FAQ */
  --home26-page-title-size: 30px;
  --home26-page-title-lh: 38px;

  --home26-prose-h2-size: 24px;
  --home26-prose-h2-lh: 32px;

  --home26-prose-h3-size: 22px;
  --home26-prose-h3-lh: 30px;

  --home26-prose-body-size: 16px;
  --home26-prose-body-lh: 26px;

  --home26-table-body-size: 15px;
  --home26-table-body-lh: 24px;

  /* Biểu mẫu, Ô nhập liệu & Bộ lọc */
  --home26-input-size: 16px;
  --home26-input-lh: 24px;
  --home26-input-min-h: 44px;

  --home26-label-size: 14px;
  --home26-label-lh: 20px;

  --home26-meta-small-size: 12px;
  --home26-meta-small-lh: 18px;
}

/* --------------------------------------------------------------------------
   2. RESPONSIVE TOKENS CHO MOBILE (Màn hình <= 767px)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  :root {
    /* Card sản phẩm mobile */
    --home26-card-title-size: 14px;
    --home26-card-title-lh: 20px;
    --home26-card-title-lines: 3;
    --home26-card-title-box: calc(var(--home26-card-title-lines) * var(--home26-card-title-lh)); /* 60px */

    --home26-card-sku-size: 11px;
    --home26-card-sku-lh: 15px;

    --home26-card-cta-size: 13px;
    --home26-card-cta-lh: 19px;
    --home26-card-cta-min-h: 32px;

    /* Luxury Card mobile */
    --home26-luxury-title-size: 14px;
    --home26-luxury-title-lh: 20px;
    --home26-luxury-title-box: 60px; /* 3 dòng x 20px */
    --home26-luxury-sku-size: 11px;
    --home26-luxury-sku-lh: 15px;

    /* Tin tức & Danh mục mobile */
    --home26-news-title-size: 18px;
    --home26-news-title-lh: 25px;
    --home26-news-body-size: 14px;
    --home26-news-body-lh: 22px;
    --home26-category-title-size: 14px;
    --home26-category-badge-size: 10px;

    --home26-collection-h1-size: 24px;
    --home26-collection-h1-lh: 30px;

    --home26-pdp-price-size: 28px;
    --home26-pdp-price-lh: 36px;

    --home26-page-title-size: 24px;
    --home26-page-title-lh: 32px;

    --home26-prose-h2-size: 22px;
    --home26-prose-h2-lh: 30px;

    --home26-prose-h3-size: 20px;
    --home26-prose-h3-lh: 28px;
  }
}

/* --------------------------------------------------------------------------
   3. PRODUCT CARDS & COMMERCE GRID (Trang chủ, Collection, Search, BF)
   Khống chế qua :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography)
   -------------------------------------------------------------------------- */

/* Tên card sản phẩm: Đảm bảo 3 dòng đồng nhất, không so le nút mua */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card h3,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection-card__title,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .card-info .product-name,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .card-info .product-name a,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .pro-loop .product-detail h3,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .pro-loop .product-detail h3 a {
  font-size: var(--home26-card-title-size);
  line-height: var(--home26-card-title-lh);
  min-height: var(--home26-card-title-box);
  max-height: var(--home26-card-title-box);
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card h3 a,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection-card__title a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* SKU & Metadata card */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__sku,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs-card__sku,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection-card__sku,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .card-info .product-brand,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .card-info .price-label {
  font-size: var(--home26-card-sku-size);
  line-height: var(--home26-card-sku-lh);
}

/* Khung giá: Đảm bảo min-height và flex-wrap tránh đè chữ */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__price,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs-card__price,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection-card__price {
  min-height: var(--home26-card-price-min-h);
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  row-gap: 4px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__price strong,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs-card__price strong,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection-card__price strong,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .card-info .pending-price,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .pro-loop .product-detail span.pro-price {
  font-size: var(--home26-card-price-size);
  line-height: var(--home26-card-price-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__price del,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs-card__price del,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection-card__price del {
  color: #9c9c9c;
  font-size: var(--home26-card-del-size);
  line-height: var(--home26-card-del-lh);
  text-decoration: line-through;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__discount,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs-card__badge {
  font-size: var(--home26-card-badge-size);
  line-height: var(--home26-card-badge-lh);
}

/* Nút bấm CTA trong card sản phẩm */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs-card__add,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__add,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection-card__add,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .card-info .add-cart {
  font-size: var(--home26-card-cta-size);
  line-height: var(--home26-card-cta-lh);
  min-height: var(--home26-card-cta-min-h);
}

/* Thanh tiến trình Flash Sale */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__progress {
  height: 20px;
}
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-card__progress b {
  font-size: 11px;
  line-height: 18px;
}

/* --------------------------------------------------------------------------
   4. HEADER & TOP NAVIGATION
   -------------------------------------------------------------------------- */

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__search input {
  font-size: var(--home26-input-size);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__partners a {
  font-size: 12px;
  line-height: 14px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__nav-inner > a.home26-header-v2__nav-link--bf {
  font-size: 15px;
  line-height: 18px;
}

@media (min-width: 1101px) and (max-width: 1480px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__nav-inner {
    font-size: 16px;
    gap: 14px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__category-trigger {
    font-size: 16px;
    line-height: 22px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__action {
    font-size: 13px;
    line-height: 17px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__quick-links a {
    font-size: 14px;
    line-height: 19px;
  }
  /* Handled by flexible clamp token */
}

@media (min-width: 1101px) and (max-width: 1280px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__nav-inner {
    font-size: 15px;
    gap: 12px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__category-trigger {
    font-size: 15px;
  }
}

@media (min-width: 1101px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-header-v2__action small {
    font-size: 12px;
    line-height: 16px;
  }
}

/* --------------------------------------------------------------------------
   5. HOMEPAGE COMPONENTS, LUXURY CARD & SECTION HEADINGS
   Áp dụng các cải tiến bố cục công thái học theo chuẩn Handoff 06/11/2026:
   - Khối Luxury: Tách meta thành flex-col gap 4px, SKU thành dòng riêng dưới tên.
   - Section Headings: Dòng 1.25 desktop, 28px mobile chống chạm dấu tiếng Việt.
   - Category & News: Chuẩn hóa font & line-height đồng nhất nhịp điệu thị giác.
   -------------------------------------------------------------------------- */

/* Tab sản phẩm Trang chủ (Hàng mới về, Bán chạy, v.v.) */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs .home26-product-tab {
  font-size: clamp(20px, 1.2vw, 24px);
  line-height: var(--home26-type-lh-tight);
}

/* Tiêu đề khu vực (Section Headings) & Nút Xem tất cả */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-section__heading h2 {
  line-height: var(--home26-type-lh-tight);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-section__heading a,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-section__heading .home26-category-heading__all {
  font-size: 18px;
  line-height: 18px;
}

/* Danh mục nổi bật Trang chủ (.home26-category) */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-category__title {
  font-size: var(--home26-category-title-size);
  line-height: var(--home26-category-title-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-category__badge {
  font-size: var(--home26-category-badge-size);
  line-height: var(--home26-category-badge-lh);
}

/* KHỐI LUXURY CARD (.home26-luxury-card) - BỐ CỤC ĐỘT PHÁ TÁCH SKU XUỐNG DÒNG */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  height: auto;
  min-height: 0;
  max-height: none;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card h3 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-size: var(--home26-luxury-title-size);
  line-height: var(--home26-luxury-title-lh);
  height: var(--home26-luxury-title-box);
  min-height: var(--home26-luxury-title-box);
  max-height: var(--home26-luxury-title-box);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card h3 a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card__sku {
  font-size: var(--home26-luxury-sku-size);
  line-height: var(--home26-luxury-sku-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card__price strong {
  line-height: var(--home26-type-lh-tight);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card__cta {
  font-size: var(--home26-luxury-cta-size);
  line-height: var(--home26-luxury-cta-lh);
  min-height: var(--home26-luxury-cta-min-h);
  height: auto;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card__cta span {
  font-size: inherit;
  line-height: inherit;
}

/* KHỐI TIN TỨC (.home26-news-card) */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-news-card h3,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-news-card h3 a {
  font-size: var(--home26-news-title-size);
  line-height: var(--home26-news-title-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-news-card p {
  font-size: var(--home26-news-body-size);
  line-height: var(--home26-news-body-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-news-card time {
  font-size: var(--home26-news-time-size);
  line-height: var(--home26-news-time-lh);
}

/* FOOTER NEWSLETTER */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-footer__newsletter-copy h2 {
  line-height: 24px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-footer__newsletter-copy p {
  line-height: 23px;
}

/* RESPONSIVE CHO MOBILE (<= 767px) */
@media (max-width: 767px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-product-tabs .home26-product-tab {
    font-size: 16px;
    line-height: 21px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-section__heading h2 {
    font-size: 22px;
    line-height: 28px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-section__heading a,
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-category-heading__all {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card h3 {
    font-size: var(--home26-luxury-title-size);
    line-height: var(--home26-luxury-title-lh);
    height: var(--home26-luxury-title-box);
    min-height: var(--home26-luxury-title-box);
    max-height: var(--home26-luxury-title-box);
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-luxury-card__sku {
    font-size: var(--home26-luxury-sku-size);
    line-height: var(--home26-luxury-sku-lh);
  }
}

/* --------------------------------------------------------------------------
   6. COLLECTION & BỘ LỌC TÌM KIẾM
   -------------------------------------------------------------------------- */

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection__heading h1 {
  font-size: var(--home26-collection-h1-size);
  line-height: var(--home26-collection-h1-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #home26-dgd-filters .dgd-filter-heading span,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #home26-dgd-filters details > summary {
  font-size: 16px;
  line-height: 22px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #home26-dgd-filters label {
  font-size: var(--home26-label-size);
  line-height: var(--home26-label-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) select#sort-by,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .sort-wrap select,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection select#sort-by {
  font-size: var(--home26-label-size);
  line-height: var(--home26-label-lh);
  min-height: 36px;
}

@media (max-width: 767px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) select#sort-by,
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .sort-wrap select,
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-collection select#sort-by {
    font-size: var(--home26-input-size);
    line-height: var(--home26-input-lh);
    min-height: 40px;
  }
}

/* --------------------------------------------------------------------------
   7. TRANG CHI TIẾT SẢN PHẨM (PDP)
   -------------------------------------------------------------------------- */

/* H1 sản phẩm: Giữ nguyên size co giãn theo màn hình, giãn dòng 1.25 chống đè dấu */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #product26-title,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-info h1 {
  line-height: var(--home26-pdp-h1-lh);
  -webkit-line-clamp: unset;
  display: block;
  height: auto;
  max-height: none;
  overflow: visible;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) strong.product26-flash__price {
  font-size: var(--home26-pdp-price-size);
  line-height: var(--home26-pdp-price-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-flash--no-sale strong.product26-flash__price {
  color: #1c1c1e !important;
  font-size: 24px !important;
  line-height: 32px !important;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #add-to-cart,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #buy-now {
  font-size: var(--home26-pdp-cta-size);
  line-height: var(--home26-pdp-cta-lh);
  min-height: var(--home26-pdp-cta-min-h);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-voucher-card__title,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-support-card__title {
  font-size: 16px;
  line-height: 22px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-voucher-card__desc,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-shipping__desc,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-trust__pillar-desc {
  font-size: 14px;
  line-height: 21px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-voucher-card__expiry {
  font-size: 13px;
  line-height: 18px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-voucher-card__btn {
  font-size: 14px;
  line-height: 20px;
  min-height: 34px;
}

@media (max-width: 767px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-voucher-card__btn {
    font-size: 13px;
    line-height: 19px;
  }
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-trust__pillar-title {
  font-size: 15px;
  line-height: 21px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #product26-specs-title {
  font-size: 20px;
  line-height: 28px;
}

@media (max-width: 767px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #product26-specs-title {
    font-size: 18px;
    line-height: 25px;
  }
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-shipping-form select {
  font-size: var(--home26-input-size);
  line-height: var(--home26-input-lh);
  min-height: var(--home26-input-min-h);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-shipping-form label {
  font-size: var(--home26-label-size);
  line-height: var(--home26-label-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-flash__deadline,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-flash__timer-label {
  font-size: 13px;
  line-height: 19px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-shipping__btn {
  font-size: 14px;
  line-height: 20px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-specs td,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .product26-specs th {
  font-size: 15px;
  line-height: 23px;
}

/* --------------------------------------------------------------------------
   8. NỘI DUNG DÀI, BÀI VIẾT, TRANG CHÍNH SÁCH & BẢNG
   -------------------------------------------------------------------------- */

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-blog-card__title,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-blog-card__title a {
  font-size: 19px;
  line-height: 26px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-blog-card__excerpt {
  font-size: 15px;
  line-height: 24px;
}

@media (max-width: 767px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-blog-card__title,
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-blog-card__title a {
    font-size: 18px;
    line-height: 25px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-blog-card__excerpt {
    font-size: 14px;
    line-height: 22px;
  }
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .sb-title-article {
  line-height: var(--home26-type-lh-tight);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages p,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages li,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page p,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page li,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #product26-description-content p {
  font-size: var(--home26-prose-body-size);
  line-height: var(--home26-prose-body-lh);
}

/* Giới hạn độ dài dòng 70ch cho văn bản thuần túy */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages p,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page p,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #product26-description-content p {
  max-width: var(--home26-type-prose-max);
  margin-top: 0;
  margin-bottom: 16px;
}

/* Khi paragraph chứa hình ảnh, bảng hoặc nhúng đa phương tiện: bung 100% khung */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages p:has(img, picture, video, iframe, table, svg),
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page p:has(img, picture, video, iframe, table, svg),
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #product26-description-content p:has(img, picture, video, iframe, table, svg) {
  max-width: 100%;
}

/* Sửa lỗi đảo ngược phân cấp trang chính sách: Tiêu đề trang đưa về 30px, tiêu mục 24/22px */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .heading-page h1 {
  font-size: var(--home26-page-title-size);
  line-height: var(--home26-page-title-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages h2,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages h2 strong,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page h1,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page h2 {
  font-size: var(--home26-prose-h2-size);
  line-height: var(--home26-prose-h2-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages h3,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages h3 strong,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page h3 {
  font-size: var(--home26-prose-h3-size);
  line-height: var(--home26-prose-h3-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page td,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page th {
  font-size: var(--home26-table-body-size);
  line-height: var(--home26-table-body-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .article-pages table,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page table {
  max-width: 100%;
}

@media (max-width: 767px) {
  /* Bảng chính sách & FAQ trên mobile: Bật cuộn ngang trong bảng để bảo vệ khung trang */
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-page table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Triệt tiêu lỗi tràn ngang +15px do negative margin của hàng chính sách */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .wrapper-row.pd-page {
  margin-left: 0;
  margin-right: 0;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .wrapper-row.pd-page > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

/* Căn lề chuẩn shell Moriitalia 2026 cho trang nội dung / giới thiệu / chính sách */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .pageAbout-us .container,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .page-layout .container {
  width: var(--home26-shell, min(82%, 1650px)) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 991px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .pageAbout-us .container,
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .page-layout .container {
    width: min(calc(100% - 32px), 1650px) !important;
  }
}

/* --------------------------------------------------------------------------
   9. GIỎ HÀNG, FORM & FOOTER
   -------------------------------------------------------------------------- */

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-cart-empty p {
  font-size: var(--home26-prose-body-size);
  line-height: 25px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-cart-empty > a {
  font-size: var(--home26-prose-body-size);
  line-height: 22px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .content-pagenot p {
  font-size: var(--home26-prose-body-size);
  line-height: 25px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #layout-cart table.table-cart td.item h3,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #layout-cart table.table-cart td.item h3 a {
  font-size: var(--home26-prose-body-size);
  line-height: 23px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #layout-cart .cart-buttons .btn-checkout,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #layout-cart .cart-buttons a {
  font-size: var(--home26-prose-body-size);
  line-height: 22px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-footer input[type=email] {
  font-size: var(--home26-input-size);
  line-height: var(--home26-input-lh);
}

/* --------------------------------------------------------------------------
   10. CHIẾN DỊCH BLACK FRIDAY & CHỐNG TRÀN KHUNG
   -------------------------------------------------------------------------- */

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .bf-filter-group > summary {
  font-size: 15px;
  line-height: 21px;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .bf-filter-group label,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .bf-filter-group .filter-text,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .bf-filter-group a,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .bf-filter-group a > span:not([aria-hidden]):not(.fa) {
  font-size: var(--home26-label-size);
  line-height: var(--home26-label-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #reset-filters,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #result-count,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .sort-wrap label {
  font-size: var(--home26-meta-small-size);
  line-height: var(--home26-meta-small-lh);
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .campaign-date > span,
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) #countdown-label {
  font-size: var(--home26-meta-small-size);
  line-height: 16px;
}

/* Co giãn khung ngày và countdown tự nhiên */
:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-bf-page .campaign-date {
  flex: 0 0 139px;
  width: 139px;
  white-space: normal;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-bf-page .campaign-date > span:first-child {
  white-space: normal;
}

:is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-bf-page #countdown {
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  background: none;
  border: 0;
  box-shadow: none;
}

@media (min-width: 768px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-bf-page #countdown {
    padding-top: 20.8px;
    padding-bottom: 20.8px;
  }
}

@media (max-width: 991px) {
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-bf-page .campaign {
    flex-wrap: wrap;
    row-gap: 14px;
  }
  :is(body.theme-ver-two, body.home-2026-page, body.mori-home-typography) .home26-bf-page #countdown {
    flex: 1 1 100%;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 4px 0 0 !important;
    padding: 9px 9px 4px !important;
    box-sizing: border-box !important;
  }
}