/* ============================================================
   UAorganic — Culture page styles (single-microgreen.php)
   Extracted from design/culture.html
   ============================================================ */

/* ── CULTURE HERO ─────────────────────────────────────────── */
.cult-hero { background: var(--gradient-hero); position:relative; overflow:hidden; }
.cult-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:40px 40px; pointer-events:none; }
.cult-hero::after  { content:''; position:absolute; bottom:-60px; left:40%; width:420px; height:420px; background:radial-gradient(circle,rgba(34,197,94,.11) 0%,transparent 70%); pointer-events:none; }

.cult-hero__inner { position:relative; z-index:1; max-width:var(--max-w); margin:0 auto; padding:0 var(--sp-8); display:grid; grid-template-columns:1fr 1fr; min-height:520px; }

.cult-hero__photo { position:relative; overflow:hidden; border-radius:0 0 28px 0; }
.cult-hero__photo img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.cult-hero__photo::after { content:''; position:absolute; inset:0; background:linear-gradient(to right,rgba(5,46,22,.25) 0%,transparent 60%); }

.cult-hero__info { padding:40px 0 40px 44px; display:flex; flex-direction:column; }

.cult-breadcrumb { display:flex; align-items:center; gap:5px; font-size:12px; color:rgba(255,255,255,.4); margin-bottom:18px; flex-wrap:wrap; }
.cult-breadcrumb a { color:rgba(255,255,255,.4); text-decoration:none; transition:color 150ms ease; }
.cult-breadcrumb a:hover { color:rgba(255,255,255,.75); }
.cult-breadcrumb svg { width:11px; height:11px; flex-shrink:0; }

