/* ==========================================================================
   Smart Change – GeneratePress child theme
   Kezdőlap (front-page) egyedi stílus. Bootstrap nélkül, CSS Grid/Flexbox.
   Szekciók:
   0. Változók / alaprács
   1. GP felülírás (csak a kezdőlapon)
   2. Közös elemek (gomb, szekció-cím, shell)
   3. Header / topbar
   4. Hero (3 oszlop)
   5. Hírsáv
   6. Valuták
   7. Előrendelés
   8. Western Union széles banner
   9. Fiókok
   10. Blog
   11. Footer
   12. Reszponzivitás
   ========================================================================== */

/* 0. Változók ------------------------------------------------------------ */
:root {
    --bg:      #010b24;
    --surface: #0b1e42;
    --surface2:#102d61;
    --card:    #0b2148;
    --card2:   #081a3a;
    --line:    #23315a;   /* dobozok kerete */
    --box-a:   #132c62;   /* doboz gradiens – bal felül */
    --box-b:   #000825;   /* doboz gradiens – jobb alul */
    --lang-border: #17203f;
    --lilac:   #c5a7dd;
    --lilac2:  #847db8;
    --blue:    #143d8f;
    --yellow:  #ffc400;
    --red:     #bc1227;
    --text:    #ffffff;
    --muted:   #cbd9f4;
    --radius:  10px;
}

/* 1. GeneratePress felülírás ---------------------------------------------- */
/* Közös alap minden oldalon: sötét háttér, Inter, világos szöveg. */
body.scgp-site {
    background: var(--bg);
    font-family: "Inter", system-ui, Arial, sans-serif;
    color: var(--text);
}
/* A GP beépített fejlécét/láblécét mindenhol elrejtjük – saját van helyette. */
body.scgp-site .site-header,
body.scgp-site .site-footer {
    display: none;
}
/*
 * GP layout ütközés 768px fölött:
 * – #page.grid-container max-width: 1200px
 * – .site-content { display: flex } (tartalom + oldalsáv sorban)
 * – a kezdőlapon nincs #primary.content-area, a flex gyerek a #main,
 *   min-width: auto → a 1280px-es .scgp-shell nem zsugorodik
 * – overflow-x: hidden levágja a jobb szélt
 * 768px alatt a GP flex-direction: column, ezért ott nem látszik.
 * Nálunk nincs oldalsáv, a szélességet a .scgp-shell viszi.
 */
body.scgp-site #page.grid-container {
    max-width: none;
}
body.scgp-site .site-content {
    display: block;
    overflow-x: hidden;
}
body.scgp-site #main {
    min-width: 0;
    width: 100%;
}
/* Linkek hover színe: arany – a gombok és a logó (fejléc + lábléc) kivételével. */
body.scgp-site a:not(.scgp-btn):not(.scgp-logo):hover { color: var(--yellow); }
body.scgp-site .scgp-logo:hover,
body.scgp-site .scgp-logo:hover .scgp-logo-text { color: #fff; }
body.scgp-site .scgp-logo:hover .scgp-logo-text small { color: var(--lilac); }

/* 1a. Kezdőlap – teljesen egyedi, GP wrapperek „kinullázva”. */
body.scgp-front .entry-header {
    display: none;
}
body.scgp-front .inside-article {
    padding: 0;
}
body.scgp-front .site-content,
body.scgp-front .content-area,
body.scgp-front #primary {
    background: transparent;
    padding: 0;
    margin: 0;
    max-width: none;
}

/* 1b. Belső oldalak (post / page / archívum) --------------------------------
   A GP tartalmi konténerét a shell szélességére igazítjuk és sötét témára
   színezzük, hogy a saját header/footer közé rendezetten illeszkedjen. */
body.scgp-inner .site-content {
    width: min(1280px, calc(100% - 44px));
    margin-inline: auto;
    padding: 8px 0 46px;
}
body.scgp-inner .inside-article {
    background-color: var(--box-a);
    background-image: linear-gradient(135deg, var(--box-a) 0%, var(--box-b) 100%);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: clamp(20px, 4vw, 40px);
}
body.scgp-inner .entry-title,
body.scgp-inner .page-title,
body.scgp-inner h1,
body.scgp-inner h2,
body.scgp-inner h3,
body.scgp-inner h4 {
    color: #fff;
}
body.scgp-inner .entry-title { font-weight: 800; letter-spacing: .3px; }
body.scgp-inner .entry-title,
body.scgp-inner .page-title {
    border-bottom: 1px solid var(--yellow);
    padding-bottom: 12px;
}
body.scgp-inner .entry-meta,
body.scgp-inner .posted-on,
body.scgp-inner .byline {
    display: none;
}
body.scgp-inner .entry-content,
body.scgp-inner .entry-summary {
    color: var(--muted);
    line-height: 1.75;
}
body.scgp-inner .entry-content a { color: var(--lilac); text-underline-offset: 2px; }
body.scgp-inner .entry-content a:hover { color: var(--yellow); }
body.scgp-inner .entry-content img { max-width: 100%; height: auto; border-radius: 8px; }
body.scgp-inner .entry-content .wp-block-image.alignwide.size-large img {
    border-radius: 0;
}
body.scgp-inner .entry-content blockquote {
    border-left: 3px solid var(--lilac);
    margin: 20px 0;
    padding: 6px 0 6px 18px;
    color: #e6eeff;
}
/* Kiemelt kép (a GeneratePress a cím fölött jeleníti meg) */
body.scgp-inner .featured-image,
body.scgp-inner .post-image {
    margin: 0 0 22px;
}
body.scgp-inner .featured-image img,
body.scgp-inner .post-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid var(--line);
}
/* Lapozó / bejegyzés-navigáció olvashatósága sötét témán */
body.scgp-inner .paging-navigation a,
body.scgp-inner .post-navigation a,
body.scgp-inner .nav-links a { color: var(--lilac); }

/* 2. Közös elemek -------------------------------------------------------- */
.scgp-page {
    font-family: "Inter", system-ui, Arial, sans-serif;
    color: var(--text);
    background-color: var(--bg);
    padding: 22px 0 0;
    line-height: 1.4;
}

/* Közös doboz-kinézet: gradiens (bal-felül -> jobb-alul) + egységes keret.
   background-color fallback a régebbi böngészőknek. */
.scgp-box,
.scgp-rate,
.scgp-preorder,
.scgp-branch,
.scgp-post,
.scgp-footer,
.scgp-coming {
    background-color: var(--box-a);
    background-image: linear-gradient(135deg, var(--box-a) 0%, var(--box-b) 100%);
    border: 1px solid var(--line);
}
.scgp-shell {
    width: min(1280px, calc(100% - 44px));
    margin-inline: auto;
}

/* Ikon SVG-k biztonságos alapmérete (a specifikus szabályok felülírják). */
.scgp-page svg {
    width: 1.15em;
    height: 1.15em;
    flex: 0 0 auto;
    vertical-align: -0.15em;
}

