/* Oko na Dziecko 4.7 - surgical fixes to previously approved version A.
   Brand tokens are unchanged. The warm yellow is sampled from the original logo 3.
   This stylesheet is kept separate to avoid regressions in 4.6. */
:root{--oko-logo-yellow:#F8CF69;--oko-logo-yellow-soft:#FFF4D8}

/* A: no early line breaks created by the arbitrary 950px cap. */
.oko45-services-intro{max-width:none;width:100%;margin-bottom:30px}
.oko45-services-intro h2{max-width:none;font-size:clamp(2.15rem,3.15vw,3.25rem);letter-spacing:-.044em;line-height:1.16;text-wrap:initial;hyphens:none}
.oko45-services-intro .oko45-services-subtitle{font-size:clamp(1.06rem,1.55vw,1.4rem);margin-top:8px;margin-bottom:12px;line-height:1.38;max-width:100%}
.oko45-services-intro .oko45-services-description{max-width:80ch;font-size:clamp(.93rem,1vw,1.02rem);line-height:1.65}
@media(min-width:1250px){.oko45-services-intro h2{font-size:clamp(2.42rem,2.8vw,3rem);white-space:nowrap}}

/* Quiet, human copy instead of conspicuous sales-style callout. */
.oko46-hero--classic .oko46-hero-help{margin-top:20px;border-left-width:2px;padding:0 0 0 13px;gap:4px}
.oko46-hero--classic .oko46-hero-help strong{font-size:.9rem;font-weight:650;letter-spacing:-.015em}
.oko46-hero--classic .oko46-hero-help a{font-size:.85rem;text-decoration-thickness:1px}

/* Optional fifth, logo-derived accent on selected soft mint surfaces only. */
.oko-accent-yellow .site-header .header-actions .phone-link{
  background:var(--oko-logo-yellow-soft)!important;
  border-color:rgba(204,160,51,.22)!important;
  color:#005550!important
}
.oko-accent-yellow .site-header .header-actions .phone-link:hover{background:#FDE9AA!important}
.oko-accent-yellow .service-meta-row .service-fact{
  background:#FFF5D9!important;
  border:1px solid rgba(196,151,49,.15)!important
}
.oko-accent-yellow .service-meta-row .service-fact-icon{background:#FFFEFA;color:#005550}
.oko-accent-yellow .nav-toggle{background:#FFF4D8!important}
.oko-accent-yellow .main-nav .submenu-toggle{background:#FFF4D8}
.oko-accent-yellow .main-nav .submenu-toggle:hover{background:#FDE9AA}
.oko-accent-yellow .main-nav .mobile-nav-actions .btn{background:#005550}
/* No global switch of buttons, headings or icon backgrounds - retain client's exact four swatches. */

/* Avoid an exaggerated oversized phone pill. */
.site-header .header-actions .phone-link strong{font-weight:400!important}

/* Mobile drawer - actual SVG geometry, not a text glyph with baseline offsets. */
@media(max-width:850px){
 .main-nav .mobile-drawer-heading{padding:0 0 18px;margin-bottom:8px;min-height:54px;align-items:center}
 .main-nav .nav-close{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;box-sizing:border-box;width:44px;height:44px;border-radius:14px;flex:0 0 44px;background:#fff;border-color:rgba(0,85,80,.15)}
 .main-nav .nav-close svg{display:block!important;width:21px;height:21px;flex:0 0 21px;transform:none!important;position:static!important}
 .main-nav .nav-close:hover{background:rgba(161,223,225,.27)}
 .main-nav .nav-links>li>a{font-size:1rem;line-height:1.38;min-height:54px;padding-block:15px}
 .main-nav .submenu-toggle{top:5px;height:44px}
 .main-nav .sub-menu a{font-size:.88rem;line-height:1.45}
 .mobile-nav-actions .btn{align-items:center}
}

/* Carefully adjusted mobile rhythm - no horizontal overflow or cramped CTAs. */
@media(max-width:850px){
 .oko45-services-intro h2{white-space:normal;font-size:clamp(1.86rem,5.8vw,2.75rem);line-height:1.16;text-wrap:balance}
 .oko45-services-intro .oko45-services-subtitle{font-size:clamp(1.06rem,2.7vw,1.26rem);line-height:1.36;margin-top:7px}
 .oko45-services-intro .oko45-services-description{font-size:.93rem;line-height:1.63}
}
@media(max-width:620px){
 .oko45-hero.oko46-hero--classic .hero-grid{gap:23px;padding-top:28px!important;padding-bottom:53px!important}
 .oko46-hero--classic .hero-copy h1{font-size:clamp(2rem,8.1vw,2.65rem);line-height:1.14;letter-spacing:-.04em;text-wrap:balance}
 .oko46-hero--classic .lead{font-size:.94rem;line-height:1.62}
 .oko46-hero--classic .action-row{gap:10px;margin-top:19px}
 .oko46-hero--classic .action-row>.btn,.oko46-hero--classic .action-row>.phone-picker,.oko46-hero--classic .action-row .phone-picker summary{min-height:52px}
 .oko46-hero--classic .oko46-hero-help{margin-top:19px;padding-left:11px}
 .oko45-services{padding-block:53px}
 .oko45-services-intro{margin-bottom:23px}
 .oko45-services-intro h2{font-size:clamp(1.76rem,7.2vw,2.25rem);line-height:1.15;letter-spacing:-.038em}
 .oko45-services-intro .oko45-services-subtitle{margin-top:8px;margin-bottom:9px}
 .oko45-services-intro .oko45-services-description{font-size:.9rem;line-height:1.58}
 .oko45-services .service-grid{gap:12px}
 .oko45-services .service-card{min-height:0}
 .oko45-services .service-card h3{line-height:1.27}
 .oko45-services .service-card .service-cta-row{gap:8px}
 .oko45-services .service-card .round-arrow{width:38px;height:38px;flex-basis:38px}
 .page-hero .service-meta-row{gap:12px}
 .page-hero .service-fact strong{font-size:clamp(.8rem,3.5vw,.91rem)}
 .page-hero .service-fact-price strong{font-size:.95rem}
 .mobile-contact-bar{z-index:80}
}
@media(max-width:374px){
 .oko45-services-intro h2{font-size:1.72rem}
 .oko46-hero--classic .hero-copy h1{font-size:1.88rem}
 .main-nav{width:100vw;padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){.main-nav .nav-close,.main-nav .nav-close svg{transition:none!important}}