/*
Theme Name: Alakai
Template: astra
Version: 1.0.2
Description: Motyw potomny alakai.pl — identyfikacja Alakai, runda 7 (styl slajdów Iwony, zatwierdzony 08.10.2026).
Text Domain: alakai
*/

/* ---------- Tokeny (docs/identyfikacja/runda-7) ---------- */
:root{
  --marmur:#FDFCF9; --mgla:#F1F5F8; --akwarela-jasna:#B9CDD8; --akwarela:#316887;
  --granat:#0E2350; --granat-noc:#05294D; --tekst:#2A3550; --tekst-cichy:#556079;
  --zloto:#C9973A; --zloto-tekst:#85601A; --zloto-jasne:#E9CB8F; --blask:#F8EED8;
  --zloty-gradient:linear-gradient(100deg,#F3D99A 0%,#DCA950 45%,#AB7223 100%);
  --f-tytul:"Cinzel","Trajan Pro",Georgia,serif;
  --f-szeryf:"Lora",Georgia,"Times New Roman",serif;
  --f-tekst:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* Astra czyta swoje zmienne — podpinamy paletę */
  --ast-global-color-0:var(--granat); --ast-global-color-1:var(--zloto-tekst);
  --ast-global-color-2:var(--granat); --ast-global-color-3:var(--tekst);
  --ast-global-color-4:var(--marmur); --ast-global-color-5:var(--mgla);
  --ast-global-color-6:var(--akwarela-jasna); --ast-global-color-7:var(--granat-noc); --ast-global-color-8:var(--tekst-cichy);
  color-scheme:light;
}

/* ---------- Podstawa ---------- */
body,.ast-separate-container,.ast-plain-container,.site-content{background:var(--marmur)!important}
body,button,input,select,textarea{font-family:var(--f-tekst);color:var(--tekst)}
body{font-size:1.0625rem;line-height:1.7}
.ast-separate-container .ast-article-single,.ast-separate-container .ast-article-post,
.ast-separate-container .comment-respond,.ast-separate-container .ast-woocommerce-container{background:transparent}

h1,h2,h3,h4,.entry-title,.site-title,.woocommerce-loop-product__title,.product_title{
  font-family:var(--f-tytul)!important;color:var(--granat)!important;font-weight:600;letter-spacing:.02em;line-height:1.2;text-wrap:balance}
h1,.entry-title{font-size:clamp(1.9rem,5vw,3.1rem)}
h2{font-size:clamp(1.45rem,3.6vw,2.15rem)}
h3{font-size:clamp(1.15rem,2.4vw,1.4rem)}
h1,h2{text-transform:uppercase}
a{color:var(--zloto-tekst)}
a:hover,a:focus{color:var(--granat)}
blockquote{border-left:2px solid var(--zloto);font-family:var(--f-szeryf);font-style:italic;color:var(--granat)}
hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--zloto-jasne),transparent)}
:focus-visible{outline:3px solid var(--granat);outline-offset:3px}

/* ---------- Przyciski: złoty gradient lotosu, granatowy napis ---------- */
.ast-button,.button,button,input[type=submit],input[type=button],
.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.wc-block-components-button,.wpcw_fe_navigation_box a,.fe_btn,.wpcw-button{
  font-family:var(--f-tytul)!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;
  color:var(--granat)!important;background:var(--zloty-gradient)!important;border:0!important;border-radius:999px!important;
  padding:.85rem 1.8rem!important;box-shadow:0 6px 18px rgba(171,114,35,.28),inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .2s,box-shadow .2s;text-decoration:none}
.ast-button:hover,.button:hover,button:hover,input[type=submit]:hover,.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:hover{
  transform:translateY(-2px);box-shadow:0 10px 24px rgba(171,114,35,.34),inset 0 1px 0 rgba(255,255,255,.5)}
.menu-toggle,.ast-mobile-menu-trigger-minimal,button.ast-menu-toggle,.ast-search-menu-icon button{
  background:transparent!important;box-shadow:none!important;color:var(--granat)!important;padding:.4rem!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.button:hover,button:hover{transform:none}}

/* ---------- Formularze ---------- */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],select,textarea,
.woocommerce form .form-row .input-text,.woocommerce form .form-row select{
  background:var(--marmur)!important;border:1px solid var(--akwarela-jasna)!important;border-radius:4px!important;
  padding:.8rem 1rem!important;color:var(--tekst)}
