:root {
  --slp-ink: #0d1730;
  --slp-blue: #224ee8;
  --slp-blue-dark: #1837aa;
  --slp-red: #ff5a64;
  --slp-lime: #d9ff66;
  --slp-paper: #f6f5f1;
  --slp-white: #ffffff;
  --slp-muted: #657087;
  --slp-line: #dcdfe8;
  --slp-soft: #eef1f8;
  --slp-radius: 24px;
  --slp-shadow: 0 22px 60px rgba(13, 23, 48, .12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--slp-ink); background: var(--slp-paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; overflow-x: hidden; }
a { color: inherit; }
img { max-width: 100%; }
.slp-shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.slp-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #aebefb; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.slp-kicker::before { content: ""; width: 24px; height: 2px; background: currentColor; }
.slp-kicker--dark { color: var(--slp-blue); }

.slp-header { position: sticky; top: 0; z-index: 1000; background: rgba(246,245,241,.94); border-bottom: 1px solid rgba(13,23,48,.08); backdrop-filter: blur(18px); }
.slp-header__row { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.slp-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; min-width: 0; }
.slp-brand__dot { width: 15px; height: 15px; border-radius: 50%; background: var(--slp-red); box-shadow: 18px 0 0 var(--slp-blue), 9px -10px 0 var(--slp-lime); margin-right: 18px; }
.slp-brand__name { font-size: 22px; font-weight: 850; letter-spacing: -.045em; white-space: nowrap; }
.slp-brand__name span { color: var(--slp-blue); }
.slp-nav ul { list-style: none; display: flex; align-items: center; gap: 4px; padding: 0; margin: 0; }
.slp-nav a { display: block; padding: 10px 13px; border-radius: 10px; text-decoration: none; color: #46516b; font-size: 14px; font-weight: 700; transition: .2s ease; }
.slp-nav a:hover { background: #fff; color: var(--slp-ink); }
.slp-nav a.is-active { background: var(--slp-ink); color: #fff; }

.slp-agegate { display: none; position: fixed; inset: 0; z-index: 10000; place-items: center; padding: 22px; background: rgba(6,12,28,.82); backdrop-filter: blur(10px); }
.slp-agegate__panel { width: min(520px,100%); padding: 38px; border-radius: 28px; background: #fff; box-shadow: var(--slp-shadow); }
.slp-agegate__panel .slp-kicker { color: var(--slp-blue); }
.slp-agegate__panel h2 { margin: 0 0 14px; font-size: clamp(30px,5vw,44px); line-height: 1.03; letter-spacing: -.04em; }
.slp-agegate__panel p { margin: 0; color: var(--slp-muted); }
.slp-agegate__actions { display: grid; grid-template-columns: 1.3fr 1fr; gap: 10px; margin-top: 28px; }
.slp-cookiebar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: var(--slp-ink); color: #fff; box-shadow: 0 -12px 35px rgba(0,0,0,.18); }
.slp-cookiebar__inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.slp-cookiebar p { margin: 0; font-size: 14px; color: #dce3f6; }
.slp-cookiebar__actions { display: flex; align-items: center; gap: 16px; flex: 0 0 auto; }

.slp-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 14px; font: inherit; font-size: 14px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.slp-button:hover { transform: translateY(-2px); }
.slp-button--solid { color: #fff; background: var(--slp-blue); box-shadow: 0 12px 30px rgba(34,78,232,.25); }
.slp-button--solid:hover { background: var(--slp-blue-dark); }
.slp-button--outline { color: var(--slp-ink); border-color: rgba(13,23,48,.2); background: rgba(255,255,255,.58); }
.slp-button--ghost-dark { color: var(--slp-ink); background: #f0f2f7; }
.slp-button--light { background: #fff; color: var(--slp-ink); }
.slp-button--outline-light { border-color: rgba(255,255,255,.45); color: #fff; background: transparent; }
.slp-button--small { min-height: 38px; padding-inline: 16px; }
.slp-button--full { width: 100%; }
.slp-textlink { color: var(--slp-blue); font-weight: 800; text-decoration: none; }
.slp-textlink--light { color: #fff; }

.slp-hero { position: relative; overflow: hidden; background: var(--slp-ink); color: #fff; }
.slp-hero::before { content: ""; position: absolute; width: 520px; height: 520px; border: 90px solid rgba(217,255,102,.12); border-radius: 50%; top: -330px; left: 42%; }
.slp-hero::after { content: ""; position: absolute; width: 330px; height: 330px; background: var(--slp-red); border-radius: 50%; filter: blur(0); opacity: .12; right: -170px; bottom: -170px; }
.slp-hero__grid { position: relative; z-index: 1; min-height: 650px; display: grid; grid-template-columns: 1.18fr .82fr; gap: 78px; align-items: center; padding-block: 78px; }
.slp-hero__copy h1 { max-width: 760px; margin: 0; font-size: clamp(48px,6.3vw,83px); line-height: .98; letter-spacing: -.065em; font-weight: 850; }
.slp-hero__copy h1 em { color: var(--slp-lime); font-style: normal; font-weight: 850; }
.slp-hero__copy > p { max-width: 650px; margin: 26px 0 0; color: #c5cee2; font-size: 18px; }
.slp-hero__actions { display: flex; gap: 12px; margin-top: 32px; }
.slp-hero__notes { display: flex; flex-wrap: wrap; gap: 18px 24px; margin-top: 38px; color: #aeb9d1; font-size: 13px; }
.slp-hero__notes span { display: inline-flex; align-items: center; gap: 8px; }
.slp-hero__notes i { color: var(--slp-lime); }
.slp-drawboard { align-self: center; padding: 14px; border-radius: 28px; background: #fff; color: var(--slp-ink); box-shadow: 0 35px 80px rgba(0,0,0,.28); transform: rotate(1.4deg); }
.slp-drawboard__top { display: flex; justify-content: space-between; gap: 12px; padding: 13px 14px 18px; color: var(--slp-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.slp-drawboard__top strong { color: var(--slp-ink); letter-spacing: 0; text-transform: none; }
.slp-drawboard__item { display: grid; grid-template-columns: 116px 1fr auto; gap: 16px; align-items: center; min-height: 104px; padding: 14px; border-top: 1px solid var(--slp-line); text-decoration: none; }
.slp-drawboard__item:hover { background: #f6f7fb; }
.slp-drawboard__item img { width: 116px; height: 58px; object-fit: cover; object-position: right center; border-radius: 12px; background: #f2f3f7; padding: 0; }
.slp-drawboard__item span { display: grid; gap: 3px; }
.slp-drawboard__item b { font-size: 16px; }
.slp-drawboard__item small { color: var(--slp-muted); }
.slp-drawboard__item i { color: #a4acc0; }
.slp-drawboard__footer { display: flex; align-items: center; gap: 9px; padding: 18px 14px 10px; color: var(--slp-muted); font-size: 12px; }
.slp-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--slp-red); box-shadow: 0 0 0 5px rgba(255,90,100,.12); }

.slp-intro { padding: 92px 0; background: #fff; }
.slp-intro__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: start; }
.slp-intro h2, .slp-sectionhead h2, .slp-values h2, .slp-cta h2 { margin: 0; font-size: clamp(36px,4.5vw,58px); line-height: 1.02; letter-spacing: -.05em; }
.slp-intro__text { columns: 2; column-gap: 40px; color: var(--slp-muted); }
.slp-intro__text p { margin: 0 0 18px; break-inside: avoid; }

.slp-games { padding: 92px 0; }
.slp-sectionhead { display: grid; grid-template-columns: 1fr 440px; gap: 60px; align-items: end; margin-bottom: 44px; }
.slp-sectionhead > p { margin: 0 0 5px; color: var(--slp-muted); }
.slp-game-list { border-top: 1px solid var(--slp-line); }
.slp-game-row { display: grid; grid-template-columns: minmax(0, 210px) minmax(0, 1fr) minmax(0, 170px); gap: 36px; align-items: stretch; padding: 28px 0; border-bottom: 1px solid var(--slp-line); }
.slp-game-row__visual { position: relative; z-index: 0; display: grid; place-items: center; width: 100%; max-width: 210px; min-width: 0; min-height: 0; aspect-ratio: 16 / 10; padding: 0; border-radius: 22px; background: #fff; overflow: hidden; contain: layout paint; isolation: isolate; }
.slp-game-row__visual img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center; }
.slp-game-index { position: absolute; z-index: 2; top: 12px; left: 12px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 999px; color: #fff; background: rgba(13,23,48,.78); border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(6px); font-size: 11px; font-weight: 900; letter-spacing: .06em; }
.slp-game-row__main { position: relative; z-index: 1; min-width: 0; align-self: center; }
.slp-game-row__title { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.slp-game-row__title h3 { margin: 0; font-size: 30px; letter-spacing: -.04em; }
.slp-game-row__title span { padding: 6px 10px; border-radius: 999px; background: var(--slp-lime); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.slp-game-row__main > p { margin: 13px 0 20px; color: var(--slp-muted); max-width: 640px; }
.slp-facts { display: flex; gap: 26px; flex-wrap: wrap; }
.slp-facts span { display: grid; gap: 2px; min-width: 100px; }
.slp-facts small { color: var(--slp-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.slp-facts b { font-size: 14px; }
.slp-game-row__action { min-width: 0; display: flex; align-items: center; justify-content: flex-end; }
.slp-game-row__action a { color: var(--slp-blue); font-size: 13px; font-weight: 850; text-decoration: none; }
.slp-game-row__action i { margin-left: 7px; }
.slp-fineprint { max-width: 800px; margin: 24px 0 0; color: #7e8799; font-size: 12px; }

.slp-steps { padding: 92px 0; background: var(--slp-blue); color: #fff; }
.slp-sectionhead--light > p { color: #c7d2ff; }
.slp-stepgrid { list-style: none; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; padding: 0; margin: 0; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.16); }
.slp-stepgrid li { min-height: 260px; padding: 28px; background: var(--slp-blue); }
.slp-stepgrid li > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--slp-lime); color: var(--slp-ink); font-weight: 900; }
.slp-stepgrid h3 { margin: 54px 0 10px; font-size: 20px; }
.slp-stepgrid p { margin: 0; color: #cbd4fb; font-size: 14px; }

.slp-values { padding: 96px 0; background: #fff; }
.slp-values__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.slp-values__lead { align-self: start; position: sticky; top: 110px; }
.slp-values__lead > p { color: var(--slp-muted); margin: 20px 0 26px; }
.slp-valuecards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.slp-valuecards article { min-height: 245px; padding: 30px; border: 1px solid var(--slp-line); border-radius: 20px; background: var(--slp-paper); }
.slp-valuecards i { font-size: 22px; color: var(--slp-blue); }
.slp-valuecards h3 { margin: 52px 0 9px; font-size: 19px; }
.slp-valuecards p { margin: 0; color: var(--slp-muted); font-size: 14px; }

.slp-cta { padding: 70px 0 90px; background: #fff; }
.slp-cta__box { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; padding: 50px; border-radius: 28px; background: var(--slp-ink); color: #fff; }
.slp-cta__box > div:first-child { max-width: 760px; }
.slp-cta__box p { margin: 18px 0 0; color: #c4ccdd; }
.slp-cta__actions { display: flex; gap: 10px; }

.slp-authpage { min-height: 720px; padding: 74px 0 90px; background: linear-gradient(90deg,var(--slp-ink) 0 42%,var(--slp-paper) 42% 100%); }
.slp-authgrid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 92px; align-items: start; }
.slp-authintro { color: #fff; padding: 54px 0 0; }
.slp-authintro h1 { margin: 0; font-size: clamp(48px,6vw,76px); line-height: .95; letter-spacing: -.06em; }
.slp-authintro > p { max-width: 470px; margin: 24px 0; color: #c3ccdf; }
.slp-authintro__points { display: grid; gap: 14px; margin-top: 38px; color: #e8ecf6; font-size: 14px; }
.slp-authintro__points span { display: flex; gap: 11px; align-items: center; }
.slp-authintro__points i { width: 20px; color: var(--slp-lime); }
.slp-formcard { padding: 42px; border-radius: 28px; background: #fff; box-shadow: var(--slp-shadow); }
.slp-formcard__head > span { color: var(--slp-blue); font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .1em; }
.slp-formcard__head h2 { margin: 5px 0 6px; font-size: 34px; letter-spacing: -.04em; }
.slp-formcard__head p { margin: 0 0 28px; color: var(--slp-muted); }
.slp-formcard form { display: grid; gap: 18px; }
.slp-formgrid { grid-template-columns: 1fr 1fr; }
.slp-field { display: grid; gap: 7px; }
.slp-field > span { font-size: 12px; font-weight: 800; color: #3f4961; }
.slp-field input, .slp-field select { width: 100%; height: 50px; padding: 0 14px; border: 1px solid #d8dce6; border-radius: 12px; background: #f9fafc; color: var(--slp-ink); font: inherit; outline: none; }
.slp-field input:focus, .slp-field select:focus { border-color: var(--slp-blue); box-shadow: 0 0 0 4px rgba(34,78,232,.09); background: #fff; }
.slp-field--wide { grid-column: 1 / -1; }
.slp-formchecks { display: grid; gap: 10px; padding-top: 3px; }
.slp-check { display: flex; align-items: flex-start; gap: 10px; color: #59637a; font-size: 13px; cursor: pointer; }
.slp-check input { margin-top: 3px; accent-color: var(--slp-blue); }
.slp-check a { color: var(--slp-blue); font-weight: 700; }
.slp-formcard__switch { margin: 0; text-align: center; color: var(--slp-muted); font-size: 13px; }
.slp-formcard__switch a { color: var(--slp-blue); font-weight: 800; }

.slp-pagehero { padding: 78px 0 70px; background: var(--slp-ink); color: #fff; }
.slp-pagehero__grid { display: grid; grid-template-columns: 1fr 430px; gap: 80px; align-items: end; }
.slp-pagehero h1 { margin: 0; max-width: 760px; font-size: clamp(48px,6vw,76px); line-height: .98; letter-spacing: -.06em; }
.slp-pagehero p { margin: 0; color: #c4ccdd; }
.slp-article { padding: 74px 0 100px; background: #fff; }
.slp-article__layout { display: grid; grid-template-columns: 260px minmax(0,760px); gap: 82px; justify-content: center; align-items: start; }
.slp-article__aside { position: sticky; top: 110px; display: grid; gap: 8px; padding: 24px; border-radius: 18px; background: var(--slp-paper); }
.slp-article__aside span { color: var(--slp-muted); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.slp-article__aside strong { font-size: 15px; line-height: 1.4; }
.slp-article__aside a { margin-top: 12px; color: var(--slp-blue); font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
.slp-prose { min-width: 0; }
.slp-prose > p:first-child { margin-top: 0; font-size: 18px; color: #4d5870; }
.slp-prose h2 { margin: 48px 0 12px; font-size: 28px; line-height: 1.15; letter-spacing: -.035em; }
.slp-prose p { margin: 0 0 18px; color: #5c667c; }
.slp-prose ul { margin: 0 0 20px; padding-left: 22px; color: #5c667c; }
.slp-prose li { margin: 7px 0; }
.slp-prose a { color: var(--slp-blue); font-weight: 700; }
.slp-callout { display: grid; grid-template-columns: 44px 1fr; gap: 18px; margin: 42px 0; padding: 28px; border-left: 5px solid var(--slp-red); background: #fff3f4; }
.slp-callout i { font-size: 24px; color: var(--slp-red); }
.slp-callout h3 { margin: 0 0 6px; font-size: 18px; }
.slp-callout p { margin: 0; }

@media (max-width: 1180px) and (min-width: 981px) {
  .slp-game-row { grid-template-columns: minmax(0, 180px) minmax(0, 1fr) minmax(0, 145px); gap: 28px; }
  .slp-game-row__visual { max-width: 180px; }
  .slp-game-row__title h3 { font-size: 27px; }
}

@media (max-width: 980px) {
  .slp-nav a { padding-inline: 9px; font-size: 13px; }
  .slp-hero__grid { grid-template-columns: 1fr; gap: 50px; min-height: 0; }
  .slp-drawboard { max-width: 620px; transform: none; }
  .slp-intro__grid, .slp-values__grid { grid-template-columns: 1fr; gap: 45px; }
  .slp-intro__text { columns: 1; }
  .slp-sectionhead { grid-template-columns: 1fr; gap: 15px; }
  .slp-game-row { grid-template-columns: minmax(0, 170px) minmax(0, 1fr); gap: 24px 30px; }
  .slp-game-row__visual { max-width: 170px; }
  .slp-game-row__action { grid-column: 2; justify-content: flex-start; }
  .slp-stepgrid { grid-template-columns: 1fr 1fr; }
  .slp-values__lead { position: static; }
  .slp-cta__box { grid-template-columns: 1fr; }
  .slp-authpage { background: var(--slp-ink); }
  .slp-authgrid { grid-template-columns: 1fr; gap: 36px; }
  .slp-authintro { padding-top: 20px; }
  .slp-pagehero__grid { grid-template-columns: 1fr; gap: 24px; }
  .slp-article__layout { grid-template-columns: 220px minmax(0,1fr); gap: 45px; }
}
@media (max-width: 760px) {
  .slp-shell { width: min(100% - 28px,1160px); }
  .slp-header__row { min-height: 0; padding: 13px 0; flex-direction: column; align-items: stretch; gap: 11px; }
  .slp-brand { align-self: center; }
  .slp-brand__name { font-size: 20px; }
  .slp-nav ul { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
  .slp-nav a { text-align: center; padding: 8px 6px; font-size: 12px; }
  .slp-hero__grid { padding-block: 58px; }
  .slp-hero__copy h1 { font-size: clamp(44px,13vw,67px); }
  .slp-hero__copy > p { font-size: 16px; }
  .slp-hero__actions { flex-direction: column; align-items: stretch; }
  .slp-drawboard { padding: 10px; border-radius: 20px; }
  .slp-drawboard__item { grid-template-columns: 92px 1fr auto; gap: 10px; min-height: 90px; padding-inline: 8px; }
  .slp-drawboard__item img { width: 92px; height: 50px; }
  .slp-intro, .slp-games, .slp-steps, .slp-values { padding: 66px 0; }
  .slp-game-row { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .slp-game-row__visual { width: min(100%, 520px); max-width: 100%; min-height: 0; aspect-ratio: 16 / 10; }
  .slp-game-row__action { grid-column: auto; }
  .slp-stepgrid { grid-template-columns: 1fr; }
  .slp-stepgrid li { min-height: 210px; }
  .slp-stepgrid h3 { margin-top: 38px; }
  .slp-valuecards { grid-template-columns: 1fr; }
  .slp-cta__box { width: 100%; border-radius: 0; padding: 38px 22px; }
  .slp-cta .slp-shell { width: 100%; }
  .slp-cta__actions { flex-direction: column; }
  .slp-authpage { padding: 50px 0 70px; }
  .slp-formcard { padding: 28px 20px; border-radius: 20px; }
  .slp-formgrid { grid-template-columns: 1fr; }
  .slp-field--wide { grid-column: auto; }
  .slp-agegate__actions { grid-template-columns: 1fr; }
  .slp-cookiebar__inner { padding: 16px 0; flex-direction: column; align-items: stretch; }
  .slp-cookiebar__actions { justify-content: space-between; }
  .slp-pagehero { padding: 58px 0 50px; }
  .slp-article { padding: 46px 0 70px; }
  .slp-article__layout { grid-template-columns: 1fr; gap: 34px; }
  .slp-article__aside { position: static; }
  .slp-prose h2 { margin-top: 38px; font-size: 24px; }
}
@media (max-width: 420px) {
  .slp-brand__dot { margin-right: 15px; transform: scale(.85); }
  .slp-brand__name { font-size: 18px; }
  .slp-drawboard__item b { font-size: 14px; }
  .slp-game-row__title h3 { font-size: 26px; }
  .slp-cta__box h2, .slp-intro h2, .slp-sectionhead h2, .slp-values h2 { font-size: 34px; }
}

/* === SloveniaLottoPlay localized supplied footer === */
.slf-footer {
  --slf-bg: #071525;
  --slf-bg-2: #0b1a2b;
  --slf-text: #f4f7fb;
  --slf-muted: #bcc6d7;
  --slf-line: rgba(191, 207, 227, .18);
  --slf-green: #12d59a;
  background:
    radial-gradient(circle at 80% 10%, rgba(16, 78, 107, .12), transparent 28%),
    linear-gradient(180deg, var(--slf-bg-2) 0%, var(--slf-bg) 100%);
  color: var(--slf-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.slf-footer *, .slf-footer *::before, .slf-footer *::after { box-sizing: border-box; }
.slf-footer a { color: inherit; text-decoration: none; }
.slf-footer img { display: block; max-width: 100%; }

.slf-footer__inner {
  width: min(100% - 40px, 1940px);
  margin: 0 auto;
  padding: 46px 58px 22px;
}

.slf-footer__top {
  display: grid;
  grid-template-columns: 440px minmax(420px, 1fr) auto;
  gap: 54px;
  align-items: center;
}

.slf-brand {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.slf-brand__mark { width: 92px; flex: 0 0 auto; }
.slf-brand__text { display: grid; line-height: .95; }
.slf-brand__text strong { font-size: clamp(28px, 2.1vw, 46px); letter-spacing: -.04em; }
.slf-brand__accent { color: var(--slf-green); margin-top: 7px; }
.slf-brand__text small { margin-top: 15px; color: #c4ccda; letter-spacing: .24em; font-size: 13px; white-space: nowrap; }

.slf-footer__intro {
  margin: 0;
  max-width: 730px;
  color: #d5dce8;
  font-size: 19px;
  line-height: 1.62;
}

.slf-footer__trust-top {
  display: flex;
  align-items: stretch;
  min-width: 530px;
}

.slf-footer__trust-top .slf-trust-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 84px;
  padding: 0 30px;
  border-left: 1px solid var(--slf-line);
}
.slf-footer__trust-top .slf-trust-link:first-child { border-left: 0; padding-left: 0; }
.slf-trust-link img { max-height: 76px; width: auto; }
.slf-trust-link--furs img { min-width: 170px; }

.slf-divider { height: 1px; background: var(--slf-line); margin: 38px 0 34px; }

.slf-footer__middle {
  display: grid;
  grid-template-columns: 340px 350px 1fr;
  gap: 76px;
  align-items: start;
}

.slf-nav h3, .slf-resources h3 {
  margin: 0 0 23px;
  color: #aeb8c9;
  font-size: 15px;
  letter-spacing: .24em;
  font-weight: 800;
}

.slf-nav { display: flex; flex-direction: column; align-items: flex-start; }
.slf-nav a {
  color: #eef2f7;
  font-size: 18px;
  line-height: 1.95;
  transition: color .2s ease, transform .2s ease;
}
.slf-nav a:hover { color: var(--slf-green); transform: translateX(3px); }

.slf-resources__row {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  align-items: stretch;
}

.slf-resources__row a {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-left: 1px solid var(--slf-line);
  opacity: .96;
  transition: opacity .2s ease, transform .2s ease;
}
.slf-resources__row a:first-child { border-left: 0; padding-left: 0; }
.slf-resources__row a:hover { opacity: 1; transform: translateY(-2px); }
.slf-resources__row img { max-height: 68px; width: auto; }

.slf-footer__notice {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 18px;
  color: #b8c3d4;
  font-size: 16px;
  line-height: 1.65;
}
.slf-footer__notice p { margin: 0 0 22px; }
.slf-footer__notice p:last-child { margin-bottom: 0; }
.slf-notice-icon {
  width: 27px; height: 27px; border: 2px solid #9cabc0; border-radius: 50%;
  display: grid; place-items: center; font-weight: 800; margin-top: 2px;
}

.slf-footer__bottom {
  margin-top: 34px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  color: #aeb9ca;
  font-size: 15px;
}
.slf-footer__bottom p { margin: 0; }
.slf-sep { margin: 0 10px; color: #6c7c90; }

@media (max-width: 1500px) {
  .slf-footer__top { grid-template-columns: 380px 1fr; }
  .slf-footer__trust-top { grid-column: 1 / -1; justify-content: flex-start; min-width: 0; }
  .slf-footer__middle { grid-template-columns: 250px 280px 1fr; gap: 50px; }
  .slf-resources__row { grid-template-columns: repeat(3, 1fr); gap: 18px 0; }
  .slf-resources__row a:nth-child(4) { border-left: 1px solid var(--slf-line); }
}

@media (max-width: 980px) {
  .slf-footer__inner { width: min(100% - 24px, 1940px); padding: 34px 22px 20px; }
  .slf-footer__top { grid-template-columns: 1fr; gap: 28px; }
  .slf-footer__trust-top { flex-wrap: wrap; gap: 18px; }
  .slf-footer__trust-top .slf-trust-link { border-left: 0; padding: 0 16px 0 0; min-height: 60px; }
  .slf-footer__middle { grid-template-columns: 1fr 1fr; gap: 38px; }
  .slf-resources { grid-column: 1 / -1; }
  .slf-footer__bottom { flex-direction: column; gap: 12px; }
}

@media (max-width: 620px) {
  .slf-footer__inner { padding-inline: 8px; }
  .slf-brand__mark { width: 66px; }
  .slf-brand__text small { font-size: 9px; letter-spacing: .16em; white-space: normal; }
  .slf-footer__intro { font-size: 15px; }
  .slf-footer__middle { grid-template-columns: 1fr; }
  .slf-resources { grid-column: auto; }
  .slf-resources__row { grid-template-columns: 1fr 1fr; gap: 12px; }
  .slf-resources__row a { border-left: 0; justify-content: flex-start; padding: 10px 12px 10px 0; }
  .slf-nav a { font-size: 16px; }
  .slf-footer__notice { font-size: 14px; }
  .slf-footer__bottom { font-size: 13px; }
}


@media (max-width: 1200px) {
  .slf-footer__middle { grid-template-columns: 220px 250px 1fr; gap: 38px; }
  .slf-resources__row { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
  .slf-resources__row a:nth-child(3) { border-left: 0; }
}



/* === Footer adjustments requested on 2026-09-27 === */
.slf-brand--text-only { gap: 0; }
.slf-brand--text-only .slf-brand__text { display: grid; }
.slf-brand--text-only .slf-brand__text strong { font-size: clamp(30px, 2.25vw, 52px); }
.slf-brand--text-only .slf-brand__text small { font-size: 12px; letter-spacing: .22em; }
.slf-brand__mark { display: none; }

@media (max-width: 620px) {
  .slf-brand--text-only .slf-brand__text strong { font-size: 26px; }
  .slf-resources__row--textual { grid-template-columns: 1fr; }
  .slf-resources__row--textual a { padding: 10px 0; }
  .slf-resource-label { max-width: none; }
}


/* === Force top trust logos visible === */
.slf-footer__trust-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.slf-footer__trust-top .slf-trust-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 96px !important;
  padding: 0 32px !important;
  border-left: 1px solid rgba(191,207,227,.22) !important;
  overflow: visible !important;
}
.slf-footer__trust-top .slf-trust-link:first-child {
  border-left: 0 !important;
  padding-left: 0 !important;
}
.slf-footer__trust-top .slf-top-logo {
  display: block !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.slf-top-logo--age { width: 110px !important; height: 90px !important; }
.slf-top-logo--furs { width: 230px !important; height: 82px !important; }
.slf-top-logo--responsible { width: 260px !important; height: 82px !important; }

@media (max-width: 900px) {
  .slf-footer__trust-top { flex-wrap: wrap !important; gap: 8px 0 !important; }
  .slf-footer__trust-top .slf-trust-link { padding: 0 18px !important; min-height: 84px !important; }
  .slf-footer__trust-top .slf-trust-link:first-child { padding-left: 0 !important; }
  .slf-top-logo--age { width: 88px !important; height: 72px !important; }
  .slf-top-logo--furs { width: 190px !important; height: 68px !important; }
  .slf-top-logo--responsible { width: 215px !important; height: 68px !important; }
}
@media (max-width: 560px) {
  .slf-footer__trust-top { display: grid !important; grid-template-columns: 1fr !important; }
  .slf-footer__trust-top .slf-trust-link { border-left: 0 !important; border-top: 1px solid rgba(191,207,227,.18) !important; justify-content: flex-start !important; padding: 14px 0 !important; }
  .slf-footer__trust-top .slf-trust-link:first-child { border-top: 0 !important; }
}

/* === Final responsive fixes: header + SloveniaLottoPlay footer === */
.slf-footer__top > *,
.slf-footer__middle > *,
.slf-footer__trust-top,
.slf-resources,
.slf-nav {
  min-width: 0;
}

/* Keep the three top trust marks inside the footer container on desktop. */
@media (min-width: 1501px) {
  .slf-footer__top {
    grid-template-columns: minmax(280px, .8fr) minmax(390px, 1.15fr) minmax(520px, 1fr) !important;
    gap: 34px !important;
  }

  .slf-footer__trust-top {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
    overflow: hidden !important;
  }

  .slf-footer__trust-top .slf-trust-link {
    flex: 1 1 0 !important;
    padding: 0 18px !important;
    min-width: 0 !important;
  }

  .slf-top-logo--age {
    width: 86px !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .slf-top-logo--furs {
    width: 180px !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .slf-top-logo--responsible {
    width: 205px !important;
    height: auto !important;
    max-width: 100% !important;
  }
}

/* Tablet footer: no fixed-width trust logos or three-column overflow. */
@media (max-width: 1500px) {
  .slf-footer__top {
    grid-template-columns: minmax(240px, 340px) minmax(0, 1fr) !important;
    gap: 30px !important;
  }
  .slf-footer__trust-top {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 0 !important;
    overflow: hidden !important;
  }
  .slf-footer__trust-top .slf-trust-link {
    min-width: 0 !important;
    width: 100% !important;
    padding: 12px 20px !important;
    min-height: 86px !important;
  }
  .slf-top-logo--age {
    width: min(88px, 100%) !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .slf-top-logo--furs {
    width: min(185px, 100%) !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .slf-top-logo--responsible {
    width: min(205px, 100%) !important;
    height: auto !important;
    max-width: 100% !important;
  }
}

/* Mobile header: compact 2 x 2 navigation instead of a tall vertical block. */
@media (max-width: 760px) {
  .main-header .container {
    width: 100%;
    max-width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .header-content {
    width: 100%;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 14px 0 !important;
  }

  .logo {
    width: 100%;
    text-align: center;
    min-width: 0;
  }

  .logo h1 {
    font-size: 24px !important;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  .main-nav {
    width: 100%;
    min-width: 0;
  }

  .main-nav ul {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    text-align: center;
  }

  .main-nav li {
    min-width: 0;
  }

  .main-nav a {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 8px 6px !important;
    font-size: 13px !important;
    line-height: 1.25;
    white-space: normal;
  }
}

/* Mobile footer: single-column sections and trust marks fully inside viewport. */
@media (max-width: 620px) {
  .slf-footer {
    overflow: hidden;
  }

  .slf-footer__inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 18px 18px !important;
  }

  .slf-footer__top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    width: 100%;
  }

  .slf-brand,
  .slf-brand--text-only,
  .slf-brand__text,
  .slf-footer__intro {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .slf-brand--text-only .slf-brand__text strong {
    font-size: 25px !important;
  }

  .slf-brand__text small {
    white-space: normal !important;
    line-height: 1.45;
    letter-spacing: .13em !important;
  }

  .slf-footer__intro {
    font-size: 14px !important;
    line-height: 1.65;
  }

  .slf-footer__trust-top {
    grid-column: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  .slf-footer__trust-top .slf-trust-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 76px !important;
    justify-content: flex-start !important;
    padding: 12px 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(191,207,227,.18) !important;
    overflow: hidden !important;
  }

  .slf-footer__trust-top .slf-trust-link:first-child {
    border-top: 0 !important;
  }

  .slf-top-logo--age {
    width: 78px !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .slf-top-logo--furs {
    width: 170px !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .slf-top-logo--responsible {
    width: 190px !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .slf-divider {
    margin: 28px 0 26px !important;
  }

  .slf-footer__middle {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    width: 100%;
  }

  .slf-resources {
    grid-column: auto !important;
    width: 100%;
    min-width: 0;
  }

  .slf-resources__row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    gap: 0 !important;
  }

  .slf-resources__row a {
    width: 100%;
    min-width: 0;
    min-height: 74px;
    padding: 10px 0 !important;
    justify-content: flex-start !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(191,207,227,.14) !important;
  }
  .slf-resources__row a:first-child {
    border-top: 0 !important;
  }
  .slf-resources__row img {
    max-width: min(220px, 100%) !important;
    width: auto !important;
    height: auto !important;
  }

  .slf-nav h3,
  .slf-resources h3 {
    font-size: 13px !important;
    letter-spacing: .18em !important;
    overflow-wrap: anywhere;
  }

  .slf-nav a {
    width: 100%;
    font-size: 16px !important;
    line-height: 1.7 !important;
    overflow-wrap: anywhere;
  }

  .slf-footer__notice {
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 12px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .slf-footer__bottom {
    width: 100%;
    gap: 10px !important;
    font-size: 12px !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 360px) {
  .logo h1 { font-size: 22px !important; }
  .main-nav a { font-size: 12px !important; }
  .slf-footer__inner { padding-left: 14px !important; padding-right: 14px !important; }
}