:root {
  --background: #0e0919;
  --surface: #171026;
  --surface-light: #26183b;
  --gold: #b989dc;
  --gold-light: #ead2ff;
  --text: #f6f3ee;
  --muted: #b9b8c6;
  --line: rgba(185, 137, 220, 0.35);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--background);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

a {
  color: inherit;
}

.site-header {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px 5%;
  background: transparent !important;
  filter: none !important;
  opacity: 1;
}

.brand {
  color: var(--gold-light);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 4px;
  text-decoration: none;
}

nav ul {
  display: flex;
  gap: 28px;
  list-style: none;
}

nav a {
  color: var(--text);
  text-decoration: none;
  transition: color 0.2s ease;
}

nav a:hover,
nav a.active {
  color: var(--gold-light);
}

.hero,
.page-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  background-blend-mode: normal;
  filter: none !important;
  opacity: 1;
  text-align: center;
}

.hero::before,
.page-hero::before {
  display: none !important;
  content: none !important;
}

.hero-home {
  width: 100%;
  min-height: 0;
  padding: 0;
  background: none;
}

.page-hero {
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 9;
  padding: 120px 20px 50px;
}

.page-hero-about {
  background-image: url("images/background/0001-ciebi_backgr.png");
}

.page-hero-offer,
.page-hero-contact {
  background-image: url("images/background/0001-ciebi_backgr.png");
}

.page-hero-music {
  background-image: url("images/background/0001-ciebi_backgr.png");
}

.hero-content,
.page-hero > div {
  position: relative;
  z-index: 1;
  width: min(900px, 92%);
}

.hero h1 {
  margin: 14px 0 22px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(54px, 8vw, 116px);
  font-weight: 400;
  line-height: 0.98;
}

.page-hero h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 7vw, 92px);
  font-weight: 400;
}

.hero-content > p:not(.eyebrow) {
  max-width: 720px;
  margin: 0 auto;
  color: #e4e2e8;
  font-size: 20px;
}

.hero-content .hero-description {
  position: absolute;
  top: calc(100% + 70px);
  left: 72%;
  width: min(580px, 90vw);
  margin: 0;
  transform: translateX(-50%);
  font-size: 18px;
  line-height: 1.45;
  text-align: center;
}

.hero-description span {
  display: block;
}

.eyebrow,
.section-label {
  color: var(--gold-light);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.hero-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 34px;
}

.button {
  display: inline-block;
  padding: 14px 28px;
  border: 2px solid var(--gold);
  border-radius: 32px;
  background: var(--gold);
  color: #11121b;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}

.button:hover {
  transform: translateY(-2px);
  background: var(--gold-light);
}

.button-outline {
  background: transparent;
  color: var(--text);
}


.hero-clean {
  display: block;
}

.hero-scene {
  position: relative;
  width: 100%;
}

.hero-scene-image {
  display: block;
  width: 100%;
  height: auto;
}

.hero-actions-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  margin: 0;
}

.hero-clean .button,
.hero-clean .button-outline {
  position: absolute;
  padding: 14px 28px;
  border: 2px solid rgba(185, 137, 220, 0.95);
  border-radius: 32px;
  background: transparent !important;
  color: #f6f3ee;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(185, 137, 220, 0.12), 0 10px 24px rgba(0, 0, 0, 0.22);
}

.hero-clean .button:hover,
.hero-clean .button-outline:hover {
  background: rgba(185, 137, 220, 0.12) !important;
  color: #ffffff;
  transform: translateY(-2px);
}

.hero-listen {
  left: 38.5%;
  top: 60.5%;
  transform: translate(-50%, -50%);
}

.hero-order {
  left: 79.5%;
  top: 60.5%;
  transform: translate(-50%, -50%);
}

footer {
  padding: 18px 20px 26px;
  text-align: center;
}

footer p {
  color: var(--muted);
}

.section {
  padding: 90px 0;
}

.container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.narrow {
  width: min(820px, 92%);
  text-align: center;
}

.section h2 {
  margin: 10px 0 34px;
  color: var(--gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 5vw, 54px);
  font-weight: 400;
  text-align: center;
}

.lead {
  margin-bottom: 24px;
  color: #e8e6ed;
  font-size: 20px;
}

.narrow > p:not(.lead) {
  margin-bottom: 30px;
  color: var(--muted);
}

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.card,
.media-card,
.contact-box {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, var(--surface-light), var(--surface));
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.card {
  padding: 34px;
}

.card h3 {
  margin-bottom: 14px;
  color: var(--gold-light);
  font-size: 24px;
}

.card p {
  color: var(--muted);
}

.card-number {
  display: block;
  margin-bottom: 18px;
  color: var(--gold);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
}

.center-action {
  margin-top: 40px;
  text-align: center;
}

.player-section {
  padding-top: 65px;
}

.media-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.media-card {
  padding: 26px;
  text-align: center;
}

.media-card h2 {
  margin: 22px 0 16px;
  font-size: 24px;
}

.cover {
  width: min(350px, 100%);
  border-radius: 50%;
  box-shadow: 0 0 25px rgba(185, 137, 220, 0.25);
}

.banner {
  width: 100%;
  aspect-ratio: 19 / 8;
  border-radius: 10px;
  object-fit: cover;
}

audio,
video {
  width: 100%;
}

audio {
  display: none;
}

video {
  margin-top: 22px;
  border-radius: 10px;
  background: #000;
}

.progress-panel {
  margin-top: 22px;
}

.time-data {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 13px;
}

