:root{
  --gt-primary:#2563eb;
  --gt-primary-ink:#ffffff;
  --gt-accent:#f59e0b;
  --gt-radius:0.75rem;
  --gt-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.05);
}
.gt-btn-primary{display:inline-block;background:var(--gt-primary,#2563eb);color:var(--gt-primary-ink,#fff);border-radius:var(--gt-radius,0.75rem);padding:0.75rem 1.5rem;font-weight:600;line-height:1.25;text-decoration:none;border:0;cursor:pointer;transition:filter .15s ease,opacity .15s ease}
.gt-btn-primary:hover{filter:brightness(.92)}
.gt-btn-outline{display:inline-block;background:transparent;color:var(--gt-primary,#2563eb);border:1px solid var(--gt-primary,#2563eb);border-radius:var(--gt-radius,0.75rem);padding:0.75rem 1.5rem;font-weight:600;line-height:1.25;text-decoration:none;cursor:pointer;transition:background .15s ease}
.gt-btn-outline:hover{background:rgba(37,99,235,.06)}
.gt-band{background:var(--gt-primary,#2563eb);color:var(--gt-primary-ink,#fff)}
/* Plaina länkar på ett brand-band ärver band-ink (läsbara). MEN knappar med
   egen bakgrund (Tailwind bg-*, t.ex. hero/cta-bandens vita "Kontakta oss"-
   knapp) behåller sin EGNA textfärg (text-slate-900) — annars vit-på-vit när
   mall-Tailwind-basen aktiverar bg-white (Onboarding P0 #5). */
.gt-band a:not([class*="bg-"]){color:var(--gt-primary-ink,#fff)}
.gt-soft{background:#f1f5f9;background:color-mix(in srgb, var(--gt-primary,#2563eb) 8%, #ffffff)}
.gt-accent-text{color:var(--gt-primary,#2563eb)}
.gt-eyebrow{color:var(--gt-primary,#2563eb);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.gt-ring{border:2px solid var(--gt-primary,#2563eb)}
.gt-chip{background:var(--gt-primary,#2563eb);color:var(--gt-primary-ink,#fff);border-radius:9999px}
.gt-rounded{border-radius:var(--gt-radius,0.75rem)}
.gt-shadow{box-shadow:var(--gt-shadow,0 10px 15px -3px rgba(0,0,0,.1))}
.gt-heading{}
.gt-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:9999px;background:#eff6ff;background:color-mix(in srgb, var(--gt-primary,#2563eb) 12%, #ffffff);color:var(--gt-primary,#2563eb);font-size:1.5rem}
/* Presentkort-block (Portal-UX E2 v2, 2026-07-07) — layout-lägen (kort/bild/länk)
   + storlek (liten/stor) styrs av data-layout/data-size på markören
   [data-gretchen-gift-card]. Reglerna bor i brand-CSS:en (ENDA källan) → når
   BÅDE editor-canvasen (manusExtract canvas.css appendar buildBrandCss) OCH
   publicerad sida (injectBrandStyle) via samma mekanism som .gt-*. Attribut-
   selektorernas specificitet (0,2,x) överrider mall-utilities (0,1,0) → storlek
   fungerar även mot px-6/py-20 i sektions-HTML:en. Ton: minimal/transaktionell
   (INTE gåvo-kitsch) per design-spec §3. §2a: break-words + max-width-cap på
   CTA så lång rubrik/knapptext aldrig svämmar över (desktop + 320px mobil). */
.gt-gift-visual{display:none;flex-direction:column;justify-content:space-between;gap:.75rem;max-width:22rem;min-height:8.5rem;margin:0 auto 2rem;padding:1.5rem 1.75rem;text-align:left}
.gt-gift-visual-tag{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.gt-gift-visual-amount{font-size:1.5rem;font-weight:700;line-height:1.2;overflow-wrap:break-word}
.gt-gift-actions>a{max-width:100%}
/* Kort (default): rubrik/text/eyebrow synliga, visual dold (bas ovan). */
/* Bild: brand-visual + CTA. */
[data-gretchen-gift-card][data-layout="bild"] .gt-gift-eyebrow,
[data-gretchen-gift-card][data-layout="bild"] .gt-gift-heading,
[data-gretchen-gift-card][data-layout="bild"] .gt-gift-text{display:none}
[data-gretchen-gift-card][data-layout="bild"] .gt-gift-visual{display:flex}
/* Länk: enbart CTA. */
[data-gretchen-gift-card][data-layout="lank"] .gt-gift-eyebrow,
[data-gretchen-gift-card][data-layout="lank"] .gt-gift-heading,
[data-gretchen-gift-card][data-layout="lank"] .gt-gift-text,
[data-gretchen-gift-card][data-layout="lank"] .gt-gift-visual{display:none}
/* Storlek liten: kompaktare padding/typografi (stor = sektions-utilities). */
[data-gretchen-gift-card][data-size="liten"]{padding-top:3rem;padding-bottom:3rem}
[data-gretchen-gift-card][data-size="liten"] .gt-gift-heading{font-size:1.5rem;line-height:2rem;margin-bottom:.5rem}
[data-gretchen-gift-card][data-size="liten"] .gt-gift-text{font-size:1rem;line-height:1.5rem;margin-bottom:1.25rem}
[data-gretchen-gift-card][data-size="liten"] .gt-gift-visual{max-width:18rem;min-height:7rem;margin-bottom:1.5rem;padding:1.15rem 1.35rem}
[data-gretchen-gift-card][data-size="liten"] .gt-gift-visual-amount{font-size:1.25rem}
/* Platshållarbild — tydlig "byt mig"-yta tills användaren laddar upp bild */
[data-placeholder-image="true"]{background:#e2e8f0;min-height:140px}