:root{
  --od-bg:#f4f0e8;
  --od-text:#20252d;
  --od-gold:#caa03b;
  --od-dark:#393e46;
  --od-shell:min(92vw,1500px);
  --od-reading:min(88vw,1420px);
}
.odsloniecie-page{background:var(--od-bg);color:var(--od-text);overflow:hidden;font-family:"Raleway",Arial,sans-serif}
.od-shell{width:var(--od-shell);margin-inline:auto}
.od-section{padding:clamp(58px,6vw,108px) 0}
.od-section+.od-section{border-top:0}
.odsloniecie-page h1,.odsloniecie-page h2{font-family:"Forum","Cormorant Garamond",serif;font-weight:400;line-height:1.08;color:#27303a}
.odsloniecie-page h2{font-size:clamp(2.15rem,3.2vw,3.35rem);margin:0 0 clamp(22px,2.3vw,34px)}
.odsloniecie-page p,.odsloniecie-page li{font-size:clamp(1rem,1.1vw,1.22rem);line-height:1.34}
.odsloniecie-page p{margin:0 0 18px}
.odsloniecie-page ul,.odsloniecie-page ol{margin:0 0 24px;padding-left:1.55em}
.odsloniecie-page li{margin:.16em 0}

.od-hero{padding-bottom:clamp(62px,7vw,105px)}
.od-hero__top{display:block;width:100%;height:auto;max-height:none;object-fit:cover;object-position:center top}
.od-hero__grid{display:grid;grid-template-columns:minmax(420px,.96fr) minmax(500px,1.04fr);gap:clamp(28px,4.2vw,76px);align-items:start;padding-top:clamp(34px,4vw,62px)}
.od-hero__offer{padding-left:0;transform:translateX(clamp(-74px,-4vw,-28px))}
.od-hero__banner{width:min(100%,520px);min-height:66px;display:flex;align-items:center;padding:8px 34px;box-sizing:border-box}
.od-hero__banner--main{position:relative;background:url("../images/odsloniecie/banner00.png") center/100% 100% no-repeat}
.od-hero__banner--main span{display:block;width:100%;text-align:center;font-family:"Forum",serif;font-size:clamp(1.75rem,2.4vw,2.6rem);color:#2e3540}
.od-hero__module{font-size:clamp(1.35rem,1.8vw,1.9rem)!important;line-height:1.4!important;color:var(--od-gold);margin:12px 0 32px!important}
.od-hero__price{font-size:clamp(1.1rem,1.35vw,1.42rem)!important;line-height:1.52!important}
.od-hero__statement{position:relative;min-height:330px;padding-left:0;transform:translateX(clamp(-72px,-4vw,-30px))}
.od-hero__statement-copy{position:relative;z-index:2}
.od-hero__statement p{font-family:"Raleway",sans-serif;font-weight:700;font-size:clamp(.96rem,1.05vw,1.15rem);margin:0 0 14px}
.od-hero__statement h1{font-family:"Raleway",sans-serif;font-weight:800;color:var(--od-gold);font-size:clamp(3.35rem,4.75vw,5.65rem);line-height:1.01;margin:0;max-width:10.5ch}
.od-hero__bird{position:absolute;right:-2%;top:-96px;width:min(64%,560px);height:auto}
.od-hero__body{position:relative;width:var(--od-reading);margin-inline:auto;padding-top:clamp(28px,3vw,46px);padding-right:clamp(310px,24vw,420px)}
.od-hero__body p{max-width:1120px}

.od-cta{display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,290px);min-height:56px;padding:15px 30px;border:2px solid var(--od-gold);border-radius:12px;background:var(--od-dark);color:#f3dc6b;text-decoration:none;text-transform:uppercase;font-family:"Forum",Georgia,serif;font-size:clamp(17px,1.25vw,20px);font-weight:400;letter-spacing:.02em;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -7px 14px rgba(13,17,22,.18),0 14px 17px rgba(34,38,44,.28);position:relative;overflow:hidden;transition:transform .28s ease,color .28s ease,background-color .28s ease,box-shadow .28s ease}
.od-cta::after{content:"";position:absolute;inset:-30% auto -30% -55%;width:34%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transition:left .72s ease;animation:none}
@media (hover:hover) and (pointer:fine){.od-cta:hover{color:#30343b;background:linear-gradient(100deg,#b88e20 0%,#f7e172 42%,#c59726 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(107,73,4,.13),0 7px 10px rgba(34,38,44,.22);transform:translateY(4px)}.od-cta:hover::after{left:125%}}
.od-cta:focus-visible{outline:3px solid rgba(198,161,69,.45);outline-offset:4px;color:#30343b;background:linear-gradient(100deg,#b88e20 0%,#f7e172 42%,#c59726 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(107,73,4,.13),0 7px 10px rgba(34,38,44,.22);transform:translateY(4px)}
.od-cta:focus-visible::after{left:125%}
.od-cta--hero{position:absolute;right:0;bottom:0}

.od-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,24%);gap:clamp(55px,8vw,145px);align-items:center}
.od-split--image-left{grid-template-columns:minmax(250px,23%) minmax(0,1fr)}
.od-copy{max-width:none}
.od-illustration{display:flex;align-items:center;justify-content:center;transform:translateX(-50%)}
.od-illustration img{display:block;max-width:100%;max-height:350px;width:auto;height:auto}
.od-illustration--wheel img{max-height:385px}
.od-centered-note{text-align:center;font-size:clamp(1.08rem,1.35vw,1.35rem)!important;margin-top:clamp(18px,2vw,32px)!important}

.od-months,.od-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(56px,7vw,120px)}
.od-month h3{margin:0 0 22px;padding:14px 30px;background:url("../images/odsloniecie/banner01.png") center/100% 100% no-repeat;font-size:clamp(1.28rem,1.75vw,1.8rem);text-align:center;color:#2f3845}
.od-price{text-align:center;font-size:1.18rem!important}
.od-heading-with-icon{display:flex;align-items:flex-start;gap:8px}
.od-heading-with-icon h2{flex:1}
.od-heading-with-icon img{width:86px;height:86px;object-fit:contain;flex:0 0 auto;transform:translateX(-28%)}
.od-heading-with-icon--door img{width:clamp(190px,16vw,250px);height:auto;margin-top:clamp(-82px,-5vw,-42px);transform:translateX(-100%);margin-right:clamp(-210px,-13vw,-145px)}
.od-info-card{min-width:0}
.od-path-choice{margin:28px 0}
.od-path-choice h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px;color:var(--od-gold);font-size:clamp(1.45rem,2vw,2rem)}
.od-path-choice h3 img{width:50px;height:50px;object-fit:contain}
.od-signup{padding-bottom:clamp(82px,10vw,140px)}
.od-signup .od-shell{position:relative}
.od-signup .od-cta{display:flex;width:max-content;margin:24px 0 0 auto}
.od-reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s ease}
.od-reveal.is-visible{opacity:1;transform:none}
@keyframes odShine{0%,58%{left:-45%}78%,100%{left:135%}}

@media (max-width:1100px){
  :root{--od-shell:min(94vw,980px);--od-reading:min(92vw,980px)}
  .od-hero__grid{grid-template-columns:1fr 1fr;gap:30px}
  .od-hero__offer{transform:translateX(-20px)}
  .od-hero__statement{transform:translateX(-24px)}
  .od-hero__statement h1{font-size:clamp(3.4rem,6.8vw,5.5rem)}
  .od-hero__body{padding-right:300px}
  .od-split{grid-template-columns:minmax(0,1fr) minmax(210px,28%);gap:52px}
  .od-illustration{transform:translateX(-30%)}
  .od-split--image-left{grid-template-columns:minmax(210px,28%) minmax(0,1fr)}
}
@media (max-width:820px){
  :root{--od-shell:calc(100% - 38px);--od-reading:calc(100% - 38px)}
  .od-section{padding:52px 0}
  .od-hero__grid{grid-template-columns:1fr;gap:36px}
  .od-hero__offer{padding-left:0;transform:none}
  .od-hero__statement{min-height:300px;padding-left:0;transform:none}
  .od-hero__statement h1{font-size:clamp(3.4rem,11vw,5.4rem)}
  .od-hero__bird{width:min(38%,260px)}
  .od-hero__body{padding-right:0;padding-bottom:84px}
  .od-split,.od-split--image-left{grid-template-columns:1fr;gap:30px}
  .od-illustration{transform:none}
  .od-split--image-right .od-illustration{order:-1}
  .od-illustration img{max-height:250px}
  .od-months,.od-two-columns{grid-template-columns:1fr;gap:52px}
  .od-heading-with-icon--door img{width:150px;height:auto;transform:translateX(-45%);margin-right:-70px;margin-top:-35px}
}
@media (max-width:560px){
  :root{--od-shell:calc(100% - 28px);--od-reading:calc(100% - 28px)}
  .od-section{padding:44px 0}
  .od-hero__top{min-height:175px;object-fit:cover}
  .od-hero__banner{min-height:58px;padding:8px 24px}
  .od-hero__banner--main span{font-size:clamp(1.55rem,8vw,2.15rem)}
  .od-hero__statement{min-height:255px}
  .od-hero__bird{right:-9%;top:-4px;width:43%}
  .od-hero__statement h1{font-size:clamp(2.85rem,15vw,4.4rem)}
  .od-cta--hero{left:0;right:auto}
  .odsloniecie-page p,.odsloniecie-page li{line-height:1.3}
  .od-heading-with-icon{align-items:center}
  .od-heading-with-icon img{width:64px;height:64px;transform:none}
  .od-heading-with-icon--door{align-items:flex-start}
  .od-heading-with-icon--door img{width:110px;height:auto;margin-top:-18px;transform:translateX(-25%);margin-right:-28px}
  .od-path-choice h3 img{width:40px;height:40px}
  .od-signup .od-cta{width:100%;margin-top:30px}
  .od-month h3{font-size:1.22rem}
}
@media (prefers-reduced-motion:reduce){.od-reveal{opacity:1;transform:none;transition:none}.od-cta::after{animation:none}.od-cta{transition:none}}

/* Korekty układu — 20.07.2026 */
@media (min-width:821px){
  /* Ludzik z bagażem wraca do wcześniejszego położenia. */
  .od-split--image-left .od-illustration{transform:none}

  /* Cztery linie pod górnym banerem pozostają bardziej po prawej. */
  .od-hero__module,
  .od-hero__price{margin-left:clamp(42px,3.8vw,68px)!important}

  /* Drzwi przesunięte dodatkowo w lewo o szerokość grafiki. */
  .od-heading-with-icon--door img{transform:translateX(-200%)}

  /* Blok zapisów podniesiony wizualnie o około dwie linie tekstu. */
  .od-signup{margin-top:clamp(-58px,-3.8vw,-44px)}
}