/* zogufabrika.lv — page-level styles on top of zf-public-components.css (from the home mock's page-local block). */
.zf-split-top { align-items: start; }
.zf-split-img { border-radius: var(--zf-radius-xl); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.zf-text-img, .zf-cover { border-radius: var(--zf-radius-xl); width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 9; }
.zf-mission { display: grid; gap: var(--zfp-grid-gap); }
@media (min-width: 768px) { .zf-mission { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.zf-mission article { padding: var(--zf-space-6); background: var(--zf-bg-surface); border: 1px solid var(--zf-border-subtle); border-radius: var(--zf-radius-lg); }
.zf-mission h3 { margin-bottom: var(--zf-space-2); }
.zf-mission p { color: var(--zf-text-secondary); }
.zf-quote { margin: var(--zf-space-10) 0 0; padding: var(--zf-space-6) var(--zf-space-8); border-left: 3px solid var(--zf-accent-2); background: var(--zf-accent-2-wash); border-radius: 0 var(--zf-radius-lg) var(--zf-radius-lg) 0; max-width: 72ch; }
.zf-quote p { font-size: var(--zfp-fs-lead); line-height: var(--zfp-lh-lead); color: var(--zf-text-primary); }
.zf-quote footer { margin-top: var(--zf-space-3); font-size: var(--zf-fs-14); color: var(--zf-text-muted); }
.zf-pagehead { padding-bottom: 0; }
.zf-crumbs-top { padding-block: var(--zf-space-4); }
.zf-gallery { display: grid; gap: var(--zfp-grid-gap); grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.zf-gallery figure { margin: 0; }
.zf-gallery img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--zf-radius-lg); display: block; }
.zf-gallery figcaption { margin-top: var(--zf-space-2); font-size: var(--zf-fs-14); color: var(--zf-text-muted); }
.zf-doc { display: flex; gap: var(--zf-space-3); align-items: center; padding: var(--zf-space-4); border: 1px solid var(--zf-border-default); border-radius: var(--zf-radius-lg); }
.zf-doc svg { width: 24px; height: 24px; flex: none; }
.zf-actions { display: flex; flex-wrap: wrap; gap: var(--zf-space-3); }
.zf-article h1 { margin-top: var(--zf-space-2); }
.zfp-cookie[hidden] { display: none; }
.zfp-linkbtn { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }
.zfp-linkbtn:hover { color: var(--zf-text-primary); }
/* long CTA labels ("Nopirkt veikalā — zoguveikals.lv") must wrap on phones instead of widening the page */
.zfp-cta .zfp-btn, .zfp-drawer__cta .zfp-btn { white-space: normal; max-width: 100%; text-align: center; }
.zfp-cta > div { min-width: 0; }

/* ---- design/REVIEW-control.md (11.10) ---------------------------------------------------------- */
/* 1. Stronger scrim behind the hero text (the old photos are busy). */
.zfp-hero__scrim { background: linear-gradient(90deg, rgba(10, 14, 18, 0.96) 0%, rgba(10, 14, 18, 0.86) 45%, rgba(10, 14, 18, 0.55) 100%); }
@media (max-width: 767px) { .zfp-hero__scrim { background: linear-gradient(180deg, rgba(10, 14, 18, 0.70) 0%, rgba(10, 14, 18, 0.96) 60%); } }
/* 2. News card without a cover: logo mark on surface-2. */
.zf-card-ph { display: grid; place-items: center; background: var(--zf-bg-surface-raised);   /* "surface-2" in the review = raised surface */ }
.zf-card-ph img { width: 64px; height: 64px; opacity: .55; object-fit: contain; }
/* 4. Cookie banner: compact; settings folded; a bottom sheet on phones (≤ 40 % of the viewport). */
.zfp-cookie { gap: var(--zf-space-3); }
.zf-cookie-more summary { cursor: pointer; font-size: var(--zf-fs-14); color: var(--zf-text-secondary); text-decoration: underline; }
.zf-cookie-more[open] summary { margin-bottom: var(--zf-space-3); }
.zf-cookie-more .zfp-btn { margin-top: var(--zf-space-3); }
@media (max-width: 767px) {
  .zfp-cookie { inset: auto 0 0 0; max-width: none; margin: 0; max-height: 40vh; overflow-y: auto;
                padding: var(--zf-space-4) var(--zfp-gutter); border-radius: var(--zf-radius-xl) var(--zf-radius-xl) 0 0;
                border-width: 1px 0 0 0; gap: var(--zf-space-2); }
  .zfp-cookie h2 { font-size: var(--zf-fs-16); line-height: var(--zf-lh-16, 1.4); }
  .zfp-cookie p { font-size: var(--zf-fs-13); line-height: var(--zf-lh-13); }
  .zfp-cookie__actions .zfp-btn { flex: 1 1 0; min-height: 44px; }
}