label,.woocommerce form .form-row label{font-family:var(--f-tytul);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--granat);font-weight:600}
input[type=checkbox],input[type=radio]{accent-color:var(--granat)}

/* ---------- Nagłówek ---------- */
.main-header-bar,.ast-primary-header-bar,.site-header{background:var(--marmur)!important;border-bottom:1px solid rgba(201,151,58,.35)!important}
.alakai-znak{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none!important}
.alakai-znak img{height:44px;width:auto;max-width:120px;mix-blend-mode:multiply;transform:scale(1.35);transform-origin:left center;margin-right:.9rem;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}
.alakai-znak span{font-family:var(--f-tytul);font-weight:700;letter-spacing:.3em;font-size:1.25rem;color:var(--granat)}
.main-header-menu .menu-link,.ast-header-break-point .main-navigation .menu-link{
  font-family:var(--f-tytul);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--granat)!important}
.main-header-menu .menu-item:hover>.menu-link,.main-header-menu .current-menu-item>.menu-link{color:var(--zloto-tekst)!important}

/* ---------- Stopka jak slajd kontaktowy ---------- */
.alakai-stopka{position:relative;overflow:hidden;background:var(--marmur);border-top:1px solid rgba(201,151,58,.35);
  padding:clamp(4rem,8vw,6rem) 16px;text-align:center}
