/* Tema „Pășune & piață” (id: pasune) — web/public/themes/pasune/theme.css
   Concept: zi de târg la Pleșcoi. Cer de vară peste dealurile Buzăului, verde de pășune, galbenul florii-soarelui
   pe etichetele de preț, roșul de ie pe reduceri și broderii, albastrul din logo pentru informații.
   Limbaj vizual: claritatea revistelor de ofertă ale marilor rețele (blocuri de culoare, prețuri uriașe, citire
   instantă), ridicată la nivel premium și cusută cu motive populare originale (romb, stea în opt colțuri, dinți).
   Toate ilustrațiile din assets/ sunt originale, generate din cod (design/teme/pasune/src/).
   Fonturile rămân cele ale site-ului (Barlow, Barlow Condensed, Kaushan Script). Ghid: docs/TEME.md. */

/* ================================================================== 1. Tokeni */
html[data-theme='pasune'] {
  /* 1a. Paleta de bază (aceleași nume ca în SPEC §9.1, valori pentru o temă luminoasă) */
  --ink: #1c2410;
  --surface: #ffffff;
  --surface2: #f4efe3;
  --outline: #e3dbc9;
  --olive: #6f8f1c;
  --olive-bright: #4c9a2a;
  --olive-deep: #1f4f19;
  --gold: #f5b800;
  --gold-soft: #ffd54f;
  --cream: #fbf8f1;
  --cream-dim: #e9e2d0;
  --red: #d8382a;
  --blue: #2f72b3;
  --story-ink: #1c2410;
  --gold-grad: linear-gradient(180deg, #ffd65a 0%, #ffc629 55%, #f3b500 100%);

  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 18px;
  --radius-xl: 26px;

  /* 1b. Canale RGB */
  --line-rgb: 40, 52, 22;
  --tint-rgb: 28, 36, 16;
  --accent-rgb: 47, 122, 36;
  --accent-2-rgb: 46, 111, 176;
  --olive-rgb: 111, 143, 28;
  --shade-rgb: 16, 22, 9;
  --panel-rgb: 255, 255, 255;
  --shadow-rgb: 58, 46, 18;
  --danger-rgb: 216, 56, 42;
  --highlight-rgb: 255, 255, 255;
  --dim-rgb: 78, 86, 65;

  /* Pagina */
  --color-scheme: light;
  --meta-theme-color: #fbf8f1;
  --bg: #fbf8f1;
  --bg-glow-1: transparent;
  --bg-glow-2: transparent;
  --page-bg: #fbf8f1;
  --surface-2: #f4efe3;
  --overlay: rgba(24, 32, 14, 0.56);
  --overlay-blur: blur(4px);
  /* granulație de hârtie, închisă la culoare, abia simțită */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.18 0 0 0 0 0.07 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --grain-size: 180px 180px;
  --grain-opacity: 0.035;
  --grain-blend: multiply;

  /* Text, accente, linii */
  --text: #1c2410;
  --text-dim: #4b5340;
  --heading: #18220f;
  --text-on-accent: #ffffff;
  --accent: #2f7a24;
  --accent-soft: #2a6b20;
  --accent-strong: linear-gradient(180deg, #34802a 0%, #2b7021 100%);
  --accent-2: #2a6b20;
  --danger: #c42b1e;
  --eyebrow: #b3261b;
  --script-color: #2a6b20;
  --icon-accent: #2a6b20;
  --marker: #d8382a;
  --link: #1d5c9c;
  --link-hover: #133f6c;
  --focus: #2e6fb0;
  --selection-bg: rgba(255, 198, 41, 0.5);
  --selection-text: #1c2410;
  --placeholder: #656b59;
  --line: rgba(40, 52, 22, 0.12);
  --line-strong: rgba(40, 52, 22, 0.24);
  --line-soft: rgba(40, 52, 22, 0.09);
  --line-faint: rgba(40, 52, 22, 0.07);
  --line-hover: #2f7a24;
  --shadow: 0 18px 40px -26px rgba(58, 46, 18, 0.38);
  --shadow-strong: 0 34px 70px -38px rgba(58, 46, 18, 0.5);
  --title-gradient: linear-gradient(180deg, #2c6f22 0%, #1d4d18 100%);
  --check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7a24' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --check-ring: rgba(47, 122, 36, 0.45);
  --check-bg: rgba(47, 122, 36, 0.1);
  --pill-border: rgba(47, 122, 36, 0.35);
  --pill-text: #22581b;

  /* Butoane: verdele pășunii e acțiunea principală */
  --btn-radius: 999px;
  --btn-primary-bg: var(--accent-strong);
  --btn-primary-text: #ffffff;
  --btn-primary-shadow: 0 10px 22px -12px rgba(47, 122, 36, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  --btn-primary-shadow-hover: 0 16px 30px -12px rgba(47, 122, 36, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  --btn-secondary-bg: #ffffff;
  --btn-secondary-text: #1c2410;
  --btn-secondary-border: rgba(40, 52, 22, 0.24);
  --btn-secondary-bg-hover: #f2f7e9;
  --btn-secondary-border-hover: #2f7a24;

  /* Panouri și insigne */
  --panel-radius: var(--radius-lg);
  --glass: #ffffff;
  --glass-border: rgba(40, 52, 22, 0.08);
  --glass-shadow: 0 1px 2px rgba(58, 46, 18, 0.06), 0 20px 44px -30px rgba(58, 46, 18, 0.42);
  --glass-backdrop: none;
  --badge-bg: #ffc629;
  --badge-border: rgba(0, 0, 0, 0);
  --badge-text: #1c2410;

  /* Antet și meniu */
  --header-bg: rgba(251, 248, 241, 0.9);
  --header-border: rgba(40, 52, 22, 0.08);
  --header-backdrop: blur(14px) saturate(160%);
  --logo-shadow: drop-shadow(0 3px 6px rgba(58, 46, 18, 0.22));
  --nav-link: #3a4230;
  --nav-link-hover: #1c2410;
  --nav-link-hover-bg: rgba(47, 122, 36, 0.08);
  --nav-current: #1f5a18;
  --nav-current-bg: rgba(47, 122, 36, 0.13);
  --nav-toggle-border: rgba(40, 52, 22, 0.22);
  --nav-toggle-bg: #ffffff;
  --nav-toggle-text: #1c2410;
  --nav-menu-bg: #fbf8f1;
  --nav-menu-border: rgba(40, 52, 22, 0.1);
  --nav-menu-shadow: 0 30px 50px -26px rgba(58, 46, 18, 0.45);

  /* „Fumul” devine o ceață de vară, albă; aureola logo-ului e soarele */
  --smoke-tint-1: rgba(255, 255, 255, 0.42);
  --smoke-tint-1-mid: rgba(255, 255, 255, 0.16);
  --smoke-tint-2: rgba(255, 240, 190, 0.3);
  --smoke-tint-3: rgba(255, 255, 255, 0.3);
  --smoke-opacity: 0.7;
  --smoke-blend: normal;
  --halo-1: rgba(255, 222, 120, 0.62);
  --halo-2: rgba(255, 246, 214, 0.34);
  --halo-ring: rgba(255, 255, 255, 0.85);
  --halo-glow: rgba(255, 214, 90, 0.3);

  /* Hero și benzi */
  --hero-bg: linear-gradient(180deg, #cbe3f4 0%, #dcecf5 34%, #ebf3ee 62%, #f6f5ea 84%, #fbf8f1 100%);
  --page-hero-bg: linear-gradient(180deg, #d3e8f5 0%, #e6f1f2 52%, #f5f5ea 82%, #fbf8f1 100%);
  --section-alt-bg: #eef4e1;
  --section-alt-text: inherit;
  --hero-badge-shadow: drop-shadow(0 22px 30px rgba(58, 46, 18, 0.26));
  --hero-wordmark-shadow: drop-shadow(0 6px 10px rgba(58, 46, 18, 0.16));
  --hero-slogan-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

  /* Prețuri: eticheta galbenă, cifre negre, tăietura roșie */
  --price: #1c2410;
  --price-offer: #c0291c;
  --price-old: #596050;
  --price-old-strike: rgba(216, 56, 42, 0.95);
  --price-unit: #4b5340;
  --price-tag-bg: linear-gradient(165deg, #ffd650 0%, #ffc629 60%, #ffbf1a 100%);
  --price-tag-text: #1a1f0d;
  --price-tag-old: #4a3b10;
  --price-tag-unit: #3a2f0c;
  --price-tag-border: rgba(0, 0, 0, 0);
  --price-tag-edge: #d8382a;
  --price-tag-radius: 6px;
  --price-tag-shape: linear-gradient(180deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 38%);
  --price-tag-mask: radial-gradient(circle 5px at 0 50%, transparent 96%, #000) left / 100% 100%;
  --discount: #d8382a;
  --discount-light: #f4644d;
  --discount-dark: #ab271c;
  --discount-bg: url('/themes/pasune/assets/rozeta.svg') center / 100% 100% no-repeat;
  --discount-tag-bg: url('/themes/pasune/assets/rozeta.svg') center / 100% 100% no-repeat;
  --discount-text: #ffffff;
  --discount-shadow: none;
  --discount-tag-shadow: none;

  /* Carduri */
  --card-radius: var(--radius-lg);
  --card-bg: #ffffff;
  --card-border: rgba(40, 52, 22, 0.07);
  --card-border-hover: rgba(47, 122, 36, 0.4);
  --card-shadow: 0 1px 2px rgba(58, 46, 18, 0.06), 0 16px 32px -24px rgba(58, 46, 18, 0.42);
  --card-shadow-hover: 0 2px 4px rgba(58, 46, 18, 0.06), 0 28px 48px -26px rgba(58, 46, 18, 0.5);
  --card-media-bg: #7d8a6a;
  --card-media-shade: none;
  --offer-left: #22691c;
  --offer-last-day: #c0291c;
  --offer-upcoming: #1d5c9c;
  --product-card-bg: #ffffff;
  --product-card-border: 1px solid rgba(40, 52, 22, 0.07);
  --product-card-padding: 8px;
  --product-card-shadow: 0 1px 2px rgba(58, 46, 18, 0.05), 0 14px 28px -24px rgba(58, 46, 18, 0.45);
  --product-media-border: rgba(40, 52, 22, 0.05);
  --product-media-shadow-hover: none;
  /* pe poză rămâne doar o umbrire ușoară; voalul închis de sub nume îl poartă chiar legenda (vezi secțiunea 6),
     care crește odată cu numele (1, 2 sau 3 rânduri), deci eticheta de categorie stă mereu pe fond închis
     (contrastul e măsurat pe pixelii pozelor reale: design/teme/pasune/src/contrast_poze.py) */
  --product-shade: linear-gradient(180deg, rgba(16, 22, 9, 0) 30%, rgba(16, 22, 9, 0.28) 100%);
  --on-media-text: #ffffff;
  --on-media-text-dim: #efe9d8;
  --on-media-accent: #ffe08a;
  --on-media-shadow: 0 1px 2px rgba(0, 0, 0, 0.65), 0 0 14px rgba(0, 0, 0, 0.45);
  --placeholder-bg: radial-gradient(circle at 50% 42%, rgba(47, 122, 36, 0.14), transparent 62%), #f1ecdf;
  --tile-bg: #1f5a18;
  --tile-border: rgba(255, 255, 255, 0.16);
  --tile-border-hover: rgba(255, 213, 79, 0.85);
  --tile-shade: linear-gradient(180deg, rgba(16, 22, 9, 0) 36%, rgba(16, 22, 9, 0.86));
  --media-chip-bg: #ffc629;
  --media-chip-border: rgba(0, 0, 0, 0);
  --media-chip-text: #1c2410;

  /* Magazine */
  --status-bg: #f4efe3;
  --status-border: rgba(40, 52, 22, 0.12);
  --status-text: #4b5340;
  --status-strong: #1c2410;
  --status-dot: #7a806c;
  --status-open-bg: #e9f3dc;
  --status-open-border: rgba(47, 122, 36, 0.32);
  --status-open-dot: #2f9a2a;
  --status-open-pulse: rgba(47, 154, 42, 0.45);
  --status-closed-dot: #d8382a;
  --today-mark-bg: #ffe08a;

  /* Încărcare, gol, eroare */
  --skeleton: #eee8da;
  --skeleton-shine: rgba(255, 255, 255, 0.7);
  --skeleton-border: rgba(40, 52, 22, 0.05);
  --empty-bg: #ffffff;
  --empty-border: rgba(40, 52, 22, 0.22);
  --error-border: rgba(216, 56, 42, 0.5);

  /* Câmpuri și cipuri */
  --input-bg: #ffffff;
  --input-text: #1c2410;
  --input-icon: #4b5340;
  --input-border: rgba(40, 52, 22, 0.2);
  --input-focus-border: #2f7a24;
  --input-focus-ring: rgba(47, 122, 36, 0.18);
  --chip-radius: var(--btn-radius);
  --chip-bg: #ffffff;
  --chip-border: rgba(40, 52, 22, 0.16);
  --chip-text: #2f3626;
  --chip-text-hover: #1c2410;
  --chip-border-hover: #2f7a24;
  --chip-active-bg: #2f7a24;
  --chip-active-border: #2f7a24;
  --chip-active-text: #ffffff;

  /* Fișa produsului */
  --dialog-bg: #ffffff;
  --dialog-text: #1c2410;
  --dialog-border: rgba(40, 52, 22, 0.1);
  --dialog-shadow: 0 40px 100px -30px rgba(24, 32, 14, 0.55);
  --dialog-close-bg: #ffffff;
  --dialog-close-border: rgba(40, 52, 22, 0.18);
  --dialog-close-text: #1c2410;
  --note-bg: #fff6d6;
  --note-border: rgba(229, 170, 0, 0.45);
  --note-text: #4a3d12;

  /* Cardul de membru: ROȘU de ie (cerut de proprietar 05.11), panglică de ie, auriu.
     Panglica se așază față de cutia de conținut a cardului (content-box), cu marginea dreaptă la 12 px în afara ei,
     ca panoul codului de bare (care stă în cutia de conținut) să se oprească mereu la 10 px înaintea ei
     (vezi .member-card__code mai jos: 28 − 12 + 10 = 26 px). */
  --member-card-radius: 20px;
  --member-card-bg:
    url('/themes/pasune/assets/broderie-verticala.svg') right -12px top / 28px auto repeat-y content-box border-box,
    url('/themes/pasune/assets/card-model.svg') 0 0 / 30px 30px,
    radial-gradient(120% 140% at 0% 0%, rgba(255, 170, 120, 0.24), transparent 55%),
    linear-gradient(135deg, #c62d1f 0%, #a3201a 50%, #7e1712 100%),
    #a3201a;
  --member-card-border: rgba(255, 213, 79, 0.62);
  --member-card-shadow:
    0 30px 60px -30px rgba(110, 16, 10, 0.6),
    0 8px 18px -10px rgba(58, 46, 18, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  --member-card-foil: conic-gradient(
    from 0deg,
    transparent 0deg,
    rgba(255, 214, 90, 0.34) 50deg,
    rgba(255, 255, 255, 0.14) 90deg,
    transparent 140deg,
    rgba(255, 214, 90, 0.24) 220deg,
    rgba(255, 255, 255, 0.1) 250deg,
    transparent 290deg
  );
  --member-card-foil-opacity: 0.55;
  --member-card-foil-blend: soft-light;
  --member-card-glare: rgba(255, 255, 255, 0.14);
  --member-card-text: #ffffff;
  /* Noaptea 05→06.11 (X-M2): aceleași valori pe site, în panou și în aplicație — eticheta „MEMBRU GABIOTI” #fff3cc,
     „Membru Gabioti din …” #ffebe5 — verificate în poziția reală, cu lucirea (scripts/contrast-card.mjs ≥ 4,5:1).
     Insigna „FIRMĂ VERIFICATĂ” rămâne neschimbată (#ffeaa3, pe fundalul ei mai închis). */
  --member-card-label: #fff3cc;
  --member-card-since: #ffebe5;
  --member-card-firm-text: #ffeaa3;
  --member-card-code-bg: #ffffff;
  --member-card-code-text: #1c2410;
  --member-card-logo-shadow: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));

  /* Promo aplicație, QR, pastilă, bulă */
  --promo-glow: rgba(255, 198, 41, 0.16);
  --qr-frame-bg: #ffffff;
  --qr-frame-shadow: 0 0 0 1px rgba(40, 52, 22, 0.1), 0 18px 36px -20px rgba(58, 46, 18, 0.45);
  /* cardul QR fix se citește drept strat plutitor (alb peste carduri albe): inel verde și umbră mai adâncă */
  --qr-card-bg: rgba(255, 255, 255, 0.96);
  --qr-card-border: rgba(47, 122, 36, 0.35);
  --qr-card-shadow: 0 0 0 1px rgba(47, 122, 36, 0.18), 0 22px 44px -18px rgba(24, 32, 14, 0.55);
  --qr-card-backdrop: blur(12px) saturate(150%);
  --qr-card-title: #1f5a18;
  --qr-card-text: #4b5340;
  --qr-card-accent: #1d5c9c;
  --qr-card-toggle-border: rgba(40, 52, 22, 0.2);
  --qr-card-toggle-text: #1c2410;
  --qr-card-code-bg: #ffffff;
  /* pastila fixă de pe mobil: albă cu inel verde, ca să nu se confunde cu butoanele verzi ale paginii */
  --app-pill-bg: #ffffff;
  --app-pill-text: #1f5a18;
  --app-pill-shadow: 0 0 0 1.5px #2f7a24, 0 12px 26px -12px rgba(24, 32, 14, 0.45);
  --app-pill-soon-bg: rgba(255, 255, 255, 0.96);
  --app-pill-soon-text: #1f5a18;
  --app-pill-soon-border: rgba(40, 52, 22, 0.2);
  --chat-fab-shadow: drop-shadow(0 10px 18px rgba(24, 32, 14, 0.35));
  --chat-fab-ring: rgba(47, 122, 36, 0.55);

  /* Povestea */
  --story-teaser-bg: url('/themes/pasune/assets/rozeta-solara.svg') right max(-60px, calc((100% - var(--container)) / 2 - 40px)) center / 380px 380px no-repeat,
    linear-gradient(180deg, #fff8e6 0%, #fdf3da 100%);
  --story-mark-stroke: rgba(31, 90, 24, 0.6);
  --story-mark-plus: #d8382a;
  --story-mark-script: #b3261b;
  --story-bg: url('/themes/pasune/assets/broderie-banda.svg') center top / auto 38px repeat-x,
    linear-gradient(180deg, #fff9e9 0%, #fdf2d6 100%);
  --story-text: #1c2410;
  --story-text-dim: #3c4430;
  --story-shadow: 0 30px 60px -38px rgba(58, 46, 18, 0.5);
  --story-founders-mark: #1f5a18;
  --story-founders-plus: #d8382a;
  --story-founders-script: #b3261b;
  --quote-mark: rgba(216, 56, 42, 0.24);
  --pillar-num: rgba(47, 122, 36, 0.13);
  --icon-tile-bg: #eaf3da;
  --icon-tile-border: rgba(47, 122, 36, 0.22);
  --icon-tile-text: #2a6b20;
  --fact-edge: #d8382a;
  --fact-bg: linear-gradient(90deg, #fff1c7, rgba(255, 241, 199, 0));
  --fact-label: #9e2117;
  --step-num-bg: #ffc629;
  --step-num-text: #1c2410;
  --step-num-shadow: 0 8px 18px -10px rgba(214, 150, 0, 0.9);

  /* Pagini legale */
  --table-border: rgba(40, 52, 22, 0.14);
  --table-head-bg: #eef4e1;
  --table-head-text: #1f5a18;

  /* Subsol: dealurile coboară în verdele pășunii */
  --footer-bg: linear-gradient(180deg, #2c6522 0%, #245a1d 40%, #1c4716 100%);
  --footer-border: rgba(0, 0, 0, 0);
  --footer-text: #fbf8f1;
  --footer-text-dim: #dbe7c9;
  --footer-title: #ffd54f;
  --footer-link: #eef4e2;
  --footer-link-hover: #ffffff;
  --footer-legal-border: rgba(255, 255, 255, 0.14);
  --anpc-bg: #fbf8f1;
  --anpc-border: rgba(0, 0, 0, 0.12);
  --anpc-text: #1c2410;
  --anpc-sub: #3c4430;
  --anpc-abbr: #1d5c9c;
  --anpc-ring: #ffd54f;

  /* Chatul */
  --chat-bg: #ffffff;
  --chat-text: #1c2410;
  --chat-muted: #555c4a;
  --chat-border: rgba(40, 52, 22, 0.1);
  --chat-shadow: 0 40px 80px -34px rgba(24, 32, 14, 0.5), 0 0 0 1px rgba(40, 52, 22, 0.04);
  --chat-backdrop: none;
  --chat-header-bg: linear-gradient(180deg, #eef5e3 0%, #f7faf1 100%);
  --chat-line: rgba(40, 52, 22, 0.09);
  --chat-status: #22691c;
  --chat-btn-bg: #ffffff;
  --chat-btn-border: rgba(40, 52, 22, 0.16);
  --chat-btn-text: #4b5340;
  --chat-btn-text-hover: #1c2410;
  --chat-bot-bg: #f3f7eb;
  --chat-bot-border: rgba(47, 122, 36, 0.12);
  --chat-user-bg: #2f7a24;
  --chat-user-border: #2f7a24;
  --chat-user-text: #ffffff;
  --chat-notice-bg: #fdecea;
  --chat-notice-border: rgba(216, 56, 42, 0.4);
  --chat-limit-bg: #fff6d6;
  --chat-limit-border: rgba(229, 170, 0, 0.5);
  --chat-typing: #2f7a24;
  --chat-input-bg: #ffffff;
  --chat-input-text: #1c2410;
  --chat-input-border: rgba(40, 52, 22, 0.2);
  --chat-input-ring: rgba(47, 122, 36, 0.18);
  --chat-send-bg: var(--accent-strong);
  --chat-send-text: #ffffff;

  /* Cârligele decorative.
     Hero-ul e o bandă panoramică: peisajul (1600 × 360) stă lipit jos; sub textul hero-ului crestele verzi rămân
     la cel mult ~110 px deasupra marginii, iar între logo și text urcă fumul afumătoarei. */
  --page-art-display: none;
  --hero-art-back:
    url('/themes/pasune/assets/nori.svg') center top 6px / max(1600px, 100%) auto no-repeat,
    url('/themes/pasune/assets/dealuri-hero.svg') center bottom / max(1600px, 104%) auto no-repeat;
  --hero-art-back-opacity: 1;
  --hero-art-left: url('/themes/pasune/assets/ierburi-colt.svg') left bottom / contain no-repeat;
  --hero-art-left-width: clamp(230px, 21vw, 320px);
  --hero-art-left-height: clamp(167px, 15.3vw, 233px);
  --hero-art-left-x: -34px;
  --hero-art-left-y: -6px;
  --hero-art-right: none;
  --hero-art-story-height: 760px;
  --section-divider: none;
  --section-divider-height: 0px;
  --footer-art: url('/themes/pasune/assets/dealuri-subsol.svg') center bottom / max(1600px, 100%) 100% no-repeat;
  --footer-art-height: 120px;
  --footer-art-offset: -1px;
  --footer-art-opacity: 1;
  --card-texture: none;
}

@media (max-width: 760px) {
  html[data-theme='pasune'] {
    /* pe telefon: peisajul mai mare (satul, afumătoarea și turma ajung în mijlocul ecranului) și natura statică
       înapoi, la scară mică, în colțul din stânga */
    --hero-art-back:
      url('/themes/pasune/assets/nori.svg') center top 8px / 1100px auto no-repeat,
      url('/themes/pasune/assets/dealuri-hero.svg') center bottom / 1120px auto no-repeat;
    --hero-art-left: url('/themes/pasune/assets/ierburi-colt.svg') left bottom / contain no-repeat;
    --hero-art-left-width: 160px;
    --hero-art-left-height: 116px;
    --hero-art-left-x: -20px;
    --hero-art-left-y: -4px;
    --hero-art-right: none;
    --footer-art-height: 70px;
    --footer-art: url('/themes/pasune/assets/dealuri-subsol.svg') center bottom / 900px 100% no-repeat;
  }
}

/* ================================================================== 2. Bază */
/* Supratitlurile: o steluță cusută în fața textului (ornament, fără text) */
html[data-theme='pasune'] .eyebrow::before {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-right: 0.5em;
  vertical-align: -0.17em;
  background: url('/themes/pasune/assets/stea.svg') center / contain no-repeat;
}

/* Antetul: un tiv cusut în locul liniei de jos */
html[data-theme='pasune'] .site-header {
  border-bottom-color: transparent;
}

html[data-theme='pasune'] .site-header::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 5px;
  background: url('/themes/pasune/assets/tiv.svg') left center / auto 100% repeat-x;
  opacity: 0.9;
  pointer-events: none;
}

html[data-theme='pasune'] .site-nav__list a:not(.btn) {
  font-weight: 700;
}

/* ================================================================== 3. Hero (prima pagină) */
/* Hero compact, ca la marile branduri de mâncare: la 1440 × 900 ofertele (pozele produselor) încep deasupra liniei
   de plutire, iar peisajul rămâne o bandă panoramică sub text. */
html[data-theme='pasune'] .hero {
  /* jos: peisajul crește cu lățimea (≥ 1600 px), deci și spațiul de sub butoane crește, ca dealurile să rămână sub ele */
  padding-block: clamp(28px, 3.4vw, 52px) clamp(104px, calc(7vw + 26px), 214px);
}

html[data-theme='pasune'] .hero__badge-wrap {
  width: min(310px, 72vw);
}

html[data-theme='pasune'] .hero__wordmark {
  width: min(480px, 100%);
}

html[data-theme='pasune'] .hero__slogan {
  font-size: clamp(1.5rem, 2.9vw, 2.15rem);
  margin: 0.2em 0 0.55em;
}

html[data-theme='pasune'] .hero__actions {
  margin-top: 1.15rem;
}

/* între 761 și 1119 px butoanele hero-ului se așază pe două rânduri: peisajul coboară, ca al doilea buton să nu stea
   peste dealuri */
@media (min-width: 761px) and (max-width: 1119px) {
  html[data-theme='pasune'] .hero {
    padding-bottom: 140px;
  }
}

/* ofertele urcă imediat sub peisaj */
html[data-theme='pasune'] body[data-page='index'] #oferte {
  padding-top: clamp(28px, 3vw, 44px);
}

html[data-theme='pasune'] .hero__halo::before {
  content: '';
  position: absolute;
  inset: -26%;
  border-radius: 50%;
  background: url('/themes/pasune/assets/raze-soare.svg') center / 100% 100% no-repeat;
}

html[data-theme='pasune'] .hero__lead {
  color: #3c4530;
}

html[data-theme='pasune'] .hero__slogan {
  color: #22631b;
}

/* ================================================================== 4. Antetele paginilor interioare */
/* Antetele paginilor: doar peisajul (satul cu afumătoarea, via, turma). Crenguța de dafin din runda 1 a fost scoasă:
   la scara peisajului părea o frunză uriașă căzută pe câmp, iar în prim-plan concura cu satul și cu cardul QR. */
html[data-theme='pasune'] .page-hero,
html[data-theme='pasune'] .card-hero,
html[data-theme='pasune'] .not-found {
  --hero-art-back:
    url('/themes/pasune/assets/nori.svg') center top / 1600px auto no-repeat,
    url('/themes/pasune/assets/dealuri-pagina.svg') center bottom / max(1600px, 104%) auto no-repeat;
  --hero-art-left: none;
  --hero-art-right: none;
}

html[data-theme='pasune'] .page-hero {
  padding-bottom: clamp(60px, 9vw, 120px);
}

html[data-theme='pasune'] .card-hero {
  padding-bottom: clamp(96px, 10vw, 140px);
}

/* Revista: copertina tarabei peste un bloc galben, ca prima pagină a unei reviste de ofertă */
html[data-theme='pasune'] .page-hero--revista {
  --eyebrow: #8f1d13;
  --text-dim: #3b3414;
  --hero-art-back:
    url('/themes/pasune/assets/raze-soare.svg') right 6% center / 760px 760px no-repeat;
  --hero-art-back-opacity: 0.55;
  --hero-art-right: url('/themes/pasune/assets/ierburi-dreapta.svg') right bottom / contain no-repeat;
  --hero-art-right-width: 380px;
  --hero-art-right-height: 280px;
  --hero-art-right-x: max(0px, calc((100% - var(--container)) / 2 - 60px));
  --hero-art-right-y: 22px;
  --title-gradient: linear-gradient(180deg, #2a6b20 0%, #1b4a16 100%);
  background:
    url('/themes/pasune/assets/broderie-banda.svg') center bottom / auto 38px repeat-x,
    linear-gradient(180deg, #ffd24a 0%, #ffc629 60%, #ffbe17 100%);
  padding-top: calc(clamp(36px, 6vw, 84px) + 48px);
  padding-bottom: calc(clamp(30px, 4vw, 56px) + 38px);
}

html[data-theme='pasune'] .page-hero--revista::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 57px;
  background: url('/themes/pasune/assets/copertina.svg') center top / auto 100% repeat-x;
  pointer-events: none;
}

html[data-theme='pasune'] .page-hero--revista .eyebrow::before {
  background-image: url('/themes/pasune/assets/stea.svg');
}

html[data-theme='pasune'] .page-hero--revista .page-lead {
  font-weight: 500;
}

/* Runda 2 — vizualizarea „Revistă”: aceeași tarabă galbenă, dar ca bandă subțire (copertina și ștergarul mai
   mici, fără ilustrațiile laterale), ca revista care se răsfoiește să stea în prim-plan. */
html[data-theme='pasune'] body[data-vedere='revista'] .page-hero--revista {
  --hero-art-right: none;
  --hero-art-back: url('/themes/pasune/assets/raze-soare.svg') right 8% center / 520px 520px no-repeat;
  --hero-art-back-opacity: 0.45;
  background:
    url('/themes/pasune/assets/broderie-banda.svg') center bottom / auto 22px repeat-x,
    linear-gradient(180deg, #ffd24a 0%, #ffc629 60%, #ffbe17 100%);
  padding-top: calc(30px + 12px);
  padding-bottom: calc(22px + 12px);
}

html[data-theme='pasune'] body[data-vedere='revista'] .page-hero--revista::before {
  height: 30px;
}

html[data-theme='pasune'] body[data-vedere='revista'] .page-hero--revista .page-lead {
  color: #3b3414;
}

/* ecrane late dar joase: copertina și ștergarul și mai subțiri, iar banda e un singur rând (titlul + comutatorul),
   ca pagina revistei să încapă în fereastră (W-M1) */
@media (min-width: 900px) and (max-height: 820px) {
  html[data-theme='pasune'] body[data-vedere='revista'] .page-hero--revista {
    background:
      url('/themes/pasune/assets/broderie-banda.svg') center bottom / auto 10px repeat-x,
      linear-gradient(180deg, #ffd24a 0%, #ffc629 60%, #ffbe17 100%);
    padding-top: calc(16px + 6px);
    padding-bottom: calc(10px + 6px);
  }

  html[data-theme='pasune'] body[data-vedere='revista'] .page-hero--revista::before {
    height: 16px;
  }
}

/* comutatorul „Revistă | Listă” pe galben: pastilă albă, opțiunea aleasă verde */
html[data-theme='pasune'] .page-hero--revista .view-toggle {
  --toggle-bg: #ffffff;
  --toggle-border: rgba(58, 46, 18, 0.12);
  --toggle-shadow: 0 10px 22px -14px rgba(120, 80, 0, 0.7);
  --toggle-active-shadow: 0 6px 14px -6px rgba(47, 122, 36, 0.7);
}

/* masa pe care stă revista: lapte cald, cu o lumină moale în spatele cărții */
html[data-theme='pasune'] .flip-view {
  --flip-view-bg:
    radial-gradient(60% 70% at 50% 42%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%),
    linear-gradient(180deg, #f6f1e5 0%, #fbf8f1 100%);
}

/* ================================================================== 5. Benzile alternative */
/* Banda deschisă (magazine, catalog, pașii cardului): verde crud foarte deschis, cu tiv cusut sus și jos */
html[data-theme='pasune'] .section--alt {
  --section-divider: url('/themes/pasune/assets/tiv.svg') center top / auto 100% repeat-x;
  --section-divider-height: 5px;
  --section-divider-offset: 0px;
  --section-divider-opacity: 0.7;
}

html[data-theme='pasune'] .section--alt::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--section-divider-height);
  background: var(--section-divider);
  background-position: center bottom;
  opacity: var(--section-divider-opacity);
  pointer-events: none;
}

/* Banda plină de pe prima pagină (categoriile): verde de pășune, ștergar sus și jos */
html[data-theme='pasune'] #categorii.section--alt {
  /* verdele e ales ca galbenul supratitlului (text mic) să aibă peste 4,5 : 1 pe toată banda */
  --section-alt-bg:
    url('/themes/pasune/assets/card-model.svg') 0 0 / 30px 30px,
    linear-gradient(180deg, #266721 0%, #215a1b 100%);
  --section-alt-text: #ffffff;
  --section-divider: url('/themes/pasune/assets/broderie-banda.svg') center top / auto 100% repeat-x;
  --section-divider-height: 38px;
  --section-divider-opacity: 1;
  --heading: #ffffff;
  --text: #ffffff;
  --text-dim: #e1ecd3;
  --eyebrow: #ffd54f;
  --link: #ffd54f;
  --link-hover: #ffffff;
  --focus: #ffd54f;
  padding-block: calc(clamp(48px, 8vw, 96px) + 26px);
}

html[data-theme='pasune'] #categorii .eyebrow::before {
  background-image: url('/themes/pasune/assets/stea-galbena.svg');
}

/* ================================================================== 6. Oferte, prețuri, produse */
html[data-theme='pasune'] .offer-card__name {
  font-size: 1.45rem;
  letter-spacing: 0.01em;
}

html[data-theme='pasune'] .offer-card .price-big {
  --p-int: 3.3rem;
}

/* Cifra de preț domină cardul, ca în revistele de ofertă: de la 768 px eticheta ocupă peste jumătate din lățime */
@media (min-width: 768px) {
  html[data-theme='pasune'] .offer-card .price-big {
    --p-int: clamp(3.5rem, 4.3vw, 4.4rem);
  }

  html[data-theme='pasune'] .offer-card .price-tag {
    min-width: 56%;
  }
}

/* Oferta-vedetă: când ofertele ar lăsa un rând incomplet în grila de 4 (5, 9, 13 oferte), prima ia 2 × 2 și
   rândurile se umplu exact. (De la 1120 px grila are sigur 4 coloane.) */
@media (min-width: 1120px) {
  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) {
    grid-column: span 2;
    grid-row: span 2;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .offer-card__media {
    flex: 1 1 0;
    min-height: 0;
    aspect-ratio: auto;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .offer-card__media > img {
    position: absolute;
    inset: 0;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .offer-card__body {
    flex: none;
    gap: 14px;
    padding: 18px 24px 22px;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .offer-card__name {
    font-size: 2.1rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .price-big {
    --p-int: 5.4rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .price-tag {
    min-width: 0;
    padding: 12px 24px 14px 20px;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .price-tag__old {
    font-size: 1.25rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .discount-dot {
    top: 18px;
    right: 18px;
    width: 96px;
    height: 96px;
    font-size: 1.8rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(4n + 5) .offer-card__valid {
    font-size: 0.95rem;
  }

}

/* Card lat (poza în stânga, prețul în dreapta), pe două coloane: o singură ofertă (ex. „În curând în revistă”) și,
   în grila de 3 coloane (860–1119 px), prima ofertă când numărul lor ar lăsa un gol (5, 8, 11). */
@media (min-width: 860px) {
  html[data-theme='pasune'] .offer-grid > .offer-card:only-child {
    grid-column: span 2;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:only-child .offer-card__link {
    flex-direction: row;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:only-child .offer-card__media {
    flex: 0 0 50%;
    border-radius: var(--card-radius) 0 0 var(--card-radius);
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:only-child .offer-card__body {
    justify-content: center;
    padding: 22px 26px;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:only-child .offer-card__name {
    font-size: 1.8rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:only-child .offer-card__valid {
    margin-top: 4px;
  }
}

@media (min-width: 860px) and (max-width: 1119px) {
  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) {
    grid-column: span 2;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) .offer-card__link {
    flex-direction: row;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) .offer-card__media {
    flex: 0 0 52%;
    aspect-ratio: auto;
    border-radius: var(--card-radius) 0 0 var(--card-radius);
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) .offer-card__media > img {
    position: absolute;
    inset: 0;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) .offer-card__body {
    justify-content: center;
    padding: 22px 24px;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) .offer-card__name {
    font-size: 1.9rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) .price-big {
    --p-int: 4.6rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(3n + 2) .offer-card__valid {
    margin-top: 4px;
  }
}

/* pe telefon și pe tabletele înguste (grila de 2 coloane), la un număr impar de oferte, prima se întinde pe tot
   rândul (fără card orfan la final) */
@media (max-width: 816px) {
  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(odd) {
    grid-column: 1 / -1;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(odd) .offer-card__media {
    aspect-ratio: 16 / 10;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(odd) .offer-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px 14px;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(odd) .offer-card__name {
    grid-column: 1 / -1;
    font-size: 1.5rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(odd) .price-big {
    --p-int: 3.3rem;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(odd) .price-tag {
    justify-self: start;
    min-width: 0;
  }

  html[data-theme='pasune'] .offer-grid > .offer-card:first-child:nth-last-child(odd) .offer-card__valid {
    margin: 0;
    align-self: end;
  }
}

/* X-M2: în repaus, lucirea mouse-ului stă în dreapta-sus, peste nume, nu peste eticheta „MEMBRU GABIOTI”
   (#fff3cc trece AA în poziția reală doar așa: 4,7:1 față de 3,9:1, măsurat cu scripts/contrast-card.mjs) */
html[data-theme='pasune'] .member-card {
  --mx: 74%;
  --my: 30%;
}

/* Cardul de membru: panoul codului de bare și textele se opresc la 10 px înaintea panglicii de ie */
html[data-theme='pasune'] .member-card__top,
html[data-theme='pasune'] .member-card__name,
html[data-theme='pasune'] .member-card__since,
html[data-theme='pasune'] .member-card__code {
  margin-right: 26px;
}

html[data-theme='pasune'] .price-tag {
  padding: 9px 18px 11px 16px;
  box-shadow: 0 10px 18px -14px rgba(160, 110, 0, 0.75);
}

html[data-theme='pasune'] .price-tag__old {
  font-weight: 700;
}

/* Valabilitatea, ca un bilețel albastru de informare */
html[data-theme='pasune'] .offer-card__valid {
  align-self: flex-start;
  padding: 5px 11px 5px 9px;
  border-radius: 10px;
  background: #eaf2fb;
  color: #1f4f86;
  font-weight: 500;
}

html[data-theme='pasune'] .offer-card.is-last-day .offer-card__valid {
  background: #fdecea;
  color: #8f1d13;
}

/* Rozeta „-NN%”: sigiliu festonat cu cusături, umbră caldă */
html[data-theme='pasune'] .discount-dot {
  width: 64px;
  height: 64px;
  font-size: 1.22rem;
  filter: drop-shadow(0 6px 8px rgba(120, 24, 12, 0.32));
}

/* în fișa produsului rozeta iese din etichetă: acolo eticheta rămâne fără crestătură, ca rozeta să nu fie tăiată */
html[data-theme='pasune'] .price-tag:has(.price-tag__badge) {
  -webkit-mask: none;
  mask: none;
}

html[data-theme='pasune'] .price-tag__badge {
  display: grid;
  place-items: center;
  width: 3.5em;
  height: 3.5em;
  padding: 0;
  border-radius: 50%;
  filter: drop-shadow(0 6px 8px rgba(120, 24, 12, 0.32));
}

html[data-theme='pasune'] .product-card__name {
  font-size: 1.36rem;
}

/* Legenda de pe poza produsului își poartă singură voalul: începe transparent cu 34 px deasupra etichetei de
   categorie și e deja închis (0,76) la marginea ei de sus, oricâte rânduri ar avea numele. Așa „MEZELURI” și numele
   trec AA chiar și peste hârtia albă din poze, iar partea de sus a pozei rămâne luminoasă. */
html[data-theme='pasune'] .product-card__caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 34px 14px 12px;
  background: linear-gradient(180deg, rgba(16, 22, 9, 0) 0, rgba(16, 22, 9, 0.5) 18px, rgba(16, 22, 9, 0.78) 34px,
    rgba(16, 22, 9, 0.9) 100%);
}

@media (max-width: 640px) {
  html[data-theme='pasune'] .product-card__caption {
    padding: 30px 10px 10px;
    background: linear-gradient(180deg, rgba(16, 22, 9, 0) 0, rgba(16, 22, 9, 0.5) 16px, rgba(16, 22, 9, 0.78) 30px,
      rgba(16, 22, 9, 0.9) 100%);
  }
}

html[data-theme='pasune'] .product-card__price {
  padding: 10px 6px 4px;
}

/* Categoriile, pe banda verde */
html[data-theme='pasune'] .category-tile {
  box-shadow: 0 18px 34px -24px rgba(0, 0, 0, 0.6);
}

/* pe telefon (2 coloane), ultima categorie rămasă singură pe rând devine o placă lată */
@media (max-width: 640px) {
  html[data-theme='pasune'] .category-grid > .category-tile:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 9;
  }
}

/* ================================================================== 7. Magazine */
html[data-theme='pasune'] .store-card__name {
  color: #18220f;
}

/* pe /magazine, patru magazine pe rând la 1200 px (fără rând cu un singur card) */
html[data-theme='pasune'] #stores {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
}

/* ================================================================== 8. Promo aplicație + asistent */
html[data-theme='pasune'] .app-promo {
  background:
    radial-gradient(60% 90% at 0% 50%, rgba(255, 214, 80, 0.18), transparent 70%),
    #ffffff;
}

html[data-theme='pasune'] .assistant-promo {
  background:
    radial-gradient(70% 120% at 0% 50%, rgba(47, 114, 179, 0.1), transparent 70%),
    #ffffff;
}

/* Benzile CTA (povestea, magazine): bloc verde, buton galben */
html[data-theme='pasune'] .cta-band {
  --glass:
    url('/themes/pasune/assets/card-model.svg') 0 0 / 30px 30px,
    linear-gradient(120deg, #2c6f22 0%, #22601b 100%);
  --glass-border: rgba(0, 0, 0, 0);
  --heading: #ffffff;
  --text-dim: #e1ecd3;
  --link: #ffd54f;
  --focus: #ffd54f;
  --btn-primary-bg: linear-gradient(180deg, #ffd65a 0%, #ffc629 100%);
  --btn-primary-text: #1c2410;
  --btn-primary-shadow: 0 10px 22px -12px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  --btn-primary-shadow-hover: 0 14px 26px -12px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  --btn-secondary-bg: rgba(255, 255, 255, 0.08);
  --btn-secondary-text: #ffffff;
  --btn-secondary-border: rgba(255, 255, 255, 0.55);
  --btn-secondary-bg-hover: rgba(255, 255, 255, 0.16);
  --btn-secondary-border-hover: #ffffff;
}

/* Condițiile revistei: chenar de informare albastru */
html[data-theme='pasune'] .disclaimer {
  --icon-accent: #1d5c9c;
  --accent-soft: #1d4f86;
  background: linear-gradient(180deg, #f1f6fc, #ffffff);
  border-color: rgba(46, 111, 176, 0.18);
  border-left: 4px solid #2f72b3;
}

/* ================================================================== 8b. Firme (runda 2): /firme și banda de pe prima pagină */
html[data-theme='pasune'] .b2b-medal {
  --b2b-medal-bg: #ffffff;
  --b2b-medal-border: rgba(40, 52, 22, 0.1);
  --b2b-medal-shadow: 0 12px 24px -16px rgba(58, 46, 18, 0.55);
  --b2b-medal-text: #1c2410;
}

html[data-theme='pasune'] .b2b-medal__pct {
  filter: drop-shadow(0 4px 6px rgba(120, 24, 12, 0.3));
}

/* banda verde de pe prima pagină: stea galbenă în fața supratitlului, textul pe verde */
html[data-theme='pasune'] .b2b-band .eyebrow {
  --eyebrow: #ffd54f;
}

html[data-theme='pasune'] .b2b-band .eyebrow::before {
  background-image: url('/themes/pasune/assets/stea-galbena.svg');
}

html[data-theme='pasune'] .b2b-band {
  position: relative;
  overflow: hidden;
}

html[data-theme='pasune'] .b2b-band::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 28px;
  background: url('/themes/pasune/assets/broderie-verticala.svg') center top / 28px auto repeat-y;
  pointer-events: none;
}

html[data-theme='pasune'] .b2b-band > :last-child {
  margin-right: 22px;
}

html[data-theme='pasune'] .audience__item h3 {
  color: #18220f;
}

/* grupele de reducere: card alb cu tiv cusut sus */
html[data-theme='pasune'] .b2b-group {
  position: relative;
  overflow: hidden;
}

html[data-theme='pasune'] .b2b-group::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 5px;
  background: url('/themes/pasune/assets/tiv.svg') left center / auto 100% repeat-x;
  opacity: 0.85;
}

html[data-theme='pasune'] .b2b-group__title {
  color: #1f5a18;
}

html[data-theme='pasune'] .b2b-note {
  --icon-accent: #1d5c9c;
  background: linear-gradient(180deg, #f1f6fc, #ffffff);
  border-color: rgba(46, 111, 176, 0.18);
  border-left: 4px solid #2f72b3;
}

html[data-theme='pasune'] .cert-panel {
  background:
    radial-gradient(60% 80% at 100% 50%, rgba(255, 214, 80, 0.16), transparent 70%),
    #ffffff;
}

html[data-theme='pasune'] .member-card__firm {
  --member-card-firm-border: rgba(255, 213, 79, 0.95);
  --member-card-firm-bg: rgba(126, 23, 18, 0.35);
}

/* ================================================================== 9. Povestea */
html[data-theme='pasune'] .section--story {
  border-block: 1px solid rgba(229, 170, 0, 0.18);
}

/* /povestea: cer senin sus, iar de o parte și de alta câte un ștergar cusut, atârnat ca în casele de la țară */
html[data-theme='pasune'] .hero-art--story {
  --hero-art-back:
    url('/themes/pasune/assets/nori.svg') center top 26px / 1600px auto no-repeat,
    linear-gradient(180deg, #d3e8f5 0%, #e7f1f2 38%, #f4f4ea 70%, rgba(251, 248, 241, 0) 100%);
  --hero-art-left: url('/themes/pasune/assets/stergar.svg') center top / 100% 100% no-repeat;
  --hero-art-left-width: 57px;
  --hero-art-left-height: 450px;
  --hero-art-left-x: max(14px, calc((100% - 1000px) / 2 - 150px));
  --hero-art-left-y: calc(100% - 450px);
  --hero-art-right: url('/themes/pasune/assets/stergar.svg') center top / 100% 100% no-repeat;
  --hero-art-right-width: 57px;
  --hero-art-right-height: 450px;
  --hero-art-right-x: max(14px, calc((100% - 1000px) / 2 - 150px));
  --hero-art-right-y: calc(100% - 450px);
}

html[data-theme='pasune'] .story-hero__tagline {
  color: #22631b;
}

html[data-theme='pasune'] .story-founders {
  padding-top: calc(clamp(28px, 5vw, 60px) + 26px);
}

html[data-theme='pasune'] .story-quote p {
  color: #1f5a18;
}

/* ghilimeaua mare stă deasupra citatului, nu peste primul rând */
html[data-theme='pasune'] .story-quote::before {
  top: -1.02em;
}

html[data-theme='pasune'] .pillar {
  border-top: 3px solid #2f7a24;
}

html[data-theme='pasune'] .pillar:nth-child(2) {
  border-top-color: #ffc629;
}

html[data-theme='pasune'] .pillar:nth-child(3) {
  border-top-color: #d8382a;
}

/* ================================================================== 10. Subsol */
html[data-theme='pasune'] .site-footer {
  --script-color: #ffd54f;
  --link: #ffd54f;
  --focus: #ffd54f;
  margin-top: clamp(84px, 10vw, 140px);
}

html[data-theme='pasune'] .site-footer__legal a {
  color: #eef4e2;
}

/* ================================================================== 11. Ecrane mici și medii */
@media (max-width: 1179px) {
  html[data-theme='pasune'] .hero-art--story {
    --hero-art-left: none;
    --hero-art-right: none;
  }
}

@media (max-width: 760px) {
  /* hero compact pe telefon: dealurile, satul și natura statică intră în primul ecran, DEASUPRA pastilei fixe
     „Descarcă aplicația” (care ocupă ultimii ~70 px ai ferestrei) */
  html[data-theme='pasune'] .hero {
    padding-block: 14px 122px;
  }

  html[data-theme='pasune'] .hero__inner {
    gap: 14px;
  }

  html[data-theme='pasune'] .hero__badge-wrap {
    width: min(150px, 40vw);
  }

  html[data-theme='pasune'] .hero__wordmark {
    width: min(400px, 100%);
  }

  html[data-theme='pasune'] .hero__actions {
    gap: 10px;
    margin-top: 0.9rem;
  }

  html[data-theme='pasune'] .hero__actions .btn--lg {
    min-height: 50px;
    padding-block: 0.6em;
  }

  html[data-theme='pasune'] .page-hero,
  html[data-theme='pasune'] .card-hero,
  html[data-theme='pasune'] .not-found {
    --hero-art-back:
      url('/themes/pasune/assets/nori.svg') center top / 1000px auto no-repeat,
      url('/themes/pasune/assets/dealuri-pagina.svg') center bottom / 1000px auto no-repeat;
    --hero-art-right: none;
  }

  html[data-theme='pasune'] .page-hero {
    padding-bottom: 84px;
  }

  html[data-theme='pasune'] .card-hero {
    padding-bottom: 112px;
  }

  html[data-theme='pasune'] .page-hero--revista {
    --hero-art-right: none;
    --hero-art-back: url('/themes/pasune/assets/raze-soare.svg') right -120px center / 520px 520px no-repeat;
    padding-bottom: calc(26px + 30px);
    background:
      url('/themes/pasune/assets/broderie-banda.svg') center bottom / auto 30px repeat-x,
      linear-gradient(180deg, #ffd24a 0%, #ffc629 60%, #ffbe17 100%);
  }

  html[data-theme='pasune'] .page-hero--revista::before {
    height: 46px;
  }

  /* runda 2: banda subțire a vizualizării „Revistă”, ca pagina revistei să încapă deasupra pastilei fixe */
  html[data-theme='pasune'] body[data-vedere='revista'] .page-hero--revista {
    background:
      url('/themes/pasune/assets/broderie-banda.svg') center bottom / auto 16px repeat-x,
      linear-gradient(180deg, #ffd24a 0%, #ffc629 60%, #ffbe17 100%);
    padding-top: calc(22px + 8px);
    padding-bottom: calc(16px + 10px);
  }

  html[data-theme='pasune'] body[data-vedere='revista'] .page-hero--revista::before {
    height: 22px;
  }

  html[data-theme='pasune'] #categorii.section--alt {
    --section-divider-height: 30px;
    padding-block: calc(48px + 20px);
  }

  html[data-theme='pasune'] .section--story {
    --story-teaser-bg: linear-gradient(180deg, #fff8e6 0%, #fdf3da 100%);
  }

  html[data-theme='pasune'] .offer-card .price-big {
    --p-int: 2.6rem;
  }

  html[data-theme='pasune'] .offer-card__name {
    font-size: 1.2rem;
  }

  html[data-theme='pasune'] .offer-card__valid {
    font-size: 0.8rem;
    padding: 5px 9px;
    line-height: 1.3;
  }

  html[data-theme='pasune'] .offer-card__valid .icon {
    display: none;
  }

  html[data-theme='pasune'] .discount-dot {
    width: 54px;
    height: 54px;
    font-size: 1.06rem;
  }
}

/* ================================================================== 12. Mișcare (doar dacă utilizatorul nu cere reducerea ei) */
@media (prefers-reduced-motion: no-preference) {
  html[data-theme='pasune'] .hero__halo::before {
    animation: pasune-raze 160s linear infinite;
  }
}

@keyframes pasune-raze {
  to {
    transform: rotate(1turn);
  }
}