.abonaments-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; }
.abonaments-button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 50px; padding: 13px 24px; border: 2px solid transparent; border-radius: 30px; background: #8be0d8; color: #103b45; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: center; }
.abonaments-button:hover { background: #b2eee8; color: #103b45; text-decoration: none; }
.abonaments-button > span { font-size: 22px; line-height: 1; }
.abonaments-daypass { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 13px 24px; border: 1px solid #ffffffb3; border-radius: 30px; background: #103b4566; color: #fff; font-size: 13px; font-weight: 700; }
.abonaments-daypass:hover { background: #103b45; color: #fff; text-decoration: none; }
.abonaments-section { padding: 56px 0 0; scroll-margin-top: 150px; }
.abonaments-card { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; padding: 45px 48px; background: #123e49; color: #fff; border-radius: 18px; }
.abonaments-kicker { margin: 0 0 12px; color: #a5dcd8; font-size: 12px; font-weight: 700; letter-spacing: .13em; }
.abonaments-intro h2 { margin: 0 0 12px; color: #fff; font-size: clamp(34px, 4vw, 46px); font-weight: 700; line-height: 1.15; letter-spacing: -.035em; }
.abonaments-intro h2 > span { color: #8be0d8; }
.abonaments-intro > p:last-child { margin: 0; color: #c9e1e4; font-size: 18px; line-height: 1.6; }
.abonaments-action > p { margin: 0 0 22px; color: #e1eff0; font-size: 16px; line-height: 1.7; }
.abonaments-help { display: block; width: fit-content; margin-top: 17px; color: #c9e1e4; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.abonaments-help:hover { color: #fff; }
.abonaments-button:focus-visible, .abonaments-daypass:focus-visible, .abonaments-help:focus-visible { outline: 3px solid #e9ba50; outline-offset: 4px; }
@media (min-width: 1200px) {
  .site-navbar .site-navigation .site-menu > li > a { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 767px) {
  .abonaments-section { padding-top: 28px; }
  .abonaments-card { grid-template-columns: 1fr; gap: 24px; padding: 30px 24px; border-radius: 14px; }
  .abonaments-action .abonaments-button { width: 100%; }
}