/* Scoped copy of the canonical Badanie prototype CSS. */
/* Local direction prototype: loaded only by /badanie-wzroku/. */
#cw-new-site.exam-prototype{background:#fff}
#cw-new-site.exam-prototype main{background:#fff;color:#202e4e;padding-top:125px}
#cw-new-site.exam-prototype main .sub-wrap{width:calc(100% - 96px);max-width:1240px}
#cw-new-site.exam-prototype main p{font-size:18px;line-height:1.75}
#cw-new-site.exam-prototype main h2{font-size:clamp(34px,3.4vw,52px);line-height:1.12;letter-spacing:-.025em;color:#202e4e;text-wrap:balance}
#cw-new-site.exam-prototype main h3{font-family:var(--heading);font-size:30px;line-height:1.2;letter-spacing:-.015em;color:#2a656e}
#cw-new-site.exam-prototype main .button{font-size:16px;min-height:54px;padding:15px 26px}
#cw-new-site.exam-prototype main .button.primary{background:#2a656e;color:#fff;border:1px solid #2a656e}
#cw-new-site.exam-prototype main .button.primary:hover{background:#202e4e;border-color:#202e4e}
#cw-new-site.exam-prototype main .button.secondary{background:#fff;color:#2a656e;border:1px solid #2a656e}
#cw-new-site.exam-prototype .breadcrumbs{margin-bottom:24px}
#cw-new-site.exam-prototype main .exam-hero{display:flex;flex-direction:column;position:relative;padding:0;margin-bottom:0;gap:0;max-width:1440px;width:100%}
#cw-new-site.exam-prototype main .exam-hero>figure{order:0;width:76%;height:480px;margin:0 0 0 auto;background:#eaf2f1;border-radius:18px 0 0 0;overflow:hidden}
#cw-new-site.exam-prototype main .exam-hero>figure img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 30%;border-radius:0;mask-image:none;box-shadow:none}
#cw-new-site.exam-prototype main .exam-hero .sub-hero-copy{position:relative;order:1;align-self:flex-start;z-index:1;width:69%;max-width:940px;margin:-205px 0 0 max(48px,calc((100% - 1240px)/2));padding:54px 60px 20px;background:#fff;border-radius:16px 16px 0 0;box-shadow:none;backdrop-filter:none}
#cw-new-site.exam-prototype main .exam-hero h1{font-size:clamp(44px,4.8vw,68px);line-height:1.08;letter-spacing:-.035em;color:#202e4e;max-width:none;text-wrap:balance}
#cw-new-site.exam-prototype main .exam-hero .sub-lead{max-width:640px;margin:26px 0 28px}
#cw-new-site.exam-prototype main .exam-hero .sub-lead p{font-size:18px;line-height:1.65}
#cw-new-site.exam-prototype .stat-story{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:55px 0 65px;margin:45px auto 0;border-bottom:1px solid #d6e4e3;align-items:center}
#cw-new-site.exam-prototype .stat-art{height:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:#2a656e;min-height:0}
#cw-new-site.exam-prototype .stat-art:before,#cw-new-site.exam-prototype .stat-art:after{display:none}
#cw-new-site.exam-prototype .stat-art strong{font-family:var(--heading);font-size:72px;line-height:1.1;color:#2a656e}
#cw-new-site.exam-prototype .stat-art>span{display:block;font-size:18px;margin-top:8px;color:#2a656e}
#cw-new-site.exam-prototype .stat-story p{max-width:650px;margin-top:20px}
#cw-new-site.exam-prototype .process{padding:90px 0 80px;text-align:left}
#cw-new-site.exam-prototype .process>h2{text-align:center;margin-inline:auto;max-width:950px}
#cw-new-site.exam-prototype .process>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:75px;margin-top:100px}
#cw-new-site.exam-prototype .exam-process-icon{display:block;width:64px;height:64px;margin-bottom:22px;color:#2a656e}
#cw-new-site.exam-prototype .process article{padding:0;border:0;background:none;box-shadow:none}
#cw-new-site.exam-prototype .process h3{font-family:var(--body);font-size:24px;font-weight:500;line-height:1.35;margin:0 0 12px}
#cw-new-site.exam-prototype .visual-chapter{background:none;border:0;box-shadow:none;border-radius:0;padding:70px 0 30px;margin:0 auto}
#cw-new-site.exam-prototype .chapter-heading{margin:0 0 52px;max-width:750px}
#cw-new-site.exam-prototype .visual-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:0 0 90px}
#cw-new-site.exam-prototype .visual-copy h3{margin:0 0 22px}
#cw-new-site.exam-prototype .visual-copy p{max-width:540px}
#cw-new-site.exam-prototype .visual-photo{overflow:hidden;border-radius:12px;background:#eef4f3}
#cw-new-site.exam-prototype .visual-photo img,#cw-new-site.exam-prototype .visual-photo.beata-device img{width:100%;height:460px;max-height:none;object-fit:cover;object-position:center 38%;border-radius:0;background:none;transform:none}
#cw-new-site.exam-prototype .visual-photo:hover img{transform:none}
#cw-new-site.exam-prototype .visual-row.visual-reverse .visual-copy{order:1}
#cw-new-site.exam-prototype .exam-pricing{position:relative;isolation:isolate;overflow:hidden;background:#244e4d;color:#f3f8f7;padding:85px 0 95px}
#cw-new-site.exam-prototype .exam-pricing::before{content:"";position:absolute;inset:-12px;z-index:-2;background:url('badanie-przyrzady-tlo.jpg') center 45%/cover no-repeat;filter:blur(5px)}
#cw-new-site.exam-prototype .exam-pricing::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(26,65,61,.88),rgba(38,83,87,.85))}
#cw-new-site.exam-prototype .exam-pricing h2{color:#fff;max-width:650px;margin-bottom:45px}
#cw-new-site.exam-prototype .exam-price-options{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:36px}
#cw-new-site.exam-prototype .exam-price-options>div{border-top:1px solid #b9d2ce66;padding-top:24px}
#cw-new-site.exam-prototype .exam-price-options p{color:#e1eeeb;margin:0}
#cw-new-site.exam-prototype .exam-price-options strong{display:inline-block;font-size:21px;line-height:1.4;color:#f3f8f7;margin-bottom:12px;font-weight:500}
#cw-new-site.exam-prototype .exam-preparation{padding:90px 0}
#cw-new-site.exam-prototype .rail-heading{margin:0 0 40px}
#cw-new-site.exam-prototype .rail-heading h2{max-width:800px}
#cw-new-site.exam-prototype .exam-preparation .rail-heading{display:block;text-align:center}
#cw-new-site.exam-prototype .exam-preparation .rail-heading h2{margin-inline:auto}
#cw-new-site.exam-prototype .exam-preparation-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
#cw-new-site.exam-prototype .exam-preparation-item{border-top:1px solid #b8cfcc;padding-top:26px}
#cw-new-site.exam-prototype .exam-preparation-item h3{margin-bottom:22px;max-width:500px}
#cw-new-site.exam-prototype .sub-faq{margin:0 auto;padding:70px 0 85px;border-top:1px solid #d6e4e3;gap:80px}
#cw-new-site.exam-prototype .sub-faq summary{font-size:19px;line-height:1.45;padding:24px 40px 24px 0}
#cw-new-site.exam-prototype .sub-faq details{background:none;border-bottom:1px solid #d6e4e3}
#cw-new-site.exam-prototype .sub-faq details p{font-size:17px;padding-right:25px}
#cw-new-site.exam-prototype .sub-related{padding:20px 0 70px}
#cw-new-site.exam-prototype .related-grid{gap:28px}
#cw-new-site.exam-prototype .related-grid a{background:none;border:0;border-bottom:1px solid #b8cfcc;border-radius:0;box-shadow:none;min-height:76px;padding:20px 0;font-size:18px}
#cw-new-site.exam-prototype .sub-close{background:#edf5f3;border-radius:0;margin:0;padding:75px 0}
#cw-new-site.exam-prototype .sub-close h2{color:#202e4e}
#cw-new-site.exam-prototype main :focus-visible{outline:3px solid #2a656e;outline-offset:5px}
@media(max-width:1000px){
 #cw-new-site.exam-prototype main .sub-wrap{width:calc(100% - 64px)}
 #cw-new-site.exam-prototype main .exam-hero{width:100%}
 #cw-new-site.exam-prototype main .exam-hero>figure{width:90%;height:470px}
 #cw-new-site.exam-prototype main .exam-hero .sub-hero-copy{width:85%;margin-left:32px;margin-top:-100px;padding:40px 36px 10px}
 #cw-new-site.exam-prototype .visual-row{gap:40px}
 #cw-new-site.exam-prototype .process>div{gap:26px}
 #cw-new-site.exam-prototype .exam-preparation-grid,#cw-new-site.exam-prototype .exam-price-options{gap:35px}
 #cw-new-site.exam-prototype .sub-faq{grid-template-columns:1fr;gap:32px}
}
@media(max-width:600px){
 #cw-new-site.exam-prototype main{padding-top:100px}
 #cw-new-site.exam-prototype main .sub-wrap{width:calc(100% - 44px)}
 #cw-new-site.exam-prototype main p{font-size:17px;line-height:1.7}
 #cw-new-site.exam-prototype main h3{font-size:27px}
 #cw-new-site.exam-prototype .breadcrumbs{font-size:12px;margin-bottom:20px}
 #cw-new-site.exam-prototype main .exam-hero{width:100%}
 #cw-new-site.exam-prototype main .exam-hero>figure{width:100%;height:305px;border-radius:0}
 #cw-new-site.exam-prototype main .exam-hero>figure img{object-position:center 27%}
 #cw-new-site.exam-prototype main .exam-hero .sub-hero-copy{width:calc(100% - 22px);margin:-48px 0 0 22px;padding:28px 22px 0;border-radius:12px 0 0 0}
 #cw-new-site.exam-prototype main .exam-hero h1{font-size:42px}
 #cw-new-site.exam-prototype main .exam-hero .sub-lead p{font-size:17px}
 #cw-new-site.exam-prototype main .exam-hero .sub-lead{margin:22px 0 25px}
 #cw-new-site.exam-prototype .stat-story{grid-template-columns:1fr;gap:22px;padding:40px 0;margin-top:20px}
 #cw-new-site.exam-prototype .stat-art strong{font-size:56px}
 #cw-new-site.exam-prototype .stat-art>span{display:inline;margin-left:12px}
 #cw-new-site.exam-prototype .process{padding:50px 0 20px}
 #cw-new-site.exam-prototype .process>div{grid-template-columns:1fr;gap:38px;margin-top:48px}
 #cw-new-site.exam-prototype .process h3{margin-bottom:12px}
 #cw-new-site.exam-prototype .visual-chapter{padding:40px 0 0}
 #cw-new-site.exam-prototype .chapter-heading{margin-bottom:35px}
 #cw-new-site.exam-prototype .visual-row{grid-template-columns:1fr;gap:28px;padding-bottom:50px}
 #cw-new-site.exam-prototype .visual-row.visual-reverse .visual-copy{order:0}
 #cw-new-site.exam-prototype .visual-photo img,#cw-new-site.exam-prototype .visual-photo.beata-device img{height:350px}
 #cw-new-site.exam-prototype .exam-pricing{padding:50px 0}
 #cw-new-site.exam-prototype .exam-price-options,#cw-new-site.exam-prototype .exam-preparation-grid{grid-template-columns:1fr;gap:30px}
 #cw-new-site.exam-prototype .exam-pricing h2{margin-bottom:30px}
 #cw-new-site.exam-prototype .exam-preparation{padding:50px 0}
 #cw-new-site.exam-prototype .sub-faq{padding:45px 0;gap:25px}
 #cw-new-site.exam-prototype .sub-faq summary{font-size:18px}
 #cw-new-site.exam-prototype .sub-related{padding:20px 0 45px}
 #cw-new-site.exam-prototype .related-grid{grid-template-columns:1fr;gap:0}
 #cw-new-site.exam-prototype .sub-close{padding:50px 0}
 #cw-new-site.exam-prototype .sub-close .button{width:100%;text-align:center}
}

