/* Fresh360 facts detail overlay, 2026-10-12.
 * Load AFTER retained v4 inline CSS and browse-editorial-f82bacbb78b0.css.
 * Shell + @font-face come from that shared asset. All selectors are opt-in.
 * !important is limited to properties with retained v4/normalization conflicts.
 * Native details and [hidden] remain in control of content visibility.
 */ body.editorial-facts { --facts-paper: #fffaf6; --facts-card: #fffdfb; --facts-line: #eaded6; --facts-ink: #251b20; --facts-muted: #6b5b60; --facts-berry: #b92f63; margin: 0; background: var(--facts-paper); color: var(--facts-ink); font-family: "DM Sans", Arial, sans-serif; overflow-x: visible; } body.editorial-facts main.rv-v4-detail { --v4-max: 1200px; --v4-bg: #fffaf6; --v4-paper: #fffaf6; --v4-ink: #251b20; --v4-muted: #6b5b60; --v4-soft: #6b5b60; --v4-faint: #6b5b60; --v4-line: #eaded6; --v4-rose: #b92f63; --v4-mint: #faedf2; --v4-mint-ink: #96234e; width: 100% !important; max-width: none !important; min-width: 0; margin: 0 !important; padding: 0 0 56px !important; overflow: visible !important; background: var(--facts-paper) !important; color: var(--facts-ink); font: 400 15px/1.65 "DM Sans", Arial, sans-serif; } body.editorial-facts main.rv-v4-detail .v4-wrap { width: min(1200px, calc(100% - 48px)) !important; max-width: 1200px !important; min-width: 0; margin-inline: auto !important; } body.editorial-facts main.rv-v4-detail :is(h1,h2,h3) { font-family: "Playfair Display", Georgia, serif !important; color: var(--facts-ink); overflow-wrap: anywhere; } body.editorial-facts main.rv-v4-detail :is(p,li,article,figure,details,td,th) { overflow-wrap: anywhere; } body.editorial-facts main.rv-v4-detail :is(p,li) { font-size: 15px; line-height: 1.65; } body.editorial-facts main.rv-v4-detail :is(p,li,article,figcaption,summary,td,th,dt,dd,button,input,select) { font-family: "DM Sans", Arial, sans-serif !important; } body.editorial-facts main.rv-v4-detail :is(a,button,input,select,summary):focus-visible, body.editorial-facts :is(.rv-site-head,.rv-site-footer,.bottomnav) a:focus-visible { outline: 2px solid var(--facts-berry); outline-offset: 4px; } body.editorial-facts main.rv-v4-detail :is(section,[id]) { scroll-margin-top: 96px; } /* Genuine widths rather than clipping inherited overflow. */ body.editorial-facts main.rv-v4-detail .v4-hero { padding: 26px 0 30px; background: transparent; } body.editorial-facts main.rv-v4-detail .v4-breadcrumb { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 20px; font-size: 14px; line-height: 1.5; color: var(--facts-muted); } body.editorial-facts main.rv-v4-detail .v4-breadcrumb > * { min-width: 0; overflow-wrap: anywhere; } body.editorial-facts main.rv-v4-detail .v4-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; color: var(--facts-berry); } body.editorial-facts main.rv-v4-detail .v4-hero-grid { display: grid !important; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important; gap: clamp(28px,4vw,56px) !important; align-items: start !important; } body.editorial-facts main.rv-v4-detail .v4-hero-grid.facts-no-image, body.editorial-facts main.rv-v4-detail .v4-hero-grid:not(:has(.v4-visual)) { grid-template-columns: minmax(0,1fr) !important; } body.editorial-facts main.rv-v4-detail .v4-hero-copy { min-width: 0; max-width: none; padding: 18px 0 0 !important; order: 2 !important; display: flex; flex-direction: column; align-items: stretch; } body.editorial-facts main.rv-v4-detail :is(.v4-eyebrow,.v4-brand,.facts-brand) { color: var(--facts-berry); font: 600 14px/1.5 "DM Sans", Arial, sans-serif; letter-spacing: .05em; margin: 0 0 10px; } body.editorial-facts main.rv-v4-detail .v4-hero-copy > :is(.v4-brand,.facts-brand) { order: -2; } body.editorial-facts main.rv-v4-detail .v4-hero h1 { max-width: none !important; font-size: clamp(32px,3.1vw,44px) !important; font-weight: 500; line-height: 1.12 !important; letter-spacing: -.025em; margin: 0 0 16px; } body.editorial-facts main.rv-v4-detail .v4-hero-sub { max-width: 64ch !important; font-size: 15px !important; line-height: 1.65 !important; color: var(--facts-muted) !important; margin: 0 0 16px; } body.editorial-facts main.rv-v4-detail .v4-hero-copy > .v4-hero-sub { order: 1; } /* First-screen answer and product-specific cautions remain normal content. */ body.editorial-facts main.rv-v4-detail .v4-hero-copy > .v4-answer { order: 1; margin: 0 0 14px; padding: 14px 16px; border: 1px solid var(--facts-line); border-left: 3px solid var(--facts-berry); border-radius: 10px; background: #faedf2; } body.editorial-facts main.rv-v4-detail .v4-answer-label { color: var(--facts-berry); font: 600 14px/1.5 "DM Sans", Arial, sans-serif; letter-spacing: 0; } body.editorial-facts main.rv-v4-detail .v4-answer p { margin: 6px 0 0; font-size: 15px; line-height: 1.6; } body.editorial-facts main.rv-v4-detail .v4-answer p { font-family: "DM Sans", Arial, sans-serif !important; } body.editorial-facts main.rv-v4-detail .v4-hero-copy > .v4-fit-grid { order: 1; display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; margin: 0 0 14px; } body.editorial-facts main.rv-v4-detail .v4-fit { min-width: 0; padding: 14px 16px; border: 1px solid var(--facts-line); border-radius: 10px; background: var(--facts-card); } body.editorial-facts main.rv-v4-detail .v4-fit.caution { border-left: 3px solid #aa791e; background: #fff8ec; } body.editorial-facts main.rv-v4-detail .v4-fit :is(.v4-fit-head,.v4-fit-note) { font-size: 14px; line-height: 1.6; letter-spacing: 0; } body.editorial-facts main.rv-v4-detail .v4-fit ul { padding-left: 20px; margin: 8px 0; } body.editorial-facts main.rv-v4-detail .v4-action-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 12px; order: 2; } body.editorial-facts main.rv-v4-detail .v4-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px !important; max-width: 100%; padding: 10px 18px; border: 1px solid var(--facts-berry); border-radius: 10px; background: var(--facts-berry); color: #fff; font: 600 14px/1.5 "DM Sans", Arial, sans-serif; white-space: normal; text-decoration: none; } body.editorial-facts main.rv-v4-detail .rv-legacy-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; order: 3; min-width: 0; } body.editorial-facts main.rv-v4-detail .rv-legacy-actions :is(button,a):not([hidden]) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; max-width: 100%; border: 1px solid var(--facts-line); border-radius: 10px; padding: 9px 12px; background: var(--facts-card); color: var(--facts-ink); font: 500 14px/1.5 "DM Sans", Arial, sans-serif; white-space: normal; text-decoration: none; } body.editorial-facts main.rv-v4-detail .rv-legacy-actions button[aria-pressed="true"] { border-color: var(--facts-berry); color: var(--facts-berry); background: #faedf2; } body.editorial-facts main.rv-v4-detail .rv-legacy-actions [role="status"] { flex-basis: 100%; margin: 0; } /* Image remains white/contain. Long image/version captions remain readable. */ body.editorial-facts main.rv-v4-detail .v4-visual { order: 1 !important; display: flex !important; flex-direction: column; position: relative; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; grid-template-rows: none !important; margin: 0; border: 1px solid var(--facts-line); border-radius: 18px !important; background: #fff !important; overflow: visible !important; } body.editorial-facts main.rv-v4-detail .v4-visual::after { content: none; } body.editorial-facts main.rv-v4-detail .v4-visual img { position: static !important; width: 100% !important; height: 340px !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 340px !important; padding: 16px 28px !important; margin: 0; object-fit: contain !important; object-position: center !important; mix-blend-mode: normal !important; transform: none !important; } body.editorial-facts main.rv-v4-detail :is(.v4-visual-top,.v4-visual-bottom) { position: static !important; width: auto; height: auto !important; min-height: 0 !important; max-height: none; padding: 14px 18px !important; gap: 10px 16px; background: transparent !important; overflow: visible !important; align-items: start; flex-wrap: wrap; } body.editorial-facts main.rv-v4-detail .v4-visual-top { order: 1; } body.editorial-facts main.rv-v4-detail .v4-visual img { order: 2; } body.editorial-facts main.rv-v4-detail .v4-visual figcaption { order: 3; max-width: none !important; padding: 14px 18px; margin: 0; border-top: 1px solid var(--facts-line); } body.editorial-facts main.rv-v4-detail .v4-visual-bottom { order: 4; border-top: 1px solid var(--facts-line); } body.editorial-facts main.rv-v4-detail :is(.v4-visual-label,.v4-visual-mark,.v4-visual-mark small,.v4-visual-bottom span) { font: 500 14px/1.5 "DM Sans", Arial, sans-serif; color: var(--facts-muted); letter-spacing: 0; text-transform: none; } body.editorial-facts main.rv-v4-detail .v4-visual-bottom > div { min-width: 0; flex: 1 1 140px; } body.editorial-facts main.rv-v4-detail .v4-visual-bottom strong { color: var(--facts-ink); font: 500 16px/1.4 "DM Sans", Arial, sans-serif; overflow-wrap: anywhere; } /* Section navigation wraps; cards have zero minimum grid track width. */ body.editorial-facts main.rv-v4-detail .v4-rail { position: static; display: flex; flex-wrap: wrap; gap: 6px 10px; overflow: visible; margin: 0 0 12px; padding: 12px 0; background: var(--facts-paper); border-block: 1px solid var(--facts-line); backdrop-filter: none; } body.editorial-facts main.rv-v4-detail .v4-rail a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; padding: 8px 12px; font-size: 14px; white-space: normal; } body.editorial-facts main.rv-v4-detail .v4-section { min-width: 0; padding: 30px 0; border-bottom: 1px solid var(--facts-line); } body.editorial-facts main.rv-v4-detail .v4-section-head { display: block; margin-bottom: 20px; } body.editorial-facts main.rv-v4-detail .v4-section-head h2 { font-size: 30px; line-height: 1.2; font-weight: 500; margin: 0 0 9px; } body.editorial-facts main.rv-v4-detail .v4-section-head p { font-size: 15px; max-width: 70ch; margin: 0 0 8px; } body.editorial-facts main.rv-v4-detail .v4-question-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px; border: 0; } body.editorial-facts main.rv-v4-detail .v4-question-grid article { display: flex; flex-direction: column; min-width: 0; width: auto; padding: 18px; gap: 8px; border: 1px solid var(--facts-line); border-radius: 12px; background: var(--facts-card); } body.editorial-facts main.rv-v4-detail .v4-question-grid article :is(strong,span) { font-size: 15px; line-height: 1.6; } body.editorial-facts main.rv-v4-detail .v4-question-grid article strong { color: var(--facts-muted); font-weight: 500; } body.editorial-facts main.rv-v4-detail .v4-question-grid article span { color: var(--facts-ink); font-weight: 500; } body.editorial-facts main.rv-v4-detail .v4-data-boundary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0 0 20px; padding: 0; background: transparent; border: 0; } body.editorial-facts main.rv-v4-detail .v4-boundary-stat { min-width: 0; padding: 16px; border: 1px solid var(--facts-line); border-radius: 12px; background: #faedf2; } body.editorial-facts main.rv-v4-detail .v4-boundary-stat :is(strong,span) { display: block; font-size: 14px; line-height: 1.6; color: var(--facts-ink); } body.editorial-facts main.rv-v4-detail .v4-source-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } body.editorial-facts main.rv-v4-detail .v4-source-row { display: flex; flex-direction: column; align-items: stretch; min-width: 0; padding: 20px; gap: 8px; border: 1px solid var(--facts-line); border-radius: 12px; background: var(--facts-card); } body.editorial-facts main.rv-v4-detail .v4-source-row :is(strong,span,a) { font-size: 15px; line-height: 1.65; } body.editorial-facts main.rv-v4-detail .v4-source-row strong { color: var(--facts-ink); font-weight: 600; } body.editorial-facts main.rv-v4-detail .v4-source-row span { color: var(--facts-muted); } body.editorial-facts main.rv-v4-detail .v4-source-row a { display: flex; align-items: center; min-height: 44px; white-space: normal; color: var(--facts-berry); margin-top: auto; } /* Existing ingredients/shade details + reviewer-added fact disclosures. */ body.editorial-facts main.rv-v4-detail .v4-details-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } body.editorial-facts main.rv-v4-detail :is(details.v4-details,details.facts-more,details.facts-reading,details.facts-unavailable,details.facts-image-notes) { min-width: 0; max-width: 100%; border: 1px solid var(--facts-line); border-radius: 12px; background: var(--facts-card); padding: 0 18px; } body.editorial-facts main.rv-v4-detail details.facts-more { order: 4; margin-top: 8px; } body.editorial-facts main.rv-v4-detail details.facts-reading { margin: 24px 0; } body.editorial-facts main.rv-v4-detail details.facts-unavailable { margin-top: 16px; } body.editorial-facts main.rv-v4-detail details.facts-image-notes { order: 3; margin: 0 12px 12px; } body.editorial-facts main.rv-v4-detail details.facts-image-notes figcaption { padding: 0 0 14px; border: 0; } body.editorial-facts main.rv-v4-detail details.facts-unavailable[open] > .v4-question-grid { padding-bottom: 18px; } body.editorial-facts main.rv-v4-detail :is(details.v4-details,details.facts-more,details.facts-reading,details.facts-unavailable,details.facts-image-notes) > summary { display: flex; align-items: center; justify-content: space-between; min-height: 52px !important; gap: 16px; padding: 14px 0 !important; color: var(--facts-ink); font: 600 15px/1.6 "DM Sans", Arial, sans-serif !important; cursor: pointer; list-style: none; } body.editorial-facts main.rv-v4-detail :is(details.v4-details,details.facts-more,details.facts-reading,details.facts-unavailable,details.facts-image-notes) > summary::-webkit-details-marker { display: none; } body.editorial-facts main.rv-v4-detail :is(details.v4-details,details.facts-more,details.facts-reading,details.facts-unavailable,details.facts-image-notes) > summary::after { content: "+"; color: var(--facts-berry); flex: 0 0 20px; font: 400 24px/1 "DM Sans", Arial, sans-serif; } body.editorial-facts main.rv-v4-detail :is(details.v4-details,details.facts-more,details.facts-reading,details.facts-unavailable,details.facts-image-notes)[open] > summary::after { content: "\2212"; } body.editorial-facts main.rv-v4-detail .v4-details-content { padding: 4px 0 18px; } body.editorial-facts main.rv-v4-detail :is(details.facts-more,details.facts-reading,details.facts-unavailable,details.facts-image-notes)[open] > summary { border-bottom: 1px solid var(--facts-line); margin-bottom: 16px; } body.editorial-facts main.rv-v4-detail .facts-more .v4-answer { margin: 0 0 16px; padding: 0; background: transparent; border: 0; } body.editorial-facts main.rv-v4-detail .facts-more .v4-answer-label { font-size: 14px; color: var(--facts-berry); } body.editorial-facts main.rv-v4-detail .facts-more .v4-fit-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; margin: 16px 0; } body.editorial-facts main.rv-v4-detail .facts-more .v4-fit { padding: 16px; border: 1px solid var(--facts-line); border-radius: 10px; background: var(--facts-paper); min-width: 0; } body.editorial-facts main.rv-v4-detail .facts-more :is(.v4-fit-head,.v4-fit-note,.v4-hero-meta small,.v4-hero-meta strong) { font-size: 14px; line-height: 1.6; letter-spacing: 0; } body.editorial-facts main.rv-v4-detail .facts-more .v4-hero-meta { display: grid; gap: 12px; padding: 0 0 18px; margin: 0; font-size: 14px; } body.editorial-facts main.rv-v4-detail .facts-more .v4-hero-meta > span { display: flex; flex-wrap: wrap; gap: 4px 10px; } body.editorial-facts main.rv-v4-detail .facts-more .v4-hero-meta > span + span::before { content: none; } body.editorial-facts main.rv-v4-detail .facts-reading .v4-section { padding: 12px 0 22px; } body.editorial-facts main.rv-v4-detail .v4-risk-list { display: block; padding-left: 22px; } body.editorial-facts main.rv-v4-detail .v4-risk-list li { padding: 6px 0; } /* Current-options has real label text in each cell. No generated facts. */ body.editorial-facts main.rv-v4-detail #current-options .v4-question-grid[role="table"] { grid-template-columns: minmax(0,1fr) !important; gap: 12px; } body.editorial-facts main.rv-v4-detail #current-options [role="row"] { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(min(160px,100%),1fr)) !important; align-items: start; gap: 14px 20px; padding: 20px; } body.editorial-facts main.rv-v4-detail #current-options [role="cell"] { min-width: 0; display: flex; flex-direction: column; gap: 5px; } body.editorial-facts main.rv-v4-detail #current-options [role="cell"] a { display: inline-flex; align-items: center; min-height: 44px; color: var(--facts-berry); font-size: 14px; white-space: normal; } body.editorial-facts main.rv-v4-detail #current-options table { width: 100%; table-layout: fixed; border-collapse: collapse; } body.editorial-facts main.rv-v4-detail #current-options :is(td,th) { padding: 12px; font-size: 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--facts-line); } /* Match shared shell; targets remain comfortable despite old theme rules. */ body.editorial-facts .rv-site-head { background: var(--facts-paper); height: 78px; } body.editorial-facts .rv-shell-wrap { width: min(1200px,calc(100% - 48px)); margin-inline: auto; } body.editorial-facts .rv-site-head :is(.rv-wordmark,.rv-header-search,.rv-desktop-nav a,.rv-saved-link), body.editorial-facts .rv-site-footer :is(.rv-wordmark,.rv-footer-col a) { display: inline-flex; align-items: center; min-height: 44px; } body.editorial-facts .rv-site-footer .rv-footer-col a { display: flex; } body.editorial-facts .rv-site-head .rv-header-search { text-decoration: none; } body.editorial-facts .bottomnav a { min-height: 44px; min-width: 44px; } body.editorial-facts main.rv-v4-detail .rp-rc-cta { display: inline-flex; align-items: center; min-height: 44px !important; } @media (min-width: 768px) { body.editorial-facts .bottomnav { display: none !important; } } @media (max-width: 1000px) { body.editorial-facts main.rv-v4-detail .v4-question-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body.editorial-facts main.rv-v4-detail .v4-visual img { height: 280px !important; max-height: 280px !important; } } @media (max-width: 767px) { body.editorial-facts { padding-bottom: calc(72px + env(safe-area-inset-bottom)); } body.editorial-facts main.rv-v4-detail { padding-bottom: 32px !important; font-size: 14px; } body.editorial-facts main.rv-v4-detail .v4-wrap, body.editorial-facts .rv-shell-wrap { width: calc(100% - 32px) !important; } body.editorial-facts main.rv-v4-detail .v4-hero { padding: 16px 0 18px; } body.editorial-facts main.rv-v4-detail .v4-hero > .v4-wrap { display: flex; flex-direction: column; } body.editorial-facts main.rv-v4-detail .v4-breadcrumb { order: 2; margin: 12px 0 0; gap: 4px 8px; font-size: 14px; } body.editorial-facts main.rv-v4-detail .v4-hero-grid { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; order: 1; } body.editorial-facts main.rv-v4-detail .v4-hero-copy { padding: 0 !important; } body.editorial-facts main.rv-v4-detail .v4-action-row { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px; width: 100%; } body.editorial-facts main.rv-v4-detail .v4-action-row > .v4-button { width: 100% !important; min-width: 0 !important; margin: 0; padding: 10px 12px; text-align: center; } body.editorial-facts main.rv-v4-detail .rv-legacy-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 6px; width: 100%; } body.editorial-facts main.rv-v4-detail .rv-legacy-actions :is(button,a):not([hidden]) { width: 100%; min-width: 0; padding: 8px 10px; text-align: center; } body.editorial-facts main.rv-v4-detail .rv-legacy-actions [role="status"] { grid-column: 1/-1; } body.editorial-facts main.rv-v4-detail .v4-rail { flex-wrap: nowrap; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; gap: 6px; padding: 6px 0; margin-bottom: 6px; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } body.editorial-facts main.rv-v4-detail .v4-rail a { flex: 0 0 auto; white-space: nowrap; padding: 8px 10px; } body.editorial-facts main.rv-v4-detail .v4-hero h1 { font-size: clamp(24px,6.7vw,30px) !important; line-height: 1.16 !important; margin-bottom: 12px; } body.editorial-facts main.rv-v4-detail .v4-hero-sub { font-size: 14px !important; line-height: 1.6 !important; margin-bottom: 12px; } body.editorial-facts main.rv-v4-detail .v4-visual { border-radius: 12px !important; } body.editorial-facts main.rv-v4-detail .v4-visual img { order: 0; height: clamp(180px,48vw,210px) !important; max-height: 210px !important; padding: 12px 24px !important; } body.editorial-facts main.rv-v4-detail :is(.v4-visual-top,.v4-visual-bottom) { padding: 10px 14px !important; } body.editorial-facts main.rv-v4-detail .v4-visual figcaption { padding: 12px 14px; } body.editorial-facts main.rv-v4-detail .v4-visual-bottom strong { font-size: 14px; } body.editorial-facts main.rv-v4-detail .v4-section { padding: 24px 0; } body.editorial-facts main.rv-v4-detail .v4-section-head { margin-bottom: 16px; } body.editorial-facts main.rv-v4-detail .v4-section-head h2 { font-size: 26px; } body.editorial-facts main.rv-v4-detail :is(p,li,.v4-section-head p,.v4-question-grid article strong,.v4-question-grid article span,.v4-source-row strong,.v4-source-row span,.v4-source-row a) { font-size: 14px; line-height: 1.65; } body.editorial-facts main.rv-v4-detail :is(.v4-question-grid,.v4-data-boundary,.v4-source-list,.v4-details-grid) { grid-template-columns: minmax(0,1fr) !important; gap: 12px; } body.editorial-facts main.rv-v4-detail .v4-question-grid article { padding: 16px; } body.editorial-facts main.rv-v4-detail .v4-source-row { padding: 16px; } body.editorial-facts main.rv-v4-detail #current-options [role="row"] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; padding: 16px; gap: 14px; } body.editorial-facts main.rv-v4-detail #current-options [role="cell"]:first-child, body.editorial-facts main.rv-v4-detail #current-options [role="cell"]:last-child { grid-column: 1/-1; } body.editorial-facts main.rv-v4-detail #current-options [role="cell"]:last-child a { justify-content: center; padding: 10px 14px; border: 1px solid var(--facts-line); border-radius: 8px; } body.editorial-facts main.rv-v4-detail #current-options :is(table,thead,tbody) { display: block; } body.editorial-facts main.rv-v4-detail #current-options tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-block: 12px; padding: 12px; border: 1px solid var(--facts-line); border-radius: 10px; } body.editorial-facts main.rv-v4-detail #current-options :is(td,th) { min-width: 0; padding: 6px; } body.editorial-facts main.rv-v4-detail :is(details.v4-details,details.facts-more,details.facts-reading,details.facts-unavailable,details.facts-image-notes) { padding-inline: 14px; } body.editorial-facts .rv-site-head { height: 62px; } body.editorial-facts .rv-header-row { gap: 12px; } body.editorial-facts .rv-header-tools { gap: 10px; } body.editorial-facts .rv-header-search { font-size: 14px; padding: 6px 12px; } body.editorial-facts .rv-site-footer { padding-bottom: calc(100px + env(safe-area-inset-bottom)); } body.editorial-facts .rv-site-footer :is(p,.rv-footer-col a,.rv-footer-note) { font-size: 14px; line-height: 1.65; } body.editorial-facts .bottomnav { display: block !important; position: fixed !important; inset: auto 0 0 !important; bottom: 0 !important; z-index: 1000 !important; width: 100%; min-height: 64px; box-sizing: border-box; padding: 0 8px env(safe-area-inset-bottom); margin: 0; border-top: 1px solid var(--facts-line); background: var(--facts-paper); box-shadow: 0 -4px 18px #251b2008; } body.editorial-facts .bottomnav__in { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%; max-width: 600px; margin: auto; gap: 0; } body.editorial-facts .bottomnav__in a { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; min-width: 0; min-height: 64px; padding: 5px 2px; gap: 3px; font: 500 14px/1.4 "DM Sans", Arial, sans-serif; color: var(--facts-muted); text-decoration: none; } body.editorial-facts .bottomnav__in a[aria-current] { color: var(--facts-berry); } body.editorial-facts .bottomnav__in svg { width: 22px; height: 22px; flex: 0 0 22px; } body.editorial-facts .bottomnav__in .n:not([hidden]) { position: absolute; right: 6px; top: 4px; min-width: 18px; font-size: 12px; } } @media (prefers-reduced-motion: reduce) { body.editorial-facts main.rv-v4-detail { scroll-behavior: auto; } } /* Packaging caveats without a product image follow the identification and actions. */ body.editorial-facts main.rv-v4-detail .facts-no-image > .v4-hero-copy { order: 1 !important; } body.editorial-facts main.rv-v4-detail .facts-no-image > .v4-visual { order: 2 !important; } /* Collection navigation is already present in the site header and bottom navigation. */ body.editorial-facts main.rv-v4-detail .rv-legacy-actions > a { display: none !important; } body.editorial-facts main.rv-v4-detail .facts-repeated-archive { order: 3 !important; }