.scgp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--yellow);
    color: #101010;
    text-decoration: none;
    border: 0;
    border-radius: 9px;
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: filter .15s ease, transform .15s ease;
}
.scgp-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.scgp-btn svg { width: 16px; height: 16px; flex: 0 0 auto; }
.scgp-btn-dark    { background: #050505; color: #fff; }
a.scgp-btn-dark:hover,
a.scgp-btn-dark:focus,
.scgp-btn-dark:hover,
.scgp-btn-dark:focus {
    color: #fff;
    filter: none;
}
.scgp-btn-outline { background: transparent; color: var(--yellow); border: 1px solid var(--yellow); }

.scgp-section {
    margin-bottom: 24px;
}
.scgp-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.scgp-section-title .scgp-title-left {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
}
.scgp-section-title h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
}
.scgp-section-title h2 svg { width: 24px; height: 24px; color: var(--yellow); }
.scgp-section-title h2 .scgp-heading-icon {
    width: 36px;
    height: 36px;
    color: inherit;
    flex: 0 0 36px;
}
.scgp-section-title h2 .scgp-heading-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1.15;
}
.scgp-section-title h2 small {
    font-size: 14px;
    font-weight: 400;
    color: var(--muted);
    line-height: 1.4;
}
.scgp-section-title p { margin: 0; color: var(--muted); font-size: 14px; }
.scgp-rates .scgp-title-left p {
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateY(4px);
}
.scgp-rates .scgp-title-left p svg {
    width: 2.3em;
    height: 2.3em;
    color: var(--lilac2);
}
.scgp-link-btn {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--lilac2);
    border-radius: 9px;
    padding: 11px 16px;
    color: var(--lilac2);
    background: #0b1a42;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
    transition: border-color .15s ease, color .15s ease;
}
.scgp-link-btn:hover {
    border-color: var(--yellow);
    color: var(--yellow);
    background: #0b1a42;
}
.scgp-hero-main .scgp-link-btn {
    padding: 8px 18px;
    font-size: 16px;
    font-weight: 600;
    color: #d9b7ff;
    border-color: #d9b7ff;
    border-radius: 20px;
    gap: 8px;
}
.scgp-hero-main .scgp-link-btn svg { width: 14px; height: 14px; }
.scgp-hero-main .scgp-link-btn:hover {
    color: var(--yellow);
    border-color: var(--yellow);
}
.scgp-blog > .scgp-section-title .scgp-link-btn,
.scgp-branches > .scgp-section-title .scgp-link-btn,
.scgp-rates > .scgp-section-title .scgp-link-btn {
    background: #000c2e;
    color: #fff;
    border-color: #fff;
}
.scgp-blog > .scgp-section-title .scgp-link-btn:hover,
.scgp-branches > .scgp-section-title .scgp-link-btn:hover,
.scgp-rates > .scgp-section-title .scgp-link-btn:hover {
    color: var(--yellow);
    border-color: var(--yellow);
    background: #000c2e;
}

/* 3. Header / topbar ----------------------------------------------------- */
.scgp-topbar {
    display: flex;
    align-items: center;
    gap: 26px;
    margin: 18px auto 20px;
}
.scgp-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    min-width: 190px;
}
.scgp-logo-img {
    height: 52px;
    width: auto;
    border-radius: 8px;
    flex: 0 0 auto;
    display: block;
}
.scgp-logo-text { font-size: 22px; line-height: .92; font-weight: 800; letter-spacing: .5px; }
.scgp-logo small  { display: block; color: var(--lilac); font-size: 9px; letter-spacing: 1px; margin-top: 5px; }

.scgp-nav { flex: 1; display: flex; justify-content: center; }
.scgp-nav-list {
    display: flex;
    gap: 18px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.scgp-nav-list a {
    display: inline-block;
    max-width: 116px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    transition: color .15s ease, border-color .15s ease;
    white-space: normal;
    overflow-wrap: break-word;
}
.scgp-nav-list a:hover { color: var(--yellow); }
/* Aktuális menüpont: Smart Change lila (#893a90) aláhúzás. */
.scgp-nav-list .current-menu-item > a,
.scgp-nav-list .current-menu-parent > a,
.scgp-nav-list .current_page_item > a,
.scgp-nav-list .current_page_parent > a {
    border-color: #893a90;
}
.scgp-lang {
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    border: 1px solid var(--lang-border);
    border-radius: 10px;
    padding: 9px 14px;
    font-weight: 700;
    font-size: 13px;
    flex: 0 0 auto;
    white-space: nowrap;
    line-height: 1;
}
.scgp-lang__link {
    color: inherit;
    text-decoration: none;
}
.scgp-lang__link:hover {
    color: var(--yellow);
}
.scgp-lang__current {
    pointer-events: none;
}
.scgp-lang__sep {
    color: inherit;
}
.scgp-burger {
    display: none;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 8px;
    padding: 8px 10px;
    cursor: pointer;
}
.scgp-burger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    margin: 4px 0;
}