.progress-track {
  width: 100%;
  height: 11px;
  overflow: hidden;
  border-radius: 8px;
  background: #31323d;
  cursor: pointer;
}

.progress-fill {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #2a9df4;
}

.custom-player-controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 18px;
}

.custom-player-controls button {
  min-width: 92px;
  padding: 11px 18px;
  border: 2px solid var(--gold);
  border-radius: 24px;
  background: transparent;
  color: var(--text);
  font-weight: 700;
  cursor: pointer;
}

.custom-player-controls button:hover,
.custom-player-controls button:focus-visible {
  background: var(--gold);
  color: #11121b;
}

.fullscreen-button {
  margin-top: 14px;
  padding: 9px 22px;
  border: 1px solid var(--gold);
  border-radius: 22px;
  background: transparent;
  color: var(--text);
  font-weight: 700;
  cursor: pointer;
}

.fullscreen-button:hover,
.fullscreen-button:focus-visible {
  background: var(--gold);
  color: #11121b;
}

.occasion-intro {
  max-width: 980px;
  margin: 0 auto 40px;
  color: #e8e6ed;
  font-size: 19px;
  line-height: 1.8;
  text-align: center;
}

.occasion-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.occasion-card {
  display: block;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, var(--surface-light), var(--surface));
  color: var(--text);
  text-decoration: none;
  text-align: center;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.occasion-card:hover,
.occasion-card:focus-visible {
  transform: translateY(-4px);
  border-color: var(--gold-light);
}

.occasion-card h3 {
  margin-bottom: 10px;
  color: var(--gold-light);
  font-size: 22px;
}

.occasion-card p {
  color: var(--muted);
}

.category-player-heading {
  margin-bottom: 34px;
  text-align: center;
}

.category-player-heading p {
  max-width: 860px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 18px;
}

.song-info-card {
  max-width: 980px;
  margin: 34px auto 0;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, var(--surface-light), var(--surface));
  text-align: center;
}

.song-info-card h2 {
  margin-bottom: 14px;
  font-size: 30px;
}

.song-info-card p {
  margin-bottom: 22px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
}

.category-back {
  margin-top: 26px;
  text-align: center;
}

.order-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 30px;
  text-align: left;
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-field-full {
  grid-column: 1 / -1;
}

.form-field label {
  color: var(--gold-light);
  font-weight: 700;
}

.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid #55566a;
  border-radius: 8px;
  background: #0c0b16;
  color: var(--text);
  font: inherit;
}

.form-field textarea {
  min-height: 140px;
  resize: vertical;
}

.order-submit {
  grid-column: 1 / -1;
  justify-self: center;
  min-width: 210px;
  cursor: pointer;
}

.form-message {
  display: none;
  grid-column: 1 / -1;
  padding: 16px;
  border-left: 4px solid var(--gold);
  border-radius: 8px;
  background: rgba(185, 137, 220, 0.08);
  text-align: center;
}

.client-offer {
  max-width: 1100px;
  margin: 0 auto;
}

.client-welcome {
  text-align: center;
  margin-bottom: 30px;
}

.client-demo-card {
  max-width: 760px;
  margin: 0 auto 42px;
}

.client-demo-card .banner {
  width: 100%;
}

.client-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.client-option {
  display: flex;
  flex-direction: column;
  padding: 28px;
  background: #171717;
  border: 1px solid #3f3f3f;
  border-radius: 18px;
}

.client-option h3 {
  color: var(--gold);
}

.client-option .button {
  margin-top: auto;
  text-align: center;
}

.client-legal {
  margin-top: 34px;
  color: var(--muted);
  text-align: center;
  font-size: 0.9rem;
}

@media (max-width: 900px) {
  .client-options {
    grid-template-columns: 1fr;
  }
}

.contact-box {
  padding: 50px;
}

.test-notice {
  padding: 18px;
  border-left: 4px solid var(--gold);
  border-radius: 8px;
  background: rgba(185, 137, 220, 0.08);
}

.contact-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 28px;
  flex-wrap: wrap;
}

footer {
  padding: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #05060c;
  color: #888895;
  text-align: center;
}

@media (max-width: 900px) {
  .site-header {
    position: relative;
    flex-direction: column;
    gap: 18px;
    background: transparent !important;
  }

  nav ul {
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 20px;
  }

  .cards,
  .media-layout,
  .occasion-grid,
  .order-form {
    grid-template-columns: 1fr;
  }

  .form-field-full,
  .order-submit,
  .form-message {
    grid-column: 1;
  }

  .hero-home,
  .page-hero {
    height: auto;
  }
}

@media (max-width: 600px) {
  .site-header {
    padding: 20px;
  }

  .brand {
    font-size: 17px;
    letter-spacing: 2px;
  }

  nav ul {
    flex-direction: column;
    align-items: center;
  }

  .hero-actions {
    flex-direction: column;
  }

  .hero-actions-overlay {
    position: static;
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 18px 20px 0;
  }

  .hero-clean .button,
  .hero-clean .button-outline,
  .hero-listen,
  .hero-order {
    position: static;
    transform: none;
  }

  .hero-content .hero-description {
    position: static;
    width: 100%;
    margin-top: 28px;
    transform: none;
  }

  .section {
    padding: 60px 0;
  }

  .contact-box {
    padding: 30px 20px;
  }

  .time-data {
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }

  .custom-player-controls {
    gap: 7px;
  }

  .custom-player-controls button {
    min-width: 78px;
    padding: 10px 12px;
  }
}


@supports not (aspect-ratio: 16 / 9) {
  .page-hero {
    height: calc(100vw * 9 / 16);
  }
}

