html { scroll-behavior: smooth; }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

    html, body { max-width: 100vw; overflow-x: hidden; }

    body {
      font-family: var(--font-sans) !important;
      background: var(--background) !important;
      color: var(--foreground) !important;
      letter-spacing: var(--tracking-normal);
    }
    h1, h2, h3, h4, .font-serif {
      font-family: var(--font-serif) !important;
      letter-spacing: var(--tracking-tight);
    }
    .font-num {
      font-family: var(--font-mono) !important;
      font-variant-numeric: tabular-nums;
    }

    /* Color utilities */
    .text-primary { color: var(--primary) !important; }
    .text-accent { color: var(--accent) !important; }
    .text-muted { color: var(--muted-foreground) !important; }
    .text-fg { color: var(--foreground) !important; }
    .bg-primary { background-color: var(--primary) !important; }
    .bg-primary-fg { color: var(--primary-foreground) !important; }
    .bg-accent { background-color: var(--accent) !important; }
    .bg-accent-fg { color: var(--accent-foreground) !important; }
    .bg-secondary { background-color: var(--secondary) !important; }
    .bg-muted { background-color: var(--muted) !important; }
    .bg-card { background-color: var(--card) !important; }
    .border-border { border-color: var(--border) !important; }

    /* Reveal animation */
    .reveal { opacity: 0; transform: translateY(30px); transition: opacity 700ms cubic-bezier(.16,.84,.44,1), transform 700ms cubic-bezier(.16,.84,.44,1); }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    .reveal-delay-1 { transition-delay: 100ms; }
    .reveal-delay-2 { transition-delay: 200ms; }
    .reveal-delay-3 { transition-delay: 300ms; }
    .reveal-delay-4 { transition-delay: 400ms; }

    /* Buttons */
    .btn-primary {
      background: var(--accent);
      color: var(--accent-foreground);
      transition: all 250ms cubic-bezier(.16,.84,.44,1);
      box-shadow: var(--shadow-sm);
    }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); filter: brightness(1.05); }
    .btn-primary:active { transform: scale(.97); }

    .btn-secondary {
      background: var(--primary);
      color: var(--primary-foreground);
      transition: all 250ms cubic-bezier(.16,.84,.44,1);
    }
    .btn-secondary:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }

    .btn-ghost {
      border: 1.5px solid var(--border);
      color: var(--foreground);
      background: transparent;
      transition: all 200ms ease-out;
    }
    .btn-ghost:hover { border-color: var(--primary); background: var(--secondary); color: var(--primary); }

    /* Service cards */
    .card-service {
      background: var(--card);
      border: 1px solid var(--border);
      transition: all 300ms cubic-bezier(.4,0,.2,1);
      overflow: hidden;
      border-radius: var(--radius-xl);
    }
    .card-service:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: var(--primary); }
    .card-img-wrap { overflow: hidden; }
    .card-img-wrap img { transition: transform 500ms cubic-bezier(.16,.84,.44,1); }
    .card-service:hover .card-img-wrap img { transform: scale(1.05); }
    .arrow-icon { transition: transform 200ms ease-out, opacity 200ms ease-out; opacity: .65; }
    .card-service:hover .arrow-icon { transform: translateX(6px); opacity: 1; }

    /* FAQ accordion */
    .faq-item { border-bottom: 1px solid var(--border); }
    .faq-trigger { transition: color 200ms ease-out; }
    .faq-content { max-height: 0; overflow: hidden; transition: max-height 350ms cubic-bezier(.4,0,.2,1); }
    .faq-item.open .faq-content { max-height: 500px; }
    .faq-icon { transition: transform 250ms ease-out; }
    .faq-item.open .faq-icon { transform: rotate(180deg); }
    .faq-item.open .faq-trigger { color: var(--primary); }

    /* Nav link underline */
    .nav-link { position: relative; transition: color 200ms ease-out; }
    .nav-link::after {
      content: ''; position: absolute; bottom: -6px; left: 0; right: 0; height: 2px;
      background: var(--primary); transform: scaleX(0); transform-origin: left;
      transition: transform 250ms ease-out;
    }
    .nav-link:hover { color: var(--primary); }
    .nav-link:hover::after { transform: scaleX(1); }

    /* Mobile menu */
    .mobile-menu { transform: translateX(100%); transition: transform 400ms cubic-bezier(.32,.72,0,1); }
    .mobile-menu.open { transform: translateX(0); }
    .mobile-overlay { opacity: 0; pointer-events: none; transition: opacity 300ms ease-out; }
    .mobile-overlay.open { opacity: 1; pointer-events: auto; }

    /* Hero gradient */
    .hero-bg {
      background:
        radial-gradient(ellipse 800px 600px at 85% 15%, oklch(0.93 0.025 130) 0%, transparent 60%),
        radial-gradient(ellipse 700px 500px at 10% 90%, oklch(0.95 0.045 70) 0%, transparent 55%),
        var(--background);
    }

    /* Method step line */
    .step-line { stroke-dasharray: 1500; stroke-dashoffset: 1500; transition: stroke-dashoffset 1800ms ease-out; }
    .reveal.visible .step-line { stroke-dashoffset: 0; }
    .step-circle { transition: transform 400ms cubic-bezier(.34,1.56,.64,1); transform: scale(0); }
    .reveal.visible .step-circle { transform: scale(1); }

    /* Trust strip */
    .trust-item:not(:last-child)::after {
      content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%;
      background: var(--muted-foreground); margin: 0 1.25rem; opacity: .5; vertical-align: middle;
    }
    @media (max-width: 768px) {
      .trust-item:not(:last-child)::after { display: none; }
    }

    /* Form input */
    .input-field {
      background: var(--card); border: 1.5px solid var(--border); color: var(--foreground);
      transition: all 200ms ease-out; border-radius: var(--radius-md);
    }
    .input-field:focus {
      outline: none; border-color: var(--primary);
      box-shadow: 0 0 0 4px oklch(0.42 0.07 150 / 0.15);
    }

    /* Image lazy fade */
    img[loading="lazy"] { opacity: 0; transition: opacity 500ms ease-out; }
    img[loading="lazy"].loaded { opacity: 1; }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
      .reveal { opacity: 1 !important; transform: none !important; }
      .step-line { stroke-dashoffset: 0 !important; }
      .step-circle { transform: scale(1) !important; }
    }

    /* Selection */
    ::selection { background: var(--primary); color: var(--primary-foreground); }

    /* Decorative blob */
    .blob-deco {
      position: absolute; pointer-events: none; opacity: .35; filter: blur(40px);
      border-radius: 50%; z-index: 0;
    }

    /* ====== DUAL BRAND SECTIONS ====== */
    .brand-section { position: relative; overflow: hidden; padding: 5rem 0 5.5rem; }
    @media (min-width: 1024px) { .brand-section { padding: 7rem 0 7.5rem; } }
    .brand-section > .brand-bg-layer { position: absolute; inset: 0; z-index: 0; opacity: 1; pointer-events: none; }
    .brand-section > .brand-content { position: relative; z-index: 1; }

    .brand-coral { background: linear-gradient(180deg, oklch(0.985 0.008 90) 0%, oklch(0.965 0.03 80) 60%, oklch(0.945 0.045 72) 100%); }
    .brand-coral .brand-bg-layer { background:
      radial-gradient(circle at 85% 15%, oklch(0.92 0.07 200 / .35) 0%, transparent 45%),
      radial-gradient(circle at 15% 85%, oklch(0.95 0.06 75 / .55) 0%, transparent 50%);
    }

    .brand-riman { background: linear-gradient(180deg, oklch(0.945 0.045 72) 0%, oklch(0.88 0.055 65) 45%, oklch(0.78 0.075 55) 100%); color: oklch(0.20 0.025 60); }
    .brand-riman .brand-bg-layer { background:
      radial-gradient(circle at 12% 18%, oklch(0.78 0.10 45 / .4) 0%, transparent 48%),
      radial-gradient(circle at 88% 82%, oklch(0.55 0.12 30 / .25) 0%, transparent 55%);
    }
    .brand-riman .text-muted { color: oklch(0.32 0.028 60) !important; }
    .brand-riman .card-service { background: oklch(0.99 0.012 80); border-color: oklch(0.85 0.04 65 / .7); }
    .brand-riman .btn-ghost { color: oklch(0.20 0.025 60); border-color: oklch(0.40 0.035 60 / .6); background: oklch(1 0 0 / .55); backdrop-filter: blur(6px); }
    .brand-riman .btn-ghost:hover { background: oklch(1 0 0); border-color: var(--primary); color: var(--primary); }

    .brand-eyebrow { font-size: .72rem; letter-spacing: .25em; text-transform: uppercase; color: var(--primary); font-weight: 600; }
    .brand-section h2.brand-h2 { font-family: var(--font-serif) !important; font-size: clamp(2.5rem, 5vw, 3.75rem); font-weight: 500; line-height: 1.05; margin-top: .65rem; letter-spacing: -.015em; }
    .brand-lead { font-size: 1.075rem; line-height: 1.7; margin-top: 1.25rem; max-width: 42rem; color: oklch(0.30 0.02 60); }
    .brand-coral .brand-lead { color: var(--muted-foreground); }

    .brand-usp-list { list-style: none; padding: 0; margin: 0; }
    .brand-usp-list li { padding: .85rem 0; border-bottom: 1px solid oklch(0.55 0.03 70 / .25); display: flex; gap: .85rem; align-items: flex-start; font-size: .9rem; line-height: 1.45; }
    .brand-usp-list li::before { content: ''; flex-shrink: 0; width: 6px; height: 6px; border-radius: 999px; background: var(--primary); margin-top: .65em; }
    .brand-usp-list li:last-child { border-bottom: 0; }

    .brand-stats-row { display: flex; gap: 1.75rem; margin: 1.75rem 0 2rem; padding: 1.1rem 1.4rem; border-radius: var(--radius-lg); background: oklch(1 0 0 / .55); backdrop-filter: blur(10px); border: 1px solid oklch(0.85 0.03 70 / .55); flex-wrap: wrap; }
    .brand-stats-row > div { display: flex; flex-direction: column; gap: .15rem; min-width: 70px; }
    .brand-stats-row b { font-family: var(--font-mono); font-size: 1.55rem; font-weight: 600; color: var(--primary); font-variant-numeric: tabular-nums; }
    .brand-stats-row span { font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; color: var(--muted-foreground); }
    .brand-riman .brand-stats-row span { color: oklch(0.34 0.025 60); }

    .brand-cta-row { display: flex; flex-wrap: wrap; gap: .75rem; }

    .brand-divider { display: block; height: 1px; background: linear-gradient(90deg, transparent 0%, oklch(0.55 0.03 70 / .35) 50%, transparent 100%); margin: 0 auto; max-width: 80%; }

    /* Riman flow inline */
    .riman-flow-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; margin: 1.4rem 0 1.6rem; padding: .9rem 1rem; border-radius: var(--radius-md); background: oklch(1 0 0 / .55); backdrop-filter: blur(6px); border: 1px solid oklch(0.85 0.04 65 / .55); }
    .riman-flow-mini > div { display: flex; align-items: flex-start; gap: .5rem; font-size: .78rem; line-height: 1.35; color: oklch(0.30 0.025 60); }
    .riman-flow-mini b { font-family: var(--font-mono); font-size: .85rem; color: var(--primary); font-weight: 600; line-height: 1; flex-shrink: 0; min-width: 1rem; }
    @media (max-width: 640px) { .riman-flow-mini { grid-template-columns: 1fr; gap: .65rem; } }

    /* ====== CAROUSEL ====== */
    .brand-carousel { position: relative; }
    .carousel-stage { position: relative; aspect-ratio: 4/3; border-radius: var(--radius-lg); overflow: hidden; background: oklch(1 0 0 / .65); border: 1px solid oklch(0.85 0.03 70 / .55); box-shadow: var(--shadow-md); }
    @media (min-width: 1024px) { .carousel-stage { aspect-ratio: 5/4; } }
    .carousel-slide { position: absolute; inset: 0; display: grid; grid-template-rows: 55% 45%; opacity: 0; transform: scale(0.985); transition: opacity 750ms cubic-bezier(.4,0,.2,1), transform 1000ms cubic-bezier(.16,.84,.44,1); pointer-events: none; will-change: opacity, transform; }
    @media (min-width: 768px) { .carousel-slide { grid-template-rows: 1fr; grid-template-columns: 1.05fr 1fr; } }
    .carousel-slide.is-active { opacity: 1; transform: scale(1); pointer-events: auto; }
    .carousel-slide-img { display: flex; align-items: center; justify-content: center; padding: 1.75rem; background: oklch(1 0 0 / .9); }
    .carousel-slide-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
    .carousel-slide-body { padding: 1.5rem 1.6rem; display: flex; flex-direction: column; justify-content: center; gap: .55rem; background: oklch(0.985 0.012 80); }
    .carousel-cat { font-size: .65rem; text-transform: uppercase; letter-spacing: .15em; color: var(--primary); font-weight: 600; }
    .carousel-slide-body h3 { font-family: var(--font-serif) !important; font-size: 1.4rem; line-height: 1.15; font-weight: 500; color: var(--foreground); margin: 0; }
    .carousel-slide-body p { font-size: .82rem; color: var(--muted-foreground); line-height: 1.5; margin: 0; }
    .carousel-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .9rem; padding-top: .35rem; }
    .carousel-foot .price { font-family: var(--font-mono); font-size: 1.1rem; font-weight: 600; color: var(--foreground); font-variant-numeric: tabular-nums; }
    .carousel-foot .price-pending { font-size: .75rem; color: var(--muted-foreground); }

    .carousel-controls { display: flex; align-items: center; justify-content: center; gap: 1.1rem; margin-top: 1.4rem; }
    .carousel-btn { width: 2.5rem; height: 2.5rem; border-radius: 999px; border: 1.5px solid oklch(0.40 0.04 70 / .3); background: oklch(1 0 0 / .7); color: var(--foreground); display: inline-flex; align-items: center; justify-content: center; transition: all 200ms cubic-bezier(.16,.84,.44,1); cursor: pointer; padding: 0; }
    .carousel-btn:hover { border-color: var(--primary); color: var(--primary); background: oklch(1 0 0); transform: translateY(-1px); box-shadow: var(--shadow-sm); }
    .carousel-btn:active { transform: translateY(0); }
    .carousel-btn svg { width: 1.1rem; height: 1.1rem; }
    .carousel-dots { display: flex; gap: .55rem; align-items: center; }
    .carousel-dots button { width: 8px; height: 8px; border-radius: 999px; background: oklch(0.45 0.03 70 / .3); border: 0; transition: all 280ms cubic-bezier(.16,.84,.44,1); padding: 0; cursor: pointer; }
    .carousel-dots button.active { width: 26px; background: var(--primary); }
    .carousel-dots button:hover:not(.active) { background: oklch(0.45 0.03 70 / .55); }

    .brand-rating-pill { display: inline-flex; align-items: center; gap: .35rem; background: oklch(1 0 0 / .65); backdrop-filter: blur(6px); border: 1px solid oklch(0.85 0.04 65 / .6); padding: .3rem .65rem; border-radius: 999px; font-size: .7rem; font-weight: 600; color: oklch(0.32 0.04 60); margin-top: .9rem; }
    .brand-rating-pill .stars { color: oklch(0.65 0.18 70); letter-spacing: .05em; }

    /* ====== EDITORIAL TYPOGRAPHY OVERRIDE INSIDE BRAND SECTIONS ====== */
    .brand-section { font-family: 'Inter Tight', 'Plus Jakarta Sans', system-ui, sans-serif !important; }
    .brand-section p, .brand-section li, .brand-section span:not(.stars):not(.font-num),
    .brand-section .carousel-slide-body p, .brand-section .brand-lead { font-family: 'Inter Tight', 'Plus Jakarta Sans', system-ui, sans-serif !important; letter-spacing: -.005em; }
    .brand-section h2.brand-h2,
    .brand-section .carousel-slide-body h3 {
      font-family: 'Fraunces', 'Lora', Georgia, serif !important;
      font-variation-settings: 'opsz' 144, 'SOFT' 50, 'WONK' 0;
      font-weight: 500;
      letter-spacing: -.025em;
    }
    .brand-section h2.brand-h2 { font-size: clamp(3rem, 6.2vw, 5.25rem); line-height: .98; margin-top: .5rem; }
    .brand-section .carousel-slide-body h3 { font-size: 1.55rem; line-height: 1.08; letter-spacing: -.02em; }
    .brand-eyebrow, .carousel-cat { font-family: 'JetBrains Mono', ui-monospace, monospace !important; font-size: .68rem !important; letter-spacing: .26em !important; font-weight: 500 !important; }
    .brand-section .price { font-family: 'JetBrains Mono', monospace !important; font-feature-settings: 'tnum'; }
    .brand-section .brand-lead { font-size: 1.125rem; line-height: 1.65; max-width: 44rem; }

    /* ====== FILM-GRAIN OVERLAY (gives the section a tactile, editorial feel) ====== */
    .brand-section::after {
      content: '';
      position: absolute; inset: 0;
      pointer-events: none;
      z-index: 2;
      opacity: 0.07;
      mix-blend-mode: multiply;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");
      background-size: 220px 220px;
    }
    .brand-riman::after { opacity: 0.10; }

    /* ====== CHAPTER DIVIDER · "Itt kezdődnek a termékek" ====== */
    .chapter-divider {
      position: relative;
      min-height: 58vh;
      display: flex; flex-direction: column; justify-content: center;
      padding: 5.5rem 0 5rem;
      background: oklch(0.265 0.04 135);
      color: oklch(0.96 0.025 88);
      overflow: hidden;
      isolation: isolate;
    }
    @media (min-width: 1024px) {
      .chapter-divider { min-height: 68vh; padding: 7.5rem 0 6rem; }
    }
    .chapter-divider::before {
      content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
      background:
        radial-gradient(ellipse at 80% 20%, oklch(0.36 0.06 130 / .7) 0%, transparent 55%),
        radial-gradient(ellipse at 12% 95%, oklch(0.22 0.05 140 / .9) 0%, transparent 60%);
    }
    .chapter-divider::after {
      content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
      opacity: .14; mix-blend-mode: overlay;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>");
      background-size: 240px 240px;
    }
    .chapter-divider > .chapter-inner { position: relative; z-index: 2; }

    .chapter-meta {
      display: flex; align-items: center; gap: 1rem; margin-bottom: 2.25rem;
      font-family: 'JetBrains Mono', ui-monospace, monospace;
      flex-wrap: wrap;
    }
    .chapter-meta .line { display: block; width: 3.25rem; height: 1.5px; background: oklch(0.96 0.025 88 / .85); }
    .chapter-meta .num { font-size: .95rem; letter-spacing: .18em; font-weight: 600; }
    .chapter-meta .num-sep { opacity: .35; padding: 0 .25rem; }
    .chapter-meta .num-label { font-size: .7rem; letter-spacing: .32em; opacity: .68; }

    .chapter-title {
      font-family: 'Fraunces', 'Lora', Georgia, serif !important;
      font-variation-settings: 'opsz' 144;
      font-size: clamp(2.85rem, 8.2vw, 6.75rem);
      font-weight: 500;
      line-height: .95;
      letter-spacing: -.028em;
      margin: 0;
      max-width: 18ch;
    }
    .chapter-title em {
      font-style: italic;
      font-weight: 400;
      color: oklch(0.85 0.13 80);
    }

    .chapter-lead {
      margin-top: 1.85rem;
      max-width: 38rem;
      font-size: 1.05rem;
      line-height: 1.65;
      opacity: .80;
      font-family: 'Inter Tight', 'Plus Jakarta Sans', sans-serif !important;
    }

    .chapter-divider .chapter-brand-tags {
      margin-top: 2.25rem;
      display: flex; flex-wrap: wrap; gap: .55rem;
    }
    .chapter-divider .chapter-brand-tags span {
      display: inline-flex; align-items: center; gap: .4rem;
      font-family: 'JetBrains Mono', monospace;
      font-size: .68rem; letter-spacing: .22em; text-transform: uppercase;
      padding: .45rem .85rem; border-radius: 999px;
      border: 1px solid oklch(0.96 0.025 88 / .25);
      background: oklch(0.96 0.025 88 / .04);
      color: oklch(0.96 0.025 88 / .82);
    }
    .chapter-divider .chapter-brand-tags b { font-weight: 700; color: oklch(0.85 0.13 80); }

    .chapter-scroll {
      position: absolute; bottom: 1.75rem; left: 50%; transform: translateX(-50%);
      display: flex; flex-direction: column; align-items: center; gap: .55rem;
      font-size: .62rem; letter-spacing: .28em; text-transform: uppercase;
      font-family: 'JetBrains Mono', monospace; opacity: .65;
      z-index: 3;
    }
    .chapter-scroll .bounce-arrow {
      animation: chapBounce 1.6s infinite cubic-bezier(.5,0,.5,1);
      width: 1.05rem; height: 1.05rem;
    }
    @keyframes chapBounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(7px); } }

    @media (prefers-reduced-motion: reduce) {
      .chapter-scroll .bounce-arrow { animation: none; }
    }

    /* ====== STATIC BILLBOARD BRAND SECTIONS · "bbrand" ====== */
    /* Completely different visual identity from the rest of the page: dark, blocky,
       sharp corners, big bold sans, big numbers, big CTAs. No animations. */
    .bbrand {
      position: relative;
      padding: 4.5rem 1.5rem 4rem;
      font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
      isolation: isolate;
    }
    @media (min-width: 768px) { .bbrand { padding: 6rem 2.25rem 5rem; } }
    @media (min-width: 1024px) { .bbrand { padding: 7rem 2.5rem 5.5rem; } }
    .bbrand-inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 1; }

    /* Color tokens per brand — harmonized with the page's cream/sage/terracotta palette.
       Light editorial billboards instead of the previous dark slabs. */
    .bbrand-coral {
      background: oklch(0.9550 0.0220 130);            /* pale sage-cream — közeli a secondary-hoz */
      color: oklch(0.2400 0.0250 145);                 /* dark forest text */
      --b-accent: oklch(0.4200 0.0700 150);            /* sage primary */
      --b-accent-fg: oklch(0.9820 0.0080 85);
      --b-card-bg: oklch(1 0 0);                       /* tiszta fehér kártyák */
      --b-card-bg-hover: oklch(0.9820 0.0080 85);
      --b-line: oklch(0.4200 0.0700 150 / .18);
    }
    .bbrand-riman {
      background: oklch(0.9450 0.0250 60);             /* soft warm terracotta-cream */
      color: oklch(0.2500 0.0300 35);                  /* deep clay text */
      --b-accent: oklch(0.5800 0.1300 35);             /* terracotta — accent szín az oldalról */
      --b-accent-fg: oklch(0.9820 0.0080 85);
      --b-card-bg: oklch(1 0 0);
      --b-card-bg-hover: oklch(0.9750 0.0150 70);
      --b-line: oklch(0.5800 0.1300 35 / .20);
    }
    /* Subtle grain — világos felületeken finomabb */
    .bbrand::after {
      content: ''; position: absolute; inset: 0; pointer-events: none;
      opacity: 0.05; mix-blend-mode: multiply; z-index: 0;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");
      background-size: 220px 220px;
    }

    /* Header band */
    .bbrand-head {
      display: flex; align-items: center; gap: 1.1rem;
      padding-bottom: 1.4rem; margin-bottom: 2.25rem;
      border-bottom: 1px solid var(--b-line);
      font-family: 'JetBrains Mono', ui-monospace, monospace;
      font-size: .78rem; letter-spacing: .12em; text-transform: uppercase;
      flex-wrap: wrap;
    }
    .bbrand-num {
      font-size: 1.05rem; font-weight: 700; line-height: 1;
      background: var(--b-accent); color: var(--b-accent-fg);
      padding: .55rem .8rem;
      letter-spacing: .04em;
    }
    .bbrand-meta { display: flex; gap: .65rem; align-items: center; flex-wrap: wrap; }
    .bbrand-tag { font-weight: 600; opacity: .92; }
    .bbrand-tag-sep { opacity: .35; }
    .bbrand-tag-thin { font-weight: 400; opacity: .65; letter-spacing: .14em; }

    /* Coral Club flip card — sits next to the big title */
    .bbrand-title-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.75rem;
      align-items: end;
      margin-bottom: 2.75rem;
    }
    @media (min-width: 1024px) {
      .bbrand-title-row {
        grid-template-columns: 1fr 280px;
        gap: 3rem;
        align-items: end;
      }
    }
    .flip-card {
      perspective: 1200px;
      width: 100%;
      max-width: 280px;
      aspect-ratio: 5 / 3;
      cursor: pointer;
      align-self: end;
    }
    .flip-card-inner {
      position: relative; width: 100%; height: 100%;
      transition: transform 700ms cubic-bezier(.25,.85,.35,1);
      transform-style: preserve-3d;
    }
    .flip-card:hover .flip-card-inner,
    .flip-card.is-flipped .flip-card-inner,
    .flip-card:focus-visible .flip-card-inner { transform: rotateY(180deg); }
    .flip-face {
      position: absolute; inset: 0;
      backface-visibility: hidden; -webkit-backface-visibility: hidden;
      padding: 1.25rem 1.35rem;
      display: flex; flex-direction: column;
      border: 1px solid var(--b-accent);
      background: oklch(1 0 0 / .65);
      backdrop-filter: blur(6px);
    }
    .flip-front { justify-content: space-between; }
    .flip-front-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: .65rem; letter-spacing: .22em; text-transform: uppercase;
      opacity: .55;
    }
    .flip-front-question {
      font-family: 'Plus Jakarta Sans', sans-serif !important;
      font-weight: 700; font-size: 1.25rem;
      line-height: 1.18; letter-spacing: -.012em;
    }
    .flip-front-cta {
      display: inline-flex; align-items: center; gap: .5rem;
      font-family: 'JetBrains Mono', monospace;
      font-size: .68rem; letter-spacing: .2em; text-transform: uppercase;
      color: var(--b-accent); font-weight: 700;
    }
    .flip-back {
      transform: rotateY(180deg);
      background: var(--b-accent);
      color: var(--b-accent-fg);
      border-color: var(--b-accent);
      justify-content: center;
      gap: .55rem;
    }
    .flip-back-title {
      font-family: 'Plus Jakarta Sans', sans-serif !important;
      font-weight: 700; font-size: .82rem;
      letter-spacing: .12em; text-transform: uppercase;
      opacity: .85;
    }
    .flip-back-text {
      font-size: .82rem; line-height: 1.45;
      font-family: 'Plus Jakarta Sans', sans-serif !important;
    }
    @media (prefers-reduced-motion: reduce) {
      .flip-card-inner { transition: none; }
    }

    /* Mega title */
    .bbrand-title-block { margin-bottom: 2.75rem; max-width: 1200px; }
    .bbrand-title {
      font-family: 'Plus Jakarta Sans', sans-serif !important;
      font-weight: 800;
      font-size: clamp(3.5rem, 13vw, 10.5rem);
      line-height: .85;
      letter-spacing: -.045em;
      margin: 0;
      text-transform: uppercase;
      color: currentColor;
    }
    .bbrand-title span { color: var(--b-accent); }
    .bbrand-tag-line {
      margin-top: 1.4rem; max-width: 38rem;
      font-size: 1.0625rem; line-height: 1.6;
      opacity: .82;
      font-family: 'Plus Jakarta Sans', sans-serif !important;
    }

    /* Stats block */
    .bbrand-stats {
      display: grid; grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--b-line);
      border-bottom: 1px solid var(--b-line);
      margin: 0 0 3rem;
    }
    .bbrand-stats > div {
      padding: 1.5rem 1.25rem;
      border-right: 1px solid var(--b-line);
    }
    .bbrand-stats > div:last-child { border-right: 0; }
    .bbrand-stats b {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800;
      letter-spacing: -.04em;
      color: var(--b-accent);
      display: block; line-height: 1;
    }
    .bbrand-stats b i { font-style: normal; font-size: .65em; opacity: .85; }
    .bbrand-stats span {
      display: block; margin-top: .5rem;
      font-family: 'JetBrains Mono', monospace;
      font-size: .7rem; letter-spacing: .2em; text-transform: uppercase;
      opacity: .65;
    }
    @media (max-width: 640px) {
      .bbrand-stats span { font-size: .6rem; letter-spacing: .15em; }
    }

    /* Notice block (Riman registration) */
    .bbrand-notice {
      display: flex; gap: 1rem; align-items: flex-start;
      padding: 1.25rem 1.4rem;
      border: 1px solid var(--b-accent);
      background: oklch(1 0 0 / .55);
      margin-bottom: 2.5rem;
    }
    .bbrand-notice-num {
      flex-shrink: 0;
      width: 2.1rem; height: 2.1rem;
      display: inline-flex; align-items: center; justify-content: center;
      background: var(--b-accent); color: var(--b-accent-fg);
      font-weight: 800; font-size: 1.1rem; line-height: 1;
    }
    .bbrand-notice-text { font-size: .92rem; line-height: 1.55; opacity: .92; }
    .bbrand-notice-text b { font-weight: 700; opacity: 1; }

    /* Product grid (static, 2-up mobile, 4-up desktop) */
    .bbrand-grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
      background: var(--b-line);
      margin-bottom: 3rem;
      border: 1px solid var(--b-line);
    }
    @media (min-width: 768px) { .bbrand-grid { grid-template-columns: repeat(3, 1fr); } }
    @media (min-width: 1024px) { .bbrand-grid { grid-template-columns: repeat(6, 1fr); } }
    .bbrand-card {
      background: var(--b-card-bg);
      display: flex; flex-direction: column;
      text-decoration: none; color: inherit;
      transition: background 220ms ease;
    }
    .bbrand-card:hover { background: var(--b-card-bg-hover); }
    .bbrand-card-img {
      aspect-ratio: 1/1;
      background: oklch(1 0 0 / .94);
      padding: 1.35rem;
      display: flex; align-items: center; justify-content: center;
    }
    .bbrand-card-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
    .bbrand-card-body { padding: 1.05rem 1.15rem 1.15rem; display: flex; flex-direction: column; gap: .35rem; }
    .bbrand-card-cat {
      font-family: 'JetBrains Mono', monospace;
      font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;
      opacity: .58;
    }
    .bbrand-card-body h3 {
      font-family: 'Plus Jakarta Sans', sans-serif !important;
      font-size: 1.05rem; font-weight: 700;
      line-height: 1.18; letter-spacing: -.005em;
      margin: 0 0 .65rem;
    }
    .bbrand-card-foot {
      margin-top: auto;
      display: flex; align-items: center; justify-content: space-between; gap: .8rem;
    }
    .bbrand-card-price {
      font-family: 'JetBrains Mono', monospace;
      font-size: .9rem; font-weight: 600;
      font-variant-numeric: tabular-nums;
    }
    .bbrand-card-price-pending {
      font-family: 'JetBrains Mono', monospace;
      font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
      opacity: .6;
    }
    .bbrand-card-arrow {
      font-size: 1.25rem; line-height: 1;
      color: var(--b-accent);
      transition: transform 220ms cubic-bezier(.16,.84,.44,1);
    }
    .bbrand-card:hover .bbrand-card-arrow { transform: translateX(5px); }

    /* MEGA CTA BAND */
    .bbrand-mega-cta {
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center; gap: 1.5rem;
      padding: 1.85rem 2.1rem;
      background: var(--b-accent);
      color: var(--b-accent-fg);
      text-decoration: none;
      font-family: 'Plus Jakarta Sans', sans-serif !important;
      transition: filter 200ms ease, transform 240ms cubic-bezier(.16,.84,.44,1);
      margin-bottom: 1rem;
      cursor: pointer;
    }
    .bbrand-mega-cta:hover { filter: brightness(1.07); transform: translateY(-2px); }
    .bbrand-mega-cta:active { transform: translateY(0); }
    .bbrand-mega-cta-label {
      font-family: 'JetBrains Mono', monospace !important;
      font-size: .72rem; letter-spacing: .26em; text-transform: uppercase;
      font-weight: 700;
      padding: .42rem .8rem; border: 1.5px solid currentColor;
      white-space: nowrap;
    }
    .bbrand-mega-cta-text {
      font-size: clamp(1.15rem, 2vw, 1.5rem);
      font-weight: 700;
      line-height: 1.18;
      letter-spacing: -.015em;
    }
    .bbrand-mega-cta-arrow {
      font-size: 2.1rem; font-weight: 700; line-height: 1;
      transition: transform 240ms cubic-bezier(.16,.84,.44,1);
    }
    .bbrand-mega-cta:hover .bbrand-mega-cta-arrow { transform: translateX(8px); }
    @media (max-width: 640px) {
      .bbrand-mega-cta {
        grid-template-columns: 1fr auto;
        gap: 1rem;
        padding: 1.4rem 1.4rem;
      }
      .bbrand-mega-cta-text { grid-column: 1 / -1; order: 3; }
      .bbrand-mega-cta-label { order: 1; }
      .bbrand-mega-cta-arrow { order: 2; justify-self: end; }
    }

    /* Secondary footer link */
    .bbrand-foot { text-align: center; padding: 1rem 0 0; }
    .bbrand-foot-link {
      font-family: 'JetBrains Mono', monospace !important;
      font-size: .7rem; letter-spacing: .18em; text-transform: uppercase;
      color: currentColor; opacity: .6;
      text-decoration: none;
      transition: opacity 200ms ease;
    }
    .bbrand-foot-link:hover { opacity: 1; }
    .bbrand-foot-link span { color: var(--b-accent); margin-left: .35rem; opacity: 1; }

    /* ====================================================
       BRAND SUBPAGE CLASSES — aloldalak (coral / riman)
       Append 2026-05-07 · landing-robot
    ==================================================== */

    /* --- .brand-back-link --- */
    /* Kis "← Vissza a főoldalra" navigációs link, brand-szín szerint */
    .brand-back-link {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      font-family: 'JetBrains Mono', ui-monospace, monospace;
      font-size: .7rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--primary);
      transition: color 180ms ease-out, gap 180ms ease-out;
    }
    .brand-back-link:hover { color: var(--accent); gap: .65rem; }
    .brand-back-link svg { width: .9rem; height: .9rem; flex-shrink: 0; }

    /* Coral variant — sage árnyalat (marad --primary, ami sage) */
    .brand-back-link.coral { color: var(--primary); }
    .brand-back-link.coral:hover { color: var(--primary); opacity: .75; }

    /* Riman variant — terrakotta */
    .brand-back-link.riman { color: var(--accent); }
    .brand-back-link.riman:hover { opacity: .75; }

    /* --- .brand-page-hero --- */
    /* Aloldal-hero szekció: 60-80vh, krém alap, nagy szerif H1 */
    .brand-page-hero {
      min-height: 60vh;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 5rem 1.5rem 3.5rem;
      background: var(--background);
      position: relative;
      overflow: hidden;
    }
    @media (min-width: 768px) {
      .brand-page-hero { padding: 6rem 2.25rem 4rem; min-height: 68vh; }
    }
    @media (min-width: 1024px) {
      .brand-page-hero { padding: 7rem 2.5rem 5rem; min-height: 78vh; }
    }

    /* Háttér-tinge overlay — fehér alap, majd modifier adja a tint-et */
    .brand-page-hero::before {
      content: '';
      position: absolute; inset: 0; z-index: 0; pointer-events: none;
      background: var(--background);
      transition: background 300ms ease;
    }

    /* Coral tinge — halvány sage-háttér */
    .brand-page-hero.coral::before {
      background:
        radial-gradient(ellipse 70% 55% at 90% 10%, var(--secondary) 0%, transparent 60%),
        var(--background);
    }

    /* Riman tinge — halvány terrakotta-háttér */
    .brand-page-hero.riman::before {
      background:
        radial-gradient(ellipse 70% 55% at 90% 10%, oklch(0.945 0.025 60 / .65) 0%, transparent 60%),
        var(--background);
    }

    .brand-page-hero > * { position: relative; z-index: 1; }

    /* Accent vonal a H1 felett */
    .brand-page-hero-accent-line {
      display: block;
      width: 3rem; height: 3px;
      border-radius: 999px;
      margin-bottom: 1.25rem;
      background: var(--primary);
    }
    .brand-page-hero.riman .brand-page-hero-accent-line {
      background: var(--accent);
    }

    /* H1 — nagy szerif, clamp desktop/mobile */
    .brand-page-hero h1 {
      font-family: 'Fraunces', 'Lora', Georgia, serif !important;
      font-size: clamp(2.85rem, 7.5vw, 6.5rem) !important;
      font-weight: 500 !important;
      line-height: .95 !important;
      letter-spacing: -.028em !important;
      color: var(--foreground) !important;
      margin: 0 0 1.5rem !important;
      max-width: 20ch;
    }
    .brand-page-hero.coral h1 { color: var(--foreground) !important; }
    .brand-page-hero.riman h1 { color: var(--foreground) !important; }

    /* Intro bekezdés */
    .brand-page-hero-intro {
      font-family: 'Inter Tight', 'Plus Jakarta Sans', system-ui, sans-serif;
      font-size: clamp(1rem, 1.4vw, 1.25rem);
      line-height: 1.65;
      max-width: 60ch;
      color: var(--muted-foreground);
      margin-bottom: 2rem;
    }

    /* "Vissza" link a hero belsejébe illesztve (opcionális blokk) */
    .brand-page-hero .brand-back-link {
      margin-bottom: 2rem;
    }

    /* --- .brand-pillars --- */
    /* 4-up (desktop) / 2-up (tablet) / 1-up (mobile) pillér-rács */
    .brand-pillars {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.5rem;
      padding: 4rem 1.5rem;
    }
    @media (min-width: 768px) {
      .brand-pillars { grid-template-columns: repeat(2, 1fr); gap: 1.75rem; padding: 5rem 2.25rem; }
    }
    @media (min-width: 1024px) {
      .brand-pillars { grid-template-columns: repeat(4, 1fr); gap: 2rem; padding: 6rem 2.5rem; }
    }

    /* Pillér kártya */
    .brand-pillar-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius-xl);
      padding: 1.75rem 1.5rem;
      display: flex;
      flex-direction: column;
      gap: .75rem;
      transition: box-shadow 250ms ease, transform 250ms ease;
    }
    .brand-pillar-card:hover {
      box-shadow: var(--shadow-md);
      transform: translateY(-4px);
    }

    /* Ikon wrapper — 48px Lucide ikon */
    .brand-pillar-icon {
      width: 3rem; height: 3rem;
      display: flex; align-items: center; justify-content: center;
      border-radius: var(--radius-lg);
      background: var(--secondary);
      color: var(--primary);
      flex-shrink: 0;
    }
    .brand-pillar-icon svg { width: 1.5rem; height: 1.5rem; }

    /* Coral pillér: sage tónus */
    .brand-pillars.coral .brand-pillar-icon {
      background: var(--secondary);
      color: var(--primary);
    }
    /* Riman pillér: terrakotta tónus */
    .brand-pillars.riman .brand-pillar-icon {
      background: oklch(0.945 0.025 60);
      color: var(--accent);
    }

    /* H3 pillér */
    .brand-pillar-card h3 {
      font-family: 'Fraunces', 'Lora', Georgia, serif !important;
      font-size: 1.15rem !important;
      font-weight: 500 !important;
      letter-spacing: -.012em !important;
      color: var(--foreground) !important;
      margin: 0 !important;
      line-height: 1.2 !important;
    }

    /* Leírás szöveg */
    .brand-pillar-card p {
      font-size: .88rem;
      line-height: 1.55;
      color: var(--muted-foreground);
      margin: 0;
    }

    /* --- .brand-tech --- */
    /* 2-oszlopos info-blokk: bal = szám/ikon-tile, jobb = szöveg */
    .brand-tech {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2rem;
      padding: 4rem 1.5rem;
      background: var(--muted);
    }
    @media (min-width: 768px) {
      .brand-tech { grid-template-columns: 1fr 2fr; gap: 3rem; padding: 5rem 2.25rem; align-items: center; }
    }
    @media (min-width: 1024px) {
      .brand-tech { gap: 4.5rem; padding: 6.5rem 2.5rem; }
    }

    /* Bal tile — szám vagy nagy ikon */
    .brand-tech-tile {
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius-xl);
      aspect-ratio: 1 / 1;
      max-width: 260px;
      padding: 2rem;
    }
    .brand-tech-tile .brand-tech-num {
      font-family: 'Fraunces', 'Lora', Georgia, serif;
      font-size: clamp(3rem, 8vw, 5.5rem);
      font-weight: 500;
      letter-spacing: -.03em;
      color: var(--primary);
      line-height: 1;
    }
    .brand-tech-tile.riman .brand-tech-num { color: var(--accent); }
    .brand-tech-tile svg { width: 4rem; height: 4rem; color: var(--primary); }
    .brand-tech-tile.riman svg { color: var(--accent); }

    /* Jobb szöveges oldal */
    .brand-tech-body { display: flex; flex-direction: column; gap: 1rem; }
    .brand-tech-body h2 {
      font-family: 'Fraunces', 'Lora', Georgia, serif !important;
      font-size: clamp(1.75rem, 3.5vw, 2.75rem) !important;
      font-weight: 500 !important;
      letter-spacing: -.02em !important;
      color: var(--foreground) !important;
      margin: 0 !important;
      line-height: 1.08 !important;
    }
    .brand-tech-body p {
      font-size: 1rem;
      line-height: 1.7;
      color: var(--muted-foreground);
      max-width: 52ch;
      margin: 0;
    }
    .brand-tech-list {
      list-style: none;
      padding: 0; margin: 0;
      display: flex; flex-direction: column; gap: .55rem;
    }
    .brand-tech-list li {
      display: flex; align-items: flex-start; gap: .65rem;
      font-size: .9rem; line-height: 1.5; color: var(--foreground);
    }
    .brand-tech-list li::before {
      content: '';
      flex-shrink: 0;
      width: 5px; height: 5px;
      border-radius: 999px;
      background: var(--primary);
      margin-top: .55em;
    }
    .brand-tech.riman .brand-tech-list li::before { background: var(--accent); }

    /* --- .brand-favorites-wrap --- */
    /* "Mariann kedvencei" szekció wrapper — krém háttér, bbrand-grid-hez framing */
    .brand-favorites-wrap {
      background: var(--background);
      padding: 4.5rem 1.5rem 5rem;
    }
    @media (min-width: 768px) {
      .brand-favorites-wrap { padding: 6rem 2.25rem 6.5rem; }
    }
    @media (min-width: 1024px) {
      .brand-favorites-wrap { padding: 7rem 2.5rem 7.5rem; }
    }

    /* Bevezető block */
    .brand-favorites-intro {
      max-width: 1280px;
      margin: 0 auto 2.75rem;
    }
    .brand-favorites-intro h2 {
      font-family: 'Fraunces', 'Lora', Georgia, serif !important;
      font-size: clamp(2rem, 4vw, 3.25rem) !important;
      font-weight: 500 !important;
      letter-spacing: -.022em !important;
      color: var(--foreground) !important;
      margin: 0 0 1rem !important;
      line-height: 1.06 !important;
    }
    .brand-favorites-intro p {
      font-size: 1rem;
      line-height: 1.7;
      color: var(--muted-foreground);
      max-width: 54ch;
      margin: 0;
    }

    /* Eyebrow a favorites-nél */
    .brand-favorites-eyebrow {
      font-family: 'JetBrains Mono', ui-monospace, monospace;
      font-size: .68rem;
      letter-spacing: .26em;
      text-transform: uppercase;
      color: var(--primary);
      font-weight: 600;
      margin-bottom: .75rem;
      display: block;
    }
    .brand-favorites-wrap.riman .brand-favorites-eyebrow { color: var(--accent); }

    /* A bbrand-inner-t re-használó belső wrapper */
    .brand-favorites-wrap .bbrand-inner { max-width: 1280px; margin: 0 auto; }