/* 4. Hero (3 oszlop) ----------------------------------------------------- */
.scgp-hero {
    --scgp-hero-side: 320px;
    display: grid;
    grid-template-columns: var(--scgp-hero-side) 1fr var(--scgp-hero-side);
    /* A sormagasság = a szélső oszlopok szélessége, így a szélső blokkok
       négyzetesek, a középső (slider) blokk pedig ugyanilyen magas. */
    grid-template-rows: var(--scgp-hero-side);
    gap: 16px;
    margin-bottom: 16px;
}
.scgp-hero > article {
    min-height: 0;
    height: var(--scgp-hero-side);
    max-height: var(--scgp-hero-side);
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

/* 4a. WU sárga négyzet */
.scgp-wu-square {
    background: linear-gradient(150deg, #ffd520, #e8a900);
    color: #0a0a0a;
    padding: 30px 26px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.scgp-wu-square::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/wu-map-small.png") no-repeat right bottom;
    background-size: auto 60%;
    opacity: .9;
    pointer-events: none;
}
.scgp-wu-square > * { position: relative; }
.scgp-wu-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 900;
    margin-bottom: 26px;
}
.scgp-wu-badge {
    width: 46px; height: 46px;
    background: #050505;
    color: var(--yellow);
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 24px;
    font-weight: 900;
}
.scgp-wu-logo span { font-size: 22px; line-height: .95; color: #0a0a0a; }
.scgp-wu-logo-img { display: block; width: auto; height: 42px; }
.scgp-wu-square h3 { font-size: 15px; margin: 0 0 10px; letter-spacing: .5px; }
.scgp-wu-square p  { font-weight: 600; max-width: 180px; font-size: 13px; margin: 0 0 auto; }
.scgp-wu-square .scgp-btn { margin-top: 18px; align-self: flex-start; }

/* 4b. Középső hero – „particle network” háttér (pontok + SVG háló + glow) */
.scgp-hero-main {
    position: relative;
    text-align: center;
    padding: 30px 34px;
    overflow: hidden;
    background:
        radial-gradient(1px 1px at 20% 25%, rgba(255,255,255,.9), transparent),
        radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,.7), transparent),
        radial-gradient(1px 1px at 40% 60%, rgba(255,255,255,.6), transparent),
        radial-gradient(1.5px 1.5px at 85% 55%, rgba(255,255,255,.8), transparent),
        radial-gradient(1px 1px at 30% 80%, rgba(255,255,255,.6), transparent),
        radial-gradient(1.5px 1.5px at 60% 78%, rgba(255,255,255,.7), transparent),
        radial-gradient(1px 1px at 12% 52%, rgba(255,255,255,.5), transparent),
        radial-gradient(circle at 50% 0, rgba(57, 105, 214, .45), transparent 42%),
        linear-gradient(150deg, #0a2350, #08163a 70%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 0;
}
/* A MetaSlider a középső blokk teljes magasságát kitölti. */
.scgp-hero-main:has(.metaslider) {
    padding: 0;
}
.scgp-hero-main .metaslider,
.scgp-hero-main .flexslider,
.scgp-hero-main .flexslider .slides,
.scgp-hero-main .flexslider .slides > li {
    height: 100% !important;
    margin-bottom: 0;
}
.scgp-hero-main .flexslider .slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Összekötő háló – valódi node-ok és élek, image-mentes SVG */
.scgp-hero-main::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .72;
    background: url("../img/hero-network.svg") 0 0 / 132px 99px repeat;
    /* A szélek felé erősen látszik, a közép (feliratok) felé lágyan, hosszan elhalványul. */
    -webkit-mask-image: radial-gradient(ellipse 95% 100% at 50% 46%, transparent 28%, rgba(0,0,0,.18) 52%, rgba(0,0,0,.6) 74%, #000 98%);
            mask-image: radial-gradient(ellipse 95% 100% at 50% 46%, transparent 28%, rgba(0,0,0,.18) 52%, rgba(0,0,0,.6) 74%, #000 98%);
}
/* Finom lila brand-glow a felső-közép felől */
.scgp-hero-main::after {
    content: "";
    position: absolute;
    inset: -20%;
    pointer-events: none;
    background: radial-gradient(circle at 50% 38%, rgba(126, 92, 220, .22), transparent 45%);
}
/* A hero tartalma a dekoratív rétegek fölött marad */
.scgp-hero-main > * {
    position: relative;
    z-index: 1;
}
.scgp-hero-main h1 {
    font-size: 34px;
    line-height: 1.05;
    margin: 0 0 26px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
}
.scgp-hero-main h1 span { color: var(--yellow); }
.scgp-hero-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin-bottom: 22px;
    width: 100%;
}
.scgp-hero-items .scgp-feature {
    border-left: 1px solid rgba(255, 255, 255, .16);
    min-height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 0 4px 0;
}
.scgp-hero-items .scgp-feature:first-child { border-left: 0; }
.scgp-feature-icon {
    width: 40px; height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    /*background: rgba(20, 61, 143, .55);*/
    color: var(--yellow);
}
.scgp-feature-icon svg { width: 42px; height: 42px; color: #fff }
.scgp-hero-items b { font-size: 12px; line-height: 1.3; color: #e6eeff; font-weight: 600; }
.scgp-hero-main--slider {
    padding: 0;
    display: block;
}
.scgp-hero-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab;
    user-select: none;
}
.scgp-hero-slider.is-dragging {
    cursor: grabbing;
}
.scgp-hero-slider.is-dragging .scgp-hero-slider__track {
    transition: none;
}
.scgp-hero-slider__track {
    display: flex;
    align-items: stretch;
    height: 100%;
    width: 100%;
    transition: transform .6s ease;
    will-change: transform;
}
.scgp-hero-slide {
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    color: inherit;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
}
body.scgp-site a.scgp-hero-slide:hover {
    color: inherit;
}
.scgp-hero-slide--intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 34px;
    text-align: center;
}
.scgp-hero-slide--image {
    overflow: hidden;
}
.scgp-hero-main .scgp-hero-slide--image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: fill;
    display: block;
    pointer-events: none;
}
.scgp-hero-slider .scgp-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    z-index: 2;
    margin: 0;
    text-align: center;
}
.scgp-hero-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .4);
    background: rgba(8, 22, 58, .55);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
}
.scgp-hero-slider__nav:hover {
    color: var(--yellow);
    border-color: var(--yellow);
    background: rgba(8, 22, 58, .8);
}
.scgp-hero-slider__nav--prev { left: 10px; }
.scgp-hero-slider__nav--next { right: 10px; }
.scgp-hero-slider__nav svg {
    width: 14px;
    height: 14px;
    display: block;
}
.scgp-dots { margin-top: 14px; }
.scgp-dots i,
.scgp-dots button {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .35);
    margin: 0 4px;
    padding: 0;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
}
.scgp-dots i:first-child,
.scgp-dots button.is-active { background: #fff; }
@media (prefers-reduced-motion: reduce) {
    .scgp-hero-slider__track { transition: none; }
}

/* 4c. Jobb hero – SMART CHANGE érme-swap */
.scgp-coming {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    padding: 26px;
}
.scgp-coming-logo {
    width: 170px;
    max-width: 80%;
    height: auto;
    border-radius: 14px;
    display: block;
}
.scgp-coming h2 { font-size: 40px; line-height: .95; margin: 0; font-weight: 800; letter-spacing: 1px; }
/* Logó alatti felirat: fehér, félkövér, elnyújtott (magasabb) betűk. */
.scgp-coming-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    display: inline-block;
    transform: scaleY(1.28);
    transform-origin: center top;
}

/* 5. Hírsáv -------------------------------------------------------------- */
.scgp-news {
    display: flex;
    align-items: center;
    gap: 16px;
    background: linear-gradient(90deg, #a9011d, #cd2135);
    border-radius: 6px;
    padding: 12px 20px;
    margin-bottom: 22px;
    font-weight: 800;
}
.scgp-news-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 14px;
}
.scgp-news-label-short { display: none; }
/* Elrendezési méret marad 20px, vizuálisan 1/3-dal nagyobb – a piros sáv magassága nem nő. */
.scgp-news-label svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    transform: scale(1.333);
    transform-origin: center;
    overflow: visible;
}
.scgp-ticker {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
}
.scgp-ticker > span {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    padding-left: 100%;
    animation: scgp-marquee 22s linear infinite;
    font-size: 14px;
}
.scgp-ticker__item { flex: 0 0 auto; }
.scgp-news:hover .scgp-ticker > span { animation-play-state: paused; }
.scgp-news-dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; flex: 0 0 auto; }
@keyframes scgp-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce) {
    .scgp-ticker > span { animation: none; padding-left: 0; }
}

