/* HERO-UNIQUE-V1 20260717h3 */
/* domain: nowe-kasynaonline.pl | variant: 22 compact-premium | 2026-07-16T22:30:13Z */

/* v22 compact-premium */
main .xf07a7d3{
  position:relative!important;overflow:hidden!important;text-align:center!important;
  margin:.9rem 0 .75rem!important;padding:1.55rem 1.4rem 1.6rem!important;
  border-radius:12px!important;
  background:linear-gradient(100deg, rgba(255,79,163,0.06), #fff 40%, rgba(25,200,214,0.05))!important;
  border:1px solid rgba(255,79,163,0.1)!important;
  box-shadow:0 4px 16px rgba(44,23,51,0.05)!important;
}
main .xf07a7d3::before{
  content:''!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;
  width:3px!important;background:linear-gradient(180deg,#ff4fa3,#19c8d6)!important;
}
main .xf07a7d3::after{content:none!important;display:none!important;}
main .xf07a7d3 h1{
  font-family:'Baloo 2', 'Trebuchet MS', sans-serif!important;font-weight:700!important;color:#2c1733!important;
  font-size:clamp(1.4rem,3vw,1.95rem)!important;line-height:1.18!important;
  letter-spacing:-0.018em!important;max-width:22ch!important;margin:0!important;
  text-align:center!important;
}
main .x716e662{
  display:inline-block!important;color:#ff4fa3!important;background:rgba(255,79,163,0.08)!important;
  font-size:.58rem!important;font-weight:800!important;text-transform:uppercase!important;
  letter-spacing:.12em!important;margin:0 0 .55rem!important;
  padding:.28rem .6rem!important;border:0!important;border-radius:4px!important;
}
main .xe99e8f9{
  max-width:100%!important;margin:.1rem 0 1.4rem!important;
  padding:1rem 1.2rem!important;
  border:1px solid rgba(255,79,163,0.09)!important;border-radius:10px!important;
  box-shadow:0 3px 12px rgba(44,23,51,0.04)!important;
}
main .xe99e8f9 p{margin:0!important;font-size:.98rem!important;line-height:1.62!important;color:#37233e!important;}
main .xe99e8f9 strong{color:#ff4fa3!important;}
main .x8eee261{
  display:inline-block!important;color:#19c8d6!important;font-size:.58rem!important;font-weight:800!important;
  text-transform:uppercase!important;letter-spacing:.12em!important;
  margin:0 0 .35rem!important;padding:0!important;border:0!important;background:none!important;
}


/* contrast-guard restored for dark surface */
main .xf07a7d3 h1 { color: #ffd9ec !important; -webkit-text-fill-color: #ffd9ec !important; }
main .xf07a7d3 { color: #ffd9ec !important; }
main .xe99e8f9, main .xe99e8f9 p { color: #fff6fb !important; }
main .xe99e8f9 strong { color: #0ea6b3 !important; }
/* shared mobile polish */
@media(max-width:640px){
  main .xf07a7d3{padding-left:1.15rem!important;padding-right:1.15rem!important;margin-left:0!important;margin-right:0!important;}
  main .xf07a7d3 h1{max-width:100%!important;font-size:clamp(1.45rem,6.5vw,1.95rem)!important;}
  main .xe99e8f9{margin-left:0!important;margin-right:0!important;padding-left:1.1rem!important;padding-right:1.1rem!important;}
}
/* kill conflicting legacy !important text-align flips on hero */



/* ===== chrome-fix-hdr 20260720 : light header nav links unreadable -> dark ===== */
header nav a,header ul a,header .menu a,header [role=navigation] a{color:#1b2a23!important}
/* ===== end chrome-fix-hdr 20260720 ===== */


/* ===== chrome-fix-ftr 20260720 : light footer text unreadable -> dark ===== */
footer a,footer span,footer p,footer li,footer h3,footer h4,footer strong,footer small,footer address{color:#1b2a23!important}
footer h3,footer h4{color:#8a5a12!important}
/* ===== end chrome-fix-ftr 20260720 ===== */


/* h1fit-css-20260720 : H1 one line on desktop (per-site) */ @media(min-width:1000px){.xf07a7d3.xf07a7d3 h1{white-space:nowrap!important;max-width:none!important;font-size:clamp(19.3px,2.167vw,31.2px)!important;text-wrap:nowrap}} /* end-h1fit-css-20260720 */

/* ===== mass-hero-dark-fix 20260720mass : restore dark hero on dark site ===== */
main .xf07a7d3{
  background:
    linear-gradient(135deg, #0ea6b329 0%, transparent 48%),
    linear-gradient(315deg, #19c8d62e 0%, transparent 42%),
    radial-gradient(700px 320px at 88% -12%, #19c8d652, transparent 60%),
    radial-gradient(560px 360px at 8% 110%, #0ea6b338, transparent 58%),
    linear-gradient(160deg, #091629 0%, #2c1733 100%)!important;
  border:1px solid #0ea6b32e!important;
  box-shadow:0 12px 40px rgba(0,0,0,0.35), inset 0 1px 0 #ffd9ec0f!important;
  color:#ffd9ec!important;
}
main .xf07a7d3 h1{
  color:#ffd9ec!important;-webkit-text-fill-color:#ffd9ec!important;
  text-shadow:0 2px 24px #0ea6b326!important;
}
main .xf07a7d3,
main .xf07a7d3 h1,
main .xf07a7d3 p,
main .xf07a7d3 li{
  color:#ffd9ec!important;-webkit-text-fill-color:#ffd9ec!important;
}
main>section:first-of-type.xf07a7d3 h1,
main>section:first-of-type.xf07a7d3,
main>section:first-of-type.xf07a7d3 p{
  color:#ffd9ec!important;-webkit-text-fill-color:#ffd9ec!important;
}


main .x716e662{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:linear-gradient(90deg, #0ea6b3, #19c8d6)!important;
  border:0!important;
  box-shadow:0 4px 16px #0ea6b347!important;
}


main .xe99e8f9{
  background:
    linear-gradient(135deg, #0ea6b31a 0%, #19c8d614 100%),
    #091629eb!important;
  border:1px solid #0ea6b333!important;
  border-left:4px solid #0ea6b3!important;
  box-shadow:0 8px 28px rgba(0,0,0,0.28)!important;
  color:#ffd9ec!important;
}
main .xe99e8f9 p{
  color:#fff6fb!important;-webkit-text-fill-color:#fff6fb!important;
}
main .xe99e8f9 strong{
  color:#0ea6b3!important;-webkit-text-fill-color:#0ea6b3!important;
}
main .xe99e8f9, main .xe99e8f9 p{
  color:#fff6fb!important;
}


main .x8eee261{
  color:#0ea6b3!important;-webkit-text-fill-color:#0ea6b3!important;
  background:none!important;
}


/* neutralize residual white/light contrast patches on hero surface */
main .xf07a7d3{background-color:transparent!important;}

/* end mass-hero-dark-fix 20260720mass */


/* h1center-batch-20260721 : force main H1 centered (visual + text-align) */
main h1,
main section h1,
main [class] h1,
main > section:first-of-type h1 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}
main > section:first-of-type,
main section[class]:has(> h1),
main [class]:has(> h1) {
  text-align: center !important;
}
/* end h1center-batch-20260721 */
/* h1fit-mobile-floor-20260721 : H1 mobile floor 10-15px per new policy */ @media(max-width:640px){.xf07a7d3.xf07a7d3 h1{font-size:12px!important;max-width:100%!important}} /* end-h1fit-mobile-floor-20260721 */