.alakai-stopka-tresc{position:relative;z-index:1;display:grid;gap:.8rem;justify-items:center}
.alakai-rog{position:absolute;mix-blend-mode:multiply;pointer-events:none;width:clamp(140px,26%,320px)}
.alakai-rog.lg{bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at 0 100%,#000 45%,transparent 72%);mask-image:radial-gradient(circle at 0 100%,#000 45%,transparent 72%)}
.alakai-rog.pd{bottom:0;right:0;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 45%,transparent 72%);mask-image:radial-gradient(circle at 100% 100%,#000 45%,transparent 72%)}
.alakai-lotos{width:min(320px,76%);mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}
.alakai-lotos.maly{width:min(200px,56%)}
.alakai-nadtytul{font-family:var(--f-tytul);font-size:.82rem;letter-spacing:.28em;text-transform:uppercase;color:var(--zloto-tekst);font-weight:600;margin:0}
.alakai-drobne{font-size:.85rem;color:var(--tekst-cichy);margin:0}
.alakai-drobne a{color:var(--tekst-cichy)}
.site-footer,.site-below-footer-wrap,.ast-small-footer{background:var(--marmur)!important;color:var(--tekst-cichy);font-size:.82rem}
.site-below-footer-wrap,.ast-builder-grid-row-container-inner{border-top:0!important}
.alakai-stopka{border-bottom:0}

/* ---------- Klasy do stron (Gutenberg: „Dodatkowe klasy CSS”) ---------- */
.alakai-hero{position:relative;overflow:hidden;background:var(--marmur) url(img/tlo.jpg) center/cover no-repeat;
  padding:clamp(4rem,9vw,7rem) 16px!important;text-align:center}
.alakai-hero h1{line-height:1.12}
.alakai-zloty,.alakai-hero h1 em{background:var(--zloty-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.alakai-lead{font-family:var(--f-szeryf);font-size:clamp(1.15rem,2.4vw,1.35rem);color:var(--granat);line-height:1.55}
.alakai-mgla{background:var(--mgla)}
.alakai-pas{background:var(--granat-noc);color:#DCE6F0}
.alakai-pas h2,.alakai-pas h3{color:#F7F3EA!important}
.alakai-karta{background:var(--marmur);border:1px solid var(--akwarela-jasna);border-radius:4px;padding:clamp(1.4rem,4vw,2.2rem)}
.alakai-portret{position:relative;padding:12px;border:1px solid var(--zloto)}
.alakai-portret img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}
ul.alakai-krople{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
ul.alakai-krople li{display:grid;grid-template-columns:1.4rem 1fr;gap:.85rem}
/* gdy w punkcie jest <strong> + tekst: wszystko poza kroplą w drugiej kolumnie, jako jeden ciąg */
ul.alakai-krople li>*{grid-column:2}
ul.alakai-krople li::before{content:"";width:1rem;height:1rem;margin-top:.4rem;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
  background:radial-gradient(circle at 35% 35%,#7FA8C4,var(--granat-noc))}

/* ---------- WooCommerce ---------- */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:var(--marmur);border:1px solid var(--akwarela-jasna);border-radius:4px;padding:1.2rem!important;text-align:center}
.woocommerce .price,.woocommerce div.product p.price,.woocommerce ul.products li.product .price{
  font-family:var(--f-tytul);font-weight:700;color:var(--zloto-tekst)!important;font-size:1.25rem}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--zloto)!important;background:var(--mgla)!important;color:var(--tekst)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--zloto)!important}
.woocommerce table.shop_table{border-color:var(--akwarela-jasna);border-radius:4px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--akwarela-jasna);border-radius:4px}
.woocommerce-MyAccount-navigation li a{display:block;padding:.75rem 1rem;font-family:var(--f-tytul);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;color:var(--granat);text-decoration:none}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--blask);color:var(--zloto-tekst)}

/* ---------- WP Courseware: lekcje i postęp ---------- */
.wpcw_fe_progress_box_wrap,.wpcw_fe_course_progress,.wpcw_widget_progress{font-family:var(--f-tekst)}
.wpcw_fe_progress_box,.wpcw_fe_progress_box_success{background:var(--mgla)!important;border:1px solid var(--akwarela-jasna)!important;color:var(--tekst)!important;border-radius:4px}
.wpcw_progress_bar,.wpcw_fe_progress_bar{background:var(--mgla)!important;border-radius:999px;overflow:hidden}
.wpcw_progress_bar span,.wpcw_fe_progress_bar_inner,.wpcw_progress_bar_inner{background:var(--akwarela)!important}
.wpcw_fe_course_progress_module th,.wpcw_fe_module td{font-family:var(--f-tytul);color:var(--granat);letter-spacing:.06em}
.wpcw_fe_unit_complete .wpcw_fe_unit_progress,.wpcw_fe_unit_progress_complete span{background:var(--akwarela)!important;color:#fff}
.wpcw_fe_navigation_box{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.wpcw_fe_progress_box_pending,.wpcw_fe_progress_box_error{background:var(--blask)!important;border:1px dashed var(--zloto)!important;color:var(--granat)!important}
.single-course_unit .entry-content iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:4px}

/* ---------- Telefon ---------- */
@media (max-width:640px){
  .alakai-znak span{font-size:1.05rem;letter-spacing:.24em}
  .alakai-znak img{height:34px}
}

/* Cena pakietu w ratach: „397 zł na start” + druga linia z planem rat */
.alakai-rata-start { display: block; }
.alakai-rata-reszta {
  display: block;
  margin-top: .3em;
  font-family: var(--f-tekst);
  font-size: .62em;
  font-weight: 500;
  color: var(--tekst);
}
.alakai-rata-reszta .woocommerce-Price-amount { color: inherit; font-weight: 600; }

/* ---------- Strona pakietów (/pakiety/, strona-pakiety.html) ---------- */
.alakai-pakiety{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.8rem);align-items:stretch;
  max-width:72rem;margin:clamp(-3.5rem,-5vw,-2rem) auto 0;padding:0 16px clamp(3rem,6vw,4.5rem);position:relative;z-index:2}
.alakai-pakiet{position:relative;display:flex;flex-direction:column;gap:.9rem;background:var(--marmur);
  border:1px solid var(--akwarela-jasna);border-radius:6px;padding:clamp(1.5rem,3vw,2.2rem);box-shadow:0 10px 30px rgba(14,35,80,.07)}
.alakai-pakiet h2{font-size:clamp(1.35rem,2.4vw,1.7rem);margin:0;line-height:1.2}
.alakai-pakiet-dla{font-family:var(--f-szeryf);font-style:italic;color:var(--tekst);margin:0}
.alakai-pakiet ul.alakai-krople{gap:.6rem;font-size:.95rem}
.alakai-pakiet li.alakai-bez{color:var(--tekst-cichy);font-size:.88rem}
.alakai-pakiet li.alakai-bez::before{opacity:.35}
.alakai-pakiet p{margin:0}
.alakai-pakiet-cena .alakai-drobne{margin-top:-.2rem}
.alakai-pakiet-cena{margin-top:auto;padding-top:1.2rem;border-top:1px solid rgba(201,151,58,.35);display:grid;gap:.5rem;justify-items:center;text-align:center}
.alakai-cena{font-family:var(--f-tytul);font-weight:700;font-size:2.1rem;margin:0;line-height:1;
  background:var(--zloty-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.alakai-przycisk{display:inline-block;margin-top:.4rem;font-family:var(--f-tytul);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  font-size:.92rem;color:var(--granat)!important;background:var(--zloty-gradient);border-radius:999px;padding:.85rem 1.4rem;text-decoration:none!important;
  box-shadow:0 6px 18px rgba(171,114,35,.28),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .2s,box-shadow .2s}
.alakai-przycisk:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(171,114,35,.34)}
.alakai-raty{font-size:.88rem;line-height:1.4;color:var(--zloto-tekst)!important;text-decoration:underline;text-underline-offset:3px}
.alakai-pakiet-pelny{background:var(--granat-noc);border-color:var(--zloto);color:#DCE6F0;box-shadow:0 16px 40px rgba(5,41,77,.28)}
.alakai-pakiet-pelny h2,.alakai-pakiet-pelny h2.wp-block-heading{color:#F7F3EA!important}
.alakai-pakiet-pelny .alakai-pakiet-dla{color:#E4ECF4}
.alakai-pakiet-pelny .alakai-drobne{color:#B9CDD8}
.alakai-pakiet-pelny .alakai-nadtytul{color:var(--zloto-jasne)}
.alakai-pakiet-pelny .alakai-raty{color:var(--zloto-jasne)!important}
.alakai-wstega{position:absolute;top:-.85rem;left:50%;transform:translateX(-50%);white-space:nowrap;margin:0;
  font-family:var(--f-tytul);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--granat);background:var(--zloty-gradient);border-radius:999px;padding:.35rem 1rem}
.alakai-sekcja{padding:clamp(3rem,6vw,4.5rem) 16px}
.alakai-sekcja h3{margin-top:2rem}
.alakai-cytat{font-family:var(--f-szeryf);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.3rem);color:var(--granat);
  border-left:2px solid var(--zloto);padding-left:1.1rem;margin:1.6rem 0}
.alakai-pas .alakai-cytat{color:#F7F3EA}
.alakai-pas .alakai-nadtytul{color:var(--zloto-jasne)}
.alakai-zamkniecie{text-align:center}
.alakai-zamkniecie .alakai-lead{margin-top:1.5rem}
.alakai-podpis{font-family:var(--f-tytul);letter-spacing:.2em;text-transform:uppercase;color:var(--zloto-tekst);font-size:.85rem}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;box-shadow:none;
  border:1.5px solid var(--zloto)!important;color:var(--zloto-tekst)!important}
.wp-block-buttons{gap:.8rem;margin-top:1.6rem}
@media (max-width:900px){
  .alakai-pakiety{grid-template-columns:1fr;max-width:34rem;margin-top:-1.5rem}
  .alakai-pakiet-pelny{order:-1;margin-top:.8rem}
}

/* Kurs przed startem (PEŁNA PRZEMIANA): ramka nad komunikatem o blokadzie lekcji */
.alakai-start-kursu{background:var(--blask);border:1px solid var(--zloto);border-radius:6px;padding:1.1rem 1.3rem;margin:0 0 1rem;color:var(--tekst)}
.alakai-start-kursu p{margin:0 0 .5rem}
.alakai-start-kursu p:last-child{margin:0}
.alakai-start-kursu strong{font-family:var(--f-tytul);letter-spacing:.04em;color:var(--granat)}

/* ---------- Strona Wyzwania (/wyzwanie/) ---------- */
.alakai-siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:clamp(.9rem,2vw,1.4rem);margin-top:1.6rem}
.alakai-karta h3{margin:0 0 .4rem;font-size:clamp(1rem,1.8vw,1.15rem)!important;text-transform:none}
.alakai-karta p{margin:0}
.alakai-karta ul.alakai-krople{margin-top:.8rem;gap:.55rem}
.alakai-karta-zlota{border-color:var(--zloto);background:var(--blask)}
.alakai-rownanie{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto .7fr;align-items:stretch;gap:.6rem;margin:1.8rem 0 2.4rem}
.alakai-rownanie .alakai-znak-dzialania{align-self:center}
.alakai-rownanie .alakai-karta{padding:1.2rem 1rem}
.alakai-rownanie .alakai-karta h3{font-size:.98rem!important;letter-spacing:.01em}
.alakai-rownanie .alakai-karta{height:100%;text-align:center}
.alakai-rownanie .alakai-karta-zlota{display:grid;place-items:center}
.alakai-rownanie .alakai-karta-zlota h3{font-size:1.4rem!important;margin:0;background:var(--zloty-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.alakai-znak-dzialania{font-family:var(--f-tytul);font-size:1.8rem;color:var(--zloto);text-align:center}
.alakai-dwie{gap:clamp(1.2rem,3vw,2.4rem)!important;margin-top:1rem}
ol.alakai-os{list-style:none;margin:0;padding:0 0 0 1.4rem;border-left:2px solid var(--zloto-jasne);display:grid;gap:1.1rem}
ol.alakai-os li{position:relative;display:grid;gap:.1rem}
ol.alakai-os li::before{content:"";position:absolute;left:calc(-1.4rem - 7px);top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--zloty-gradient)}
ol.alakai-os strong{font-family:var(--f-tytul);letter-spacing:.06em;color:var(--granat)}
ul.alakai-nie li::before{background:none!important;border:0;transform:none;content:"✕";color:var(--tekst-cichy);font-size:.9rem;width:auto;height:auto;margin-top:.1rem;-webkit-mask:none;mask:none}
ol.alakai-kroki{counter-reset:k;list-style:none;margin:1rem 0 2rem;padding:0;display:grid;gap:1rem}
ol.alakai-kroki li{counter-increment:k;display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;align-items:center;font-size:1.05rem}
ol.alakai-kroki li::before{content:counter(k);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;
  background:var(--zloty-gradient);color:var(--granat);font-family:var(--f-tytul);font-weight:700}
.alakai-opinie{columns:2 22rem;column-gap:1.2rem;margin-top:1.6rem}
.alakai-opinie a{display:block;break-inside:avoid;margin:0 0 1.2rem;background:#fff;border:1px solid var(--akwarela-jasna);border-radius:4px;padding:.5rem}
.alakai-opinie img{display:block;width:100%;height:auto}
.alakai-przed-po{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.2rem;margin:1.6rem 0}
.alakai-dzis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:40rem;margin:0 auto .6rem}
.alakai-przed-po figure,.alakai-dzis figure{margin:0;padding:8px;border:1px solid var(--zloto);background:var(--marmur)}
.alakai-przed-po img,.alakai-dzis img{display:block;width:100%;height:auto}
.alakai-cena-sekcja{display:grid;justify-items:center;padding-top:clamp(3.5rem,7vw,5rem)!important}
.alakai-cena-sekcja{padding-left:16px!important;padding-right:16px!important}
.alakai-pakiet.alakai-wyzwanie-oferta{max-width:32rem!important;width:100%;margin:0 auto!important;padding:clamp(1.8rem,4vw,2.6rem)}
.alakai-wyzwanie-oferta .alakai-przycisk{font-size:.95rem}
.alakai-faq details{border-bottom:1px solid var(--akwarela-jasna);padding:.9rem 0}
.alakai-faq summary{cursor:pointer;font-family:var(--f-szeryf);font-size:1.12rem;color:var(--granat);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.alakai-faq summary::-webkit-details-marker{display:none}
.alakai-faq summary::after{content:"+";font-family:var(--f-tytul);color:var(--zloto);font-size:1.3rem;line-height:1}
.alakai-faq details[open] summary::after{content:"−"}
.alakai-faq details p{margin:.6rem 0 0}
@media (max-width:900px){
  .alakai-rownanie{grid-template-columns:1fr}
  .alakai-znak-dzialania{line-height:1}
}
@media (max-width:640px){.alakai-dzis{grid-template-columns:repeat(3,1fr);gap:.5rem}}

/* Kasa: zgoda na dostęp od razu — zwykłe pismo, nie wersaliki etykiet formularza */
.woocommerce form .form-row.alakai-zgoda label{font-family:var(--f-tekst);font-size:.92rem;letter-spacing:0;text-transform:none;font-weight:400;color:var(--tekst);line-height:1.5}

/* Okienko powiększonej opinii */
.alakai-opinie a{cursor:zoom-in}
.alakai-okno{border:1px solid var(--zloto);border-radius:6px;padding:clamp(.8rem,2vw,1.4rem);padding-top:3rem;
  max-width:min(1100px,94vw);max-height:92vh;background:#fff;box-shadow:0 24px 60px rgba(5,41,77,.35);overflow:auto}
.alakai-okno::backdrop{background:rgba(5,41,77,.72)}
.alakai-okno img{display:block;width:100%;height:auto}
.alakai-okno .alakai-okno-zamknij{position:absolute;top:.5rem;right:.6rem;width:2.4rem;height:2.4rem;padding:0!important;
  border-radius:50%!important;font-family:var(--f-tekst)!important;font-size:1.6rem;line-height:1;display:grid;place-items:center;box-shadow:none}