/* Cookie consent banner — diszkrét toast stílus */
.cookie-banner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  left: auto;
  z-index: 70;
  max-width: 380px;
  background: oklch(1 0 0 / 0.96);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: 0 8px 32px oklch(0 0 0 / 0.12), 0 2px 8px oklch(0 0 0 / 0.06);
  padding: 16px 18px 14px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: var(--foreground);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.cookie-banner[hidden] { display: none; }
.cookie-banner-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cookie-banner-text {
  font-size: 0.8125rem;
  line-height: 1.55;
  color: oklch(0.38 0.025 145);
}
.cookie-banner-text strong {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--foreground);
  margin-bottom: 3px;
}
.cookie-banner-text a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie-banner-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.cookie-btn {
  padding: 7px 16px;
  border-radius: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.18s;
  font-family: inherit;
  border: none;
  line-height: 1.4;
}
.cookie-btn-primary {
  background: var(--primary);
  color: var(--primary-foreground, #fff);
}
.cookie-btn-primary:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}
.cookie-btn-secondary {
  background: transparent;
  color: oklch(0.52 0.02 145);
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie-btn-secondary:hover { color: var(--foreground); }
@media (max-width: 480px) {
  .cookie-banner {
    bottom: 12px;
    right: 12px;
    left: 12px;
    max-width: none;
    border-radius: 12px;
  }
  .cookie-banner-actions { justify-content: space-between; }
  .cookie-btn-secondary { padding-left: 4px; padding-right: 4px; }
}