.cult-hero__badges { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-bottom:10px; }
.cult-cat { display:inline-flex; align-items:center; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.8); font-family:var(--font-heading); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; padding:4px 13px; border-radius:100px; }
.cult-hero__badges .badge { background:#ea580c; color:#fff; border-color:#ea580c; }
.cult-name { font-family:var(--font-heading); font-size:clamp(2.5rem,5vw,3.6rem); font-weight:800; color:#fff; line-height:1.05; margin:0 0 8px; }
.cult-latin { font-style:italic; font-size:14px; color:#fbbf24; margin:0 0 14px; letter-spacing:.01em; }
.cult-intro { font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.68); margin-bottom:18px; }

.cult-tags { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:16px; }

.cult-intensity { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.cult-intensity__label { font-family:var(--font-heading); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.07em; color:rgba(255,255,255,.45); white-space:nowrap; flex-shrink:0; }
.cult-intensity__track { flex:1; height:4px; background:rgba(255,255,255,.14); border-radius:100px; overflow:hidden; }
.cult-intensity__fill  { height:100%; background:linear-gradient(90deg,#22C55E,#86efac); border-radius:100px; }
.cult-intensity__score { font-family:var(--font-heading); font-size:12px; font-weight:800; color:#86efac; white-space:nowrap; flex-shrink:0; }

.cult-hero__sep { border:none; border-top:1px solid rgba(255,255,255,.1); margin:4px 0 18px; }
.cult-hero__ctas { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

.btn--hero-primary { display:inline-flex; align-items:center; gap:7px; padding:11px 20px; background:#ea580c; color:#fff; font-family:var(--font-heading); font-size:13px; font-weight:700; border-radius:11px; text-decoration:none; border:1px solid #ea580c; cursor:pointer; transition:background 200ms ease,border-color 200ms ease; }
.btn--hero-primary:hover { background:#c2410c; border-color:#c2410c; }
.btn--hero-outline { display:inline-flex; align-items:center; gap:7px; padding:11px 20px; background:rgba(255,255,255,.08); color:#fff; font-family:var(--font-heading); font-size:13px; font-weight:600; border-radius:11px; text-decoration:none; border:1px solid rgba(255,255,255,.4); cursor:pointer; transition:border-color 200ms ease,background 200ms ease; }
.btn--hero-outline:hover { border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.14); }
.btn--hero-gold { display:inline-flex; align-items:center; gap:7px; padding:11px 20px; background:#CA8A04; color:#fff; font-family:var(--font-heading); font-size:13px; font-weight:700; border-radius:11px; text-decoration:none; border:1px solid #CA8A04; cursor:pointer; transition:background 200ms ease,border-color 200ms ease; box-shadow:0 2px 10px rgba(202,138,4,.30); }
.btn--hero-gold:hover { background:#A16207; border-color:#A16207; box-shadow:0 4px 18px rgba(202,138,4,.40); }
.btn--hero-outline svg, .btn--hero-primary svg, .btn--hero-gold svg { width:15px; height:15px; flex-shrink:0; }

/* ── ANCHOR NAV ───────────────────────────────────────────── */
.page-nav { position:sticky; top:var(--header-h,88px); z-index:40; background:#fff; border-bottom:1px solid #e2e8f0; box-shadow:0 1px 6px rgba(0,0,0,.05); }
.admin-bar .page-nav { top:calc(var(--header-h,88px) + 32px); }
@media screen and (max-width:782px) { .admin-bar .page-nav { top:calc(var(--header-h,64px) + 46px); } }
.page-nav__inner { max-width:var(--max-w); margin:0 auto; padding:0 var(--sp-8); display:flex; overflow-x:auto; scrollbar-width:none; }
.page-nav__inner::-webkit-scrollbar { display:none; }
.page-nav__item { display:inline-flex; align-items:center; gap:6px; padding:13px 18px; font-family:var(--font-heading); font-size:13px; font-weight:600; color:#64748b; text-decoration:none; border-bottom:2px solid transparent; white-space:nowrap; transition:color 150ms ease,border-color 150ms ease; }
.page-nav__item:hover { color:var(--color-primary); }
.page-nav__item.active { color:var(--color-primary); border-bottom-color:var(--color-primary); }
.page-nav__item svg { width:13px; height:13px; flex-shrink:0; }
.page-nav__sep { width:1px; height:20px; background:#e2e8f0; margin:auto 6px; flex-shrink:0; align-self:center; }
.page-nav__item--grow { color:#15803d; }
.page-nav__item--grow.active { color:var(--color-primary); border-bottom-color:var(--color-primary); }
.page-nav__item--grow:not(.active) { opacity:.75; }
.page-nav__item--grow:not(.active):hover { opacity:1; }

/* ── SHARED SECTION STYLES ────────────────────────────────── */
.cult-section { padding:48px 0; background:#fff; }
.cult-section--alt { background:var(--color-bg,#F0FDF4); }
.cult-section--alt .section-desc { color:#334155; }
.cult-section--grow { background:#f8fafc; }
.cult-section .container { max-width:var(--max-w); margin:0 auto; padding:0 var(--sp-8); }

.section-head { display:grid; grid-template-columns:auto 1fr; gap:0 40px; align-items:start; margin-bottom:28px; }
.section-head--simple { grid-template-columns:1fr; margin-bottom:24px; }
.section-head--simple .section-desc { padding-top:6px; }
.section-label { display:inline-flex; align-items:center; gap:7px; font-family:var(--font-heading); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-primary); margin-bottom:6px; }
.section-label svg { width:13px; height:13px; }
.section-title { font-family:var(--font-heading); font-size:clamp(1.35rem,2.5vw,1.75rem); font-weight:800; color:var(--color-text); margin:0; white-space:nowrap; }
.section-desc { font-size:14px; line-height:1.7; color:#1e293b; margin:0; padding-top:20px; }

/* ── FLAVOR TAGS ──────────────────────────────────────────── */
.ftag { display:inline-flex; align-items:center; font-family:var(--font-heading); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:4px 11px; border-radius:100px; }
.ftag--spicy   { background:#fef2f2; color:#b91c1c; }
.ftag--sweet   { background:#fff7ed; color:#c2410c; }
.ftag--nutty   { background:#fff7ed; color:#c2410c; }
.ftag--fresh   { background:#f0fdf4; color:#15803d; }
.ftag--neutral { background:#f8fafc; color:#475569; }
.ftag--citrus  { background:#fefce8; color:#a16207; }
.ftag--pungent { background:#fdf4ff; color:#7e22ce; }
.ftag--earthy  { background:#f5f0ff; color:#6d28d9; }
.ftag--minty   { background:#ecfdf5; color:#047857; }
.ftag--dark    { background:rgba(255,255,255,.11); color:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.16); }
.ftag--milky   { background:#f0f9ff; color:#0369a1; }

/* ── SECTION 1: TASTE ─────────────────────────────────────── */
.taste-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:16px; }
.taste-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:18px 20px; border-top-width:3px; display:flex; gap:14px; align-items:flex-start; transition:box-shadow 200ms ease,transform 200ms ease; }
.taste-card:hover { box-shadow:0 6px 20px rgba(0,0,0,.07); transform:translateY(-2px); }
.taste-card--taste   { border-top-color:#15803d; }
.taste-card--aroma   { border-top-color:#7c3aed; }
.taste-card--texture { border-top-color:#d97706; }
.taste-card__icon { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
.taste-card--taste   .taste-card__icon { background:#dcfce7; color:#15803d; }
.taste-card--aroma   .taste-card__icon { background:#ede9fe; color:#7c3aed; }
.taste-card--texture .taste-card__icon { background:#fef3c7; color:#b45309; }
.taste-card__icon svg { width:18px; height:18px; }
.taste-card__body { flex:1; min-width:0; }
.taste-card__label { font-family:var(--font-heading); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; margin-bottom:3px; }
.taste-card--taste   .taste-card__label { color:#15803d; }
.taste-card--aroma   .taste-card__label { color:#7c3aed; }
.taste-card--texture .taste-card__label { color:#b45309; }
.taste-card__value { font-family:var(--font-heading); font-size:15px; font-weight:800; color:var(--color-text); margin-bottom:5px; }
.taste-card__desc  { font-size:13px; line-height:1.6; color:#64748b; margin:0; }

.taste-profile { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#e2e8f0; border:1px solid #e2e8f0; border-radius:14px; overflow:hidden; }
.taste-profile__row { background:#fff; padding:16px 20px; display:flex; flex-direction:column; gap:10px; }
.taste-profile__row:nth-child(1),.taste-profile__row:nth-child(4) { background:#f8fafc; }
.taste-profile__key { display:flex; align-items:center; gap:7px; font-family:var(--font-heading); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:#94a3b8; }
.taste-profile__key svg { width:13px; height:13px; flex-shrink:0; }
.taste-profile__val { display:flex; flex-wrap:wrap; gap:5px; }
.tex-chip  { display:inline-flex; align-items:center; gap:4px; font-size:12px; font-family:var(--font-heading); font-weight:500; color:#475569; background:#fff; border:1px solid #e2e8f0; border-radius:7px; padding:4px 10px; }
.tex-chip svg { width:11px; height:11px; color:var(--color-primary); }
.pair-chip { display:inline-flex; font-size:12px; font-family:var(--font-heading); font-weight:600; color:var(--color-primary); background:#dcfce7; border-radius:7px; padding:4px 10px; }
.role-chip { display:inline-flex; font-size:12px; font-family:var(--font-heading); font-weight:600; color:#7c3aed; background:#ede9fe; border-radius:7px; padding:4px 10px; }

/* ── SECTION 2: USAGE ─────────────────────────────────────── */
.usage-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.usage-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:20px; display:flex; gap:14px; transition:border-color 200ms ease,box-shadow 200ms ease; }
.usage-card:hover { border-color:#d1fae5; box-shadow:0 4px 16px rgba(21,128,61,.08); }
.usage-card__icon { width:44px; height:44px; border-radius:12px; background:#f0fdf4; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--color-primary); }
.usage-card__icon svg { width:20px; height:20px; }
.usage-card__title { font-family:var(--font-heading); font-size:14px; font-weight:700; color:var(--color-text); margin:0 0 6px; }
.usage-card__text  { font-size:13px; line-height:1.6; color:#64748b; margin:0; }
.usage-tip { margin-top:16px; background:#fff; border:1px solid #d1fae5; border-left:4px solid var(--color-primary); border-radius:10px; padding:13px 16px; font-size:13px; line-height:1.6; color:#334155; display:flex; gap:9px; align-items:flex-start; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.usage-tip svg { width:15px; height:15px; flex-shrink:0; margin-top:1px; color:#ea580c; }
.usage-tip strong { color:#ea580c; }

/* Ідеальні поєднання */
.usage-pairings { margin-top:28px; }
.usage-pairings__label { font-family:var(--font-heading); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; margin:0 0 14px; }
.usage-pairings__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.usage-pair-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:16px 18px; display:flex; flex-direction:column; gap:8px; transition:border-color .15s,box-shadow .15s; }
.usage-pair-card:hover { border-color:#d1fae5; box-shadow:0 4px 12px rgba(21,128,61,.07); }
.usage-pair-card__head { display:flex; align-items:center; gap:10px; }
.usage-pair-card__icon { width:32px; height:32px; border-radius:8px; background:#dcfce7; color:#15803d; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.usage-pair-card__icon svg { width:16px; height:16px; }
.usage-pair-card__title { font-family:var(--font-heading); font-size:14px; font-weight:700; color:#1e293b; }
.usage-pair-card__desc { font-size:12.5px; color:#64748b; line-height:1.6; margin:0; }
.usage-pair-card__items { display:flex; flex-wrap:wrap; gap:5px; margin-top:2px; }
.usage-pair-card__item { background:#f0fdf4; color:#15803d; border:1px solid #d1fae5; border-radius:20px; font-size:11px; font-weight:500; padding:3px 9px; }
@media (max-width:640px) { .usage-pairings__grid { grid-template-columns:1fr; } }

/* Що НЕ варто робити */
.usage-donts { margin-top:20px; background:#fff7ed; border:1px solid #fed7aa; border-left:4px solid #ea580c; border-radius:10px; padding:14px 16px; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.usage-donts__header { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.usage-donts__header svg { width:15px; height:15px; flex-shrink:0; color:#ea580c; }
.usage-donts__header span { font-family:var(--font-heading); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#c2410c; }
.usage-donts__list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px; }
.usage-donts__list li { font-size:13px; line-height:1.6; color:#431407; padding-left:18px; position:relative; }
.usage-donts__list li::before { content:"×"; position:absolute; left:0; top:0; font-size:14px; font-weight:700; color:#ea580c; line-height:1.45; }
.usage-donts__link { display:inline-block; margin-top:12px; font-size:12px; font-weight:600; color:var(--color-primary); text-decoration:none; border-bottom:1px dashed var(--color-primary); opacity:.8; }
.usage-donts__link:hover { opacity:1; }

/* ── SECTION 3: BENEFITS ──────────────────────────────────── */
.nutrient-card-wrap { border:1px solid #e2e8f0; border-top:3px solid var(--color-primary); border-radius:12px; overflow:hidden; background:#fff; }
.nutrient-table { width:100%; border-collapse:collapse; font-size:13.5px; }
.nutrient-table caption { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; text-align:left; padding:10px 14px; background:var(--color-primary); caption-side:top; }
.nutrient-table tr { border-bottom:1px solid #f1f5f9; }
.nutrient-table tr:last-child { border-bottom:none; }
.nutrient-table tbody tr:nth-child(even) { background:#f8fafc; }
.nutrient-table th { width:130px; padding:9px 14px; font-family:var(--font-heading); font-weight:700; font-size:13px; color:#0f172a; text-align:left; vertical-align:top; white-space:nowrap; }
.nutrient-table td { padding:9px 14px 9px 0; color:#475569; line-height:1.5; vertical-align:top; }
.benefits-prose { font-size:13.5px; line-height:1.7; color:#475569; margin:0 0 16px; }
.not-suitable { background:#fffbeb; border:1px solid #fde68a; border-radius:12px; padding:16px 18px; height:100%; box-sizing:border-box; }
.not-suitable__title { font-family:var(--font-heading); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:#b91c1c; margin-bottom:10px; display:flex; align-items:center; gap:5px; }
.not-suitable__title svg { width:13px; height:13px; }
.not-suitable ul { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; }
.not-suitable ul li { font-size:12.5px; line-height:1.6; color:#64748b; padding-left:14px; position:relative; }
.not-suitable ul li::before { content:'·'; position:absolute; left:4px; color:#fca5a5; }
.benefits-disclaimer { margin-top:16px; font-size:12px; line-height:1.6; color:#64748b; display:flex; align-items:flex-start; gap:8px; background:#fafafa; border:1px solid #f0e8e8; border-left:2px solid #fca5a5; border-radius:8px; padding:9px 13px; }
.benefits-disclaimer svg { flex-shrink:0; margin-top:2px; color:#fca5a5; }
.benefits-disclaimer a { color:#64748b; text-decoration:underline; text-underline-offset:2px; }
.benefits-disclaimer a:hover { color:#1e293b; }

/* ── BENEFITS TOP LAYOUT ─────────────────────────────── */
.benefits-top { display:grid; grid-template-columns:3fr 2fr; gap:20px; align-items:start; margin-bottom:4px; }
.benefits-top__left { min-width:0; }
.benefits-top__right { min-width:0; }
@media (max-width:640px) { .benefits-top { grid-template-columns:1fr; } }

/* ── KNOW SECTION ────────────────────────────────────── */
.know-section__label { font-family:var(--font-heading); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; margin:20px 0 12px; }
.know-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.know-item { background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px 16px; }
.know-item__title { font-family:var(--font-heading); font-size:13px; font-weight:700; color:#0f172a; margin:0 0 5px; }
.know-item__desc { font-size:12.5px; color:#64748b; line-height:1.6; margin:0; }
@media (max-width:600px) { .know-list { grid-template-columns:1fr; } }

/* ── ZONE DIVIDER ─────────────────────────────────────────── */
.zone-divider { background:linear-gradient(100deg,#052E16 0%,#14532D 55%,#166534 100%); position:relative; overflow:hidden; }
.zone-divider::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:32px 32px; pointer-events:none; }
.zone-divider__inner { position:relative; z-index:1; max-width:var(--max-w); margin:0 auto; padding:22px var(--sp-8); display:flex; align-items:center; gap:18px; }
.zone-divider__icon { width:44px; height:44px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#86efac; }
.zone-divider__icon svg { width:22px; height:22px; }
.zone-divider__text { flex:1; }
.zone-divider__label { display:block; font-family:var(--font-heading); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:#86efac; margin-bottom:3px; }
.zone-divider__title { font-family:var(--font-heading); font-size:17px; font-weight:800; color:#fff; margin:0; line-height:1.2; }
.zone-divider__desc { font-size:13px; color:rgba(255,255,255,.5); margin-top:2px; }
.zone-divider__badges { display:flex; gap:8px; align-items:center; flex-shrink:0; }
.zone-badge { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-heading); font-size:11px; font-weight:700; padding:5px 12px; border-radius:100px; white-space:nowrap; }
.zone-badge svg { width:11px; height:11px; }
.zone-badge--neutral { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.8); }
.zone-badge--warn    { background:rgba(254,243,199,.15); border:1px solid rgba(252,211,77,.35); color:#fde68a; }
.zone-badge--seeding { background:#ff8c00; border:1px solid rgba(255,140,0,.6); color:#fff; text-decoration:none; transition:background 150ms ease; }
.zone-badge--seeding:hover { background:#ff7a00; color:#fff; }

/* ── SECTION 4: GROW CARD ─────────────────────────────────── */
.grow-params { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:20px; }
.grow-param { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px 14px; display:flex; flex-direction:column; gap:6px; }
.grow-param--warn { border-color:#fecaca; background:#fff7f7; }
.grow-param--ok   { border-color:#bbf7d0; background:#f0fdf4; }
.grow-param__icon { width:28px; height:28px; background:#f0fdf4; border-radius:7px; display:flex; align-items:center; justify-content:center; color:var(--color-primary); }
.grow-param--warn .grow-param__icon { background:#fef2f2; color:#b91c1c; }
.grow-param--ok   .grow-param__icon { background:#dcfce7; color:#15803d; }
.grow-param__icon svg { width:14px; height:14px; }
.grow-param__label { font-family:var(--font-heading); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#94a3b8; }
.grow-param__value { font-family:var(--font-heading); font-size:14px; font-weight:800; color:#0f172a; line-height:1.2; }
.grow-param--warn .grow-param__value { color:#b91c1c; }
.grow-param--ok   .grow-param__value { color:#15803d; }
.grow-param__sub  { font-size:11px; color:#94a3b8; line-height:1.3; }

.grow-notes-grid  { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.grow-notes-block { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:20px; }
.grow-notes-block--ok { border-color:#bbf7d0; }
.grow-notes-block--warn { border-color:#fecaca; }
.grow-notes-block__title { font-family:var(--font-heading); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#64748b; margin-bottom:12px; display:flex; align-items:center; gap:6px; }
.grow-notes-block--ok .grow-notes-block__title { color:#15803d; }
.grow-notes-block--warn .grow-notes-block__title { color:#b91c1c; }
.grow-notes-block__title svg { width:13px; height:13px; }
.grow-notes-block ul { margin:0; padding:0; list-style:none; }
.grow-notes-block ul li { position:relative; padding-left:28px; padding-bottom:14px; font-size:13px; line-height:1.6; color:#475569; }
.grow-notes-block ul li:last-child { padding-bottom:0; }
.grow-notes-block ul li::before { content:''; position:absolute; left:0; top:7px; width:10px; height:10px; border-radius:50%; background:#15803d; }
.grow-notes-block ul li:not(:last-child)::after { content:''; position:absolute; left:4px; top:18px; width:2px; bottom:0; background:#d1fae5; }
.grow-notes-block--warn ul li::before { background:#b91c1c; }
.grow-notes-block--warn ul li:not(:last-child)::after { background:#fecaca; }
.grow-notes-block ul li strong { color:#1e293b; font-weight:600; }

.edu-block { margin-top:20px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:18px 22px; display:flex; align-items:center; gap:16px; }
.edu-block__icon { width:40px; height:40px; background:#f0fdf4; border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--color-primary); flex-shrink:0; }
.edu-block__icon svg { width:20px; height:20px; }
.edu-block__text { flex:1; font-size:13.5px; line-height:1.55; color:#475569; }
.edu-block__text strong { color:#1e293b; font-weight:600; }
.edu-block__btn { display:inline-flex; align-items:center; gap:7px; padding:9px 18px; background:var(--color-primary); color:#fff; font-family:var(--font-heading); font-size:13px; font-weight:700; border-radius:9px; text-decoration:none; white-space:nowrap; transition:background 200ms ease; }
.edu-block__btn:hover { background:var(--color-primary-hover); }
.edu-block__btn svg { width:13px; height:13px; }

/* ── SECTION 5: SIMILAR CULTURES ─────────────────────────── */
.similar-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.sim-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; overflow:hidden; transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease; text-decoration:none; display:block; cursor:pointer; }
.sim-card:hover { border-color:#bbf7d0; box-shadow:0 5px 16px rgba(21,128,61,.1); transform:translateY(-2px); }
.sim-card__photo { height:100px; overflow:hidden; }
.sim-card__photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 300ms ease; }
.sim-card:hover .sim-card__photo img { transform:scale(1.07); }
.sim-card__placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-size:1.8rem; font-weight:800; color:#fff; }
.sim-card__body { padding:12px; }
.sim-card__cat  { font-family:var(--font-heading); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.07em; color:#94a3b8; margin-bottom:2px; }
.sim-card__name { font-family:var(--font-heading); font-size:13px; font-weight:700; color:var(--color-text); margin:0 0 7px; }
.sim-card__tags { display:flex; gap:4px; flex-wrap:wrap; }
.sim-tag          { font-family:var(--font-heading); font-size:10px; font-weight:600; padding:2px 7px; border-radius:100px; background:#f0fdf4; color:#15803d; }
.sim-tag--spicy   { background:#fef2f2; color:#b91c1c; }
.sim-tag--citrus  { background:#fefce8; color:#a16207; }
.sim-tag--minty   { background:#ecfdf5; color:#047857; }
.sim-tag--nutty   { background:#fff7ed; color:#c2410c; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width:1024px) {
    .similar-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px) {
    .cult-hero__inner    { grid-template-columns:1fr; min-height:auto; }
    .cult-hero__photo    { height:260px; border-radius:0; }
    .cult-hero__info     { padding:28px var(--sp-6); }
    .section-head        { grid-template-columns:1fr; }
    .section-desc        { padding-top:6px; }
    .taste-cards         { grid-template-columns:1fr 1fr; }
    .usage-grid          { grid-template-columns:1fr; }
    .grow-params         { grid-template-columns:repeat(2,1fr); }
    .grow-notes-grid     { grid-template-columns:1fr; }
    .taste-profile       { grid-template-columns:1fr; }
    .edu-block           { flex-wrap:wrap; }
    .similar-grid        { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px) {
    .cult-section        { padding:36px 0; }
    .taste-cards         { grid-template-columns:1fr; }
    .taste-profile       { grid-template-columns:1fr; }
    .grow-params         { grid-template-columns:repeat(2,1fr); }
    .similar-grid        { grid-template-columns:repeat(2,1fr); }
    .nutrient-grid       { grid-template-columns:1fr; }
    .nutrient-card--wide { grid-column:1; }
    .zone-divider__inner  { flex-direction:column; align-items:flex-start; gap:10px; }
    .zone-divider__badges { flex-wrap:wrap; gap:6px; }

}
@media (prefers-reduced-motion:reduce) {
    .sim-card, .sim-card__photo img, .usage-card, .taste-card { transition:none; }
    .sim-card:hover { transform:none; }
    .sim-card:hover .sim-card__photo img { transform:none; }
    .taste-card:hover { transform:none; }
}

/* ── PAGE-NAV: GROW-MODE SWAP ─────────────────────────── */
.page-nav__main { display:flex; align-items:stretch; width:100%; }
.page-nav__grow-inner { display:none; align-items:stretch; width:100%; }
.page-nav.grow-mode .page-nav__main { display:none; }
.page-nav.grow-mode .page-nav__grow-inner { display:flex; animation:navFadeIn 180ms ease; }
@keyframes navFadeIn {
    from { opacity:0; transform:translateY(-3px); }
    to   { opacity:1; transform:none; }
}
.page-nav__back-top { display:inline-flex; align-items:center; gap:5px; padding:13px 16px; font-family:var(--font-heading); font-size:12px; font-weight:700; color:#475569; background:none; border:none; border-bottom:2px solid transparent; border-right:1px solid #e2e8f0; cursor:pointer; white-space:nowrap; text-decoration:none; flex-shrink:0; transition:color 150ms ease; }
.page-nav__back-top svg { width:12px; height:12px; }
.page-nav__back-top:hover { color:var(--color-primary); }
.page-nav__grow-ctx { display:inline-flex; align-items:center; gap:5px; padding:13px 14px; font-family:var(--font-heading); font-size:12px; font-weight:700; color:var(--color-primary); text-decoration:none; border-bottom:2px solid var(--color-primary); border-right:1px solid #e2e8f0; white-space:nowrap; flex-shrink:0; }
.page-nav__grow-ctx svg { width:12px; height:12px; }


/* ── RIPENESS TIMELINE ───────────────────────────────── */
.ripeness-label { font-family:var(--font-heading); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#94a3b8; display:flex; align-items:center; gap:6px; margin-top:20px; margin-bottom:8px; }
.ripeness-label svg { width:12px; height:12px; }
.ripeness-timeline { display:flex; gap:10px; margin-top:24px; margin-bottom:4px; }
.ripeness-stage { flex:1; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px 14px 12px; display:flex; flex-direction:column; gap:6px; }
.ripeness-stage--optimal { background:#f0fdf4; border-color:#bbf7d0; }
.ripeness-stage--ok      { background:#fefce8; border-color:#fde68a; }
.ripeness-stage--over    { background:#fff7ed; border-color:#fed7aa; }
.ripeness-stage__days { font-family:var(--font-heading); font-size:20px; font-weight:800; color:#0f172a; }
.ripeness-stage--ok   .ripeness-stage__days { color:#92400e; }
.ripeness-stage--over .ripeness-stage__days { color:#c2410c; }
.ripeness-stage__badge { font-family:var(--font-heading); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:2px 8px; border-radius:100px; width:fit-content; }
.ripeness-stage--optimal .ripeness-stage__badge { background:#dcfce7; color:#15803d; }
.ripeness-stage--ok      .ripeness-stage__badge { background:#fef9c3; color:#a16207; }
.ripeness-stage--over    .ripeness-stage__badge { background:#ffedd5; color:#c2410c; }
.ripeness-stage__desc { font-size:12px; line-height:1.5; color:#64748b; margin:0; }
.taste-batch-note { margin-top:16px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:16px 18px; }
.taste-batch-note__title { font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#94a3b8; margin-bottom:8px; }
.taste-batch-note__text { font-size:13px; color:#475569; line-height:1.7; margin:0; }
.taste-batch-note__text p { margin:0 0 8px; color:#475569; font-size:13px; line-height:1.7; }
.taste-batch-note__text p:last-child { margin-bottom:0; }
.taste-batch-note__text strong { color:#1e293b; }

/* ── STORAGE SECTION ─────────────────────────────────── */
.storage-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.storage-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:18px; display:flex; flex-direction:column; gap:10px; }
.storage-card--rule { grid-column:1/-1; background:#fffbeb; border-color:#fde68a; flex-direction:column; align-items:center; text-align:center; }
.storage-card--rule .storage-card__icon { background:#fef3c7; color:#d97706; }
.storage-card__header { display:flex; align-items:center; gap:10px; }
.storage-card__icon { width:38px; height:38px; background:#f1f5f9; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#475569; flex-shrink:0; }
.storage-card__icon svg { width:18px; height:18px; }
.storage-card__name { font-family:var(--font-heading); font-size:14px; font-weight:700; color:#0f172a; line-height:1.3; flex:1; }
.storage-card__conditions { font-size:13px; line-height:1.55; color:#475569; }
.storage-shelf { display:inline-flex; align-items:center; gap:5px; background:#f1f5f9; border:1px solid #e2e8f0; color:#334155; font-family:var(--font-heading); font-size:16px; font-weight:800; padding:4px 12px; border-radius:100px; flex-shrink:0; }
.storage-shelf svg { width:11px; height:11px; }

/* ── GROW SUB-NAV (TOC pills) ────────────────────────── */
.grow-sub-nav { display:flex; gap:6px; flex-wrap:wrap; margin:24px 0 32px; padding:14px 16px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; }
.grow-sub-nav__label { font-family:var(--font-heading); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#94a3b8; white-space:nowrap; align-self:center; padding-right:4px; }
.grow-sub-nav__item { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-heading); font-size:12px; font-weight:600; color:#475569; background:#f8fafc; border:1px solid #e2e8f0; border-radius:20px; padding:4px 12px; text-decoration:none; white-space:nowrap; transition:background 150ms ease,color 150ms ease,border-color 150ms ease; }
.grow-sub-nav__item:hover { background:#f0fdf4; color:var(--color-primary); border-color:#bbf7d0; }
.grow-sub-nav__item svg { width:11px; height:11px; flex-shrink:0; }

/* ── GROW STEPS ──────────────────────────────────────── */
.grow-steps-label { font-family:var(--font-heading); font-size:15px; font-weight:700; color:#0f172a; margin:0 0 12px; display:flex; align-items:center; gap:8px; }
.grow-steps-label svg { width:16px; height:16px; color:var(--color-primary); }
.grow-steps { display:flex; flex-direction:column; gap:10px; margin-bottom:24px; }
.grow-step { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:18px 18px 16px; display:grid; grid-template-columns:40px 1fr; gap:0 14px; align-items:start; }
.grow-step__num { width:40px; height:40px; background:var(--color-primary); color:#fff; border-radius:12px; display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-size:16px; font-weight:800; flex-shrink:0; }
.grow-step__title { font-family:var(--font-heading); font-size:14px; font-weight:700; color:#0f172a; margin:0 0 6px; padding-top:10px; }
.grow-step__text { font-size:13.5px; line-height:1.6; color:#475569; margin:0; grid-column:2; }
.grow-step__tip { grid-column:2; margin-top:8px; background:#f0fdf4; border-left:3px solid #22c55e; padding:8px 12px; border-radius:0 8px 8px 0; font-size:12.5px; line-height:1.5; color:#15803d; }
@media (max-width:768px) {
    .grow-step            { grid-template-columns:1fr; justify-items:center; gap:8px 0; }
    .grow-step__num       { margin:0 auto 4px; }
    .grow-step__title     { grid-column:1; padding-top:0; width:100%; text-align:left; }
    .grow-step__text      { grid-column:1; width:100%; }
    .grow-step__tip       { grid-column:1; width:100%; }
}

/* ── WATERING + STORAGE (side by side) ───────────────── */
.grow-water-storage { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; margin-bottom:24px; }
.grow-water { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:16px 18px; }
.grow-storage-block { background:#fffbeb; border:1px solid #fde68a; border-radius:14px; padding:16px 18px; }
.grow-storage-block .grow-store-table { margin-bottom:0; }
.grow-water ul { margin:0 0 0 16px; padding:0; display:flex; flex-direction:column; gap:6px; }
.grow-water li { font-size:13px; line-height:1.55; color:#334155; }
.grow-water__tip { margin-top:12px; font-size:12.5px; color:#166534; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:8px; padding:9px 13px; }
.grow-store-table { width:100%; border-collapse:collapse; font-size:13.5px; margin-bottom:10px; }
.grow-store-table tr { border-bottom:1px solid #f1f5f9; }
.grow-store-table tr:last-child { border-bottom:none; }
.grow-store-table th { padding:9px 12px 9px 0; font-family:var(--font-heading); font-weight:700; font-size:13px; color:#0f172a; text-align:left; vertical-align:middle; width:46%; }
.grow-store-table td { padding:9px 10px; color:#64748b; font-size:13px; vertical-align:middle; }
.grow-store-table td:last-child { text-align:right; }
.store-badge { display:inline-block; font-family:var(--font-heading); font-size:12px; font-weight:700; padding:3px 10px; border-radius:20px; white-space:nowrap; }
.store-badge--green  { background:#dcfce7; color:#15803d; border:1px solid #bbf7d0; }
.store-badge--yellow { background:#fef9c3; color:#a16207; border:1px solid #fde68a; }
.store-badge--red    { background:#fee2e2; color:#b91c1c; border:1px solid #fecaca; }
.grow-store-tip { font-size:12.5px; color:#166534; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:8px; padding:10px 14px; margin-bottom:24px; }

/* ── HARVEST GRID ────────────────────────────────────── */
.grow-harvest-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:24px; }
.grow-harvest-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:14px 16px; }
.grow-harvest-card__label { font-family:var(--font-heading); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--color-primary); margin-bottom:9px; }
.grow-harvest-card ul { margin:0 0 0 14px; padding:0; display:flex; flex-direction:column; gap:4px; }
.grow-harvest-card li, .grow-harvest-card p { font-size:13px; line-height:1.55; color:#334155; margin:0; }

/* ── SEASONAL CORRECTIONS ────────────────────────────── */
.seasonal-label { font-family:var(--font-heading); font-size:15px; font-weight:700; color:#0f172a; margin:0 0 12px; display:flex; align-items:center; gap:8px; }
.seasonal-label svg { width:16px; height:16px; color:var(--color-primary); }
.seasonal-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:24px; }
.seasonal-panel { border-radius:14px; padding:18px; }
.seasonal-panel--summer { background:#fff7ed; border:1px solid #fed7aa; }
.seasonal-panel--winter { background:#eff6ff; border:1px solid #bfdbfe; }
.seasonal-panel__header { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.seasonal-panel__icon { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.seasonal-panel--summer .seasonal-panel__icon { background:#ffedd5; color:#c2410c; }
.seasonal-panel--winter .seasonal-panel__icon { background:#dbeafe; color:#1d4ed8; }
.seasonal-panel__icon svg { width:18px; height:18px; }
.seasonal-panel__title { font-family:var(--font-heading); font-size:14px; font-weight:700; color:#0f172a; }
.seasonal-panel__temp  { font-size:11px; font-weight:600; color:#64748b; }
.seasonal-panel ul { margin:0; padding:0 0 0 16px; display:flex; flex-direction:column; gap:5px; }
.seasonal-panel li { font-size:13px; line-height:1.5; color:#475569; }
.seasonal-panel--summer li { color:#7c2d12; }
.seasonal-panel--winter li { color:#1e3a5f; }

/* ── GROW ACCORDION (details/summary) ────────────────── */
.grow-accordion { border:none; margin-bottom:24px; }
.grow-accordion > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px; position:relative; }
.grow-accordion > summary::-webkit-details-marker { display:none; }
.grow-accordion > summary::after { content:''; display:block; width:16px; height:16px; margin-left:auto; flex-shrink:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:contain; transition:transform 200ms ease; }
.grow-accordion[open] > summary::after { transform:rotate(180deg); }
.grow-accordion > summary:hover { opacity:.82; }
.grow-accordion__body { padding-top:4px; }

/* ── pH / EC BLOCK ───────────────────────────────────── */
.phec-label { font-family:var(--font-heading); font-size:15px; font-weight:700; color:#0f172a; margin:0 0 12px; display:flex; align-items:center; gap:8px; }
.phec-label svg { width:16px; height:16px; color:var(--color-primary); }
.phec-block { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:24px; }
.phec-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:16px 18px; }
.phec-card__label { font-family:var(--font-heading); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#94a3b8; margin-bottom:4px; }
.phec-card__value { font-family:var(--font-heading); font-size:22px; font-weight:800; color:var(--color-primary); line-height:1; margin-bottom:4px; }
.phec-card__name  { font-family:var(--font-heading); font-size:12px; font-weight:600; color:#374151; margin-bottom:8px; }
.phec-card__track { height:4px; background:#e2e8f0; border-radius:100px; overflow:hidden; margin-bottom:8px; }
.phec-card__fill  { height:100%; background:linear-gradient(90deg,#22c55e,#86efac); border-radius:100px; }
.phec-card__desc  { font-size:12px; line-height:1.5; color:#64748b; margin:0; }

/* ── GROWER TIPS ─────────────────────────────────────── */
.tips-label { font-family:var(--font-heading); font-size:15px; font-weight:700; color:#0f172a; margin:0 0 12px; display:flex; align-items:center; gap:8px; }
.tips-label svg { width:16px; height:16px; color:var(--color-primary); }
.grower-tips { display:flex; flex-direction:column; gap:8px; margin-bottom:24px; }
.grower-tip { display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:14px 16px; }
.grower-tip__dot { width:24px; height:24px; background:#dcfce7; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; }
.grower-tip__dot svg { width:12px; height:12px; color:#15803d; }
.grower-tip__title { font-family:var(--font-heading); font-size:13px; font-weight:700; color:#0f172a; margin:0 0 4px; }
.grower-tip__text  { font-size:13px; line-height:1.55; color:#475569; margin:0; }

/* ── VARIETY SECTION ─────────────────────────────────── */
.grow-variety-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.grow-variety-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px 18px; }
.grow-variety-card__title { font-family:var(--font-heading); font-size:14px; font-weight:700; color:#0f172a; margin:0 0 2px; }
.grow-variety-card__sub  { font-size:11px; color:var(--color-primary); font-weight:600; margin:0 0 8px; }
.grow-variety-card__text { font-size:13px; line-height:1.6; color:#475569; margin:0; }
.grow-variety-warn { background:#fff7ed; border:1px solid #fed7aa; border-left:4px solid #ea580c; border-radius:10px; padding:12px 16px; font-size:13px; line-height:1.6; color:#431407; margin-bottom:24px; }

/* ── PAGE-END CTA ────────────────────────────────────── */
.page-end-cta { background:linear-gradient(135deg,#052E16 0%,#14532D 100%); padding:40px 0; }
.page-end-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.page-end-cta__label { font-family:var(--font-heading); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.45); margin:0 0 6px; }
.page-end-cta__title { font-family:var(--font-heading); font-size:clamp(1.25rem,2.5vw,1.6rem); font-weight:800; color:#fff; margin:0 0 6px; }
.page-end-cta__sub   { font-size:13.5px; color:rgba(255,255,255,.55); margin:0; max-width:420px; }
.page-end-cta__actions { display:flex; gap:10px; flex-shrink:0; flex-wrap:wrap; }
.page-end-cta__btn { display:inline-flex; align-items:center; gap:7px; padding:11px 22px; font-family:var(--font-heading); font-size:13px; font-weight:700; border-radius:11px; text-decoration:none; cursor:pointer; transition:background 200ms ease,border-color 200ms ease,color 200ms ease; }
.page-end-cta__btn svg { width:15px; height:15px; flex-shrink:0; }
.page-end-cta__btn--primary { background:#15803d; color:#fff; border:1px solid #15803d; }
.page-end-cta__btn--primary:hover { background:#166534; border-color:#166534; }
.page-end-cta__btn--outline { background:transparent; color:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.25); }
.page-end-cta__btn--outline:hover { border-color:rgba(255,255,255,.5); color:#fff; background:rgba(255,255,255,.07); }

/* ── NEW RESPONSIVE ──────────────────────────────────── */
@media (max-width:640px) {
    .ripeness-timeline    { flex-direction:column; }
    .storage-cards        { grid-template-columns:1fr; }
    .storage-card--rule   { flex-direction:column; }
    .grow-water-storage   { grid-template-columns:1fr; }
    .seasonal-grid        { grid-template-columns:1fr; }
    .phec-block           { grid-template-columns:1fr; }
    .grow-harvest-grid    { grid-template-columns:1fr; }
    .grow-variety-grid    { grid-template-columns:1fr; }
    .page-end-cta__inner  { flex-direction:column; align-items:flex-start; }
    .page-end-cta__actions { width:100%; }
    .page-end-cta__btn    { flex:1; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) {
    .page-nav__grow-inner { animation:none; }
}

/* ── MOBILE FIXES ────────────────────────────────────── */
@media (max-width:768px) {
    /* Hide anchor navs on mobile — not useful without JS scroll */
    .page-nav { display:none; }
    .grow-sub-nav { display:none; }
}

@media (max-width:640px) {
    /* Section title: allow wrapping on mobile */
    .section-title { white-space:normal; }

    /* Nutrient table: enable horizontal scroll instead of clip */
    .nutrient-card-wrap { overflow-x:auto; overflow-y:hidden; }
    .nutrient-table { font-size:12px; }
    .nutrient-table th { width:90px; padding:7px 10px; }
    .nutrient-table td { padding:7px 10px 7px 0; }

    /* Hero decorative circle: shrink on mobile */
    .cult-hero::after { width:260px; height:260px; bottom:-40px; }
}

/* Hover effects only on devices that support hover (not touch) */
@media (hover: hover) {
    .sim-card:hover { border-color:#bbf7d0; box-shadow:0 5px 16px rgba(21,128,61,.1); transform:translateY(-2px); }
    .sim-card:hover .sim-card__photo img { transform:scale(1.07); }
    .taste-card:hover { box-shadow:0 6px 20px rgba(0,0,0,.07); transform:translateY(-2px); }
    .usage-card:hover { border-color:#d1fae5; box-shadow:0 4px 16px rgba(21,128,61,.08); }
    .usage-pair-card:hover { border-color:#d1fae5; box-shadow:0 4px 12px rgba(21,128,61,.07); }
}