/* sv-polish.css — 2026-10-26 (b) */

/* 1) Desktop main nav: icon beside label, compact and even */
@media (min-width:1025px){
html body .site-header.site-header .main-nav.main-nav>ul,html body .site-header.nav-l1 .main-nav>ul{gap:2px!important;column-gap:2px!important;align-items:center!important}
html body .site-header.site-header .main-nav.main-nav>ul>li>a,html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;height:42px!important;min-height:0!important;max-height:42px!important;padding:0 7px!important;border-radius:12px!important;font-size:13.5px!important;line-height:1!important;white-space:nowrap!important}
html body .site-header.site-header .main-nav.main-nav>ul>li>a .nav-ic,html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle .nav-ic{width:24px!important;height:24px!important;flex:0 0 24px!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:8px!important}
html body .site-header.site-header .main-nav.main-nav>ul>li>a .nav-ic svg,html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle .nav-ic svg{width:14px!important;height:14px!important}
html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle .chev{position:static!important;width:9px!important;height:9px!important;margin:0 -1px 0 0!important;opacity:.55;transition:transform .25s}
html body .site-header.site-header .main-nav.main-nav>ul>li.has-dd:hover>.dd-toggle .chev,html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}
}
@media (min-width:1280px) and (max-width:1399px){html body .site-header.site-header .main-nav.main-nav>ul>li>a,html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle{font-size:13px!important;padding:0 6px!important}}
@media (min-width:1025px) and (max-width:1279px){html body .site-header.site-header .main-nav.main-nav>ul>li>a .nav-ic,html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle .nav-ic{display:none!important}html body .site-header.site-header .main-nav.main-nav>ul>li>a,html body .site-header.site-header .main-nav.main-nav>ul>li>.dd-toggle{padding:0 7px!important;font-size:13px!important}}

/* 2) Mobile home hero: content slightly lower; hide scroll hint */
@media (max-width:767px){
  html body .hero.mada-home .hero-content{position:relative;top:clamp(48px,8vh,80px)}
  html body .hero.mada-home.mada-reference .scroll-hint.scroll-hint,html body .hero.mada-home .scroll-hint.scroll-hint{display:none!important}
}

/* 3) Mobile countries slider: one centered card per view */
@media (max-width:767px){
  html body .sv-geo .c-grid{grid-template-columns:none!important;grid-auto-columns:100%!important;scroll-padding-inline:16px}
  html body .sv-geo .c-grid>.c-card{scroll-snap-align:center!important;width:auto!important;max-width:none!important}
}

/* 4) Inner-page hero sliders: soft, slow Ken Burns (no jumpy zoom) */
html body .page-hero.mada-immersive .mada-hero-art{overflow:hidden}
html body .page-hero.mada-immersive .mada-hero-art img,
html body .page-hero.mada-immersive:hover .mada-hero-art img{
  animation:svSoftKB 20s cubic-bezier(.33,0,.25,1) both!important;
  transition:opacity .6s ease!important;
  transform-origin:50% 50%;will-change:transform;backface-visibility:hidden
}
html body .page-hero.mada-immersive .mada-hero-art img.is-switching{opacity:.85!important;transition:opacity .35s ease!important}
@keyframes svSoftKB{from{transform:scale(1.005) translateZ(0)}to{transform:scale(1.04) translateZ(0)}}
@media (prefers-reduced-motion:reduce){html body .page-hero.mada-immersive .mada-hero-art img{animation:none!important;transform:none!important}}


/* 4) Desktop countries cards: wider cards (2026-11-02) */
@media (min-width:1024px){
  html body .c-grid{gap:28px!important}
  html body .c-grid>.c-card{flex:0 1 380px!important;width:380px!important;max-width:400px!important}
}