/* av3 (4.10.2026): skala typografii, hero z kilkoma zdjęciami, ruch, ikony. Wszystko pod body.av3.
   Cofnięcie: update_option('aurelix_av3','0') – wraca wygląd av2. */

/* ===== 1. Globalna skala typografii: small 14 / body 17 (16 mobile) / lead 20 (18 mobile) ===== */
body.av3{--fs-small:14px;--fs-body:17px;--fs-lead:20px;--fs-label:13px;--lh-body:1.65;--tx:#1d2733;--tx-mut:#3b4652;--tx-inv:#f1ece2;
  font-family:"Sofia Sans",sans-serif;font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);color:var(--tx)}
@media (max-width:767px){body.av3{--fs-body:16px;--fs-lead:18px}}
/* treść: jeden rozmiar, ta sama czcionka, waga i kolor we wszystkich szablonach */
body.av3 :is(main,.kontakt,.a-profil) :is(p,li,td,address,dd,dt,blockquote,summary):not(.a-pack_cena):not(.a-pack_vat):not(.a-lead):not(.a-hint):not(.a-note):not(.a-kicker):not(.a-card_sub):not(.hero_haslo):not(.hero_h2_naglowek):not(.a-person__role):not(.av2-card__d):not(.oferta_box_meta):not(.a-kd_nk):not([class*="baner_"]):not([class*="hero_"]):not(.baner_okruszki):not(.oferta_box_tresc_miejscowosc):not(.av3-fact__t):not(.hero_lead *):not(.baner *){
  font-family:"Sofia Sans",sans-serif;font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);letter-spacing:0;color:var(--tx)}