/* Owner reference: full-bleed photograph and a broad translucent panel. */
#cw-new-site.exam-prototype main{padding-top:0}
#cw-new-site.exam-prototype main .exam-hero{max-width:none;width:100%;padding-top:285px;isolation:isolate}
#cw-new-site.exam-prototype main .exam-hero>figure{position:absolute;inset:0 0 auto;width:100%;height:660px;margin:0;border-radius:0;z-index:-1;background:transparent}
#cw-new-site.exam-prototype main .exam-hero>figure img{object-position:50% 35%;mask-image:linear-gradient(#000 48%,transparent 100%)}
#cw-new-site.exam-prototype main .exam-hero>figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(42,133,142,.88) 0%,rgba(102,180,183,.58) 8%,rgba(189,225,220,.3) 16%,rgba(189,225,220,0) 25%)}
#cw-new-site.exam-prototype main .exam-hero .sub-hero-copy{align-self:center;width:calc(100% - 96px);max-width:1280px;margin:0 auto;padding:64px 90px 48px;border:1px solid #ffffffd9;border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#ffffffbb,#fffffff5 48%,#fff 82%);backdrop-filter:blur(14px)}
#cw-new-site.exam-prototype main .exam-hero .sub-lead{max-width:1000px;margin:30px 0}
#cw-new-site.exam-prototype main .exam-hero h1{font-size:clamp(42px,4.6vw,68px)}
#cw-new-site.exam-prototype .breadcrumbs{margin-top:22px;margin-bottom:0}
#cw-new-site.exam-prototype .stat-story{margin-top:15px}
#cw-new-site.exam-prototype .visual-chapter>.stat-story{margin:0 0 50px;padding-top:0}
#cw-new-site.exam-prototype main .visual-chapter{padding:60px 64px 20px;margin:30px auto 90px;background:#fcfdfc;border:1px solid #e2e8e7;border-radius:22px;box-shadow:0 5px 18px #202e4e0a}
#cw-new-site.exam-prototype .visual-chapter .chapter-heading{text-align:center;max-width:900px;margin:0 auto 30px}
#cw-new-site.exam-prototype .visual-chapter>.stat-story{display:flex;flex-direction:column;gap:14px;text-align:center;border:0;padding:0;margin:0 auto 70px;max-width:760px}
#cw-new-site.exam-prototype .visual-chapter .stat-art strong{font-size:30px}
#cw-new-site.exam-prototype .visual-chapter .stat-art>span{display:inline;font-size:18px;margin-left:8px}
#cw-new-site.exam-prototype .visual-chapter .stat-story h3{font-size:24px}
#cw-new-site.exam-prototype .visual-chapter .stat-story p{max-width:none;margin-top:12px}
#cw-new-site.exam-prototype .visual-chapter .visual-row{gap:65px;padding-bottom:65px}
#cw-new-site.exam-prototype .visual-chapter .visual-photo{box-shadow:0 8px 22px #143b4824}
#cw-new-site.exam-prototype .visual-chapter .visual-photo:not(.beata-device){box-shadow:0 10px 24px rgba(20,59,72,.24),0 3px 7px rgba(20,59,72,.12)}
#cw-new-site.exam-prototype .visual-chapter .visual-photo img{height:340px;aspect-ratio:3/2;object-fit:cover}
@media(max-width:1000px){
 #cw-new-site.exam-prototype main .visual-chapter{padding:44px 32px 8px}
 #cw-new-site.exam-prototype .visual-chapter .visual-row{gap:32px}
 #cw-new-site.exam-prototype .visual-chapter .visual-photo img{height:280px}
}
@media(max-width:600px){
 #cw-new-site.exam-prototype main .visual-chapter{width:calc(100% - 24px);padding:34px 22px 0;margin-bottom:50px;border-radius:16px}
 #cw-new-site.exam-prototype .visual-chapter>.stat-story{margin-bottom:42px}
 #cw-new-site.exam-prototype .visual-chapter .visual-row{gap:24px;padding-bottom:42px}
 #cw-new-site.exam-prototype .visual-chapter .visual-photo img{height:260px}
}
@media(max-width:1000px){
 #cw-new-site.exam-prototype main .exam-hero{padding-top:270px}
 #cw-new-site.exam-prototype main .exam-hero .sub-hero-copy{width:calc(100% - 64px);padding:45px 42px 35px}
}
@media(max-width:600px){
 #cw-new-site.exam-prototype main .exam-hero{padding-top:235px}
 #cw-new-site.exam-prototype main .exam-hero>figure{height:480px}
 #cw-new-site.exam-prototype main .exam-hero>figure img{object-position:50% 24%}
 #cw-new-site.exam-prototype main .exam-hero .sub-hero-copy{width:calc(100% - 24px);padding:32px 22px 28px;border-radius:16px 16px 0 0}
 #cw-new-site.exam-prototype main .exam-hero h1{font-size:40px}
 #cw-new-site.exam-prototype main .exam-hero .sub-lead{margin:24px 0}
}

/* Fill the preparation photo frame without side bands. */
#cw-new-site.exam-prototype.page-badanie-wzroku .visual-chapter .visual-photo.beata-device img{height:340px;max-height:none;object-fit:cover;object-position:center 38%;background:none}
@media(max-width:1000px){#cw-new-site.exam-prototype.page-badanie-wzroku .visual-chapter .visual-photo.beata-device img{height:280px}}
@media(max-width:600px){#cw-new-site.exam-prototype.page-badanie-wzroku .visual-chapter .visual-photo.beata-device img{height:260px}}