/* Korekta układu — zachowana własna fioletowa oprawa Nutki w Prezencie. */
[hidden]{display:none!important}
h1,h2,h3,h4,h5,h6{text-align:center}
.site-header{position:relative;justify-content:center;gap:32px;padding:22px 3%;background:#100b1d!important}
.brand{flex:none;font-size:18px;letter-spacing:2px;white-space:nowrap}
nav ul{gap:24px;align-items:center;justify-content:center}
nav a{display:block;font-size:15px;line-height:1.4}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}
.page-hero{aspect-ratio:1672/941;min-height:0;padding:0;background-size:100% 100%;background-position:center top}
.page-hero-order{background-image:url('images/background/0001-ciebi_backgr.png')}
.page-hero>div{padding:18px 24px;background:rgba(14,9,25,.83);border:1px solid var(--line);border-radius:16px;width:fit-content;max-width:94%}
.page-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.2}
.page-hero .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:8px}
.section{padding:44px 0}
.section-label,.section-heading{text-align:center}
.section h2{font-size:clamp(25px,3vw,38px);margin:6px 0 20px;line-height:1.25}
.card h3{font-size:22px}
.occasion-intro{max-width:850px;font-size:17px;margin-bottom:22px;line-height:1.65}
.occasion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.occasion-card{padding:18px 16px;min-width:0;display:flex;flex-direction:column;gap:10px}
.occasion-card h3{font-size:19px;line-height:1.3;margin:0}
.occasion-card p{font-size:14px;line-height:1.5;text-align:left}
.card-link{margin-top:auto;font-size:14px;color:var(--gold-light);padding-top:4px}
#kategorie-uroczystosci,#odtwarzacze,#formularz-zamowienia,#formularz-wiadomosci,#formularze-kontaktowe{scroll-margin-top:12px}

