/*
Theme Name: Primabiotic - popup store
Theme URI: https://primabiotic.pl
Author: dbx
Author URI: https://designbox.pro
Description: Primabiotic - popup store
Version: 0.1
License: Private
Text Domain: ntof
*/

@import url(https://use.typekit.net/prq2woy.css);
@charset "UTF-8";
:root {
  --main-font: "futura-pt";
  --head-font: "ivypresto-headline";
  --main-color: #91b3c7;
  --second-color: #fffaf7;
}

/* RESET CSS */
/* RESET CSS */
/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.img-responsive {
	max-width: 100%; 
	/* display:block; */
	height: auto;
}
/* END RESET CSS */
/* END RESET CSS */
/* END RESET CSS */

img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
    margin: 5px 20px 10px 0px;
}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
    margin: 5px 0px 10px 20px;
}

body {font-family: var(--main-font), sans-serif; font-size:14px; line-height:1.28em; color:#1d1d1d; text-align:left; background:#ffffff;}
html {}

.container {
  max-width: 1600px; /* nadpisuje wszystkie */
}

strong, .strong {font-weight:bold;}

a {color:#262250; text-decoration:none;}

iframe {display:block;}
big {font-size:16px; color:#100f0d; font-weight:600;}

p {margin-top:0; font-size:16px; line-height:1.42em; font-weight:normal;}
p+p {margin-top:20px;}

.transition, a {-webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}

input[type="text"], select, input[type="password"], input[type="search"], textarea, input[type="email"], input[type="tel"] {width:100%; box-sizing:border-box; padding:12px 16px; border:none; border-radius:16px; margin-top:8px; margin-bottom:4px; font-family: var(--main-font), sans-serif; font-size:16px;}
input::placeholder, textarea::placeholder {color:#A9ACB4;}

.bg-main {background:var(--main-color);}
.bg-second {background:var(--second-color);}

header.bg-main {z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
right: 0;}

.nav-main {
  font-family: var(--main-font);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

.nav-main .list-inline-item {
  margin-right: 1rem;
}

.nav-main .list-inline-item a {color:#ffffff;}

.hero-container {
  padding: 70px 0px 30px 0;
  position:relative;
}

.hero-inner {border-radius:24px; padding:140px 60px 140px 100px; position:relative;}
.hero-inner-padding {padding:0 10px;}

.hero-center p {
  font-size: 20px;
  line-height:24px;
}

.hero-bottom-gift {position:absolute; bottom: -50px; right: 20%; pointer-events:none;}
.hero-bottom-gift-svg {position:absolute; bottom: -42px; left: 255px; pointer-events:none;}
.hero-bottom-right-scarf {position:absolute; right: -120px; bottom: -54px; pointer-events:none;}
.hero-bottom-scarf {position:absolute; left: 20%; bottom: -56px; pointer-events:none;}

.hero-left-gift {position:absolute; top: 50%; left: -80px; pointer-events:none;}

header.bg-main .container {position:relative;}
.hero-top-gift {position:absolute; top:-10px; left:48%; pointer-events:none;}
.hero-top-left {position:absolute; top:-10px; left:-50px; pointer-events:none;}
.hero-top-left {display:none; pointer-events:none;}
.hero-top-left.active {display:block; pointer-events:none;}
.hero-top-right-gift {position:absolute; right: 320px; top: 90px; z-index: 2; pointer-events:none;}
.hero-top-right-scarf {position:absolute; top:60px; right:-60px; pointer-events:none;}
.hero-top-scarf {position:absolute; top:-40px; left:30%; pointer-events:none;}

.hero-top-gift,
.hero-top-left,
.hero-top-right-gift,
.hero-top-right-scarf,
.hero-top-scarf {
    transition: opacity .4s ease;
    opacity: 1;
}

body.scrolled .hero-top-gift,
body.scrolled .hero-top-left,
body.scrolled .hero-top-right-gift,
body.scrolled .hero-top-right-scarf,
body.scrolled .hero-top-scarf {
    opacity: 0;
}


.btn.btn-custom {
  background: #B23B1E;
  border-radius: 16px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color:#ffffff;
  width:100%;
  padding:14px;
}

body:not(.home) .hero-top-gift,
body:not(.home) .hero-top-left,
body:not(.home) .hero-top-right-gift,
body:not(.home) .hero-top-right-scarf,
body:not(.home) .hero-top-scarf {
    display:none !important;
}

.btn.btn-custom svg {
  transition: transform 0.3s ease;
}

.btn.btn-custom:hover svg {
  animation: ding 0.6s ease-in-out;
}

@keyframes ding {
  0%, 100% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-2px);
  }
  20% {
    transform: translateY(2px);
  }
  30% {
    transform: translateY(-2px);
  }
  40% {
    transform: translateY(2px);
  }
  50% {
    transform: translateY(-2px);
  }
  60% {
    transform: translateY(0);
  }
}

.check-us-out-container p {font-size:20px; line-height:1.5;}

h1 {font-family: var(--head-font), serif; font-size:46px; line-height:1.3; color:#000000; font-weight: 300;}
h2 {font-family: var(--head-font), serif; font-size:58px; line-height:1; color:#000000; font-weight: 300;}
h3 {font-family: var(--head-font), serif; font-size:24px; line-height:1; color:#000000; font-weight: 400;}

h4 {font-family: var(--head-font), serif; font-size:22px; line-height:1; color:#000000; font-weight: 400;}

h5 {font-family: var(--head-font), serif; font-size:23px; line-height:1; color:#000000; font-weight: 200; font-style:italic;}

img.find-us-left, img.find-us-right {max-width:80%;}

.find-us-container p {font-size:24px; font-weight:400; text-align:left;}
.find-us-container ul li {text-align:left; font-size:24px; list-style-position:inside;}
.find-us-center {max-width:65%; margin:0 auto;}

.find-us-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
	margin-top:20px;
}

.find-us-container ul li {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.1;
}

.find-us-container ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
}

.swiper {
  width: 100%;
  max-width:1300px;
  height: 470px;
  margin:0 auto;
  position:relative;
}
/* .swiper:after {content:""; display:block; right:0; top:0; bottom:0; background-image:url(img/swiper-overlay.png); background-repeat:repeat-y; background-position:right top; position:absolute; width:141px; z-index:3;} */
.swiper-description {padding:30px 35px;}
.swiper-description h4 {margin-bottom:20px;}
.swiper-description p {color:#42526B; font-size:18px;}
.swiper-button-next {}
.swiper-button-prev {}
.swiper-slide {border-radius:20px; overflow:hidden; background:#edf0f6;}
.swiper-slide.slide1 {background:#e5e1de;}
.swiper-slide.slide2 {background:#e3f0f7;}
.swiper-slide.slide3 {background:#efe9e2;}
.swiper-slide.slide4 {background:#f7e8f3;}
.swiper-slide img {width:100%; height:260px; display:block; object-fit:cover;}
/*
.swiper-slide:after {content:""; display:block; height:213px; background-image:url(img/swiper-overlay-vertical.png); background-repeat:repeat-x; background-position:right top; position:absolute; left:0; bottom:0; right:0; z-index:1;}
.swiper-user {position:absolute; left:20px; right:20px; bottom:15px; border-top:1px solid rgba(255,255,255,0.6); z-index:2; color:#ffffff; font-family: var(--head-font), serif; font-size:22px; font-weight:300; padding: 14px 0 8px 0;}

.swiper-slide .text-slide {font-size:20px; line-height:26px; font-family: var(--head-font), serif; padding:20px 20px 20px 40px; position:relative;}
.swiper-slide .text-slide:before {content: '"'; display:block; position:absolute; left:25px; top:30px;}
*/

.reach-us-inner {max-width:1000px; margin:0 auto; position:relative; padding-bottom:80px;}
.reach-us-inner img {vertical-align: -6px; margin-right:10px;}
.reach-us-inner p {font-weight:400; font-size:22px; vertical-align:middle; margin-bottom:30px;}
.reach-us-list {list-style:none;}
.reach-us-list li {border:1px solid #91B3C7; display:inline-block; height:50px; width:50px; text-align:center; line-height:50px; margin-right:10px; margin-bottom:14px; border-radius:50%; font-weight:500; font-size:19px;}

.reach-us-img {position:absolute; z-index:-1; width:310px; right:-100px; bottom:0;}

.prepared-container .container {max-width:950px;}
.prepared-container .product-container {padding:20px 40px; margin-top:30px;}
.prepared-container p {font-size:20px; margin-top:15px;}
.prepared-container h3 {margin-top:20px;}

.why-us-container {margin-top:150px; margin-bottom: 70px;}
.why-us-container-inner {background:#efe9e2; border-radius:24px; max-width:950px; margin:0 auto; padding-bottom: 50px; position:relative;}

.why-ul-sim {max-width:630px; padding:0 30px; margin:0 auto;}
.why-ul-sim p {font-size:20px; font-weight:400;}

.why-us-left {position:absolute; left:-133px; bottom:-52px;}
.why-us-right {position:absolute; right:-162px; top:-120px;}
.why-us-gift {position:absolute; right:-58px; bottom:108px;}

.check-out .container {position:relative;}
.check-out-left {position:absolute; left:-30px; top:40%; z-index:2;}
.check-out-right {position:absolute; right:0; top:20%; z-index:2;}

.task-container {padding: 60px 0px 80px 0;}
.task-container p {font-size: 18px; line-height:24px;}

html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

.swiper-button-next {display:none !important;}

.why-us-top {display:none;}
.why-us-bottom {display:none;}

@media (max-width: 1344px) {
	
	.hero-top-gift {display:none;}
	.hero-top-scarf {display:none;}
	.hero-top-right-scarf {display:none;}
	.hero-bottom-right-scarf {display:none;}
	.hero-bottom-gift {display:none;}
	
	.hero-top-right-gift {right:5px; top:60px;}
	.hero-bottom-scarf {left:-300px}
	.hero-bottom-gift-svg {bottom: -42px; left: auto; right: -30px;}
	
}

@media (min-width: 1200px) {
  .img-hero {margin-top: -140px; margin-right: -140px; margin-bottom: -145px;}
}

@media (max-width: 755px) {
	
	.why-us-container .container {padding-left:0; padding-right:0;}
	.why-us-container-inner {border-radius:0; padding-left:30px; padding-right:30px;}
	
	.hero-inner {padding: 70px 30px 70px 30px;}
	h1 {font-size: 36px;}
	h2 {font-size:32px;}
	
	.swiper {height:540px;}
	
	.check-out-left {top:10%;}
	.check-out-right {right: -60px; top: 15%;}
	
	.prepared-container .product-container {padding:0; margin-bottom:20px;}
	
	.why-us-gift {display:none;}
	.why-us-right {display:none;}
	.why-us-left {display:none;}
	
	.why-us-container-inner h2 {font-size:32px !important;}
	
	#toggleProdukty span {font-size: 16px;}
	
	.why-us-container {margin-top:80px;}
	
}

@media (max-width: 400px) {
	
	.why-us-container {margin-top:120px; margin-bottom: 0;}
	footer.mt-4 {margin-top:0 !important;}
	
	.why-us-container .container {padding-left:0; padding-right:0;}
	.why-us-container-inner {border-radius:0; padding-left:20px; padding-right:20px; padding-bottom: 110px;}
	
	.why-us-top {display:block; position:absolute; top: -130px; left: 0;}
	.why-us-bottom {display:block; position:absolute; bottom: -70px; left:0;}
	
}


ul.ul {
    list-style: none;
    margin: 0;
    padding: 0;
	margin-top:20px;
}

ul.ul li {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.1;
	font-size: 18px;
    margin-bottom: 10px;
}

ul.ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
}








.special-img {position:relative; min-height:500px;}
@media (min-width: 768px) {
  .special-img img {
    top: 0;
    right: 0;
    position: absolute;
    max-width: 760px;
  }
  .pp-main-img {max-width:400px; margin:0 auto;}
}

.box {
  display: flex;
  gap: 20px;
  padding: 15px;
  background: #F9F3EF;
  border-radius: 8px;
  align-items: center;
}

.box-img {
  flex: 0 0 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-img img {
  max-width: 100%;
  height: auto;
}

.box-text {
  flex: 1; 
  font-size:22px;
  line-height:1.5;
}

.box-text p {font-size:22px; line-height:1.5; text-align:left; padding-right:20px;}

/* Marquee */
.marquee{overflow:hidden;background:#EDF0F6; margin-top:120px; margin-bottom:70px;}
.track{display:flex;animation:scroll var(--duration) linear infinite}
.item{flex:0 0 var(--item-width,20vw);padding:40px 2rem;font-size:13px;text-transform:uppercase;font-weight:600;box-sizing:border-box;text-align:center;align-content: center;}
.item img{vertical-align:middle;}
@keyframes scroll {
from{transform:translateX(0)}
to{transform:translateX(var(--shift))}
}

.prize-arrow {
  transition: transform 0.3s ease;
}


.prize-btn {font-size:18px; margin-top:15px; font-weight:400;}

.prize-box {border:3px solid #F9F3EF; border-radius:8px; margin-top:40px;}
.prize-box-left {
  flex: 0 0 30%;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  background:#F9F3EF;
  text-align:left;
  padding:15px 20px 15px 30px;
  font-size:20px;
}
.prize-box-left strong {display:block; font-size:22px; font-weight:bold; font-size:22px; margin-bottom:8px;}
.prize-box-right {
  flex: 1; 
  text-align: left;
  padding: 20px;
  font-size:24px;
  line-height: 1.1;
}
.prize-box-right ul {margin-left: 25px;}
.prize-box-right ul li {font-size:18px;}
.prize-box-right h3 {margin-bottom:5px;}
.km-img {width: 80px; vertical-align: middle; margin-left: 10px;}

.partner-container {margin-top:70px; margin-bottom:70px}

@media (max-width: 767.98px) {
  .prize-box {
    flex-direction: column;
  }
  .prize-box-left {
    flex: 0 0 auto;
    width: 100%;
	padding:16px 20px;
  }
  .prize-box-right {
    width: 100%;
  }
  .prize-box-left strong {display:inline-block; margin-right:10px;}
}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px; /* opcjonalnie */
  cursor: pointer;
  overflow: hidden;
  margin:30px auto;
  display:block;
}

.video-thumb {
  display: block;
  width: 100%;
  height: auto;
}

.video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  /* background: url('<?php echo get_template_directory_uri(); ?>/img/play-icon.svg') no-repeat center center; */
  background:transparent;
  background-size: contain;
  border: none;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
  opacity: 0.8;
  transition: opacity 0.3s;
}

.video-play-btn:hover {
  opacity: 1;
}

.cta-btn {font-size:18px; font-weight:400;}
.cta-btn em {font-style:normal; font-family: var(--head-font), serif; text-transform:uppercase; font-size:16px; font-weight:500; margin-left:40px;}

@media (max-width: 767.98px) {
  .cta-btn em {display:block; margin:20px auto 10px auto; text-align:center;}
}

.entries-container {margin-top:60px;}

footer .container {padding-top:40px;}
footer a {color:#ffffff;}
.navbar-brand-footer img {width:100%;}
.navbar-brand-footer2 {width:210px; margin-top:20px;}

@media (max-width: 767.98px) {
  .navbar-brand-footer1 {display:block; width:80% !important; margin:10px auto;}
  .navbar-brand-footer2 {display:block; margin:10px auto 30px auto;}
}

.nav-main-footer {
  font-family: var(--main-font);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

.nav-main-footer .list-inline-item {
  margin:0 30px;
}

.nav-main-footer .list-inline-item a {color:#ffffff;}

@media (max-width: 767.98px) {
	.nav-main-footer {margin-top:30px;}
	.nav-main-footer .list-inline-item {
	  margin:0 15px;
	}
}

.link-box {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size:15px;
  padding: 8px 16px;
  transition: background 0.2s;
}

.link-box:hover {
  background: rgba(0,0,0,0.05);
}

.link-box-img {
  width: 32px;
  height: auto;
}



#konkurs-form {background:#edf0f6; border-radius:16px; padding:30px; text-align:left;}
#konkurs-form label {font-size:18px; font-weight:500;}
#konkurs-form label em {font-style:normal; color:red;}
#konkurs-form textarea {min-height:120px;}
#konkurs_button {border-radius:16px; background:#1C1C1D; font-size:16px; text-transform:uppercase; color:#ffffff; width:100%; font-family: var(--head-font), serif; padding:14px 18px; border:0; letter-spacing:1px;}

#konkurs-form .checkboxes label {font-weight:400; margin-top:10px; font-size:16px;}
#konkurs-form .checkboxes input {margin-right:10px; width:18px; height:18px; border:1px solid #78716C; border-radius:16px; vertical-align: -2px; flex-shrink: 0;}

.file-container {background:#ffffff; border-radius:16px; padding:20px;}

#konkurs-file {
  display: none;
}

#file-drop-area {
  border: 2px dashed #cbd0dc;
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

#file-drop-area.dragover {
  background: #f0f8ff;
  border-color: #0073aa;
}

#file-drop-area p {color:#292D32; font-size:15px; font-weight:600;}
#file-drop-area p small {display:block; margin-top:2px; color:#A9ACB4; font-size:13px; font-weight:400;}
.konkurs-file-button {font-style:normal; border:1px solid #cbd0dc; padding:6px 18px; border-radius:8px; display:block; width:fit-content; margin:0 auto; font-size:15px; font-weight:500; margin-top:20px;}

.drop-container-label {font-size:16px; color:#A9ACB4;}
.drop-container-label strong {font-size:20px; font-weight:500; color:#000000;}

.drop-file-container {background:#eef1f7; border-radius:8px; padding:15px; position:relative;}
#uploaded-name {white-space: nowrap; max-width: 180px; display: block; overflow: hidden; position: relative; width: fit-content; font-size: 16px; font-weight: 500;}
#remove-file {position:absolute; border:none; background:none; right:5px; top:10px;}
#file-info {display:block; color:#9fa0a4;}

#konkurs-form-sent {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-out;
}

#konkurs-form-sent.show {
  max-height: 500px;
}

.zgody-text-more {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.zgody-text-more.active {
  max-height: 500px;
}

label.konkurs-check {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}

label.konkurs-check input[type="checkbox"] {
  margin-top: 0.2em;
}

.logo-skew {float: right; margin-top: -30px; margin-bottom: -30px;}

@media (max-width: 767.98px) {
  .logo-skew {margin-top: -10px; margin-bottom: -10px; max-width:220px;}
  .yt-link {line-height:1.4;}
}

.week-header {font-size:26px; font-weight:500; margin-bottom:20px;}
.week-header em {font-style:normal; font-size:18px; display:inline-block; margin-left:3px; font-weight:400;}

.no-entries {margin:40px 0;}

.video-file {background:#c2c2c2;}
.video-file .play-icon img {width: 256px; height: 256px; object-fit: contain; position: absolute; left: 50%; margin-left: -128px; top: 50%; margin-top: -128px; opacity: 0.4;}


.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none;
}
.swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
	color:transparent;
}

.swiper-button-next {
    background-image: url('img/ico-next.svg');
}

.swiper-button-prev {
    background-image: url('img/ico-next.svg');
    transform: rotate(180deg);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 0.8;
    cursor: pointer;
}

.hr-i {background:#e3e3e3; height:1px; width:100%; margin-left:auto; margin-right:auto;}

.hamburger {
  position: relative;
  width: 30px;
  height: 24px;
  border: 0;
  background: none;
  cursor: pointer;
  z-index: 1001;
}

.hamburger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* ustawiamy kreski w pionie */
.hamburger span:nth-child(1) { top: 0; }
.hamburger span:nth-child(2) { top: 10px; }
.hamburger span:nth-child(3) { top: 20px; }

/* aktywny stan = X */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translateY(14px);
  left:8px;
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-14px);
  left:8px;
}



/* overlay menu */
.mobile-menu {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #91b3c7;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  margin-top:-50px;
}
.mobile-menu ul li {
  margin: 35px 0;
}
.mobile-menu ul li a {
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  font-family: var(--head-font), serif;
}
.mobile-menu.active {
  display: flex;
}




ol.li,
ul.li {
	margin-top:10px;
	margin-bottom:20px;
    margin-left: 2em;
    padding-left: 0;
    list-style-position: outside;
    font-size: 1.24em;
    line-height: 1.7;
}



.site-main h2,
.site-main h3 {
    margin-top: 2em;
    margin-bottom: 0.75em;
    line-height: 1.2;
}

.site-main ol,
.site-main ul {
    margin-left: 2em;
    padding-left: 0;
    list-style-position: outside;
    font-size: 1.24em;
    line-height: 1.7;
}

.site-main li {
    margin-bottom: 0.6em;
    margin-left: 0;
}

.site-main ol ul,
.site-main ul ul,
.site-main ol ol,
.site-main ul ol {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    margin-left: 1.5em;
    font-size: 0.96em;
}

.site-main ol {
    list-style-type: decimal; /* 1, 2, 3 ... */
    padding-left: 1.5em;
}

.site-main ol ol {
    list-style-type: decimal; /* drugi poziom też liczbami */
}

.site-main ol ol > li::marker {
    content: counter(list-item) ") "; /* 1) 2) 3) ... */
}


.site-main p {
    margin: 1em 0;
    font-size: 1em;
    color: #212529;
}

.site-main a {
    color: #1867b8;
    text-decoration: underline;
    transition: color 0.2s;
}
.site-main a:hover, .site-main a:focus {
    color: #0a396d;
}

.site-main table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.site-main table thead {
    background: #f8f9fa;
}

.site-main table th {
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #dee2e6;
}

.site-main table td {
    padding: 12px 15px;
    border-bottom: 1px solid #e9ecef;
    color: #555;
}

.site-main table tbody tr:hover {
    background: #f8f9fa;
}

.site-main table tbody tr:last-child td {
    border-bottom: none;
}

/* Responsywność - przewijanie na mobile */
@media (max-width: 768px) {
    .site-main table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    
    .site-main table th,
    .site-main table td {
        padding: 10px 12px;
        font-size: 14px;
    }
}