body.av3 :is(main,.kontakt,.a-profil) :is(.a-lead,.av2-intro,.kontakt_wstep){font-size:var(--fs-lead);font-weight:400;line-height:1.6;color:var(--tx)}
body.av3 :is(.a-hint,.a-note,.a-filtry_linki,.a-mapa_info,.a-mapa_linki,.a-mapa_poziom,.a-kd_nk,.a-kd_z,.oferta_box_meta,.a-pack_vat){font-size:var(--fs-small);font-weight:400;line-height:1.55;color:var(--tx-mut)}
body.av3 .oferta_box_tresc_miejscowosc,body.av3 .oferta_box_tresc_lista li{font-size:var(--fs-small);font-weight:400;color:var(--tx)}
body.av3 :is(th){font-size:var(--fs-body);font-weight:500}
body.av3 :is(td,th){line-height:1.5}
body.av3 label,body.av3 .wpcf7 label{font-size:var(--fs-small);font-weight:500;color:var(--tx)}
body.av3 :is(input,select,textarea){font-family:"Sofia Sans",sans-serif;font-size:16px;font-weight:400}
body.av3 .a-person__role{font-size:var(--fs-body);font-weight:500;color:#6b5330}
/* etykiety (eyebrow, kicker, pill): jeden styl */
body.av3 :is(.av2-eyebrow,.a-kicker,.a-card_sub,.av2-offer__label,.hero_haslo,.stopka_haslo,.stopka_lista_etykieta){font-size:var(--fs-label);font-weight:500;letter-spacing:.22em;text-transform:uppercase}
body.av3 .a-pill{font-size:12px;font-weight:500;letter-spacing:.12em}
/* ciemne tła: ten sam rozmiar, jasny kolor */
body.av3 :is(.tekst--granat,.tekst--av2-cta,.av2-offer--cta,.kontakt--ciemny,.tekst--av3-ciemny) :is(p,li,td,address,dd):not(.a-note):not(.a-hint):not(.a-pack_cena){color:var(--tx-inv)}
body.av3 :is(.tekst--granat,.tekst--av2-cta,.av2-offer--cta) :is(.a-note,.a-hint){color:rgba(241,236,226,.88)}
body.av3 :is(.tekst--granat,.tekst--av2-cta,.av2-offer--cta) .a-lead{color:#fff}
/* stopka: jeden poziom „small” dla całego tekstu */
body.av3 .stopka,body.av3 .stopka :is(p,li,address,a,button,span,strong,div){font-family:"Sofia Sans",sans-serif;font-size:var(--fs-small);font-weight:400;line-height:1.6}
body.av3 .stopka :is(p,li,address,a,button,span,strong){color:#f1f1f1}
body.av3 .stopka .stopka_lista_etykieta{color:rgba(241,236,226,.72);font-size:var(--fs-label);font-weight:500}
body.av3 .stopka .stopka_haslo{font-size:var(--fs-label);color:#E5D6C1}
body.av3 .stopka a:hover{color:#E5D6C1}
body.av3 .stopka .stopka_prawne p{color:rgba(241,241,241,.8)}
/* blok kontaktowy (stopka „Kontakt”, góra profilu): jak treść */
body.av3 .kontakt_dane_element a,body.av3 .kontakt_danewiecej,body.av3 .a-profil__kontakt a,body.av3 .a-profil__kontakt li,body.av3 .a-dane,body.av3 .a-dane a{font-size:var(--fs-body);font-weight:400;line-height:1.65;color:var(--tx)}
body.av3 .tekst--granat .a-dane,body.av3 .tekst--granat .a-dane a{color:var(--tx-inv)}
body.av3 .kontakt_osoba{font-weight:500}
body.av3 .a-profil__kontakt{margin:18px 0 0;padding:0;list-style:none}
body.av3 .a-profil__kontakt li{margin:4px 0}
body.av3 .a-profil__kontakt a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(29,39,51,.35)}
body.av3 .a-profil__opis p,body.av3 .a-profil__opis li{font-size:var(--fs-body)}
body.av3 .a-profil h2{font-size:clamp(30px,3.4vw,42px)}

body.av3 :is(.tekst--granat,.tekst--av2-cta,.av2-offer--cta,.premium,.tekst--av3-fakty){--tx:#f1ece2;--tx-mut:rgba(241,236,226,.88);color:var(--tx)}
body.av3 :is(.hero,.baner,.stopka,.menu,.hero_h2){--tx:#fafafa;--tx-mut:rgba(250,250,250,.9)}
body.av3 .hero_lead,body.av3 .hero_lead p{color:#fafafa}
body.av3 :is(.tekst--granat,.tekst--av2-cta,.av2-offer--cta,.premium) :is(a:not(.a-btn):not(.a-btn--ghost):not([class*="btn"]):not(.a-social a)){color:inherit}

/* ===== 2. Hero: kilka zdjęć, crossfade + Ken Burns ===== */
body.av3 .hero--av2{overflow:hidden}
body.av3 .hero--av2 .av3-slides{inset:0 0 -120px 0;height:auto;will-change:transform}
body.av3 .av3-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease;z-index:0}
body.av3 .av3-slide.is-active{opacity:1;z-index:1}
body.av3 .av3-slide.is-leaving{opacity:0;z-index:1}
body.av3 .av3-slide img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:60% 45%}
body.av3 .av3-slide:nth-child(2n) img{transform-origin:35% 55%}
body.av3 .av3-slide:nth-child(3n) img{transform-origin:50% 40%}
@media (prefers-reduced-motion:no-preference){
 body.av3 .av3-slide.is-active img{animation:av3-kb 10s ease-out forwards}
 body.av3 .av3-slide.is-leaving img{transform:scale(1.07)}
 body.av3 .baner .baner_grafika{animation:av3-kb 18s ease-out forwards;transform-origin:55% 45%}
}
@keyframes av3-kb{from{transform:scale(1)}to{transform:scale(1.07)}}
body.av3 .baner{overflow:hidden}
.av3-ui{position:absolute;z-index:4;left:clamp(20px,4vw,56px);bottom:34px;display:flex;align-items:center;gap:8px}
.av3-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(229,214,193,.7);background:rgba(9,27,45,.45);color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s,border-color .2s,transform .2s}
.av3-btn:hover{background:rgba(9,27,45,.8);border-color:#E5D6C1}
.av3-btn:active{transform:scale(.96)}
.av3-btn:focus-visible,.av3-dot:focus-visible{outline:2px solid #fff;outline-offset:2px}
.av3-play .i-play{display:none}.av3-ui.is-paused .av3-play .i-pause{display:none}.av3-ui.is-paused .av3-play .i-play{display:block}
.av3-dots{display:flex;gap:2px;list-style:none;margin:0 0 0 8px;padding:0}
.av3-dot{position:relative;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.av3-dot::before{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;margin:-1px 0 0 -11px;background:rgba(255,255,255,.5);transition:background-color .25s,height .25s}
.av3-dot.is-active::before{background:#E5D6C1;height:3px}
body.av3 .hero_scroll{display:flex;flex-direction:column;gap:10px;height:auto;width:auto;min-width:48px;padding:6px 4px}
body.av3 .hero_scroll_t{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;color:#fff}
@media (max-width:767px){
 .av3-ui{bottom:22px;left:20px}
 .av3-btn{width:44px;height:44px}
 body.av3 .hero_scroll{display:none}
}

/* ===== 3. Cztery perspektywy: opis, CTA, hover; karuzela na telefonie ===== */
body.av3 .av2-card{transition:transform var(--mo-card) var(--av2-ease)}
body.av3 .av2-card__line{transition:width var(--mo-card) var(--av2-ease)}
body.av3 .av2-card__d{display:block;margin-top:10px;font-size:var(--fs-small);line-height:1.55;color:var(--tx-mut)}
body.av3 .av2-card__go{display:inline-flex;gap:8px;align-items:center;margin-top:14px;font-size:var(--fs-small);font-weight:500;letter-spacing:.04em;color:#6b5330}
body.av3 .av2-card__go i{font-style:normal;display:inline-block;transition:transform var(--mo-card) var(--av2-ease)}
@media (hover:hover){
 body.av3 .av2-card:hover{transform:translateY(-4px)}
 body.av3 .av2-card:hover .av2-card__line{width:84px}
 body.av3 .av2-card:hover .av2-card__go i{transform:translateX(6px)}
 body.av3 .a-card--link,body.av3 .oferta_box{transition:transform var(--mo-card) var(--av2-ease),box-shadow var(--mo-card) var(--av2-ease),border-color var(--mo-card)}
 body.av3 .a-card--link:hover,body.av3 .oferta_box:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(9,27,45,.12)}
 body.av3 .a-card--link:hover{border-color:#b99a65}
 body.av3 a.a-btn:not(:disabled):hover,body.av3 .wpcf7-submit:hover{transform:translateY(-1px)}
}
body.av3 a.a-btn,body.av3 .wpcf7-submit{transition:background-color .25s,color .25s,border-color .25s,transform .18s}
body.av3 a.a-btn:active,body.av3 .wpcf7-submit:active{transform:translateY(0) scale(.985)}
body.av3 .av2-more span{display:inline-block;transition:transform var(--mo-card)}
@media (hover:hover){body.av3 .av2-more:hover span{transform:translateX(5px)}}
@media (max-width:767px){
 body.av3 .av2-cards,body.av3 .av2-offers{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;gap:14px;margin-left:-20px;margin-right:-20px;padding:0 20px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 body.av3 .av2-cards::-webkit-scrollbar,body.av3 .av2-offers::-webkit-scrollbar{display:none}
 body.av3 .av2-card{flex:0 0 74%;scroll-snap-align:start}
 body.av3 .av2-offer{flex:0 0 88%;scroll-snap-align:start;aspect-ratio:4/5}
 body.av3 .av2-offers--one .av2-offer--cta{flex:0 0 100%;aspect-ratio:auto}
 body.av3 .av2-cards [data-reveal],body.av3 .av2-offers [data-reveal]{opacity:1;transform:none}
 body.av3 .av2-cards::after{content:"";flex:0 0 1px}
}

/* ===== 4. Fakty (liczniki) ===== */
body.av3 .tekst--av3-fakty{background:var(--av2-navy);padding:clamp(48px,7vw,88px) 0}
.av3-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);list-style:none;margin:0;padding:0}
.av3-fact{position:relative;padding-top:20px;border-top:1px solid rgba(185,154,101,.6);display:block}
.av3-fact__n{display:block;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(52px,6vw,84px);line-height:1;color:#E5D6C1;font-variant-numeric:lining-nums}
body.av3 .av3-fact__t{display:block;margin-top:12px;font-size:var(--fs-body);line-height:1.5;color:var(--tx-inv);max-width:340px}
@media (max-width:767px){.av3-facts{grid-template-columns:1fr;gap:26px}}

/* ===== 5. Oś procesu „Jak pracujemy” ===== */
@media (min-width:768px){
 body.av3 .dlaczego .row:nth-of-type(2){position:relative}
 body.av3 .dlaczego_box{position:relative;padding-top:22px;border-top:1px solid #b99a65;transition:border-color var(--mo-card)}
 body.av3 .dlaczego_box::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;background:#b99a65;border-radius:50%}
}

/* ===== 6. Ikony społecznościowe ===== */
.a-social{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:12px 0 0;padding:0}
.a-social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;color:inherit;text-decoration:none;transition:background-color .2s,color .2s,transform .18s}
.a-social svg{width:20px;height:20px}
.a-social--footer a{color:#E5D6C1}
.a-social--footer a:hover{background:#E5D6C1;color:#091B2D}
.a-social--inline a{color:#E5D6C1}
body.av3 main .a-social--inline a{color:var(--av2-navy)}
body.av3 .tekst--granat .a-social--inline a{color:#E5D6C1}
.a-social a:hover{transform:translateY(-1px)}
body.av3 .hero_h2_naglowek{font-weight:400}
body.av3 .a-sr{width:1px!important;height:1px!important;max-width:1px!important;overflow:hidden!important}
body.av3 .a-note{font-size:var(--fs-body);color:var(--tx)}
body.av3 .stopka .a-social a{color:#E5D6C1}
body.av3 .stopka .a-social a:hover{background:#E5D6C1;color:#091B2D}
body.av3 :is(.tekst--granat,.tekst--av2-cta,.av2-offer--cta,.premium,.tekst--av3-fakty) :is(strong,b,em,span:not(.a-pill):not([class*="btn"])){color:inherit}

/* przyciski hero – jawne style ikon (Safari/iOS) */
.av3-btn{display:flex;align-items:center;justify-content:center;color:#fff;-webkit-text-fill-color:#fff;background:rgba(9,27,45,.62);border-color:rgba(255,255,255,.75);border-radius:0}
.av3-btn svg{display:block;flex:none;width:18px;height:18px;pointer-events:none}
.av3-btn svg:not(.i-pause):not(.i-play){fill:none;stroke:#fff;stroke-width:1.6}
.av3-btn .i-pause,.av3-btn .i-play{width:16px;height:16px;fill:#fff;stroke:none}
.av3-btn .i-pause path,.av3-btn .i-play path{fill:#fff}

/* kontrast: przyciemnienie górnej krawędzi i hero pod tekstem (≥4,5:1 niezależnie od zdjęcia) */
body.av3 .menu:not(.menu_scroll)::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 56px);background:linear-gradient(180deg,rgba(9,27,45,.78) 0,rgba(9,27,45,.5) 60%,rgba(9,27,45,0) 100%);pointer-events:none;z-index:-1}
body.av3 .av3-slides::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,rgba(9,27,45,.55) 0,rgba(9,27,45,0) 28%),linear-gradient(90deg,rgba(9,27,45,.62) 0,rgba(9,27,45,.42) 55%,rgba(9,27,45,.22) 100%)}
@media (max-width:767px){body.av3 .av3-slides::after{background:linear-gradient(180deg,rgba(9,27,45,.55) 0,rgba(9,27,45,.62) 100%)}}
body.av3 .baner::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,27,45,.68) 0,rgba(9,27,45,.58) 55%,rgba(9,27,45,.5) 100%)}
body.av3 .baner>.container,body.av3 .baner .container{position:relative;z-index:2}
/* mapa biura w sekcji Kontakt (jasne tło) */
body.av3 .kontakt .a-mapa{margin-top:28px}
body.av3 .kontakt .a-mapa h3{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:500;margin:0 0 6px}
body.av3 .kontakt .a-mapa :is(.a-mapa_opis,.a-mapa_info,.a-mapa_linki){font-size:14px;margin:6px 0}
body.av3 .kontakt .a-mapa_ifr{height:300px}
/* menu poziome 1100–1439 px: 8 pozycji + Kontakt + EN w jednym wierszu */
@media (min-width:1100px) and (max-width:1439px){
 body.av3 .menu .menu_inside_lista{padding-left:16px;flex-wrap:nowrap;align-items:center}
 body.av3 .menu .menu_inside_lista_element{white-space:nowrap}
 body.av3 .menu .menu_inside_lista_element a{font-size:14.5px;letter-spacing:0}
 body.av3 .menu .menu_inside_lista_element .menu_cta{padding:6px 14px}
}
/* wskazówka „Przewiń” – własne tło zapewnia kontrast niezależnie od zdjęcia */
body.av3 .hero_scroll{opacity:1;background:rgba(9,27,45,.5);border-radius:28px;padding:12px 6px}
/* karty ofert: etykieta nad zdjęciem – mocniejszy gradient i jasny kolor (kontrast ≥4,5:1) */
body.av3 .av2-offer:not(.av2-offer--cta)::after{background:linear-gradient(0deg,rgba(9,27,45,.94) 0%,rgba(9,27,45,.82) 55%,rgba(9,27,45,.45) 85%,rgba(9,27,45,.2) 100%)}
body.av3 .av2-offer__label{color:#f1ece2}

/* ===== MENU MOBILNE (≤1099 px): panel pełnoekranowy – poprawka round-menufix ===== */
@media (max-width:1099px){
 html:has(body.block){overflow:hidden}
 body.block{overflow:hidden;overscroll-behavior:none}
 body.block .menu{z-index:100000}
 body.av3 .menu .menu_inside_logo,body.av3 .menu .menu_inside_burger{position:relative;z-index:3}
 body.av3 .menu .menu_inside_lista{
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;
  width:100vw;height:100vh;width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;box-sizing:border-box;
  display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;text-align:left;
  padding:calc(80px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));
  background:#091B2D;opacity:0;visibility:hidden;
  overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  transition:opacity .2s ease,visibility .2s ease}
 body.av3 .menu .menu_inside_lista.menu_inside_lista_opened{opacity:1;visibility:visible}
 body.av3 .menu .menu_inside_lista>li{display:block;width:100%;margin:0;padding:0;text-align:left;flex:0 0 auto}
 body.av3 .menu .menu_inside_lista>li>a{display:block;width:100%;box-sizing:border-box;padding:8px 0;font-size:18px;line-height:1.3;letter-spacing:.04em;text-align:left;white-space:normal;overflow-wrap:anywhere}
 body.av3 .menu .menu_inside_lista>li>a::before{display:none}
 body.av3 .menu .menu_podmenu{position:static;display:block;width:auto;min-width:0;margin:0 0 6px;padding:0 0 4px 16px;border:0;border-left:1px solid rgba(229,214,193,.45);background:none;opacity:1;visibility:visible;transform:none;text-align:left}
 body.av3 .menu .menu_podmenu li{display:block;margin:0;text-align:left}
 body.av3 .menu .menu_podmenu a{display:block;padding:6px 0;font-size:16px;line-height:1.25;white-space:normal;text-align:left;opacity:.92}
 body.av3 .menu .menu_inside_lista>li.menu_inside_lista_element_cta{margin-top:auto;padding-top:18px}
 body.av3 .menu .menu_inside_lista>li.menu_inside_lista_element_cta>a.menu_cta{display:block;width:100%;box-sizing:border-box;padding:12px 22px;text-align:center;font-size:17px}
 body.av3 .menu .menu_inside_lista>li.menu_lang{padding-top:6px}
 body.av3 .menu .menu_inside_lista>li.menu_lang>a{display:inline-block;width:auto;padding:8px 14px;font-size:14px;text-align:center}
 body.av3 .menu .menu_inside_lista>li.menu_inside_lista_element_mobile>a{position:relative;padding:8px 0 8px 32px;font-size:16px;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}
 body.av3 .menu .menu_inside_lista>li.menu_inside_lista_element_mobile>a::before{display:block;content:"";position:absolute;left:0;top:50%;bottom:auto;right:auto;width:20px;height:20px;margin:-10px 0 0;background-repeat:no-repeat;background-position:center;background-size:contain}
 body.av3 .menu .menu_top_element_telefon>a::before{background-image:url("../images/ico_telefon.svg")}
 body.av3 .menu .menu_top_element_email>a::before{background-image:url("../images/ico_email.svg")}
}
@media (min-width:768px) and (max-width:1099px){
 body.av3 .menu .menu_inside_lista{padding-top:calc(116px + env(safe-area-inset-top))}
}
@media (max-width:767px) and (max-height:480px){
 body.av3 .menu .menu_inside_lista{padding-top:calc(72px + env(safe-area-inset-top))}
 body.av3 .menu .menu_inside_lista>li>a{padding:9px 0}
 body.av3 .menu .menu_podmenu a{padding:6px 0}
}
@media (prefers-reduced-motion:reduce){body.av3 .menu .menu_inside_lista{transition:none}}