/* Complete tea chapters on phones: paper, readable copy and full photographs. */
@media (max-width: 700px) {
  body[data-page^="/dong-san-pham"] main :is(.fermented-page,.tea-index-page) {
    --tea-space:52px; --tea-gap:28px;
    background:var(--paper);color:var(--ink);min-width:0;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-wrap {
    width:calc(100% - 2 * var(--mobile-gutter,24px));max-width:none;margin-inline:auto;min-width:0;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(h1,h2,h3) {
    font-family:var(--display);font-weight:400;color:var(--ink);text-align:left;text-wrap:balance;
    overflow-wrap:break-word;max-width:100%;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page h1 {
    font-size:var(--cms-heading-size-mobile,var(--mobile-title,34px));line-height:1.16;margin:18px 0 22px;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page h2 {
    font-size:var(--cms-heading-size-mobile,var(--mobile-heading,32px));line-height:1.2;margin:16px 0 22px;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page h3 {font-size:25px;line-height:1.25}
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.eyebrow,.fermented-small-label) {
    color:var(--olive-text);font:400 9px/1.6 var(--sans);letter-spacing:.14em;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.lead,.fermented-story-copy,.ngoc-variety-body,.product-detail-block-copy) p,
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.lead,.fermented-section-head>p,.fermented-benefits-intro>p:not(.eyebrow)) {
    max-width:100%;font-size:var(--cms-body-size-mobile,var(--mobile-body,14px));line-height:1.8;color:var(--muted);text-align:left;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-story-copy,.ngoc-variety-body,.product-detail-block-copy) p+p {margin-top:20px}
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.art-fade,.art-title,[data-reveal]:not([data-mobile-slide])) {
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
  /* The opening copy and its facts precede the complete product photograph. */
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-cover,.ngoc-variety-cover) {
    padding:calc(var(--header) + 24px) 0 0;background:var(--paper);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-back,.ngoc-variety-breadcrumb) {
    display:flex;align-items:center;flex-wrap:wrap;min-height:44px;gap:12px;margin:0;
    color:var(--muted);font:400 10px/1.6 var(--sans);letter-spacing:.06em;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-hero,.ngoc-variety-hero) {
    display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0;margin:24px 0 32px;padding:0;
    grid-template-columns:minmax(0,1fr);background:transparent;overflow:visible;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-hero-copy,.ngoc-variety-copy) {
    order:0!important;width:100%;min-width:0;max-width:none;margin:0;padding:0!important;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-hero-art,.ngoc-variety-art) {
    order:1!important;position:relative;width:100%;min-width:0;max-width:none;margin:0;padding:0;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-photo-line,.ngoc-variety-art>span) {display:none}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-facts {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;padding-top:20px;border-color:var(--line);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-facts dt {
    color:var(--olive-text);font:400 clamp(18px,5.2vw,23px)/1.3 var(--display);overflow-wrap:break-word;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-facts dd {margin:8px 0 0;color:var(--muted);font:400 11px/1.7 var(--sans)}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-index {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:0;margin:0;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-index a,
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-index a+a {
    min-width:0;min-height:56px;padding:14px 10px 14px 0;gap:9px;border:0;border-top:1px solid var(--line);
    font:400 10px/1.6 var(--sans);color:var(--ink);
  }
  /* A single picture uses the same frame as pictures inside a running album. */
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-hero-art,.ngoc-variety-art,.fermented-variety-art,.fermented-story-photos,.fermented-brew-photo,.product-detail-block-visual,.ngoc-photo-gallery,.flower-photo-gallery) .media-frame,
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-brew-photo {
    display:block!important;position:relative!important;inset:auto!important;width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
    margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:8px!important;
    background:transparent!important;box-shadow:none!important;transform:none!important;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-hero-art,.ngoc-variety-art,.fermented-variety-art,.fermented-story-photos,.fermented-brew-photo,.product-detail-block-visual,.ngoc-photo-gallery,.flower-photo-gallery) img {
    display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;
    border-radius:8px!important;transform:none!important;filter:none!important;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .cms-picture {display:block;width:100%;height:auto}
  body[data-page^="/dong-san-pham"] main .fermented-page [data-mobile-gallery]>.media-frame[data-mobile-slide] img,
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-art .media-frame img {object-fit:contain!important}
  body[data-page^="/dong-san-pham"] main .fermented-page .media-caption {
    position:relative!important;inset:auto!important;display:block;max-width:100%;padding:10px 0 0;
    background:transparent;color:var(--muted);font:400 10px/1.7 var(--sans);text-align:left;
  }
  /* Every chapter remains in the reading flow, including notes and links. */
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-story,.fermented-collection,.fermented-benefits,.ngoc-variety-content,.ngoc-photo-gallery,.flower-photo-gallery) {
    padding:var(--tea-space) 0;background:var(--paper);color:var(--ink);border-color:var(--line);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-story-grid,.fermented-section-head,.ngoc-variety-content-grid) {
    display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-section-head {margin-bottom:32px}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-story-grid h2 {max-width:100%;margin-bottom:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-story-copy {max-width:100%;padding:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-varieties:not([data-mobile-gallery]) {
    display:flex;flex-direction:column;gap:40px;width:100%;margin:0;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety,
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-link {
    display:flex!important;flex-direction:column!important;gap:0;min-width:0;min-height:0;height:auto;
    border:0;background:transparent;border-radius:0;overflow:visible;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-copy {display:contents!important}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-copy>.fermented-small-label {order:1;margin:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety .fermented-variety-copy>h3 {order:2;min-height:0;margin:12px 0 18px;font-size:27px!important;line-height:1.2}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-copy>p:not(.fermented-small-label):not(.fermented-variety-note) {
    order:3;margin:0;font-size:var(--cms-body-size-mobile,var(--mobile-body,14px));line-height:1.8;color:var(--muted);
    max-height:none;overflow:visible;-webkit-line-clamp:unset;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-art {
    order:4;position:relative!important;display:block!important;width:100%!important;height:auto!important;
    min-height:0;aspect-ratio:auto!important;margin:24px 0 0!important;padding:0;border:0;overflow:visible;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-art:not(:has(img)) {
    display:grid!important;place-items:center;aspect-ratio:1!important;background:var(--cream);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-botanical {display:block;width:65%;height:auto;max-height:100%}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-number {display:none}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-copy>.fermented-variety-note {
    order:5;margin:16px 0 0;padding:12px 0 0;border-color:var(--line);color:var(--olive-text)!important;font:400 11px/1.7 var(--sans)!important;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-variety-cta {
    order:6;display:flex;align-items:center;justify-content:space-between;min-height:48px;margin:18px 0 0;
    padding:12px 0 0;border:0;border-top:1px solid var(--line);font:400 10px/1.5 var(--sans);color:var(--ink);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-collection-footer {
    display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:28px;padding-top:22px;border-color:var(--line);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-collection-footer>p {max-width:100%;color:var(--muted);font-size:var(--mobile-body,14px);line-height:1.8}
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-text-link,.product-detail-block .text-link) {
    display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;width:100%;margin-top:18px;
    padding:12px 0 0;border:0;border-top:1px solid var(--line);color:var(--ink);font:400 10px/1.6 var(--sans);letter-spacing:.08em;
  }
  /* Read all of the values before the supporting photograph and care note. */
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-benefits-grid {display:flex;flex-direction:column;gap:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-benefits-intro {display:contents}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-benefits-intro>.eyebrow {order:1}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-benefits-intro>h2 {order:2}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-benefits-intro>p:not(.eyebrow) {order:3;margin:0 0 28px}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-uses {order:4;width:100%;margin:0;padding:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-uses li {
    display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;padding:22px 0;border-color:var(--line);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-uses li>span {color:var(--olive-text);font:400 21px/1.5 var(--display)}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-uses h3 {margin:0 0 10px;color:var(--ink);font-size:25px;line-height:1.25}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-uses p {font-size:var(--mobile-body,14px);line-height:1.8;color:var(--muted)}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-brew-photo {order:5;margin:32px 0 0!important}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-care {
    order:6;align-self:stretch;margin:24px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--line);background:transparent;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-care p:not(.fermented-small-label) {font-size:var(--mobile-body,14px);line-height:1.8;color:var(--muted)}
  body[data-page^="/dong-san-pham"] main .fermented-page .product-detail-block {
    display:flex;flex-direction:column;gap:28px;width:calc(100% - 2 * var(--mobile-gutter,24px));max-width:none;
    padding:var(--tea-space) 0;margin-inline:auto;border-color:var(--line);
  }
  body[data-page^="/dong-san-pham"] main .fermented-page .product-detail-block-copy {order:1;min-width:0;padding:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .product-detail-block-visual {order:2;min-width:0}
  /* Keep every process step. The atlas retains its crop into eleven real tiles. */
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process {padding:var(--tea-space) var(--mobile-gutter,24px);background:var(--paper);border-color:var(--line)}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-head {display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:28px}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-lead {max-width:100%;margin:0;color:var(--muted);font-size:var(--mobile-body,14px);line-height:1.8}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-phase {margin:0;padding:26px 0;border-color:var(--line)}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-phase-head {display:block;margin:0 0 24px}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-phase-head h3 {margin-top:10px;font-size:25px;line-height:1.3}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-steps {display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:100%;margin:0;padding:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-step {display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:start;min-width:0;text-align:left}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-step::before,
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-step::after {display:none!important}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-art {width:88px;max-width:88px;margin:0;padding:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-art::before {display:none}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-photo {border-radius:0;aspect-ratio:1}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-number {position:relative;inset:auto;display:block;width:auto;height:auto;margin:9px 0 0;padding:0;border:0;background:transparent;color:var(--olive-text);font:400 11px/1.5 var(--sans);text-align:center}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-step:has(.tea-process-photo--pending) {grid-template-columns:32px minmax(0,1fr)}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-art:has(.tea-process-photo--pending) {width:32px;max-width:32px;margin:0;padding:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-art:has(.tea-process-photo--pending) .tea-process-number {width:auto;height:auto;margin:0;border:0;background:transparent;font:400 24px/1.3 var(--display)}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-copy h4 {min-height:0;margin:0 0 7px;color:var(--ink);font:500 12px/1.7 var(--sans)}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-description {max-width:100%;margin:0;font:400 12.5px/1.8 var(--sans);color:var(--muted)}
  body[data-page^="/dong-san-pham"] main .fermented-page .tea-process-caption {margin-top:18px;color:var(--muted);font-size:11px;line-height:1.7}
  /* The three Ngọc trà pages keep their full story and an easy return path. */
  body[data-page^="/dong-san-pham"] main .fermented-page .ngoc-variety-navigation {padding:var(--tea-space) 0;background:var(--paper);border-color:var(--line)}
  body[data-page^="/dong-san-pham"] main .fermented-page .ngoc-variety-navigation nav {display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:22px}
  body[data-page^="/dong-san-pham"] main .fermented-page .ngoc-variety-navigation nav a {display:grid;grid-template-columns:24px minmax(0,1fr) 12px;min-height:64px;gap:16px;padding:14px 0;border:0;border-top:1px solid var(--line);color:var(--ink)}
  body[data-page^="/dong-san-pham"] main .fermented-page .ngoc-variety-navigation nav a>strong {font:400 25px/1.3 var(--display)}
  body[data-page^="/dong-san-pham"] main .fermented-page .ngoc-variety-navigation nav a[aria-current="page"] {color:var(--olive-text)}
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-variety-cta>span,.ngoc-variety-navigation nav a>span:last-child) {
    position:relative;display:block;flex:none;width:12px;height:12px;font-size:0;line-height:0;color:currentColor;
  }
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-variety-cta>span,.ngoc-variety-navigation nav a>span:last-child)::before {content:"";position:absolute;top:0;right:0;width:9px;height:9px;border-top:1px solid currentColor;border-right:1px solid currentColor}
  body[data-page^="/dong-san-pham"] main .fermented-page :is(.fermented-variety-cta>span,.ngoc-variety-navigation nav a>span:last-child)::after {content:"";position:absolute;left:0;bottom:0;width:15px;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-index a>span:last-child {position:relative;flex:none;width:12px;height:12px;font-size:0;line-height:0}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-index a>span:last-child::before {content:"";position:absolute;bottom:0;right:0;width:9px;height:9px;border-bottom:1px solid currentColor;border-right:1px solid currentColor}
  body[data-page^="/dong-san-pham"] main .fermented-page .fermented-index a>span:last-child::after {content:"";position:absolute;top:0;left:0;width:15px;height:1px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
  /* The overview has the same type rhythm and complete, uncropped covers. */
  body[data-page="/dong-san-pham"] main .tea-index-inner {display:grid;grid-template-columns:minmax(0,1fr);gap:28px;width:calc(100% - 2 * var(--mobile-gutter,24px));padding:52px 0}
  body[data-page="/dong-san-pham"] main .tea-index-list a {min-width:0;min-height:64px;gap:12px}
  body[data-page="/dong-san-pham"] main .tea-index-list a strong {font-size:23px;line-height:1.25}
  body[data-page="/dong-san-pham"] main .tea-chapter .tea-chapter-photo {overflow:hidden;min-height:0;max-height:none}
  body[data-page="/dong-san-pham"] main .tea-chapter .tea-chapter-copy>p {overflow:visible;max-height:none;-webkit-line-clamp:unset}
}