/* Easy Teach: wspólny szablon ofert. Tokeny jak na stronie głównej (strony/strona-glowna). */
:root{
  --granat:#1B548D; --koral:#E2554A; --koral-ciemny:#C8443A; --krem:#FFF8F0;
  --blekit:#DDEFF8; --ramka:#A9D2F4; --zielen:#6DB544; --tekst:#23384F; --tekst-2:#4A5D72;
  --bialy:#FFFFFF; --cien:0 10px 30px rgba(27,84,141,.10);
  --r:18px; --max:1160px;
}
.et-oferta *{box-sizing:border-box;margin:0;padding:0}
html body.et-oferta{background:var(--krem)!important;color:var(--tekst)!important;font-family:'Nunito Sans',sans-serif!important;font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.et-oferta img{max-width:100%;display:block;height:auto}
.et-oferta a{color:inherit}
.et-oferta h1,.et-oferta h2,.et-oferta h3{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;color:var(--granat)!important;line-height:1.15;letter-spacing:normal;text-transform:none}
.et-oferta .wrap{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.et-oferta section{padding:64px 0}

/* menu i stopka: jak strona główna */
.et-top{position:sticky;top:0;z-index:20;background:rgba(255,248,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(169,210,244,.5)}
.et-top .menu{display:flex;align-items:center;justify-content:space-between;height:72px}
.et-oferta .logo{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:28px;text-decoration:none;letter-spacing:-.01em}
.et-oferta .logo .easy{color:var(--granat)} .et-oferta .logo .teach{color:var(--koral)}
.et-top nav{display:flex;align-items:center;gap:28px}
.et-top nav a{text-decoration:none;color:var(--granat);font-size:16px;font-weight:600}
.et-top nav a:hover{color:var(--koral)}
.et-top .koszyk svg{width:22px;height:22px}

.et-oferta .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--koral)!important;color:#fff!important;text-decoration:none;border-radius:999px;padding:16px 34px;font-family:'Nunito Sans',sans-serif;font-weight:600;font-size:17px;box-shadow:0 6px 18px rgba(226,85,74,.28);transition:background .2s,transform .2s;border:0}
.et-oferta .btn:hover{background:var(--koral-ciemny)!important;transform:translateY(-1px)}
.et-oferta a:focus-visible,.et-oferta button:focus-visible,.et-oferta summary:focus-visible{outline:3px solid var(--ramka);outline-offset:3px}

.okruszki{display:flex;gap:8px;padding-top:22px!important;padding-bottom:0!important;font-size:14.5px;color:var(--tekst-2)}
.okruszki a{text-decoration:none;color:var(--granat)}
.okruszki a:hover{text-decoration:underline}

/* hero */
.et-oferta .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:start;padding-top:22px;padding-bottom:72px}
.galeria,.hero-tekst{min-width:0}
.galeria-glowne{background:var(--blekit);border:1px solid var(--ramka);border-radius:var(--r);padding:18px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden}
.galeria-glowne img{max-height:100%;width:auto;object-fit:contain;border-radius:10px;box-shadow:0 8px 20px rgba(27,84,141,.14);background:#fff}
.miniatury{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:2px;scrollbar-width:thin}
.miniatury button{flex:none;width:72px;height:72px;border:2px solid transparent;border-radius:10px;background:var(--blekit);padding:4px;cursor:pointer}
.miniatury button[aria-pressed="true"]{border-color:var(--granat)}
.miniatury img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.eyebrow{color:var(--koral);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}
.et-oferta .hero h1{font-size:clamp(32px,4.2vw,48px);margin-bottom:14px}
.ocena{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--tekst-2);margin-bottom:14px}
.ocena .gwiazdki{color:#E9A93A;letter-spacing:2px;font-size:17px}
.intro{font-size:18px;color:var(--tekst-2);margin-bottom:26px}
.intro p+p{margin-top:10px}
.kup{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#fff;border:1px solid var(--ramka);border-radius:var(--r);padding:18px 22px}
.cena{font-family:'Nunito Sans',sans-serif;font-weight:600;color:var(--granat);font-size:26px;line-height:1.2}
.cena del,.cena s{color:var(--tekst-2);font-weight:400;font-size:17px;margin-right:6px}
.cena ins{text-decoration:none}
.cena .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.kup .btn{margin-left:auto}
.fakty{list-style:none;margin-top:18px;display:grid;gap:6px;font-size:15.5px;color:var(--tekst-2)}
.fakty li{display:flex;gap:10px;align-items:baseline}
.fakty li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--zielen);transform:translateY(-2px)}

/* opis */
.opis{background:var(--bialy);max-width:none!important;padding:56px 0!important}
.opis-wnetrze{max-width:760px}
.opis h2{font-size:clamp(28px,3.4vw,36px);margin-bottom:18px}
.opis h3{font-size:22px;margin:26px 0 8px}
.opis p,.opis li,.opis div{font-size:17px}
.opis p+p{margin-top:10px}
.opis ul,.opis ol{margin:8px 0 0 22px;display:grid;gap:4px}
.opis ul+p,.opis ol+p,.opis p+h3{margin-top:14px}
.opis strong{color:var(--granat);font-weight:600}

/* zestaw */
.zestaw-box{background:var(--blekit);border-radius:28px;padding:40px;display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center}
.zestaw-box img{border-radius:12px;box-shadow:var(--cien);background:#fff}
.zestaw-box h2{font-size:clamp(24px,3vw,32px);margin-bottom:8px}
.zestaw-box p{color:var(--tekst-2)}
.zestaw-box .oszczedzasz{color:var(--granat);font-weight:600;margin-top:8px}
.link-cta{color:var(--granat)!important;text-decoration:none;border-bottom:2px solid var(--ramka);padding-bottom:2px;font-weight:600;white-space:nowrap}
.link-cta:hover{border-color:var(--koral)}
.pakiet .drobne{font-size:14px;margin-top:6px}
.pakiet .btn{white-space:nowrap}

/* pasuje do tego */
.pasuje h2{font-size:clamp(28px,3.4vw,36px);margin-bottom:26px}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prod{background:#fff;border-radius:var(--r);box-shadow:var(--cien);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}
.prod:hover{transform:translateY(-4px)}
.prod-foto{aspect-ratio:4/3;background:var(--blekit);display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}
.prod-foto img{max-height:100%;width:auto;object-fit:contain;border-radius:6px;background:#fff}
.prod-tresc{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.prod h3{font-size:19px;margin-bottom:12px;flex:1}
.prod .cena{font-size:17px}
.prod .cena del{font-size:14px}
.prod .strzalka{color:var(--koral);font-weight:600;font-size:15px;margin-top:6px}

/* opinie */
.opinie h2{font-size:clamp(28px,3.4vw,36px);margin-bottom:26px}
.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.op{background:#fff;border-radius:var(--r);padding:26px;box-shadow:var(--cien)}
.op .gwiazdki{color:#E9A93A;letter-spacing:2px;margin-bottom:10px}
.op .kto{margin-top:14px;font-size:14.5px;color:var(--tekst-2)}

/* faq */
.faq{max-width:840px!important}
.faq h2{font-size:clamp(28px,3.4vw,36px);margin-bottom:20px}
.faq details{background:#fff;border:1px solid var(--ramka);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;color:var(--granat)}
.faq details p{margin-top:10px;color:var(--tekst-2)}

.et-stopka{background:var(--granat);color:#D6E6F5;padding:56px 0 40px}
.et-stopka .stopka{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
.et-stopka .logo .easy{color:#fff}
.et-stopka p{font-size:15px;margin-top:10px}
.et-stopka ul{list-style:none;display:grid;gap:8px}
.et-stopka a{text-decoration:none;font-size:15px}
.et-stopka a:hover{color:#fff;text-decoration:underline}
.link-cookies{background:none;border:0;padding:0;color:inherit;font:inherit;font-size:15px;cursor:pointer}
.link-cookies:hover{color:#fff;text-decoration:underline}
.prawa{border-top:1px solid rgba(169,210,244,.3);margin-top:40px;padding-top:20px;font-size:13.5px}
.cky-btn-revisit-wrapper{display:none!important}

/* pasek zakupu na telefonie */
.pasek-kup{display:none}

@media (max-width:900px){
  .et-oferta .hero{grid-template-columns:minmax(0,1fr);gap:24px}
  .prod-grid{grid-template-columns:1fr 1fr}
  .zestaw-box{grid-template-columns:140px 1fr;padding:28px}
  .zestaw-box .link-cta{grid-column:1/-1;justify-self:start}
  .zestaw-box .btn{grid-column:1/-1;justify-self:start}
}
@media (max-width:640px){
  html body.et-oferta{font-size:16px}
  .et-oferta .wrap{padding-left:16px;padding-right:16px}
  .et-oferta section{padding:48px 0}
  .et-oferta .logo{font-size:24px}
  .et-oferta .hero{padding-top:12px;padding-bottom:48px}
  .opis{padding:44px 0!important}
  .galeria-glowne{padding:10px}
  .miniatury button{width:60px;height:60px}
  .et-oferta .hero h1{font-size:30px}
  .intro{font-size:16.5px}
  .kup{padding:16px}
  .kup .btn{margin-left:0;width:100%}
  .prod-grid{grid-template-columns:1fr}
  .prod{flex-direction:row}
  .prod-foto{width:120px;flex:none;aspect-ratio:1/1;padding:8px}
  .prod-tresc{padding:14px 16px}
  .prod h3{font-size:17px;margin-bottom:6px}
  .zestaw-box{grid-template-columns:1fr;text-align:left;gap:18px;padding:24px 20px}
  .zestaw-box img{max-width:180px}
  .pakiet .btn{width:100%}
  .et-stopka .stopka{grid-template-columns:1fr;gap:28px}
  .pasek-kup{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-top:1px solid var(--ramka);padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .25s}
  .pasek-kup.widoczny{transform:none}
  .pasek-kup .cena{font-size:19px}
  .pasek-kup .btn{padding:12px 22px;font-size:16px;box-shadow:none}
  body.et-oferta{padding-bottom:76px}
}

/* Astra: style motywu z wp_head nie mogą wchodzić do komponentów (lekcja ze strony głównej 24.09). */
.miniatury button,.miniatury button:hover,.miniatury button:focus{background:var(--blekit)!important;padding:4px!important;border:2px solid transparent!important;border-radius:10px!important;box-shadow:none!important;min-height:0!important;color:inherit!important}
.miniatury button[aria-pressed="true"]{border-color:var(--granat)!important}
.link-cookies,.link-cookies:hover,.link-cookies:focus{background:none!important;border:0!important;padding:0!important;margin:0!important;color:#D6E6F5!important;font:400 15px/1.6 'Nunito Sans',sans-serif!important;box-shadow:none!important;min-height:0!important;text-transform:none!important;letter-spacing:0!important}
.link-cookies:hover{color:#fff!important;text-decoration:underline!important}
.et-oferta .btn,.et-oferta .btn:link,.et-oferta .btn:visited,.et-oferta .btn:hover,.et-oferta .btn:focus,.et-oferta .btn:active{color:#fff!important;text-decoration:none!important}
.et-oferta .prod:hover,.et-oferta .prod:focus,.et-oferta .link-cta:hover,.et-top nav a:focus{text-decoration:none!important}
.et-stopka ul,.fakty{margin:0!important;padding:0!important;list-style:none!important}
.fakty{margin-top:18px!important}
.et-oferta p,.et-oferta ul,.et-oferta figure{margin-bottom:0}
.et-oferta h1,.et-oferta h2,.et-oferta h3{font-family:'Fraunces',Georgia,serif!important}
.et-oferta .cena,.et-oferta .btn,.et-oferta .eyebrow,.et-oferta nav a{font-family:'Nunito Sans',sans-serif!important}
.op blockquote{margin:0!important;padding:0!important;border:0!important;font-style:normal!important;font-size:16.5px!important;line-height:1.6!important;color:var(--tekst)!important;quotes:none!important}
.op blockquote::before,.op blockquote::after{content:none!important}
.op{margin:0!important}
/* Sąsiednie sekcje na kremowym tle: jeden odstęp między nimi, nie podwójny. */
.et-oferta section.wrap+section.wrap{padding-top:0}

/* strony kategorii */
.kat-hero{padding-top:18px!important;padding-bottom:28px!important;max-width:var(--max)}
.et-oferta .kat-hero h1{font-size:clamp(32px,4.4vw,50px);margin-bottom:14px;max-width:820px}
.kat-hero .intro{max-width:720px;margin-bottom:10px}
.kat-liczba{font-size:15px;color:var(--tekst-2);font-weight:600}
.kat-lista{padding-top:0!important}
.kat-grid .prod-foto{aspect-ratio:1/1}
.kat-grid .prod .krotko{font-size:15px;color:var(--tekst-2);margin:-4px 0 12px}
.kat-tekst h2{font-size:clamp(26px,3.2vw,34px);margin-bottom:14px}
@media (max-width:640px){
  .kat-grid{grid-template-columns:1fr 1fr!important;gap:14px}
  .kat-grid .prod{flex-direction:column}
  .kat-grid .prod-foto{width:auto;padding:8px}
  .kat-grid .prod-tresc{padding:12px 12px 14px}
  .kat-grid .prod h3{font-size:16px}
  .kat-grid .prod .krotko{display:none}
  .kat-grid .prod .cena{font-size:16px}
}

/* strona Sklep: kafelki kategorii jak na stronie głównej + sekcje produktów */
.kafle{padding-top:0!important;padding-bottom:40px!important}
.kafle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.kafle-grid .kat{display:flex;flex-direction:column;text-decoration:none;background:var(--bialy);border:1px solid var(--ramka);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.kafle-grid .kat:hover{transform:translateY(-4px);box-shadow:var(--cien)}
.kafle-grid .kat-foto{aspect-ratio:1/1;background:var(--blekit);position:relative;overflow:hidden}
.kafle-grid .kat-foto img{width:100%;height:100%;object-fit:contain}
.kafle-grid .odznaka{position:absolute;top:12px;left:12px;background:var(--koral);color:#fff;font-weight:600;font-size:13px;padding:4px 12px;border-radius:999px}
.kafle-grid .kat-tresc{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.kafle-grid .kat h3{font-size:21px;margin-bottom:6px}
.kafle-grid .kat p{font-size:15px;color:var(--tekst-2);flex:1}
.kafle-grid .kat .strzalka{margin-top:12px;color:var(--koral);font-weight:600;font-size:15px}
.sklep-sekcja{padding-top:24px!important;padding-bottom:40px!important;scroll-margin-top:90px}
.sklep-sekcja-naglowek{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sklep-sekcja-naglowek h2{font-size:clamp(26px,3.2vw,34px)}
.sklep-sekcja-naglowek h2 span{font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:var(--tekst-2);margin-left:8px}
@media (max-width:980px){.kafle-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .kafle-grid{grid-template-columns:1fr 1fr;gap:12px}
  .kafle-grid .kat-tresc{padding:12px}
  .kafle-grid .kat h3{font-size:17px}
  .kafle-grid .kat p{display:none}
  .kafle-grid .odznaka{top:6px;left:6px;font-size:11px;padding:2px 8px}
  .sklep-sekcja .kat-grid{grid-template-columns:1fr 1fr!important;gap:14px}
}

/* filmik po kliknięciu (HANDOFF D1/D3): miniatura, iframe youtube-nocookie dopiero po kliknięciu */
.filmik-sekcja{padding-top:8px!important}
.filmik-sekcja h2{font-size:clamp(26px,3.2vw,34px);margin-bottom:18px}
.filmik{position:relative;max-width:860px;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--granat);box-shadow:var(--cien)}
.filmik iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.filmik-start,.filmik-start:hover,.filmik-start:focus{position:absolute!important;inset:0;width:100%;height:100%;padding:0!important;margin:0;border:0!important;background:var(--blekit)!important;cursor:pointer;display:block;border-radius:0!important;box-shadow:none!important}
.filmik-start img{width:100%;height:100%;object-fit:cover;opacity:.92}
.filmik-start .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--koral);box-shadow:0 8px 24px rgba(226,85,74,.4);transition:transform .2s}
.filmik-start .play::after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #fff}
.filmik-start:hover .play{transform:scale(1.06)}
.filmik-podpis{margin-top:10px;font-size:14.5px;color:var(--tekst-2)}

/* strona zestawu */
.galeria-gen{padding:0!important}
.galeria-gen img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none;background:none}
.cena-porownanie{font-size:15px;color:var(--tekst-2);margin-top:4px;line-height:1.45}
.sekcja-lead{color:var(--tekst-2);margin:-8px 0 26px;max-width:680px}
.gry h2,.dla-kogo h2,.przygotowanie h2{font-size:clamp(28px,3.4vw,36px);margin-bottom:18px}
.gry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.gra{display:grid;grid-template-columns:180px 1fr;gap:18px;background:#fff;border-radius:var(--r);box-shadow:var(--cien);padding:16px;scroll-margin-top:90px;align-items:start}
.gra:target{outline:3px solid var(--koral);outline-offset:3px}
.gra img{border-radius:12px;aspect-ratio:1/1;object-fit:cover;width:100%}
.gra h3{font-size:21px;margin:2px 0 6px}
.gra .nr{color:var(--koral);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.gra p{font-size:15.5px;color:var(--tekst-2)}
.gra p+p{margin-top:6px}
.gra .srodek{color:var(--tekst)}
.gra .poziomy{display:inline-block;margin-top:8px;background:var(--blekit);color:var(--granat);font-weight:600;font-size:13px;padding:3px 10px;border-radius:999px}
.gra .osobno{display:block;margin-top:10px;font-size:14px;color:var(--granat);font-weight:600}
.bonus-box{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:center;background:var(--blekit);border-radius:28px;padding:32px}
.bonus-box img{border-radius:14px;width:100%}
.bonus-box h2{font-size:clamp(24px,3vw,32px);margin-bottom:12px}
.bonus-box ul{margin:8px 0 0 20px;display:grid;gap:4px}
.trzy{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.trzy div{background:#fff;border:1px solid var(--ramka);border-radius:var(--r);padding:22px}
.trzy h3{font-size:20px;margin-bottom:6px}
.trzy p{font-size:15.5px;color:var(--tekst-2)}
.kroki{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kroki div{border-top:3px solid var(--ramka);padding-top:14px}
.kroki span{font-family:'Fraunces',serif;font-weight:700;color:var(--koral);font-size:28px}
.kroki h3{font-size:20px;margin:2px 0 4px}
.kroki p{font-size:15.5px;color:var(--tekst-2)}
.zamkniecie .zestaw-box{grid-template-columns:1fr auto}
@media (max-width:900px){
  .gry-grid{grid-template-columns:1fr}
  .trzy,.kroki{grid-template-columns:1fr}
  .bonus-box{grid-template-columns:1fr;padding:24px 20px}
  .bonus-box img{max-width:260px}
}
@media (max-width:640px){
  .gra{grid-template-columns:110px 1fr;gap:12px;padding:12px}
  .gra h3{font-size:18px}
  .gra p{font-size:14.5px}
  .filmik-start .play{width:64px;height:64px;margin:-32px 0 0 -32px}
  .filmik-start .play::after{left:26px;top:20px;border-width:12px 0 12px 20px}
  .zamkniecie .zestaw-box{grid-template-columns:1fr}
  .zamkniecie .btn{width:100%}
}

.et-oferta .hero h1 .podtytul{display:block;font-family:'Nunito Sans',sans-serif;font-weight:600;font-size:clamp(17px,1.8vw,20px);color:var(--tekst-2);margin-top:10px;line-height:1.35}
.ast-sticky-add-to-cart{display:none!important}

/* opinie: karuzela jak na stronie głównej */
.karuzela{display:grid;grid-template-columns:48px 1fr 48px;gap:16px;align-items:center}
.karuzela.pojedyncza{grid-template-columns:1fr;max-width:560px}
.op-tor{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 18px;margin:0 -4px;scrollbar-width:none}
.karuzela.pojedyncza .op-tor{grid-auto-columns:100%}
.op-tor::-webkit-scrollbar{display:none}
.op-tor .op{scroll-snap-align:start;display:flex;flex-direction:column}
.op-tor .op blockquote{flex:1}
.strzalka-op,.strzalka-op:hover,.strzalka-op:focus{width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;border:1.5px solid var(--ramka)!important;background:#fff!important;color:var(--granat)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--cien)!important;min-height:0!important}
.strzalka-op:hover{background:var(--blekit)!important}
.strzalka-op svg{width:20px;height:20px;flex:none}
@media (max-width:980px){.op-tor{grid-auto-columns:calc((100% - 24px)/2)}}
@media (max-width:640px){.karuzela{grid-template-columns:36px 1fr 36px;gap:8px}.strzalka-op,.strzalka-op:hover,.strzalka-op:focus{width:36px!important;height:36px!important}.op-tor{grid-auto-columns:92%}}
/* opis ofert (warstwa 2): odstęp przed kolejnymi sekcjami */
.opis-wnetrze h2:not(:first-child){margin-top:40px}
.opis-wnetrze h2{margin-bottom:14px}
.opis-wnetrze ol{margin:8px 0 0 22px;display:grid;gap:6px}
@media (max-width:640px){.opis-wnetrze h2:not(:first-child){margin-top:32px}}

/* zestaw: „Zobacz w filmie” na kafelku gry */
.zobacz-film,.zobacz-film:hover,.zobacz-film:focus{display:inline-flex!important;align-items:center;gap:8px;margin:10px 0 0!important;padding:7px 14px!important;border-radius:999px!important;border:1.5px solid var(--ramka)!important;background:#fff!important;color:var(--granat)!important;font:600 14px/1.2 'Nunito Sans',sans-serif!important;cursor:pointer;box-shadow:none!important;min-height:0!important}
.zobacz-film:hover{background:var(--blekit)!important}
.zobacz-film::before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--koral)}
.zobacz-film span{color:var(--tekst-2);font-weight:400}
.gra .osobno{margin-top:8px}

/* zestaw 25.09: większa grafika bonusu */
.bonus-box{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.bonus-box img{border-radius:14px;width:100%;max-width:none}
@media (max-width:900px){.bonus-box{grid-template-columns:1fr}.bonus-box img{max-width:none}}

/* upsell zestawu pod przyciskiem zakupu (pojedyncze gry) */
.zestaw-mini{margin-top:12px;background:var(--blekit);border-radius:12px;padding:12px 16px;font-size:15.5px;color:var(--tekst)}
.zestaw-mini a{color:var(--granat)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.zestaw-mini .woocommerce-Price-amount{font-weight:700;color:var(--granat)}

/* HANDOFF A3: link do poradnika pod „Pasuje do tego” */
.poradnik-link{margin-top:22px;font-size:16px}
.poradnik-link a{color:var(--granat,#1B548D);font-weight:600}

/* strony podstawowe: kontakt, regulamin, polityka, moje konto, 404, wyszukiwarka (28.09.2026) */
.et-strona .strona{padding-top:40px;padding-bottom:80px;max-width:880px}
.et-strona .strona h1{font-size:clamp(32px,4.4vw,48px);margin-bottom:18px}
.et-strona .strona-lead{font-size:19px;color:var(--tekst-2);max-width:680px;margin-bottom:28px}
.et-strona .strona-cta{margin-top:32px}
.et-strona .kontakt-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.et-strona .kontakt-karta{background:#fff;border:1px solid var(--ramka);border-radius:var(--r);padding:24px}
.et-strona .kontakt-karta h2{font-size:22px;margin-bottom:10px}
.et-strona .kontakt-karta a{color:var(--granat);font-weight:600}
.et-strona .kontakt-mail{font-size:20px}
.et-strona .podpis{margin-top:10px;font-size:15px;color:var(--tekst-2)}
.et-strona .kontakt-social,.et-strona .strona-kategorie{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.et-strona .kontakt-social a,.et-strona .strona-kategorie a{display:inline-block;text-decoration:none;background:var(--blekit);color:var(--granat);border-radius:999px;padding:9px 18px;font-weight:600;font-size:16px}
.et-strona .kontakt-social a:hover,.et-strona .strona-kategorie a:hover{background:var(--ramka)}
.et-strona .szukaj-form{display:flex;gap:10px;max-width:560px;margin-bottom:32px}
.et-strona .szukaj-form input{flex:1;min-width:0;border:1.5px solid var(--ramka);border-radius:999px;padding:12px 20px;font:inherit;background:#fff;color:var(--tekst)}
.et-strona .szukaj-form button{background:var(--granat);color:#fff;border:0;border-radius:999px;padding:12px 22px;font:600 16px 'Nunito Sans',sans-serif;cursor:pointer}
.et-strona .strona .prod-grid{margin-top:8px}
.et-strona-szukaj .strona,.et-strona-404 .strona{max-width:var(--max)}
/* treść prawna z WordPressa */
.et-strona .tresc-wp{background:#fff;border:1px solid var(--ramka);border-radius:var(--r);padding:clamp(22px,4vw,44px);font-size:16px;line-height:1.7}
.et-strona .tresc-wp p,.et-strona .tresc-wp ul,.et-strona .tresc-wp ol{margin-bottom:14px}
.et-strona .tresc-wp ul,.et-strona .tresc-wp ol{padding-left:24px}
.et-strona .tresc-wp li{margin-bottom:6px}
.et-strona .tresc-wp h2,.et-strona .tresc-wp h3,.et-strona .tresc-wp h4{font-family:'Fraunces',Georgia,serif!important;color:var(--granat)!important;font-weight:600!important;margin:28px 0 10px;font-size:22px}
.et-strona .tresc-wp a{color:var(--granat);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.et-strona .tresc-wp strong,.et-strona .tresc-wp b{color:var(--tekst);font-weight:600}
@media(max-width:640px){.et-strona .strona{padding-top:24px;padding-bottom:56px}.et-strona .strona-lead{font-size:17px}.et-strona .szukaj-form{flex-direction:column}}
.et-strona-regulamin .tresc-wp>p:first-child{display:none}
@media(max-width:640px){.et-strona .tresc-wp{padding:18px 16px;font-size:15.5px}.et-strona .tresc-wp ul,.et-strona .tresc-wp ol{padding-left:18px}}
.et-strona .prod-foto img{width:100%;height:100%}

/* kotwice umiejętności na pierwszym ekranie (Matematyczne karty pracy, 04.10.2026) */
.kotwice{margin:-8px 0 24px}
.galeria-glowne{scroll-margin-top:86px}
.kotwice-tytul{font-weight:600;color:var(--granat);font-size:15px;margin-bottom:10px}
.kotwice-siatka{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kotwica{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--ramka);border-radius:14px;padding:8px 12px 8px 8px;text-decoration:none;transition:border-color .2s,transform .2s}
.kotwica:hover{border-color:var(--granat);transform:translateY(-1px)}
.kotwica[aria-current="true"]{border-color:var(--koral);box-shadow:0 0 0 3px rgba(226,85,74,.14)}
.kotwica img{flex:none;width:76px;height:57px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid #E6EEF6}
.kotwica span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.kotwica strong{font-weight:600;color:var(--granat);font-size:16px}
.kotwica small{font-size:13.5px;color:var(--tekst-2)}
.galeria-podpis{margin-top:10px;background:#fff;border:1px solid var(--ramka);border-radius:12px;padding:10px 14px;font-size:15px;color:var(--tekst)}
@media (max-width:640px){
  .kotwice{margin:-6px 0 20px}
  .kotwica{gap:8px;padding:6px 8px 6px 6px}
  .kotwica img{width:52px;height:39px}
  .kotwica strong{font-size:15px}
  .kotwica small{font-size:12.5px}
  .galeria-podpis{font-size:14px;padding:8px 12px}
}

/* pierwszy ekran umiejętności z pina (T13, 12.10.2026): działa tylko, gdy kotwica ma 'tytul' w oferty-tresci.json.
   Telefon: nagłówek → zdanie → karta pracy → cena i przycisk w jednym rzędzie → reszta. */
@media (max-width:900px){
  .z-kotwicy .okruszki,.z-kotwicy .hero .eyebrow{display:none}
  .z-kotwicy .hero{display:flex;flex-direction:column;gap:14px;padding-top:14px}
  .z-kotwicy .hero .galeria,.z-kotwicy .hero .hero-tekst{display:contents}
  .z-kotwicy .hero h1{order:1;margin:0}
  .z-kotwicy .hero .intro{order:2;margin:0}
  .z-kotwicy .hero .galeria-glowne{order:3;aspect-ratio:auto;width:100%;height:min(300px,40vh);background:#FEFAF2}
  .z-kotwicy .hero .kup{order:4}
  .z-kotwicy .hero .galeria-podpis{display:none!important}
  .z-kotwicy .hero .kotwice{order:6;margin:4px 0 0}
  .z-kotwicy .hero .miniatury{order:7;margin:0}
  .z-kotwicy .hero .ocena,.z-kotwicy .hero .zestaw-mini{order:8}
  .z-kotwicy .hero .fakty{order:9;margin-top:0!important}
}
@media (max-width:640px){
  .z-kotwicy .hero h1{font-size:27px}
  .z-kotwicy .hero .intro{font-size:16px}
  .z-kotwicy .hero .kup{flex-wrap:nowrap;gap:14px;padding:12px 14px}
  .z-kotwicy .hero .kup .btn{width:auto;margin-left:auto;padding:14px 22px;white-space:nowrap}
}

/* wzór zwycięzców (T15, 12.10.2026): działa tylko, gdy oferta ma pole 'przyklad' w oferty-tresci.json.
   Pod ceną jeden konkretny przykład zadania. Telefon jak w T13: nagłówek → zdanie → zdjęcie gry → cena i przycisk → przykład. */
.przyklad{margin-top:14px;background:var(--blekit);border-radius:var(--r);padding:16px 20px}
.przyklad-etykieta{font-size:14px;font-weight:600;color:var(--granat);margin-bottom:4px}
.et-oferta .przyklad-tytul{font-family:'Fraunces',Georgia,serif!important;font-weight:600;color:var(--granat);font-size:20px;line-height:1.25;margin-bottom:6px}
.przyklad p:last-child{font-size:16px;color:var(--tekst)}
.przyklad p.przyklad-korzysc{margin-top:8px;font-weight:600;color:var(--granat)}
.przy-przycisku{margin-top:8px;font-size:15px;color:var(--tekst-2);text-align:center}
@media (max-width:900px){
  .wzor-zwyciezcow .okruszki,.wzor-zwyciezcow .hero .eyebrow{display:none}
  .wzor-zwyciezcow .hero{display:flex;flex-direction:column;gap:14px;padding-top:14px}
  .wzor-zwyciezcow .hero .galeria,.wzor-zwyciezcow .hero .hero-tekst{display:contents}
  .wzor-zwyciezcow .hero h1{order:1;margin:0}
  .wzor-zwyciezcow .hero .intro{order:2;margin:0}
  .wzor-zwyciezcow .hero .galeria-glowne{order:3;aspect-ratio:auto;width:100%;height:min(240px,30vh);padding:0;background:transparent;border:0}
  .wzor-zwyciezcow .hero .galeria-glowne img{box-shadow:none;background:transparent}
  .wzor-zwyciezcow .hero .kup,.wzor-zwyciezcow .hero .przy-przycisku{order:4}
  .wzor-zwyciezcow .hero .przy-przycisku{margin:-6px 0 0}
  .wzor-zwyciezcow .hero .przyklad{order:5;margin:0}
  .wzor-zwyciezcow .hero .zestaw-mini{order:6;margin:0}
  .wzor-zwyciezcow .hero .miniatury{order:7;margin:0}
  .wzor-zwyciezcow .hero .ocena{order:8;margin:0}
  .wzor-zwyciezcow .hero .fakty{order:9;margin-top:0!important}
}
@media (max-width:640px){
  .wzor-zwyciezcow .hero h1{font-size:26px}
  .wzor-zwyciezcow .hero h1 .podtytul{font-size:16px;margin-top:6px}
  .wzor-zwyciezcow .hero .intro{font-size:16px}
  .wzor-zwyciezcow .hero .kup{flex-wrap:nowrap;gap:14px;padding:12px 14px}
  .wzor-zwyciezcow .hero .kup .btn{width:auto;margin-left:auto;padding:14px 22px;white-space:nowrap}
  .przyklad{padding:14px 16px}
  .et-oferta .przyklad-tytul{font-size:18px}
}

/* R8 + R28 (nocna zmiana 18.10): tylko strona Zestawu 10 gier, tylko telefon i tablet: niższe zdjęcie,
   żeby cena i przycisk były nad banerem cookies (baner na telefonie zajmuje dolne ok. 110 px). */
@media (max-width:900px){.et-zestaw.wzor-zwyciezcow .hero .galeria-glowne{height:min(160px,20vh)}}
/* 20.10 (sucha próba): na zestawie cena ma dopisek „zamiast … za grę”, w jednym rzędzie z przyciskiem łamał się w wąską kolumnę */
@media (max-width:640px){.et-zestaw.wzor-zwyciezcow .hero .kup{flex-wrap:wrap}.et-zestaw.wzor-zwyciezcow .hero .kup .btn{width:100%;margin-left:0}}