/* ============================================================================
 * assets/css/oga-site-feed.css — the shared "same style" system for the
 * homepage and every directory-style archive (Tours, Guides, News,
 * Promote, Marketing services). Enqueued conditionally by
 * oga_core_enqueue_assets() on is_front_page() and is_post_type_archive()
 * for that list.
 *
 *   .oga-hook         — the "Guides · Destinations · News · Tours" feature
 *                        band (inc/hook-band.php), called right after the
 *                        page's plain title/subtitle header on every
 *                        directory archive so a visitor always sees the
 *                        whole ecosystem, not just the list they landed on.
 *   .oga-feed         — the compact, high-speed photo feed grid: small
 *                        square thumbnails, more tiles per row, minimal
 *                        chrome, paired with oga_core_card( $id, true ).
 *   .oga-tour-cats / .oga-tour-why — reusable "browse by category" tiles
 *                        and "why book with us" split, first built for
 *                        Tours and reused as-is on the Guides archive
 *                        (harmless unused CSS anywhere else it's not
 *                        called, kept in one file so the "same style"
 *                        system has one source).
 * ==========================================================================*/
/* ── Compact, high-speed photo feed ──────────────────────────────────────
 * Small square-ish tiles, tight gaps, more per row than .oga-grid — built
 * for fast scanning and a lighter image payload (oga_core_card( $id, true )
 * requests the 'thumbnail' image size instead of 'medium'). */


.oga-feed {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: var(--oga-space-xs);
	margin-bottom: var(--oga-space-sm);
}

.oga-card--compact .oga-card__media { aspect-ratio: 1 / 1; border-radius: var(--oga-radius); }

.oga-card--compact .oga-card__badge { font-size: 10px; padding: 3px 8px; top: 8px; left: 8px; }

.oga-card--compact .oga-card__body { padding: 8px 1px 0; }