.player-container{width:min(1320px,94%)}
.category-player-heading{margin-bottom:22px}
.category-player-heading p{font-size:16px}
.category-player-heading h2{margin-top:8px}
.player-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.player-toolbar label{font-weight:700;color:var(--gold-light)}
.player-toolbar select{flex:1;min-width:160px;max-width:440px;background:var(--surface);color:var(--text);padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.mode-switch{display:flex;gap:8px;margin-left:auto}
.mode-switch button{font:inherit;padding:10px 14px;border-radius:10px;border:1px solid var(--gold);color:var(--text);background:var(--surface);cursor:pointer}
.mode-switch button[aria-pressed=true]{color:#140b20;background:var(--gold-light)}
.listening-layout{display:grid;grid-template-columns:minmax(0,39fr) minmax(0,61fr);gap:20px;align-items:stretch}
.audio-card,.visual-card,.playlist-box,.track-info-panel{min-width:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface-light),var(--surface));overflow:hidden}
.audio-card{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.audio-card .cover{width:min(155px,48%);aspect-ratio:1;object-fit:cover;margin:0 auto 8px;max-height:180px}
/* Cover rotation follows actual MP3 playback; paused animation keeps its angle. */
@keyframes basic-cover-rotation{to{transform:rotate(360deg)}}
.audio-card #trackCover{animation:basic-cover-rotation 12s linear infinite;animation-play-state:paused}
.audio-card #trackCover.mp3-playing{animation-play-state:running}
.audio-card h3{font-size:16px;line-height:1.3;margin:4px 0;max-width:100%;overflow-wrap:anywhere}
.progress-panel{width:100%;margin-top:8px}
#mediaProgress{width:100%;accent-color:var(--gold);cursor:pointer}
.time-data{margin:2px 0;font-size:13px;flex-direction:row;justify-content:space-between}
.audio-card .custom-player-controls{gap:10px;margin-top:6px}
.custom-player-controls button{min-width:70px;padding:9px 13px;font-size:14px}
.media-status{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.3;min-height:16px}
.visual-card{padding:0;align-self:start;background:#0e0919}
.slideshow-stage{position:relative;width:100%;aspect-ratio:19/11;overflow:hidden;border-radius:15px;background:#0e0919}
.slide-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity 1.6s ease-in-out}
.slide-layer.visible{opacity:1}
#videoPlayer{display:block;width:100%;aspect-ratio:19/11;object-fit:contain;margin:0;border-radius:0;background:#0b0811}
#videoStage{text-align:center}
#videoStage .fullscreen-button{margin:10px}
.playlist-box{padding:18px;max-width:100%;max-height:420px;display:flex;flex-direction:column}
.playlist-box h2,.track-info-scroll h2{font-size:22px;margin:0 0 14px}
.track-list{display:flex;flex-direction:column;gap:7px;overflow:auto;scrollbar-color:var(--gold) var(--surface);padding:2px 5px 2px 2px;min-height:0}
.track-list button{width:100%;flex:none;min-height:42px;padding:10px 14px;text-align:left;background:#2c203d;color:var(--text);border:1px solid var(--line);border-radius:10px;cursor:pointer;font:inherit;font-size:15px}
.track-list button[aria-current=true]{background:#493257;border-color:var(--gold-light)}
.track-info-panel{padding:18px;display:flex;flex-direction:column;gap:16px;max-height:420px}
.track-info-panel>.button{align-self:center;max-width:100%;text-align:center;font-size:16px;padding:12px 20px;line-height:1.5;flex:none}
.track-info-scroll{overflow:auto;min-height:0;scrollbar-color:var(--gold) var(--surface)}
.track-info-scroll p{font-size:15px;line-height:1.7;text-align:left;color:var(--muted);margin-bottom:14px}
.track-info-fields{margin-bottom:16px;font-size:14px}
.track-info-fields>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;margin:6px 0}
.track-info-fields dt{color:var(--gold-light)}
.track-info-fields dd{overflow-wrap:anywhere}
.client-options{margin-top:30px}
.client-option h3{margin-bottom:14px}
.client-option p{margin-bottom:20px;color:var(--muted)}
.form-message{display:block;margin:16px 0}
.form-message:empty{display:none}
.order-form{gap:18px}
.order-form .button{margin:8px 8px 0 0;font:inherit;font-weight:bold;cursor:pointer}
.button:disabled{opacity:.6;cursor:wait}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-clean .hero-listen:hover,.hero-clean .hero-order:hover{transform:translate(-50%,-50%)}
@media(max-width:1200px){.site-header{flex-direction:column;gap:16px}.occasion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}nav ul{flex-wrap:wrap;gap:14px 24px}}
@media(max-width:900px){.listening-layout{grid-template-columns:1fr}.audio-card{grid-row:1}.visual-card{grid-row:2}.playlist-box{grid-row:3}.track-info-panel{grid-row:4;max-height:none}.slideshow-stage,#videoPlayer{aspect-ratio:1}.audio-card .cover{width:150px}.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-switch{margin-left:0}.client-options{grid-template-columns:1fr}.playlist-box{max-height:320px}.page-hero{min-height:0;padding:0}.hero-clean .hero-listen:hover,.hero-clean .hero-order:hover{transform:none}}
@media(max-width:600px){.site-header{padding:18px 12px}.site-header nav{width:100%}nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;align-items:center}nav a{text-align:center;font-size:14px}.brand{font-size:17px;letter-spacing:2px}.occasion-card{padding:16px 12px}.occasion-card h3{font-size:17px}.occasion-card p{font-size:14px}.section{padding:28px 0}.occasion-intro{font-size:15px}.player-toolbar{align-items:stretch}.player-toolbar label{width:100%}.player-toolbar select{max-width:none;min-width:0;width:100%}.mode-switch{width:100%}.mode-switch button{flex:1;padding:10px 8px;font-size:14px}.track-info-fields>div{grid-template-columns:100px minmax(0,1fr)}.track-info-panel>.button{font-size:15px}.custom-player-controls{flex-direction:row}.client-welcome h2{font-size:26px}.contact-actions .button{max-width:100%;font-size:14px}.hero-actions-overlay{padding-bottom:18px}.button{padding:12px 18px}.card{padding:24px}.lead{font-size:18px}.eyebrow{letter-spacing:2px}.page-hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide-layer{transition:none}.button,.occasion-card{transition:none}}

/* Keep category/mode controls above the screen after a playlist choice on phones. */
@media(max-width:900px){
 .player-toolbar.playlist-focus{position:sticky;top:8px;z-index:20;background:var(--background);box-shadow:0 8px 0 var(--background)}
}

/* Balanced occasion section: equal outer space, separate gaps around the cards. */
#kategorie-uroczystosci{min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:clamp(24px,4vh,48px) 0;scroll-margin-top:0}
#kategorie-uroczystosci>.container{display:flex;flex-direction:column;gap:clamp(24px,4vh,40px)}
#kategorie-uroczystosci .occasion-intro{margin:0 auto}
#kategorie-uroczystosci .occasion-grid{gap:12px}
#kategorie-uroczystosci .occasion-card{padding:12px;gap:6px}
#kategorie-uroczystosci .occasion-card h3{font-size:18px}
#kategorie-uroczystosci .center-action{margin:0;text-align:center}
@media(max-width:600px){#kategorie-uroczystosci .occasion-card{padding:14px 12px}#kategorie-uroczystosci .occasion-card h3{font-size:17px}}
@media(max-height:520px) and (min-width:901px){#kategorie-uroczystosci{padding:12px 0}#kategorie-uroczystosci>.container{gap:16px}}
html:has(#kategorie-uroczystosci){scroll-behavior:auto}

/* Navigation tiles: a stable shape and an unmistakable active page. */
.site-header nav ul{gap:10px}
.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#241a35;color:var(--text);font-size:14px;font-weight:700;text-align:center;line-height:1.4}
.site-header nav a:hover{background:#392747;color:#fff;border-color:var(--gold)}
.site-header nav a.active,.site-header nav a[aria-current=page]{background:var(--gold-light);color:#21102e;border-color:var(--gold-light);box-shadow:0 0 0 1px var(--gold)}
#o-studiu,#oferta,#formularze-kontaktowe{min-height:100vh;min-height:100svh;display:grid;align-items:center;scroll-margin-top:0}
.client-welcome h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3vw,38px);line-height:1.25;margin-bottom:18px;color:var(--gold-light)}
html{scroll-behavior:auto}
@media(max-width:600px){.site-header nav a{height:100%;font-size:14px;padding:10px 8px}.site-header nav li{height:100%}}

/* Non-clickable blue-and-gold logo; crop only empty background, never stretch letters. */
.site-header{padding-top:14px;padding-bottom:14px}
.brand-logo{display:block;width:min(300px,88vw);aspect-ratio:5/1;overflow:hidden;line-height:0}
.brand-logo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
@media(max-width:600px){.site-header{padding-top:12px;padding-bottom:12px}}
/* language-nav-start */
.site-header nav ul .lang-menu { display: inline-flex; align-items:center; gap:3px; white-space:nowrap; margin-left:8px; }
.site-header nav ul .lang-menu a { display:inline-flex; align-items:center; justify-content:center; min-width:24px; padding:4px 3px; font:600 11px/1.2 Arial,sans-serif; text-decoration:none; border:1px solid rgba(197,162,107,.7); border-radius:3px; color:#f3dbb0; background:rgba(20,30,45,.65); }
.site-header nav ul .lang-menu a[aria-current="page"] { background:#9b783b; color:#101725; border-color:#d5b474; }
.site-header nav ul .lang-menu a:hover { background:#c3a36a; color:#141b28; }
@media(max-width:900px) { .site-header nav ul .lang-menu { margin-left:0; } }
/* language-nav-end */

/* nav-layout-15-start */
/* Desktop: logo left, independent centered section links, languages pinned right. */
@media (min-width:1101px) {
 .site-header {position:relative!important;display:block!important;width:100%!important;min-height:78px!important;padding:12px 15px!important;box-sizing:border-box!important;background:#100b1d!important;}
 .site-header .brand-text-logo {position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:155px!important;height:48px!important;padding:0 7px!important;background:#19243a!important;border:1px solid #cba46d!important;border-radius:6px!important;color:#f1c982!important;font:700 15px/1.15 Arial,sans-serif!important;letter-spacing:.3px!important;white-space:nowrap!important;text-decoration:none!important;}
 .site-header .brand-text-logo:hover,.site-header .brand-text-logo:focus-visible {background:#24395a!important;border-color:#e8c98b!important;color:#fff!important;}
 .site-header nav {width:100%!important;max-width:none!important;margin:0!important;min-width:0!important;}
 .site-header nav ul {position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;min-height:54px!important;margin:0!important;padding:0 170px 0 173px!important;box-sizing:border-box!important;list-style:none!important;}
 .site-header nav ul > li:not(.lang-menu) {flex:0 0 auto!important;width:auto!important;min-width:0!important;}
 .site-header nav ul > li:not(.lang-menu) > a {display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:44px!important;height:48px!important;margin:0!important;padding:8px 9px!important;font:700 13px/1.15 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:normal!important;text-align:center!important;color:#f5effb!important;background:#271b34!important;border:1px solid #685076!important;border-radius:8px!important;text-decoration:none!important;transition:background-color .15s,color .15s,border-color .15s!important;}
 .site-header nav ul > li:not(.lang-menu) > a.active,.site-header nav ul > li:not(.lang-menu) > a[aria-current="page"] {background:#2869cf!important;color:#fff!important;border-color:#559af8!important;}
 .site-header nav ul > li:not(.lang-menu) > a:hover {background:#407de1!important;color:#fff!important;border-color:#a9cfff!important;}
 .site-header nav ul > li.lang-menu {position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;width:auto!important;white-space:nowrap!important;}
 .site-header nav ul > li.lang-menu > a {display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 37px!important;width:37px!important;min-width:37px!important;max-width:37px!important;height:39px!important;min-height:39px!important;margin:0!important;padding:0!important;font:700 16px/1 Arial,sans-serif!important;color:#f1dfbe!important;background:#241c30!important;border:1px solid #c6a366!important;border-radius:5px!important;}
 .site-header nav ul > li.lang-menu > a[aria-current="page"] {background:#b28b4f!important;color:#fff!important;}
 .site-header nav ul > li.lang-menu > a:hover {background:#d1a85e!important;color:#1c1422!important;}
}
@media (min-width:1101px) and (max-width:1340px) {
 .site-header .brand-text-logo {left:9px!important;width:131px!important;font-size:13px!important;}
 .site-header {padding-left:9px!important;padding-right:9px!important;}
 .site-header nav ul {padding-left:144px!important;padding-right:155px!important;gap:4px!important;}
 .site-header nav ul > li:not(.lang-menu) > a {padding-left:5px!important;padding-right:5px!important;font-size:11.5px!important;}
 .site-header nav ul > li.lang-menu {gap:3px!important;}
 .site-header nav ul > li.lang-menu > a {width:34px!important;min-width:34px!important;max-width:34px!important;flex-basis:34px!important;height:37px!important;min-height:37px!important;font-size:15px!important;}
}
/* Keep original mobile navigation and make text logo visible without overflow. */
@media (max-width:1100px) {
 .site-header .brand-text-logo {display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:90vw!important;min-height:44px!important;padding:7px 16px!important;color:#f1c982!important;background:#19243a!important;border:1px solid #cba46d!important;border-radius:6px!important;font:700 17px/1.2 Arial,sans-serif!important;letter-spacing:.3px!important;text-decoration:none!important;}
}
/* nav-layout-15-end */

/* blueodeon-final-nav-start */
@media (min-width:1101px) {
 .site-header {position:relative!important;isolation:isolate!important;overflow:visible!important;background:linear-gradient(180deg,#05091b 0%,#0b1330 42%,#090b1d 100%)!important;box-shadow:inset 0 1px 0 rgba(63,146,252,.37),inset 0 -1px 0 rgba(55,124,222,.35),0 2px 12px rgba(0,0,0,.22)!important;}
 .site-header nav {position:relative!important;isolation:isolate!important;}
 .site-header .brand-text-logo {z-index:5!important;background:linear-gradient(160deg,#172d58 0%,#06122e 42%,#071027 78%,#1b2f54 100%)!important;color:#f6cf8b!important;border:1px solid #e1b66a!important;box-shadow:inset 0 1px 0 rgba(255,251,204,.55),inset 0 -7px 16px rgba(0,0,0,.26),0 2px 13px rgba(8,90,214,.27)!important;text-shadow:0 1px 1px rgba(0,0,0,.75)!important;}
 .site-header nav ul > li:not(.lang-menu) > a {position:relative!important;z-index:4!important;font-size:clamp(12px,0.95vw,15px)!important;padding:8px clamp(7px,0.75vw,13px)!important;min-height:49px!important;height:52px!important;white-space:nowrap!important;background:linear-gradient(180deg,rgba(114,68,137,.55) 0%,rgba(55,30,77,.79) 20%,rgba(30,20,55,.96) 55%,rgba(20,17,48,.99) 100%)!important;border:1px solid #88689c!important;border-radius:9px!important;color:#faf5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -6px 10px rgba(7,6,28,.35),0 3px 9px rgba(0,0,0,.30)!important;text-shadow:0 1px 2px #060615!important;transition:background .18s,box-shadow .18s,border-color .18s!important;}
 .site-header nav ul > li:not(.lang-menu) > a:is(.active,[aria-current="page"]) {background:linear-gradient(180deg,#47b9ff 0%,#146ee6 23%,#0754c9 56%,#06317e 100%)!important;border-color:#68d7ff!important;color:white!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.46),inset 0 -8px 11px rgba(1,19,84,.5),0 0 13px rgba(6,137,249,.7)!important;}
 .site-header nav ul > li:not(.lang-menu) > a:is(:hover,:focus-visible) {background:linear-gradient(180deg,#6ccaff,#2375e0 38%,#0c3a9c)!important;border-color:#adeeff!important;box-shadow:inset 0 2px rgba(255,255,255,.5),0 0 16px rgba(40,180,255,.65)!important;color:white!important;}
 .site-header nav ul > li.lang-menu > a {position:relative!important;font-size:18px!important;background:linear-gradient(165deg,#34233f 0%,#1c1a38 44%,#101527 100%)!important;border-color:#cba45d!important;color:#f8dfad!important;box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -5px rgba(0,0,0,.2)!important;}
 .site-header nav ul > li.lang-menu > a[aria-current="page"] {background:linear-gradient(165deg,#f8d69d 0%,#c3934d 50%,#80582b 100%)!important;color:white!important;border-color:#ffdf92!important;box-shadow:inset 0 2px rgba(255,252,220,.6),0 0 10px rgba(238,176,74,.55)!important;}
 .site-header nav ul > li.lang-menu > a:hover {background:linear-gradient(180deg,#ffe1a5,#c18a3f)!important;color:#21101c!important;}
 .site-header nav::before,.site-header nav::after {content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;top:50%!important;transform:translateY(-50%)!important;height:44px!important;width:clamp(50px,9vw,145px)!important;opacity:.94!important;background:url("images/ornament/nav-blue.svg") center / contain no-repeat!important;filter:drop-shadow(0 0 5px rgba(11,142,255,.6))!important;z-index:1!important;}
 .site-header nav::before {left:clamp(185px,18vw,315px)!important;}
 .site-header nav::after {right:clamp(180px,17.6vw,308px)!important;transform:translateY(-50%) scaleX(-1)!important;}
}
@media (min-width:1101px) and (max-width:1450px) {
 .site-header nav ul > li:not(.lang-menu) > a {padding-left:7px!important;padding-right:7px!important;font-size:12px!important;}
 .site-header nav::before,.site-header nav::after {width:clamp(35px,5vw,70px)!important;opacity:.75!important;}
 .site-header nav::before {left:clamp(150px,14vw,205px)!important;}
 .site-header nav::after {right:clamp(155px,14vw,205px)!important;}
}
@media (min-width:1101px) and (max-width:1230px) {
 .site-header nav::before,.site-header nav::after {display:none!important;}
}
/* blueodeon-final-nav-end */

/* BEGIN PASEK_3D */
/* Tylko wyglad. Bez modyfikacji HTML i dzialania nawigacji. */
.site-header.ajs-3d{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;margin:0!important;padding:6px 9px!important;
  display:grid!important;grid-template-columns:max-content minmax(30px,1fr) max-content minmax(30px,1fr) max-content!important;
  gap:7px!important;align-items:center!important;justify-content:stretch!important;
  min-height:0!important;background:linear-gradient(180deg,#030717,#070c21 60%,#050b1a)!important;
  border-top:1px solid #153360;border-bottom:1px solid #29365b;
  box-shadow:inset 0 1px 0 #10234c,0 3px 12px #0008;filter:none!important;
}
.site-header.ajs-3d *{box-sizing:border-box!important}
.site-header.ajs-3d .ajs-brand{
  min-width:0!important;width:auto!important;max-width:none!important;flex:none!important;
  min-height:37px!important;height:37px!important;padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  white-space:nowrap!important;text-decoration:none!important;border:2px solid #e5b561!important;
  border-radius:12px!important;color:#fbd28a!important;
  font:600 clamp(13px,1.15vw,19px)/1 Georgia,'Times New Roman',serif!important;letter-spacing:0!important;
  background:linear-gradient(180deg,#102848,#051329 52%,#071b35)!important;
  box-shadow:inset 0 2px 1px #9ac7ff66,inset 0 -3px 7px #0008,0 0 10px #dfac5533!important;
}
.site-header.ajs-3d .ajs-ornament{
  display:block!important;position:static!important;min-width:0!important;max-width:none!important;width:100%!important;
  height:33px!important;flex:none!important;opacity:1!important;filter:none!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgOTAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI3ZDhmZiIgc3Ryb2tlLXdpZHRoPSIzLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgNDUgSDE5MCBNNDEwIDQ1IEg1OTciLz48cGF0aCBkPSJNODUgNDUgQzEzMCA1IDE3OCA1IDIwOSA0NSBDMjMwIDczIDI1MiA3MiAyNjcgNDUgQzI4NSAxMiAzMTUgMTIgMzMzIDQ1IEMzNDkgNzQgMzc0IDc0IDM5MSA0NSBDNDIyIDQgNDcxIDUgNTE1IDQ1Ii8+PHBhdGggZD0iTTE0MyA0NSBDMTY0IDY1IDE3OSA2NiAxOTMgNDQgQzIwNyAyMCAyMjMgMTggMjM3IDQyIE0zNjMgNDIgQzM3NyAxOCAzOTMgMjAgNDA3IDQ0IEM0MjEgNjYgNDM2IDY1IDQ1NyA0NSIvPjxwYXRoIGQ9Ik0yNTUgNDUgQzI1OSAxNiAyNzggOSAzMDAgNCBDMzIyIDkgMzQxIDE2IDM0NSA0NSBDMzQxIDc0IDMyMiA4MSAzMDAgODYgQzI3OCA4MSAyNTkgNzQgMjU1IDQ1WiIvPjxwYXRoIGQ9Ik0yODAgNDUgUTMwMCAyMCAzMjAgNDUgUTMwMCA3MCAyODAgNDVaIi8+PHBhdGggZD0iTTMwMCA1IFY4NSBNMjE1IDQ1IEgzODUiLz48L2c+PGcgZmlsbD0iIzJiZGRmZiI+PGNpcmNsZSBjeD0iMzAwIiBjeT0iNDUiIHI9IjYiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSI0NSIgcj0iNCIvPjxjaXJjbGUgY3g9IjQwMCIgY3k9IjQ1IiByPSI0Ii8+PHBhdGggZD0iTTMgNDUgbDI0IC03IC01IDcgNSA3WiBNNTk3IDQ1IGwtMjQgLTcgNSA3IC01IDdaIi8+PC9nPjwvc3ZnPg==")!important;background-repeat:no-repeat!important;
  background-position:center!important;background-size:100% 100%!important;
  pointer-events:none!important;transform:none!important;border:0!important;
}
.site-header.ajs-3d .ajs-ornament::before,.site-header.ajs-3d .ajs-ornament::after{display:none!important;content:none!important}
.site-header.ajs-3d nav{
  display:block!important;position:static!important;width:auto!important;max-width:none!important;
  min-width:0!important;flex:none!important;margin:0!important;padding:0!important;transform:none!important;
}
.site-header.ajs-3d nav ul{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
  gap:4px!important;width:auto!important;margin:0!important;padding:0!important;list-style:none!important}
.site-header.ajs-3d nav li{flex:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}
.site-header.ajs-3d nav a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:37px!important;height:37px!important;width:auto!important;min-width:0!important;
  white-space:nowrap!important;padding:0 clamp(6px,.58vw,12px)!important;
  border:1px solid #77789a!important;border-radius:10px!important;
  color:#fff8e8!important;font:400 clamp(12px,1.02vw,18px)/1.05 Georgia,'Times New Roman',serif!important;
  text-align:center!important;text-decoration:none!important;text-shadow:0 1px 2px #000!important;
  background:radial-gradient(ellipse 95% 82% at 48% -22%,#737299aa 0%,#56547255 42%,transparent 78%),linear-gradient(180deg,#50506e 0%,#32334f 22%,#25263f 49%,#191b33 73%,#11162b 100%)!important;
  box-shadow:inset 0 1px 0 #e6e0ff85,inset 0 3px 5px #b4b6f122,inset 0 -4px 7px #03071199,0 2px 5px #0009!important;
  filter:none!important;transform:none!important;
}
.site-header.ajs-3d nav a.active,.site-header.ajs-3d nav a[aria-current="page"]{
  border-color:#00c6ff!important;background:linear-gradient(180deg,#2095e6,#075fb4 49%,#073568)!important;
  color:white!important;box-shadow:inset 0 2px 2px #a5ecff,inset 0 -3px 5px #002751,0 0 0 1px #159ffd,0 0 14px #007cff70!important;
}
.site-header.ajs-3d .ajs-langs{display:flex!important;flex-flow:row nowrap!important;gap:4px!important;
  justify-content:flex-end!important;align-items:center!important;flex:none!important;width:auto!important;min-width:0!important}
.site-header.ajs-3d .ajs-langs a,.site-header.ajs-3d .ajs-langs span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 37px!important;width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;
  padding:0!important;aspect-ratio:1!important;border:2px solid #d5a456!important;border-radius:8px!important;
  background:radial-gradient(ellipse 90% 70% at 45% -10%,#8992c955,transparent 86%),linear-gradient(180deg,#444963 0%,#2b334e 35%,#1b253f 70%,#121c33 100%)!important;color:#f9d391!important;
  font:600 16px/1 Georgia,'Times New Roman',serif!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 #e1e6ff77,inset 0 3px 5px #afcfff25,inset 0 -3px 6px #050b2099,0 2px 5px #0009!important;
}
.site-header.ajs-3d .ajs-langs .ajs-selected{
  background:linear-gradient(140deg,#edc989,#a87738 60%,#674016)!important;color:#fffaf1!important;
  border-color:#ffe2a8!important;box-shadow:inset 0 2px 2px #fff1c5,0 0 12px #eab65f88!important;
}
@media(max-width:1150px) and (min-width:801px){
 .site-header.ajs-3d{gap:4px!important;padding:6px 5px!important}
 .site-header.ajs-3d .ajs-brand{padding:0 7px!important;font-size:14px!important}
 .site-header.ajs-3d nav ul{gap:3px!important}
 .site-header.ajs-3d nav a{padding:0 5px!important;font-size:12px!important}
 .site-header.ajs-3d .ajs-langs{gap:3px!important}
 .site-header.ajs-3d .ajs-langs a,.site-header.ajs-3d .ajs-langs span{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;font-size:14px!important}
}
@media(max-width:800px){
 .site-header.ajs-3d{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px!important;padding:8px!important}
 .site-header.ajs-3d .ajs-brand{height:37px!important;min-height:37px!important}
 .site-header.ajs-3d .ajs-ornament{flex:1 1 35px!important;width:auto!important;height:27px!important}
 .site-header.ajs-3d nav{flex:0 0 100%!important;order:4!important}
 .site-header.ajs-3d nav ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 .site-header.ajs-3d nav a{height:38px!important;min-height:38px!important;white-space:normal!important;font-size:14px!important;padding:3px!important}
 .site-header.ajs-3d .ajs-langs a,.site-header.ajs-3d .ajs-langs span{flex-basis:34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:15px!important}
}
/* END PASEK_3D */

/* blueodeon-banner-start */
.hero-home.hero-clean {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 40px));
  max-width: 100%;
  margin: 24px auto 18px;
  padding: 0;
  min-height: 0;
  background: none;
}
.hero-home.hero-clean .hero-scene {
  width: 100%;
  margin: 0;
}
.hero-home.hero-clean .hero-scene-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1208 / 269;
  object-fit: fill;
  border-radius: 14px;
}
@media (max-width: 600px) {
  .hero-home.hero-clean {width: calc(100% - 24px);margin: 12px auto 16px;}
  .hero-home.hero-clean .hero-scene-image {border-radius: 8px;}
}
/* blueodeon-banner-end */

/* blueodeon-global-banner-start */
/* One approved banner for all four languages. This section affects banners only. */
.hero-home.hero-clean,
.page-hero {
  box-sizing: border-box;
  display: block;
  width: min(1020px, calc(100% - 40px));
  max-width: 100%;
  margin: 24px auto 18px;
  padding: 0;
  min-height: 0;
  height: auto;
  aspect-ratio: 1208 / 269;
  border-radius: 14px;
}
.hero-home.hero-clean .hero-scene,
.hero-home.hero-clean .hero-scene-image {
  width: 100%;
}
.hero-home.hero-clean .hero-scene-image {
  height: auto;
  aspect-ratio: 1208 / 269;
  border-radius: 14px;
}
.page-hero {
  background-image: url('images/background/blueodeon-banner.jpg') !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 600px) {
  .hero-home.hero-clean,
  .page-hero {
    width: calc(100% - 24px);
    margin: 12px auto 16px;
    border-radius: 8px;
  }
}
/* blueodeon-global-banner-end */

/* ajs-home-segments-css-start */
.ajs-home-segments{box-sizing:border-box;width:calc(100% - 32px);max-width:1020px;margin:22px auto 28px;color:#ede7da;font-family:Georgia,"Times New Roman",serif}
.ajs-home-segments *{box-sizing:border-box}
.ajs-home-intro{text-align:center;margin:0 0 18px}
.ajs-home-intro h2{font-size:clamp(20px,2vw,27px);font-weight:500;color:#eed2a2;margin:0 0 8px}
.ajs-home-intro p{font-size:15px;color:#c5d4e7;margin:0;line-height:1.5}
.ajs-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.ajs-home-card{min-width:0;display:flex;flex-direction:column;padding:22px 24px 20px;border:1px solid #8c7650;border-radius:14px;background:linear-gradient(145deg,rgba(35,49,77,.96) 0%,rgba(22,30,50,.97) 52%,rgba(14,20,36,.98) 100%);box-shadow:inset 0 1px 0 #85a2c040,0 8px 20px #0005}
.ajs-home-num{font-size:19px;letter-spacing:.12em;color:#56b5e8;text-align:center;margin:0 0 5px}
.ajs-home-card h3{color:#f2d4a1;font-size:19px;font-weight:500;line-height:1.25;text-align:center;margin:0 0 8px}
.ajs-home-card .ajs-home-lead{color:#d9e7fa;text-align:center;font-size:16px;margin:0 0 16px}
.ajs-home-card h4{font-size:16px;color:#c7dff6;font-weight:600;margin:14px 0 5px}
.ajs-home-card p{font-size:15px;line-height:1.57;margin:0 0 8px;color:#e4e9f0}
.ajs-home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;padding-top:18px}
.ajs-home-links a{display:inline-flex;justify-content:center;align-items:center;text-align:center;border-radius:7px;border:1px solid #8898ac;min-height:37px;padding:8px 12px;color:#fff!important;text-decoration:none;background:linear-gradient(155deg,#425473,#26344e 55%,#19253c);box-shadow:inset 0 1px 0 #ffffff33;transition:transform .15s,background .15s}
.ajs-home-links a:hover,.ajs-home-links a:focus-visible{background:linear-gradient(155deg,#d2ae6c,#977544 58%,#5f4a2b);transform:translateY(-1px)}
@media(max-width:760px){.ajs-home-grid{grid-template-columns:1fr;gap:13px}.ajs-home-card{padding:18px}.ajs-home-segments{width:calc(100% - 24px)}}
/* ajs-home-segments-css-end */