/* 6. Valuták ------------------------------------------------------------- */
.scgp-rates-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 13px;
}
.scgp-rate {
    border-radius: 10px;
    padding: 18px;
    display: flex;
    flex-direction: column;
}
.scgp-rate-head { display: flex; align-items: center; gap: 12px; }
.scgp-rate-flag {
    position: relative;
    box-sizing: border-box;
    width: 38px; height: 38px;
    border-radius: 50%;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: 52px;
    line-height: 1;
    overflow: hidden;
    flex: 0 0 40px;
    /* Emoji zászló: 2px balra, 4px feljebb. */
    padding: 0 4px 8px 0;
}
.scgp-rate-flag img {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 3px);
    width: calc(140% + 2px) !important;
    height: 140%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transform: translate(-50%, -50%);
}
.scgp-rate-head b { display: block; font-size: 21px; font-weight: 800; }
.scgp-rate-head small { color: var(--muted); font-size: 12px; }
.scgp-rate-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
    text-align: center;
}
.scgp-rate-values em {
    font-style: normal;
    color: var(--muted);
    font-size: 13px;
    min-width: 0;
    box-sizing: border-box;
}
.scgp-rate-values strong { display: block; color: #fff; font-size: 23px; font-weight: 800; margin-top: 2px; }
.scgp-rate-sell { border-left: 1px solid var(--line); padding: 0 0 0 8px;}
.scgp-rate-buy { padding: 0 8px 0 0;}
.scgp-rate-flag--img { padding: 0; }
.scgp-rate-request {
    margin-top: 16px;
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 10px 8px;
    font-size: 11px;
    line-height: 1.25;
    box-sizing: border-box;
}
body.scgp-inner .entry-content a.scgp-rate-request,
body.scgp-inner .entry-content a.scgp-rate-request:hover {
    color: #101010;
    text-decoration: none;
}
.scgp-rates--all .scgp-rates-grid {
    grid-template-columns: repeat(4, 1fr);
}
.scgp-rates--all[data-view="list"] .scgp-rates-grid {
    display: none;
}
.scgp-rates--all[data-view="cards"] .scgp-rates-table-wrap {
    display: none;
}
.scgp-rates-toolbar {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 16px;
}
.scgp-rates-view {
    display: inline-flex;
    border: 1px solid #893a90;
    border-radius: 9px;
    overflow: hidden;
    background: #fff;
}
.scgp-rates-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    appearance: none;
    background: #fff;
    color: #893a90;
    border: 0;
    border-right: 1px solid #893a90;
    border-radius: 0;
    padding: 8px 10px;
    font: inherit;
    line-height: 1;
    cursor: pointer;
}
.scgp-rates-view-btn:last-child {
    border-right: 0;
}
.scgp-rates-view-btn svg {
    width: 18px;
    height: 18px;
}
.scgp-rates-view-btn:hover {
    background: #f6eaf7;
    color: #893a90;
}
.scgp-rates-view-btn.is-active {
    background: #893a90;
    color: #fff;
}
.scgp-rates-view-btn.is-active:hover {
    background: #893a90;
    color: #fff;
}
body.scgp-inner .entry-content .scgp-rates-view-btn {
    color: #893a90;
    text-decoration: none;
}
body.scgp-inner .entry-content .scgp-rates-view-btn:hover {
    color: #893a90;
}
body.scgp-inner .entry-content .scgp-rates-view-btn.is-active,
body.scgp-inner .entry-content .scgp-rates-view-btn.is-active:hover {
    color: #fff;
}
.scgp-rates-table-wrap {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #23315a;
    border-radius: var(--radius);
}
.scgp-rates-table {
    width: 100%;
    min-width: 640px;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    color: #010b24;
    line-height: 1.3;
}
.scgp-rates-table th,
.scgp-rates-table td {
    padding: 12px 16px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #23315a;
    font-weight: 400;
}
.scgp-rates-table thead th {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background: #c47cc8;
    border-bottom-color: #23315a;
}
.scgp-rates-table tbody th {
    font-weight: 400;
    color: #010b24;
    background: transparent;
}
.scgp-rates-table tbody tr:nth-child(even) {
    background: rgba(137, 58, 144, .06);
}
.scgp-rates-table tbody tr:last-child th,
.scgp-rates-table tbody tr:last-child td {
    border-bottom: 0;
}
.scgp-rates-table tbody tr:hover {
    background: rgba(137, 58, 144, .12);
}
.scgp-rates-table__currency {
    display: flex;
    align-items: center;
    gap: 12px;
}
.scgp-rates-table .scgp-rate-flag {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    font-size: 40px;
}
.scgp-rates-table__meta b {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #010b24;
}
.scgp-rates-table__meta small {
    display: block;
    color: #5c4b63;
    font-size: 12px;
}
.scgp-rate-request__short {
    display: none;
}
.scgp-rates-table__num {
    font-size: 18px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.scgp-rates-table__action {
    text-align: right;
    width: 1%;
    white-space: nowrap;
}
.scgp-rates-table .scgp-rate-request {
    width: auto;
    margin-top: 0;
    padding: 8px 12px;
    font-size: 11px;
}
/* 7. Előrendelés --------------------------------------------------------- */
.scgp-preorder {
    display: grid;
    grid-template-columns: 290px 1fr minmax(220px, 280px);
    gap: 0;
    padding: 0;
    border-radius: 10px;
    position: relative;
    /* visible: a custom valuta-lenyíló kilóghat a szekció alján */
    overflow: visible;
    z-index: 3;
}
.scgp-preorder::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(197, 167, 221, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(197, 167, 221, .06) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: .3;
    pointer-events: none;
}
.scgp-preorder > * { position: relative; z-index: 1; }
.scgp-preorder-intro {
    padding: 30px 26px 30px 30px;
    border-right: 1px solid var(--line);
    border-radius: 10px 0 0 10px;
}
.scgp-preorder-intro small {
    display: block;
    color: var(--yellow);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.scgp-preorder-intro h2 { font-size: 28px; line-height: 1.15; margin: 0 0 22px; font-weight: 800; }
.scgp-checklist { list-style: none; margin: 0; padding: 0; }
.scgp-checklist li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    color: #dce8ff;
    font-size: 14px;
}
.scgp-checklist li svg { width: 18px; height: 18px; color: var(--yellow); flex: 0 0 auto; }

.scgp-form { display: grid; gap: 14px; padding: 30px 26px; overflow: visible; }
.scgp-form h3 { font-size: 22px; margin: 0 0 4px; font-weight: 700; }
.scgp-form-fields { display: grid; gap: 16px; min-width: 0; }
.scgp-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.scgp-form-currencies {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: end;
    position: relative;
    z-index: 4;
}
.scgp-form label {
    font-size: 13px;
    font-weight: 500;
    color: #dce6ff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin: 0;
    line-height: 1.3;
}
.scgp-form input,
.scgp-form select {
    width: 100%;
    margin: 0;
    background: #06132d;
    border: 1px solid var(--line);
    border-radius: 7px;
    color: #fff;
    padding: 13px;
    font: inherit;
}
.scgp-form-swap {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: var(--surface2);
    border: 1px solid var(--line);
    color: #ffc400;
    display: grid;
    place-items: center;
    margin-bottom: 4px;
    padding: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: transform 1s ease;
}
.scgp-form-swap:hover { cursor: pointer; }
.scgp-form-swap svg { width: 18px; height: 18px; }
.scgp-currency-select {
    position: relative;
    margin: 0;
}
.scgp-currency-select.is-open {
    z-index: 5;
}
.scgp-form .scgp-currency-select select {
    margin-top: 0;
    font-size: 18px;
}
.scgp-currency-select.is-enhanced .scgp-currency-select__native {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    pointer-events: none;
}
.scgp-currency-select__btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #06132d;
    border: 1px solid var(--line);
    border-radius: 7px;
    color: #fff;
    padding: 8px 36px 8px 10px;
    font: inherit;
    cursor: pointer;
    text-align: left;
    position: relative;
}
.scgp-currency-select__btn::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-70%) rotate(45deg);
}
.scgp-currency-select__list {
    position: absolute;
    z-index: 30;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    max-height: 260px;
    overflow: auto;
    margin: 0;
    padding: 6px;
    list-style: none;
    background: #06132d;
    border: 1px solid var(--line);
    border-radius: 7px;
}
.scgp-currency-select__option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
}
.scgp-currency-select__option:hover,
.scgp-currency-select__option[aria-selected="true"] {
    background: var(--surface2);
}
.scgp-currency-flag {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 28px;
    background: transparent;
}
.scgp-currency-flag img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 32px;
    max-width: none;
    object-fit: fill;
    object-position: center;
    transform: translate(-50%, -50%);
}
.scgp-currency-code {
    font-weight: 700;
    font-size: 15px;
}
.scgp-currency-select__value {
    display: flex;
    align-items: center;
    gap: 10px;
}
.scgp-form-amount-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}
.scgp-form-amount-row .scgp-btn {
    white-space: nowrap;
}
.scgp-form-note { display: flex; align-items: center; gap: 8px; color: #dce8ff; font-size: 13px; margin: 2px 0 0; }
.scgp-form-note svg { width: 16px; height: 16px; color: var(--lilac); flex: 0 0 auto; }
.scgp-form-hp {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.scgp-form-success {
    margin: 8px 0 0;
    padding: 16px 18px;
    border-radius: 8px;
    background: #102d61;
    border: 1px solid #c5a7dd;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
}
.scgp-form-error {
    margin: 0;
    color: #ffb4b4;
    font-size: 13px;
    font-weight: 600;
}
.scgp-form.is-sent .scgp-form-error { display: none; }

.scgp-preorder--page {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
}
.scgp-preorder--page .scgp-preorder-intro {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 10px 10px 0 0;
    padding: 36px 40px 28px;
}
.scgp-preorder--page .scgp-checklist li {
    font-size: 18px;
    margin: 14px 0;
    font-weight: 600;
}
.scgp-preorder--page .scgp-checklist li svg {
    width: 22px;
    height: 22px;
}
.scgp-preorder--page .scgp-form {
    padding: 36px 40px 32px;
    border-radius: 0;
}
.scgp-preorder--page .scgp-preorder-after {
    padding: 8px 40px 40px;
    color: var(--muted);
    font-size: 15px;
    font-style: italic;
    line-height: 1.7;
    max-width: 46em;
}
.scgp-preorder--page .scgp-preorder-after p {
    margin: 0 0 12px;
}
.scgp-preorder--page .scgp-preorder-after p:last-child {
    margin-bottom: 0;
}
body.scgp-inner .entry-content .scgp-preorder--page {
    margin: 12px 0 28px;
}
body.scgp-inner .entry-content .scgp-preorder--page h2,
body.scgp-inner .entry-content .scgp-preorder--page h3 {
    color: #fff;
}
body.scgp-inner .entry-content .scgp-preorder--page .scgp-btn,
body.scgp-inner .entry-content .scgp-preorder--page .scgp-btn:hover {
    color: #101010;
}
body.scgp-inner .entry-content .scgp-form label {
    color: #dce6ff;
    font-weight: 500;
}
body.scgp-inner .entry-content .scgp-form input,
body.scgp-inner .entry-content .scgp-form select {
    background: #06132d;
    color: #fff;
    border: 1px solid var(--line);
}
body.scgp-inner .entry-content .scgp-form p {
    margin: 0;
}
body.scgp-inner .entry-content .scgp-form-note {
    margin: 2px 0 0;
}

.scgp-cal {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}
.scgp-cal legend {
    font-size: 13px;
    font-weight: 500;
    color: #dce6ff;
    padding: 0;
    margin: 0 0 8px;
    float: none;
    width: auto;
}
.scgp-cal-days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}
.scgp-cal-day {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin: 0;
    padding: 10px 4px 12px;
    background: #06132d;
    border: 1px solid var(--line);
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    line-height: 1.15;
}
.scgp-cal-day input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.scgp-cal-month,
.scgp-cal-wday {
    font-size: 11px;
    font-weight: 600;
    text-transform: lowercase;
    color: var(--muted);
}
.scgp-cal-num {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}
.scgp-cal-day:has(input:checked) {
    background: #893a90;
    border-color: #893a90;
    color: #fff;
}
.scgp-cal-day:has(input:checked) .scgp-cal-month,
.scgp-cal-day:has(input:checked) .scgp-cal-wday {
    color: #fff;
}
.scgp-cal-day:has(input:focus-visible) {
    outline: 2px solid var(--lilac);
    outline-offset: 2px;
}
.scgp-form-submit-row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.scgp-form-submit-row .scgp-btn {
    min-width: 200px;
}
.scgp-form-submit-row .scgp-form-success {
    margin: 0;
    width: 100%;
    text-align: center;
}
.scgp-form.is-sent[data-scgp-form="preorder"] .scgp-form-submit-row .scgp-btn {
    display: none;
}
body.scgp-inner .entry-content .scgp-cal legend {
    color: #dce6ff;
}

/* 7b. Jobb oldali phone-exchange kép – a szekció teljes magasságát kitölti. */
.scgp-phone {
    position: relative;
    align-self: stretch;
    min-height: 280px;
    border-left: 1px solid var(--line);
    overflow: hidden;
    z-index: 1;
    border-radius: 0 10px 10px 0;
}
.scgp-phone-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* 8. Western Union széles banner (SÁRGA) --------------------------------- */
.scgp-wu-wide {
    display: grid;
    grid-template-columns: 1fr 1.1fr 1fr;
    gap: 24px;
    align-items: center;
    background: linear-gradient(120deg, #ffd21f 0%, #f4b400 55%, #e79c00 100%);
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 30px 36px;
    min-height: 235px;
    color: #0a0a0a;
}
.scgp-wu-wide h2 { font-size: 40px; line-height: .92; margin: 0 0 14px; font-weight: 900; color: #101010; }
.scgp-wu-wide .scgp-wu-lead { font-weight: 800; margin: 0 0 8px; }
.scgp-wu-wide p { margin: 0 0 18px; font-size: 14px; font-weight: 600; }
.scgp-wu-map {
    height: 230px;
    background: url("../img/wu-map.png") no-repeat center center;
    background-size: contain;
}
.scgp-wu-wide-right { text-align: left; }
.scgp-wu-mark {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 40px;
    font-weight: 900;
    color: #050505;
    line-height: .85;
    margin-bottom: 16px;
    justify-content: flex-end;
}
.scgp-wu-mark .scgp-wu-badge { width: 44px; height: 44px; }
.scgp-wu-mark span { font-size: 22px; line-height: .95; color: #101010; }
.scgp-wu-mark-img { display: block; width: auto; height: 64px; }
.scgp-wu-wide .scgp-checklist { display: inline-block; text-align: left; }
.scgp-wu-wide .scgp-checklist li { color: #101010; font-weight: 600; }
.scgp-wu-wide .scgp-checklist li svg { color: #0a0a0a; }
.scgp-wu-wide-cols { display: flex; flex-direction: column; align-items: flex-end; }

/* 9. Fiókok -------------------------------------------------------------- */
.scgp-branch-grid {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 16px;
    align-items: stretch;
}
.scgp-map,
.scgp-osm-wrap {
    position: relative;
    min-height: min(330px, 90vh);
    max-height: 90vh;
    height: 100%;
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
    background: #071436;
    min-width: 0;
    scroll-margin-top: 80px;
}
a.scgp-map {
    display: block;
    color: inherit;
    text-decoration: none;
}
body.scgp-site a.scgp-map:hover {
    color: inherit;
}
.scgp-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.scgp-osm {
    width: 100%;
    height: 100%;
    min-height: min(330px, 90vh);
    max-height: 90vh;
}
.scgp-osm-wrap--wide {
    min-height: min(480px, 90vh);
    max-height: 90vh;
    margin: 0;
    height: auto;
}
.scgp-osm-wrap--wide .scgp-osm {
    min-height: min(480px, 90vh);
    max-height: 90vh;
}
.scgp-osm-pin {
    background: transparent;
    border: 0;
}
.scgp-osm-pin::after {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    margin: 12px auto 0;
    background: #893a90;
    border: 2px solid #fff;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .45);
}
.scgp-osm-pin.is-active::after {
    background: #4e1860;
    box-shadow: 0 0 0 3px rgba(137, 58, 144, .55), 0 2px 8px rgba(0, 0, 0, .55);
}
.scgp-osm-cluster {
    background: #893a90;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .4);
}
.scgp-osm-cluster span {
    display: block;
    line-height: 36px;
}
.leaflet-control-attribution .leaflet-attribution-flag,
.leaflet-control-attribution a[href*="leafletjs.com"] {
    display: none !important;
}
.leaflet-popup.scgp-osm-popup .leaflet-popup-content-wrapper {
    background: #050d24;
    color: #dce7ff;
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
    padding: 0;
}
.leaflet-popup.scgp-osm-popup .leaflet-popup-content {
    margin: 12px 14px 14px;
    min-width: 180px;
}
.leaflet-popup.scgp-osm-popup .leaflet-popup-tip {
    background: #050d24;
}
.scgp-osm img,
body.scgp-inner .entry-content .scgp-osm img {
    max-width: none;
    border-radius: 0;
}
.scgp-map-card strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
}
.scgp-map-card p {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 1.4;
    color: #dce7ff;
}
.scgp-map-card p:last-child { margin-bottom: 0; }
.scgp-branch-address {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.scgp-map-card .scgp-branch-address {
    color: inherit;
}
body.scgp-inner .entry-content .scgp-map-card a,
body.scgp-inner .entry-content .scgp-map-card a:hover {
    color: inherit;
}
body.scgp-inner .entry-content .scgp-map-card a.scgp-branch-route,
body.scgp-inner .entry-content .scgp-map-card a.scgp-branch-route:hover {
    color: #101010;
    text-decoration: none;
}
body.scgp-inner .entry-content .scgp-map-card a.scgp-branch-details,
body.scgp-inner .entry-content .scgp-map-card a.scgp-branch-details:hover {
    color: #d9b7ff;
    text-decoration: none;
}
body.scgp-inner .entry-content .scgp-map-card a.scgp-branch-details:hover {
    color: var(--yellow);
}
.scgp-branch-slider {
    --scgp-branch-per-view: 3;
    --scgp-branch-gap: 16px;
    position: relative;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab;
    user-select: none;
    border-radius: 10px;
}
.scgp-branch-slider.is-dragging {
    cursor: grabbing;
}
.scgp-branch-slider.is-dragging .scgp-branch-slider__track {
    transition: none;
}
.scgp-branch-slider__track {
    display: flex;
    align-items: stretch;
    height: 100%;
    gap: var(--scgp-branch-gap);
    transition: transform .6s ease;
    will-change: transform;
}
.scgp-branch-slide {
    flex: 0 0 calc((100% - (var(--scgp-branch-per-view) - 1) * var(--scgp-branch-gap)) / var(--scgp-branch-per-view));
    max-width: calc((100% - (var(--scgp-branch-per-view) - 1) * var(--scgp-branch-gap)) / var(--scgp-branch-per-view));
    min-width: 0;
    box-sizing: border-box;
}
.scgp-branch-slide .scgp-branch {
    height: 100%;
    margin: 0;
    padding-bottom: 10px;
}
.scgp-branch-slider__nav {
    position: absolute;
    top: 165px;
    transform: none;
    z-index: 3;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .4);
    background: rgba(8, 22, 58, .55);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
}
.scgp-branch-slider__nav:hover {
    color: var(--yellow);
    border-color: var(--yellow);
    background: rgba(8, 22, 58, .8);
}
.scgp-branch-slider__nav--prev { left: 10px; }
.scgp-branch-slider__nav--next { right: 10px; }
.scgp-branch-slider__nav svg {
    width: 14px;
    height: 14px;
    display: block;
}
@media (prefers-reduced-motion: reduce) {
    .scgp-branch-slider__track { transition: none; }
}

.scgp-branch {
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}
.scgp-branch--link {
    cursor: pointer;
}
.scgp-branch--selected {
    background-color: #1a3d7a;
    background-image: linear-gradient(135deg, #2b5cb0 0%, #1a3d7a 100%);
    box-shadow: inset 0 0 0 2px #893a90;
}
.scgp-branch__hit {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.scgp-branch__hit .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.scgp-branch--link p a,
.scgp-branch--link h3 a {
    position: relative;
    z-index: 2;
}
.scgp-branch-img {
    height: 180px;
    background: linear-gradient(135deg, #3c1a8e, #0a4b85);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.scgp-branch-img__link {
    display: block;
    height: 100%;
    position: relative;
    z-index: 2;
}
.scgp-branch-img img,
.scgp-branch-img__link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.scgp-branch h3 { font-size: 16px; margin: 8px 12px 4px; font-weight: 700; }
.scgp-branch h3 a {
    color: inherit;
    text-decoration: none;
}
.scgp-branch h3 a:hover {
    text-decoration: underline;
}
.scgp-branch p {
    font-size: 13px;
    margin: 2px 12px;
    color: #dce7ff;
    display: flex;
    align-items: center;
    gap: 6px;
}
.scgp-branch p a {
    color: inherit;
    text-decoration: none;
}
.scgp-branch p a:hover {
    text-decoration: underline;
}
body.scgp-inner .entry-content .scgp-branch p a,
body.scgp-inner .entry-content .scgp-branch p a:hover,
body.scgp-inner .entry-content .scgp-branch h3 a,
body.scgp-inner .entry-content .scgp-branch h3 a:hover {
    color: inherit;
}
body.scgp-inner .entry-content .scgp-branch-detail__facts p a,
body.scgp-inner .entry-content .scgp-branch-detail__facts p a:hover {
    color: inherit;
}
body.scgp-inner .entry-content .scgp-branch-img img {
    height: 100%;
    border-radius: 0;
}
.scgp-branch p svg { width: 15px; height: 15px; color: var(--lilac); flex: 0 0 auto; }
.scgp-branch-actions {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    margin: 10px 12px 12px;
    position: relative;
    z-index: 2;
}
.scgp-branch-actions .scgp-rate-request {
    margin: 0;
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
}
.scgp-branch-details {
    background: #0b1a42;
    color: #d9b7ff;
    border: 1px solid #d9b7ff;
}
.scgp-branch-details:hover {
    background: #0b1a42;
    color: var(--yellow);
    border-color: var(--yellow);
    filter: none;
}
body.scgp-inner .entry-content a.scgp-branch-route,
body.scgp-inner .entry-content a.scgp-branch-route:hover {
    color: #101010;
    text-decoration: none;
}
body.scgp-inner .entry-content a.scgp-branch-details,
body.scgp-inner .entry-content a.scgp-branch-details:hover {
    color: #d9b7ff;
    text-decoration: none;
}
body.scgp-inner .entry-content a.scgp-branch-details:hover {
    color: var(--yellow);
}
.scgp-map-card .scgp-branch-actions {
    margin: 10px 0 0;
}
.leaflet-popup.scgp-osm-popup .leaflet-popup-content-wrapper .scgp-branch-actions {
    margin: 10px 0 0;
}
.leaflet-popup.scgp-osm-popup .scgp-btn svg {
    width: 16px;
    height: 16px;
    max-width: none;
    flex: 0 0 auto;
}
.scgp-branch-detail__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 20px;
    align-items: stretch;
    margin: 0 0 24px;
}
.scgp-branch-detail__facts {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.scgp-branch-detail__facts .scgp-branch-img {
    border-radius: 10px;
    height: 220px;
}
.scgp-branch-detail__facts .scgp-lightbox {
    display: block;
    height: 100%;
    cursor: zoom-in;
}
body.scgp-inner .entry-content a.scgp-lightbox,
body.scgp-inner .entry-content a.scgp-lightbox:hover {
    color: inherit;
    text-decoration: none;
}
body.scgp-inner .entry-content .scgp-branch-detail__facts .scgp-branch-img img {
    height: 100%;
    border-radius: 0;
}
.scgp-branch-detail__facts h2 {
    font-size: 22px;
    margin: 16px 0 8px;
}
.scgp-branch-detail__facts p {
    font-size: 14px;
    margin: 4px 0;
    color: #dce7ff;
    display: flex;
    align-items: center;
    gap: 8px;
}
.scgp-branch-detail__facts p a {
    color: inherit;
}
.scgp-branch-detail__facts p svg {
    width: 16px;
    height: 16px;
    color: var(--lilac);
    flex: 0 0 auto;
}
.scgp-branch-detail__facts .scgp-branch-actions {
    margin: 16px 0 0;
}
.scgp-osm-wrap--single {
    min-height: 360px;
    max-height: 480px;
    height: 100%;
}
.scgp-osm-wrap--single .scgp-osm {
    min-height: 360px;
    max-height: 480px;
}
.scgp-branch-detail__map {
    min-width: 0;
    min-height: 360px;
}
.scgp-branch-detail__map .scgp-osm-wrap--single {
    height: 100%;
}
.scgp-branch-detail__info {
    background: rgba(5, 13, 36, .45);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 22px 24px 24px;
}
.scgp-branch-detail__info h3 {
    margin: 0 0 12px;
    font-size: 20px;
}
.scgp-branch-detail__info-body {
    color: #dce7ff;
    line-height: 1.7;
}
.scgp-branch-detail__info-body p {
    margin: 0 0 12px;
}
.scgp-branch-detail__info-body p:last-child {
    margin-bottom: 0;
}
.scgp-branch-detail__info-body ul,
.scgp-branch-detail__info-body ol {
    margin: 0 0 12px;
    padding-left: 1.25em;
}
.scgp-branch-detail__info-body li {
    margin: 0 0 4px;
}
.scgp-branch-detail__info-body a {
    color: #c9b6ff;
    text-decoration: underline;
}
.scgp-branch-detail--empty p {
    margin: 0 0 14px;
}
.scgp-branch-detail__back {
    margin: 24px 0 0;
}
.scgp-branch-detail__back .scgp-branch-details {
    width: auto;
    display: inline-flex;
    font-size: 13px;
}
.scgp-lightbox-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(2, 8, 24, .88);
    cursor: zoom-out;
}
.scgp-lightbox-overlay[hidden] {
    display: none;
}
.scgp-lightbox-overlay img {
    max-width: min(96vw, 1400px);
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .55);
    cursor: default;
}
body.scgp-inner .entry-content .scgp-lightbox-overlay img {
    max-width: min(96vw, 1400px);
    height: auto;
    border-radius: 8px;
}
.scgp-lightbox-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    background: rgba(8, 22, 58, .75);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}
.scgp-lightbox-close:hover {
    color: var(--yellow);
    border-color: var(--yellow);
}
body.scgp-lightbox-open {
    overflow: hidden;
}
.scgp-branches--all {
    margin: 0 0 24px;
}
.scgp-branches-map {
    position: relative;
    margin: 0 0 16px;
    z-index: 1;
}
.scgp-branches-map .scgp-osm-wrap--wide {
    position: relative;
    z-index: 0;
}
.scgp-branch-search {
    position: relative;
    display: block;
    width: min(400px, 100%);
    max-width: 400px;
    margin: 0 0 16px auto;
    z-index: 1100;
}
.scgp-branch-search__field {
    position: relative;
}
.scgp-branch-search__icon {
    position: absolute;
    right: 14px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #893a90;
    pointer-events: none;
    z-index: 1;
}
.scgp-branch-search__icon svg {
    display: block;
    width: 18px;
    height: 18px;
}
.scgp-branch-search__input {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 10px;
    color: #010b24;
    padding: 12px 44px 12px 16px;
    font: inherit;
    font-size: 16px;
}
.scgp-branch-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
.scgp-branch-search__input::placeholder {
    color: rgba(1, 11, 36, .45);
}
.scgp-branch-search__input:focus {
    outline: 0;
    border-color: #893a90;
}
body.scgp-inner .entry-content .scgp-branch-search__input {
    color: #010b24;
}
.scgp-branch-search__list {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    z-index: 20;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 10px;
    max-height: 280px;
    overflow: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
.scgp-branch-search__list li {
    margin: 0;
}
.scgp-branch-search__list button {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    color: #010b24;
    padding: 6px 12px;
    cursor: pointer;
    font: inherit;
    line-height: 1.25;
}
.scgp-branch-search__list button:hover,
.scgp-branch-search__list button.is-active {
    background: #893a90;
    color: #fff;
}
.scgp-branch-search__name {
    display: block;
    font-weight: 700;
    font-size: 14px;
}
.scgp-branch-search__addr {
    display: block;
    font-size: 12px;
    color: rgba(1, 11, 36, .7);
    margin-top: 0;
}
.scgp-branch-search__list button:hover .scgp-branch-search__addr,
.scgp-branch-search__list button.is-active .scgp-branch-search__addr {
    color: rgba(255, 255, 255, .85);
}
.scgp-branch-search__empty {
    padding: 8px 12px;
    color: rgba(1, 11, 36, .7);
    font-size: 13px;
}
.scgp-branch-grid--all {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

/* 10. Blog --------------------------------------------------------------- */
.scgp-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.scgp-post {
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.scgp-post-img {
    height: 120px;
    background: linear-gradient(135deg, #061126, #5030c9);
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    text-decoration: none;
}
body.scgp-site a.scgp-post-img:hover {
    color: inherit;
}
.scgp-post-cat {
    display: inline-block;
    background: #5529d5;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 14px 16px 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
    align-self: flex-start;
}
.scgp-post h3 { font-size: 16px; margin: 10px 16px; font-weight: 700; }
.scgp-post h3 a {
    color: inherit;
    text-decoration: none;
}
.scgp-post h3 a:hover {
    color: var(--yellow);
}
.scgp-post p { color: #d4def4; font-size: 13px; margin: 0 16px 14px; flex: 1; }
.scgp-post-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 16px 16px;
}
.scgp-post-foot a { color: #d9b7ff; text-decoration: none; font-weight: 400; font-size: 15px; }
.scgp-post-foot a:hover { color: var(--yellow); }
.scgp-blog-empty { margin: 8px 0 0; }
.scgp-blog-pager {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 28px;
}
.scgp-blog-pager .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #dce7ff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}
.scgp-blog-pager .page-numbers.current,
.scgp-blog-pager a.page-numbers:hover {
    color: var(--yellow);
    border-color: var(--yellow);
}
body.scgp-inner .entry-content .scgp-blog--all {
    margin: 0;
}
body.scgp-inner .entry-content .scgp-post h3 a,
body.scgp-inner .entry-content a.scgp-post-img,
body.scgp-inner .entry-content .scgp-post-foot a,
body.scgp-inner .entry-content .scgp-blog-pager a {
    text-decoration: none;
}
body.scgp-inner .entry-content .scgp-post h3 a { color: inherit; }
body.scgp-inner .entry-content .scgp-post h3 a:hover,
body.scgp-inner .entry-content .scgp-post-foot a:hover,
body.scgp-inner .entry-content .scgp-blog-pager a:hover {
    color: var(--yellow);
}
body.scgp-inner .entry-content .scgp-post-foot a { color: #d9b7ff; }
body.scgp-inner .entry-content .scgp-blog-pager a { color: #dce7ff; }

/* 11. Footer ------------------------------------------------------------- */
.scgp-footer {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr 1.1fr;
    gap: 26px;
    padding: 28px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 6px;
}
.scgp-footer .scgp-footer-brand p { color: #dce7ff; font-size: 13px; margin: 14px 0 0; max-width: 240px; }
.scgp-footer h4 { color: #d9b7ff; margin: 0 0 12px; font-size: 14px; }
.scgp-footer a { display: block; color: #dce7ff; text-decoration: none; margin: 8px 0; font-size: 13px; }
.scgp-footer a:hover { color: var(--yellow); }
.scgp-footer-menu { list-style: none; margin: 0; padding: 0; }
.scgp-footer-menu li { margin: 0; }
.scgp-social {
    display: flex;
    flex-direction: column;
}
.scgp-social a { display: flex; align-items: center; gap: 8px; }
.scgp-social a svg { width: 18px; height: 18px; }
.scgp-trust {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 18px;
    color: var(--yellow);
    font-weight: 800;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.scgp-trust b { color: #fff; display: block; }
.scgp-trust-img {
    width: 56px;
    height: auto;
    flex: 0 0 auto;
    display: block;
}
.scgp-legal {
    grid-column: 1 / -1;
    text-align: center;
    border-top: 1px solid var(--line);
    padding-top: 16px;
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 12px;
}
/* A GeneratePress .site-footer rejtve van; a saját lábléc .scgp-footer.
   A logó flex, ezért a float csak display:block mellett érvényesül. */
.scgp-footer .scgp-logo {
    display: block;
}
.scgp-footer .scgp-logo-img {
    float: left;
    margin-right: 10px;
}

/* 12. Reszponzivitás ----------------------------------------------------- */
@media (max-width: 1200px) {
    .scgp-hero { --scgp-hero-side: 280px; }
    .scgp-rates-grid,
    .scgp-rates--all .scgp-rates-grid { grid-template-columns: repeat(3, 1fr); }
    .scgp-branch-grid { grid-template-columns: 1fr; }
    .scgp-branch-grid--all { grid-template-columns: repeat(2, 1fr); }
    .scgp-osm-wrap,
    .scgp-map { min-height: min(280px, 90vh); max-height: 90vh; }
    .scgp-osm { min-height: min(280px, 90vh); max-height: 90vh; }
    .scgp-wu-map { height: 205px; }
    .scgp-topbar { gap: 18px; }
    .scgp-nav-list { gap: 12px; }
    .scgp-nav-list a { font-size: 13px; max-width: 108px; padding-bottom: 22px; }
}

/* Tablet-tájékon tovább kicsinyítjük a menüt, mielőtt a mobil menü bejön. */
@media (max-width: 1080px) {
    .scgp-logo { min-width: 0; }
    .scgp-nav-list { gap: 9px; }
    .scgp-nav-list a { font-size: 12px; max-width: 100px; padding-bottom: 14px; }
    .scgp-lang { padding: 8px 11px; font-size: 12px; }
}

@media (max-width: 992px) {
    .scgp-nav { display: none; width: 100%; order: 3; }
    .scgp-nav.is-open { display: flex; }
    .scgp-nav.is-open .scgp-nav-list { flex-direction: column; width: 100%; align-items: flex-start; gap: 4px; }
    .scgp-nav.is-open .scgp-nav-list a { max-width: none; text-align: left; font-size: 15px; padding: 8px 0; }
    .scgp-burger { display: block; margin-left: auto; }
    .scgp-branch-slider { --scgp-branch-per-view: 2; }
    .scgp-branch-detail__main { grid-template-columns: 1fr; }
    .scgp-topbar { flex-wrap: wrap; gap: 14px; }
    .scgp-lang { order: 2; }

    .scgp-hero { grid-template-columns: 1fr; grid-template-rows: auto; --scgp-hero-side: auto; }
    .scgp-hero > article { height: auto; max-height: none; min-height: 260px; }
    .scgp-wu-square,
    .scgp-hero-main { display: none; }
    .scgp-preorder { grid-template-columns: 1fr; }
    .scgp-preorder-intro {
        border-right: 0;
        border-radius: 10px 10px 0 0;
    }
    .scgp-form { border-radius: 0 0 10px 10px; }
    .scgp-preorder--page .scgp-preorder-intro,
    .scgp-preorder--page .scgp-form,
    .scgp-preorder--page .scgp-preorder-after {
        padding-left: 24px;
        padding-right: 24px;
    }
    .scgp-preorder--page .scgp-form { border-radius: 0; }
    .scgp-phone { display: none; }
    .scgp-news-label-full { display: none; }
    .scgp-news-label-short { display: inline; }
    .scgp-wu-wide { grid-template-columns: 1fr; text-align: center; }
    .scgp-wu-mark, .scgp-wu-wide-cols { justify-content: center; align-items: center; }
    .scgp-wu-map { height: 240px; max-width: 460px; width: 100%; margin: 8px auto 4px; }
    .scgp-blog-grid { grid-template-columns: 1fr 1fr; }
    .scgp-footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
    .scgp-shell { width: min(100% - 26px, 1280px); }
    .scgp-rates-grid,
    .scgp-rates--all .scgp-rates-grid { grid-template-columns: repeat(2, 1fr); }
    .scgp-rates-toolbar { justify-content: flex-start; }
    .scgp-rates-table { min-width: 0; }
    .scgp-rates-table th,
    .scgp-rates-table td { padding: 10px 8px; }
    .scgp-rates-table__currency { gap: 8px; }
    .scgp-rates-table .scgp-rate-flag {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        font-size: 30px;
    }
    .scgp-rates-table__meta b { font-size: 14px; }
    .scgp-rates-table__name { display: none; }
    .scgp-rates-table__num { font-size: 15px; }
    .scgp-rates-table__action { width: auto; }
    .scgp-rates-table .scgp-rate-request {
        padding: 7px 8px;
        font-size: 10px;
        line-height: 1.15;
    }
    .scgp-rate-request__full { display: none; }
    .scgp-rate-request__short { display: inline; }
    .scgp-branch-grid { grid-template-columns: 1fr; }
    .scgp-branch-grid--all { grid-template-columns: 1fr; }
    .scgp-branch-slider { --scgp-branch-per-view: 1; }
    .scgp-blog-grid { grid-template-columns: 1fr; }
    .scgp-footer { grid-template-columns: 1fr; }
    .scgp-form-row,
    .scgp-form-amount-row { grid-template-columns: 1fr; }
    .scgp-cal-days { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .scgp-hero-items { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .scgp-hero-items .scgp-feature:nth-child(3) { border-left: 0; }
    .scgp-section-title { flex-direction: column; align-items: flex-start; }
    .scgp-hero-main h1 { font-size: 28px; }
    .scgp-wu-wide h2, .scgp-coming h2 { font-size: 32px; }
    .scgp-wu-map { display: none; }
}

@media (max-width: 400px) {
    .scgp-rates-grid,
    .scgp-rates--all .scgp-rates-grid { grid-template-columns: 1fr; }
    .scgp-cal-days { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}