.oga-card--compact .oga-card__title {
	font-size: 13px;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 1100px) {
  .oga-feed { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 780px) {
  .oga-feed { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
  .oga-feed { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}
/* ── Category tiles — the four experience groups from the offer doc ─── */


.oga-tour-cats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--oga-space-sm);
	margin-bottom: var(--oga-space-xl);
}

.oga-tour-cat {
	display: block;
	padding: var(--oga-space-md) var(--oga-space-sm);
	border: 1px solid var(--oga-border);
	border-radius: var(--oga-radius-lg);
	background: var(--oga-bg);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.oga-tour-cat:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(15,37,87,.1); border-color: var(--oga-saffron); text-decoration: none; }

.oga-tour-cat__icon {
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: var(--oga-bg-soft);
	color: var(--oga-saffron);
	margin-bottom: 14px;
}

.oga-tour-cat h3 { font-size: 17px; margin: 0 0 6px; color: var(--oga-ink); }

.oga-tour-cat p { font-size: 14px; line-height: 1.55; color: var(--oga-ink-muted); margin: 0; }

@media (max-width: 900px) {
  .oga-tour-cats { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .oga-tour-cats { grid-template-columns: 1fr; }
}

.oga-tour-cats--3col { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 780px) {
  .oga-tour-cats--3col { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .oga-tour-cats--3col { grid-template-columns: 1fr; }
}

.oga-tour-section__tagline { width: 100%; margin: 0; color: var(--oga-ink-muted); font-size: 14px; }
/* ── "Why a local guide" split ───────────────────────────────────────── */


.oga-tour-why {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: var(--oga-space-lg);
	align-items: center;
	background: var(--oga-bg-soft);
	border-radius: var(--oga-radius-lg);
	padding: var(--oga-space-lg);
	margin-bottom: var(--oga-space-xl);
}

.oga-tour-why h2 { font-family: var(--oga-font-heading); font-size: 28px; margin: 0 0 12px; }

.oga-tour-why p { color: var(--oga-ink-muted); line-height: 1.65; margin: 0 0 10px; }

.oga-tour-why__lines { list-style: none; margin: var(--oga-space-sm) 0 0; padding: 0; font-family: var(--oga-font-heading); font-size: 19px; color: var(--oga-jungle); }

.oga-tour-why__lines li { padding: 3px 0; }

.oga-tour-why__form {
	background: var(--oga-bg);
	border-radius: var(--oga-radius-md);
	padding: var(--oga-space-md);
	border: 1px solid var(--oga-border);
}

.oga-tour-why__form h3 { margin: 0 0 12px; font-size: 16px; }

.oga-tour-why__form ol { margin: 0 0 var(--oga-space-sm); padding-left: 20px; color: var(--oga-ink); line-height: 1.9; font-size: 14.5px; }

@media (max-width: 780px) {
  .oga-tour-why { grid-template-columns: 1fr; }
}
/* ── Section heading rhythm within the archive body ──────────────────── */


.oga-tour-section { margin-bottom: var(--oga-space-xl); }

.oga-tour-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--oga-space-sm); margin-bottom: var(--oga-space-sm); flex-wrap: wrap; }

.oga-tour-section__head h2 { font-family: var(--oga-font-heading); font-size: 24px; margin: 0; }

.oga-tour-section__head a { font-size: 14px; font-weight: 600; }
/* ── Knowledge-network flow row (Destinations: Discover → Learn → …) ─── */


.oga-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.oga-flow__step {
	display: inline-flex; align-items: center;
	padding: 9px 16px;
	border-radius: 999px;
	background: var(--oga-bg-soft);
	border: 1px solid var(--oga-border);
	font-family: var(--oga-font-heading);
	font-size: 14px;
	color: var(--oga-jungle);
}

.oga-flow__arrow { display: inline-flex; align-items: center; color: var(--oga-saffron); }

@media (max-width: 640px) {
  .oga-flow { gap: 6px; }
  .oga-flow__step { padding: 7px 12px; font-size: 13px; }
}
/* ── Directory hook band ────────────────────────────────────────────────
 * "Guides · Destinations · News · Tours" (inc/hook-band.php) — bold,
 * gAdventures-style photo cards, one per content type, right after the
 * hero on every directory archive. Same tint language as .oga-frame on
 * the homepage (jungle / clay / saffron / stone) but its own class so it
 * can load on pages that don't enqueue home.css. */


.oga-hook { margin: 0 0 var(--oga-space-xl); }

.oga-hook__eyebrow {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 13px;
	font-weight: 700;
	color: var(--oga-saffron);
	margin: 0 0 6px;
}

.oga-hook__heading {
	text-align: center;
	font-family: var(--oga-font-heading);
	font-size: clamp(22px, 3vw, 30px);
	margin: 0 0 var(--oga-space-lg);
}

.oga-hook__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--oga-space-md);
}

.oga-hook__card {
	display: flex;
	flex-direction: column;
	border-radius: var(--oga-radius-lg);
	overflow: hidden;
	background: var(--oga-bg);
	border: 1px solid var(--oga-border);
	text-decoration: none;
	color: inherit;
	transition: transform .15s ease, box-shadow .15s ease;
}

a.oga-hook__card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(15,37,87,.12); text-decoration: none; }

.oga-hook__photo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 160px;
	color: #fff;
	overflow: hidden;
}

.oga-hook__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.oga-hook__type {
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #fff;
	background: rgba(15,37,87, .38);
	padding: 4px 9px;
	border-radius: 999px;
}

.oga-hook__card--jungle .oga-hook__photo { background: linear-gradient(135deg, #333, #111); }

.oga-hook__card--saffron .oga-hook__photo { background: linear-gradient(135deg, #333, #111); }

.oga-hook__card--clay .oga-hook__photo { background: linear-gradient(135deg, #333, #111); }

.oga-hook__card--stone .oga-hook__photo { background: linear-gradient(135deg, #333, #111); }
/* Two extra tints for the 6-card grid. Literal hex, not --oga-blue (an
   alias for --oga-jungle — already used by --jungle above, so reusing it
   here would make two cards look identical) and not the brand-mark
   palette (--oga-logo-*, reserved for the logo asset only, per BRANDING.md). */


.oga-hook__card--marine .oga-hook__photo { background: linear-gradient(135deg, #333, #111); }

.oga-hook__card--gold .oga-hook__photo { background: linear-gradient(135deg, #333, #111); }

.oga-hook__body { padding: var(--oga-space-sm); flex: 1; display: flex; flex-direction: column; }

.oga-hook__eyebrow-sm {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--oga-saffron);
	margin-bottom: 4px;
}

.oga-hook__title {
	font-family: var(--oga-font-heading);
	font-size: 17px;
	line-height: 1.3;
	color: var(--oga-ink);
	margin-bottom: 6px;
}

.oga-hook__hook { font-size: 13px; line-height: 1.5; color: var(--oga-ink-muted); margin-top: auto; }

@media (max-width: 900px) {
  .oga-hook__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .oga-hook__grid { grid-template-columns: 1fr; }
}
/* ── Marketing pillar band — the "Special Hook" ──────────────────────────
 * .oga-mhook (inc/marketing-hook-band.php, oga_core_render_marketing_hook_band())
 * The GEO / AEO / SEO / SEM pillars from the offer doc, as four feature
 * cards — punchy headline + one hook line + a short "what's inside" chip
 * row, no stock photography needed. Called right after the hero on the
 * Marketing services archive, in the same visual family as .oga-hook
 * below it.
 * "Remove Background": the colour-blocked gradient card is gone. Cards now
 * match the site's established flat white-card pattern (.oga-biz-pitch__card
 * in the Business pitch's own GEO/AEO/SEO/SEM band — see that file's
 * v201322 note): plain white body with a border, a small light-tinted icon
 * circle, dark serif-weight tag/title, muted-gray hook line, and the chip
 * row as light tinted pills instead of white-on-color glass. Same four
 * brand tints, just applied as accents instead of as the card's whole
 * background. */
/* ── One-row hook band ────────────────────────────────────────────────────
 * .oga-line-hook (inc/business-features.php,
 * oga_core_render_business_category_line_hook()) — a term's hook_eyebrow +
 * hook_heading as a single dark, full-width strip: no grid, no card, no
 * photo. Sits directly above .oga-mhook's offer-card grid on the
 * business-category archive (e.g. Restaurants: "Restaurant Knowledge
 * Core" / "One Restaurant. One Knowledge Profile. Ready for AI.").
 *
 * Redesigned (v201340): previously an eyebrow line stacked above a
 * second centered line — two rows dressed as one. Now an actual single
 * row on desktop: a small icon mark (hook_icon) on the left, the eyebrow
 * sitting directly in front of the heading in the middle (one baseline,
 * a bullet between them instead of a line break), and an optional short
 * status badge (hook_badge, e.g. "GEO · AEO Ready") pinned to the right —
 * a strip that reads left-to-right in one pass, not a static plaque.
 * Below 700px there isn't room for all four pieces on one line, so the
 * row re-wraps to a centered stack — icon, eyebrow, heading, badge, each
 * its own line — the same content, just no longer claiming to be a row. */



.oga-line-hook {
	background: var(--oga-ink); border-radius: var(--oga-radius-lg);
	padding: var(--oga-space-md) var(--oga-space-lg);
	margin: 0 0 var(--oga-space-xl);
	display: flex; align-items: center; gap: var(--oga-space-md);
}

.oga-line-hook__icon {
	flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; border-radius: 50%;
	background: rgba(216,31,54,.16); color: var(--oga-saffron);
}

.oga-line-hook__text {
	flex: 1 1 auto; min-width: 0;
	display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px;
}

.oga-line-hook__eyebrow {
	text-transform: uppercase; letter-spacing: .12em; font-size: 12px;
	font-weight: 700; color: var(--oga-saffron); white-space: nowrap;
}

.oga-line-hook__eyebrow::after { content: '—'; margin-left: 12px; color: #999; }

.oga-line-hook__line {
	font-family: var(--oga-font-heading); font-weight: 600; line-height: 1.25;
	font-size: clamp(19px, 2.4vw, 27px); color: #fff; margin: 0;
}

.oga-line-hook__badge {
	flex: 0 0 auto; white-space: nowrap;
	border: 1px solid rgba(255,255,255,.3); border-radius: 99px;
	padding: 6px 14px; font-size: 12px; font-weight: 700;
	letter-spacing: .04em; color: #fff;
}

@media (max-width: 700px) {
  .oga-line-hook { flex-direction: column; text-align: center; padding: var(--oga-space-lg) var(--oga-space-md); }
  .oga-line-hook__text { flex-direction: column; align-items: center; gap: 8px; }
  .oga-line-hook__eyebrow::after { content: none; }
  .oga-line-hook__line { font-size: clamp(21px, 5vw, 28px); max-width: 480px; }
}

.oga-mhook { margin: 0 0 var(--oga-space-xl); }

.oga-mhook__eyebrow {
	text-align: center; text-transform: uppercase; letter-spacing: .12em; font-size: 13px;
	font-weight: 700; color: var(--oga-saffron); margin: 0 0 6px;
}

.oga-mhook__heading {
	text-align: center; font-family: var(--oga-font-heading); font-size: clamp(24px, 3.2vw, 36px);
	margin: 0 0 var(--oga-space-lg); max-width: 820px; margin-left: auto; margin-right: auto;
}

.oga-mhook__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--oga-space-md); }

.oga-mhook__card {
	position: relative; border-radius: var(--oga-radius-lg); overflow: hidden;
	padding: var(--oga-space-md) var(--oga-space-sm) var(--oga-space-sm);
	background: var(--oga-bg); border: 1px solid var(--oga-border);
	box-shadow: 0 4px 14px rgba(15,37,87,.05);
	color: var(--oga-ink); min-height: 260px; display: flex; flex-direction: column;
	transition: transform .18s ease, box-shadow .18s ease;
}

.oga-mhook__card:hover { transform: translateY(-4px); box-shadow: 0 10px 26px rgba(15,37,87,.12); }

.oga-mhook__card--jungle .oga-mhook__icon { background: rgba(28,63,143,.12); }

.oga-mhook__card--saffron .oga-mhook__icon { background: rgba(216,31,54,.12); }

.oga-mhook__card--clay .oga-mhook__icon { background: rgba(168,64,43,.12); }

.oga-mhook__card--stone .oga-mhook__icon { background: rgba(29,36,51,.12); }

.oga-mhook__card--jungle .oga-mhook__icon .oga-icon { color: var(--oga-jungle); }

.oga-mhook__card--saffron .oga-mhook__icon .oga-icon { color: var(--oga-saffron); }

.oga-mhook__card--clay .oga-mhook__icon .oga-icon { color: var(--oga-clay); }

.oga-mhook__card--stone .oga-mhook__icon .oga-icon { color: var(--oga-stone); }

.oga-mhook__icon {
	width: 42px; height: 42px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center; margin-bottom: var(--oga-space-sm);
}

.oga-mhook__tag {
	font-family: var(--oga-font-body); font-weight: 800; font-size: 26px; letter-spacing: .01em;
	line-height: 1; margin: 0 0 6px;
}

.oga-mhook__card--jungle .oga-mhook__tag { color: var(--oga-jungle); }

.oga-mhook__card--saffron .oga-mhook__tag { color: var(--oga-saffron); }

.oga-mhook__card--clay .oga-mhook__tag { color: var(--oga-clay); }

.oga-mhook__card--stone .oga-mhook__tag { color: var(--oga-stone); }

.oga-mhook__title {
	font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
	color: var(--oga-ink-muted); margin: 0 0 12px;
}

.oga-mhook__line { font-size: 14.5px; line-height: 1.55; color: var(--oga-ink-muted); margin: 0 0 var(--oga-space-sm); }

.oga-mhook__chips { list-style: none; margin: auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }

.oga-mhook__chips li {
	font-size: 11.5px; font-weight: 600; padding: 4px 10px; border-radius: 999px;
	background: var(--oga-bg-soft); border: 1px solid var(--oga-border); color: var(--oga-ink-muted);
}

@media (max-width: 1020px) {
  .oga-mhook__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .oga-mhook__grid { grid-template-columns: 1fr; }
  .oga-mhook__card { min-height: 0; }
}
/* ── Special Promotion Packages — the Promote archive's own Special Hook ──
 * .oga-promo-pack (inc/promote-features.php, oga_core_render_promotion_packages())
 * Five numbered, bundled offers. Packages 01–04 sit in a 2x2 grid; 05 (the
 * full-funnel flagship) spans the full width with its own gradient and a
 * chained list of funnel steps — same colour-block, no-photography
 * language as .oga-mhook above, one tier visually "bigger" than the rest. */


.oga-promo-pack { margin: 0 0 var(--oga-space-xl); }

.oga-promo-pack__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--oga-space-md); }

.oga-promo-pack__card {
	position: relative; border-radius: var(--oga-radius-lg); overflow: hidden;
	padding: var(--oga-space-md) var(--oga-space-sm) var(--oga-space-sm);
	color:#111; display: flex; flex-direction: column; min-height: 220px;
	transition: transform .18s ease, box-shadow .18s ease;
}

.oga-promo-pack__card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(15,37,87,.18); }

.oga-promo-pack__card--jungle { background: #fff; }

.oga-promo-pack__card--saffron { background: #fff; }

.oga-promo-pack__card--clay { background: #fff; }

.oga-promo-pack__card--stone { background: #fff; }

.oga-promo-pack__card--flagship {
	grid-column: 1 / -1;
	background: #fff;
	flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--oga-space-md) var(--oga-space-lg);
	min-height: 0; padding: var(--oga-space-lg) var(--oga-space-md);
}

.oga-promo-pack__card--flagship .oga-promo-pack__num { position: static; }

.oga-promo-pack__card--flagship > * { flex: 1 1 220px; }

.oga-promo-pack__num {
	position: absolute; top: 14px; right: 18px; font-family: var(--oga-font-heading);
	font-size: 34px; font-weight: 600; color:#333; line-height: 1;
}

.oga-promo-pack__icon {
	width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.16);
	display: inline-flex; align-items: center; justify-content: center; margin-bottom: var(--oga-space-sm);
}

.oga-promo-pack__title { font-family: var(--oga-font-heading); font-size: 19px; margin: 0 0 8px; color:#111; }

.oga-promo-pack__combo {
	font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
	color:#333; margin: 0 0 10px;
}

.oga-promo-pack__audience { font-size: 14px; line-height: 1.55; color:#333; margin: 0; }

.oga-promo-pack__funnel {
	list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
	font-size: 12.5px; font-weight: 700; color:#111;
}

.oga-promo-pack__funnel li { padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.18); }

.oga-promo-pack__funnel li:not(:last-child)::after { content: "→"; margin-left: 6px; color:#333; font-weight: 400; }

@media (max-width: 1020px) {
  .oga-promo-pack__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .oga-promo-pack__grid { grid-template-columns: 1fr; }
  .oga-promo-pack__card--flagship { flex-direction: column; }
}
/* ── Full Marketing Solution band (.oga-market) ──────────────────────────
 * Shared by the homepage and the /service/ archive (inc/marketing-solution.php)
 * so the "everything tourism businesses need" pitch has one real home on
 * the site, not just a homepage aside. Build-stack chips → channel icons →
 * Production / Google / Meta / Tripadvisor / Growth service cards → a
 * hook + always-on-support callout → price anchor and CTA. */


.oga-market {
	background: var(--oga-bg-soft); border-radius: var(--oga-radius-lg);
	padding: var(--oga-space-lg) var(--oga-space-md); margin: 0 0 var(--oga-space-xl);
}

.oga-market__eyebrow {
	text-align: center; text-transform: uppercase; letter-spacing: .12em; font-size: 13px;
	font-weight: 700; color: var(--oga-saffron); margin: 0 0 6px;
}

.oga-market__heading {
	text-align: center; font-family: var(--oga-font-heading); font-size: clamp(24px, 3vw, 34px);
	margin: 0 0 var(--oga-space-sm);
}

.oga-market__lede {
	text-align: center; max-width: 680px; margin: 0 auto var(--oga-space-lg);
	color: var(--oga-ink-muted); font-size: 16px;
}

.oga-market__lede-headline {
	display: block; font-family: var(--oga-font-heading); font-size: 19px;
	color: var(--oga-ink); margin: 0 0 6px; font-weight: 700;
}
/* Build stack */


.oga-market__stack { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-bottom: var(--oga-space-md); }

.oga-market__stack-label { font-size: 12.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--oga-ink-muted); margin-right: 4px; }

.oga-market__chip {
	display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
	background: var(--oga-bg); border: 1px solid var(--oga-border); font-size: 13px; color: var(--oga-ink);
}
/* Channels we run */


.oga-market__channels {
	list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--oga-space-sm) 10px;
	margin: 0 0 var(--oga-space-lg); padding: var(--oga-space-md) 0;
	border-top: 1px solid var(--oga-border); border-bottom: 1px solid var(--oga-border);
}

.oga-market__channels li { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 70px; }

.oga-market__channel-icon {
	width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	background: var(--oga-bg); color: var(--oga-jungle); box-shadow: 0 2px 8px rgba(15,37,87,.08);
}

.oga-market__channel-label { font-size: 11.5px; color: var(--oga-ink-muted); text-align: center; }
/* Service groups */


.oga-market__group { margin-bottom: var(--oga-space-lg); }

.oga-market__group-heading {
	text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: .1em;
	color: var(--oga-ink-muted); margin: 0 0 var(--oga-space-sm);
}

.oga-market__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--oga-space-sm); }

.oga-market__card { background: var(--oga-bg); border: 1px solid var(--oga-border); border-radius: var(--oga-radius-md); padding: var(--oga-space-sm); text-align: center; }

.oga-market__card-icon {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
	border-radius: 50%; background: var(--oga-bg-soft); color: var(--oga-saffron); margin-bottom: 8px;
}

.oga-market__card h4 { margin: 0 0 4px; font-size: 15px; }

.oga-market__card p { margin: 0; font-size: 13px; color: var(--oga-ink-muted); }
/* Hook / always-on support */


.oga-market__hook { background: #fff; border: 1px solid var(--oga-border); color: #111; border-radius: var(--oga-radius-lg); padding: var(--oga-space-lg); text-align: center; margin: var(--oga-space-lg) 0; }

.oga-market__hook h3 { font-family: var(--oga-font-heading); margin: 0 0 10px; font-size: 22px; }

.oga-market__hook p { margin: 0 auto; max-width: 640px; color: #333; font-size: 15px; }

.oga-market__hook-headline {
	display: block; font-family: var(--oga-font-heading); font-size: 18px;
	color: #fff; margin: 0 0 6px; font-weight: 700;
}
/* Price + CTA */


.oga-market__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--oga-space-sm); }

.oga-market__price { margin: 0; font-size: 16px; color: var(--oga-ink); }

.oga-market__price strong { color: var(--oga-clay); font-family: var(--oga-font-heading); font-size: 22px; }

@media (max-width: 480px) {
  .oga-market__channel-icon { width: 40px; height: 40px; }
  .oga-market__channels { gap: var(--oga-space-sm) 8px; }
  .oga-market__grid { grid-template-columns: 1fr 1fr; }
}
/* 16:9 photos that carry their own title text (Guide Trip page) — show the whole frame, no crop. (v201345_1) */


.oga-hook__photo--wide { height: auto; aspect-ratio: 16 / 9; }