/* ------------------------  PASEK NAWIGACYJNY ------------------------- */
img{
  max-width:100%;
  height:auto;
}

.navbar-wrapper {
  display: contents;
}
.navbar-container {
position:sticky;
top:0;
z-index:50;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  background-color: var(--dl-color-theme-neutral-light);
}
.navbar-navbar-interactive {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
  box-sizing:border-box;
}
.navbar-image1 {
  height: 4rem;
}
.navbar-desktop-menu {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.navbar-links1 {
  gap: var(--dl-space-space-twounits);
  flex: 1;
  display: flex;
  align-self: stretch;
  align-items: center;
  padding-left: var(--dl-space-space-twounits);
  flex-direction: row;
  justify-content: flex-start;
}
.navbar-link {
  text-decoration: none;
}
.navbar-buttons1 {
  gap: var(--dl-space-space-twounits);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.navbar-action11 {
  display: flex;
  flex-direction: row;
}
.navbar-action21 {
  fill: #222222;
  color: #222222;
  display: flex;
  flex-direction: row;
}
.navbar-link7 {
  color: #f70303;
  animation-name: none;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
.navbar-burger-menu {
  display: none;
}
.navbar-icon10 {
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
}
.navbar-mobile-menu {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  padding: var(--dl-space-space-twounits);
  z-index: 100;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--dl-color-theme-neutral-light);
}
.navbar-nav {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.navbar-top {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-threeunits);
  justify-content: space-between;
}
.navbar-logo {
  height: 3rem;
}
.navbar-close-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar-icon12 {
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
}
.navbar-links2 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.navbar-buttons2 {
  gap: var(--dl-space-space-twounits);
  display: flex;
  margin-top: var(--dl-space-space-twounits);
  align-items: center;
  flex-direction: row;
}
.navbar-icon-group {
  gap: var(--dl-space-space-twounits);
  display: flex;
}
.home-fragment {
  display: contents;
}
.home-text {
  display: inline-block;
}
.navbarroot-class-name {
  background-color: var(--dl-color-theme-neutral-light);
}
.navbarroot-class-name1 {
  background-color: var(--dl-color-theme-neutral-light);
}
.navbarroot-class-name2 {
  background-color: var(--dl-color-theme-neutral-light);
}
@media(max-width: 767px) {
  .navbar-navbar-interactive {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .navbar-desktop-menu {
    display: none;
  }
  .navbar-burger-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media(max-width: 479px) {
  .navbar-navbar-interactive {
    padding: var(--dl-space-space-unit);
    padding-right: 16px;
  }
  .navbar-icon10 {
    width: auto;
    height: var(--dl-size-size-small);
  }
  .navbar-mobile-menu {
    padding: var(--dl-space-space-unit);
  }
}

.navbar-mobile-menu.teleport-show{
  display:flex;
}

/* animacja TeleportHQ */
.thq-show{
  transform:translateX(0);
}

.thq-translate-to-default{
  transform:translateX(0);
}

/* ------------------------  HERO ------------------------- */


.hero-header30{
gap:var(--dl-space-space-twounits);
min-height:clamp(600px,78vh,920px);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.hero-image {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.hero-container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  backdrop-filter: blur(2px);
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.70) 0%,
    rgba(0,0,0,0.55) 40%,
    rgba(0,0,0,0.55) 60%,
    rgba(0,0,0,0.70) 100%
  );
}

.hero-text1 {
  color:white;
  text-align: center;
  text-shadow: 0 4px 20px rgba(0,0,0,0.6);
}

.hero-text2 {
  color:white;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}


.hero-max-width {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 100%;
  display: flex;
  z-index: 1;
  align-items: center;
  flex-direction: column;
}
.hero-content {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.hero-text2 {
  text-align: center;
}
.hero-actions {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: flex-start;
}
.hero-button2 {
  color: #222222;
}
@media(max-width: 991px) {
  .hero-text1 {
    text-align: center;
  }
  .hero-text2 {
    text-align: center;
  }
}
@media(max-width: 768px) {
  .hero-header30 {
    min-height: 60svh;
	padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media(max-width: 479px) {
  .hero-actions {
    width: 100%;
    flex-direction: column;
  }
  .hero-button1 {
    width: 100%;
  }
  .hero-button2 {
    width: 100%;
  }
}

.hero-fguides {
  display: contents;
  padding-top:60px;
}

.hero-fguides p{
  text-align: center;
}


/* ------------------------  3 NARZEDZIA ------------------------- */




  
.narzedzia-wrapper {
  display: contents;
}
.narzedzia-layout301 {
  gap: var(--dl-space-space-fiveunits);
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
.narzedzia-max-width {
  gap: var(--dl-space-space-threeunits);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.narzedzia-text10 {
  text-align: center;
}
.narzedzia-row {
  width: 100%;
}
.narzedzia-feature1 {
  gap: var(--dl-space-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
.narzedzia-content1 {
  align-self: stretch;
  align-items: center;
}
.narzedzia-section-title1 {
  align-self: stretch;
  align-items: center;
}
.narzedzia-title1 {
  text-align: center;
}
.narzedzia-description1 {
  text-align: center;
}
.narzedzia-action1 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
.narzedzia-feature2 {
  gap: var(--dl-space-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
.narzedzia-content2 {
  align-self: stretch;
  align-items: center;
}
.narzedzia-section-title2 {
  align-self: stretch;
  align-items: center;
}
.narzedzia-title2 {
  text-align: center;
}
.narzedzia-description2 {
  text-align: center;
}
.narzedzia-action2 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
.narzedzia-feature3 {
  gap: var(--dl-space-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  overflow: hidden;
  max-width: 600px;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
.narzedzia-content3 {
  align-self: stretch;
  align-items: center;
}
.narzedzia-section-title3 {
  align-self: stretch;
  align-items: center;
}
.narzedzia-title3 {
  text-align: center;
}
.narzedzia-description3 {
  text-align: center;
}
.narzedzia-action3 {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
@media(max-width: 991px) {
  .narzedzia-row {
    width: auto;
    align-items: center;
    flex-direction: column;
  }
  .narzedzia-feature1 {
    width: 100%;
  }
  .narzedzia-feature2 {
    width: 100%;
  }
  .narzedzia-feature3 {
    width: 100%;
  }
}
@media(max-width: 767px) {
  .narzedzia-text10 {
    text-align: center;
  }
}
@media(max-width: 479px) {
  .narzedzia-max-width {
    gap: var(--dl-space-space-oneandhalfunits);
  }
}



/* ------------------------  4 KROKI ------------------------- */


.kroki-wrapper {
  display:block;
  overflow:visible;
}
.kroki-container1 {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.kroki-max-width {
  gap: var(--dl-space-space-fourunits);
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.kroki-container2 {
  align-items: start;
}
.kroki-section-header {
  gap: var(--dl-space-space-oneandhalfunits);
  top: 10%;
  display: flex;
  position: sticky;
  align-items: flex-start;
  flex-direction: column;
}
.kroki-actions {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: flex-start;
}
.kroki-container3 {
  grid-area: span 1/span 1/span 1/span 1;
  position:relative;
  overflow:visible;
  padding:4px;
  max-width:95%;
  margin:auto;
}

.kroki-container4 {
  top: 10%;
  position: sticky;
  transform: rotate(-2deg);
  margin-bottom: var(--dl-space-space-twounits);
  background-color: var(--dl-color-theme-accent1);
}
.kroki-container5 {
  top: 10%;
  position: sticky;
  transform: rotate(2deg);
  margin-bottom: var(--dl-space-space-twounits);
  background-color: var(--dl-color-theme-accent2);
}
.kroki-container6 {
  top: 10%;
  position: sticky;
  transform: rotate(-2deg);
  margin-bottom: var(--dl-space-space-twounits);
  background-color: var(--dl-color-theme-accent1);
}
.kroki-container7 {
  top: 10%;
  position: sticky;
  transform: rotate(2deg);
  background-color: var(--dl-color-theme-accent2);
}
.kroki-text16 {
  text-align: center;
}
.kroki-text17 {
  top: var(--dl-space-space-unit);
  right: var(--dl-space-space-unit);
  position: absolute;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}
.kroki-text19 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  text-align: center;
}
.kroki-text20 {
  top: var(--dl-space-space-unit);
  right: var(--dl-space-space-unit);
  position: absolute;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}
.kroki-text22 {
  text-align: center;
}
.kroki-text23 {
  top: var(--dl-space-space-unit);
  right: var(--dl-space-space-unit);
  position: absolute;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}
.kroki-text25 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  text-align: center;
}
.kroki-text26 {
  top: var(--dl-space-space-unit);
  right: var(--dl-space-space-unit);
  position: absolute;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}
@media(max-width: 991px) {
  .kroki-max-width {
    flex-direction: column;
  }
}
@media(max-width: 767px) {
* {
  overflow-x: clip;
}

  .kroki-section-header {
    position: static;
    margin-bottom: var(--dl-space-space-twounits);
  }
  .kroki-actions {
    width: 100%;
    align-self: flex-start;
  }
  .kroki-container4 {
    width: 100%;
	transform:none;
  }
  .kroki-container5 {
    width: 100%;
	transform:none;
  }
  .kroki-container6 {
    width: 100%;
	transform:none;
  }
  .kroki-container7 {
    width: 100%;
	transform:none;
  }
}
@media(max-width: 479px) {
  .kroki-text19 {
    fill: var(--dl-color-theme-neutral-dark);
    color: var(--dl-color-theme-neutral-dark);
  }
  .kroki-text25 {
    fill: var(--dl-color-theme-neutral-dark);
    color: var(--dl-color-theme-neutral-dark);
  }
}



/* ------------------------  CTA GLOWNA ------------------------- */




.cta26-wrapper {
  display: contents;
}
.cta26-accent2-bg {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(1deg) skew(0deg, 0deg);
  align-self: stretch;
  transition: 0.3s;
  align-items: center;
  border-radius: var(--dl-radius-radius-cardradius);
  justify-content: space-between;
  transform-style: preserve-3d;
  background-color: var(--dl-color-theme-accent2);
}
.cta26-accent2-bg:hover {
  transform: scale(1.02);
}
.cta26-accent1-bg {
  width: 100%;
  display: flex;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-2deg) skew(0deg, 0deg);
  align-items: center;
  border-radius: var(--dl-radius-radius-cardradius);
  justify-content: space-between;
  transform-style: preserve-3d;
  background-color: var(--dl-color-theme-accent1);
}

.cta26-thumb{
  width: 15rem;
  border-radius:10px;
  box-shadow: 0 6px 15px rgba(0,0,0,.22);
  flex-shrink:0;
  object-fit:cover;
  margin-right:1.2rem;
}

.cta26-container2 {
  gap: var(--dl-space-space-threeunits);
  width: 100%;
  display: flex;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(1deg) skew(0deg, 0deg);
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-threeunits);
  padding-left: var(--dl-space-space-fourunits);
  border-radius: var(--dl-radius-radius-cardradius);
  padding-right: var(--dl-space-space-fourunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-threeunits);
  background-size: cover;
  background-image: url("../img/mockup2.jpg");
  box-sizing:border-box;
}
.cta26-container2:hover {
  color: var(--dl-color-theme-neutral-light);
  background-color: var(--dl-color-theme-neutral-dark);
}
.cta26-content {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.cta26-text1 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  text-align: center;
}
.cta26-text2 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  text-align: center;
}
.cta26-actions {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.cta26-link {
  width: auto;
  height: auto;
  text-transform: uppercase;
  padding: 14px 28px;
}
@media(max-width: 767px) {
  .cta26-container2 {
    gap: var(--dl-space-space-oneandhalfunits);
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media(max-width: 479px) {
  .cta26-actions {
    flex-wrap: wrap;
    align-self: stretch;
    justify-content: center;
  }
  .cta26-button {
    flex: 1;
  }
}



/* ------------------------  FOOTER ------------------------- */




.footer-wrapper {
  display: contents;
}
.footer-footer7 {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
.footer-max-width {
  gap: var(--dl-space-space-threeunits);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.footer-content {
  gap: var(--dl-space-space-twounits);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.footer-logo1 {
  gap: 24px;
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  flex-direction: column;
}
.footer-logo2 {
  height: 6rem;
}
.footer-links {
  gap: var(--dl-space-space-twounits);
  display: flex;
  align-items: flex-start;
}
.footer-navlink1 {
  text-decoration: none;
}
.footer-navlink2 {
  text-decoration: none;
}
.footer-credits {
  gap: var(--dl-space-space-twounits);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.footer-row {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
}
.footer-container {
  display: flex;
  align-items: flex-start;
}
.footer-footer-links {
  gap: 24px;
  display: flex;
  align-items: flex-start;
}
.footer-text11 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
}

@media(max-width: 479px) {
  .footer-max-width {
    gap: var(--dl-space-space-oneandhalfunits);
  }
  .footer-links {
    flex-direction: column;
  }
  .footer-footer-links {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

.footer-social {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}

.footer-social a {
  font-size: 22px;
  color: #666;
  transition: 0.3s;
}

.footer-social a:hover {
  color: #000;
  transform: scale(1.15);
}



.home-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}



/* ------------------------  POMYSLY HERO ------------------------- */

.hero-wrapper{
position:relative;
display:block;
}

.hero-inspir-max-width {
  align-self: center;
  position: relative;
  z-index: 2;
}
.hero-inspir-hero-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-width: 550px;
  border-radius:22px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hero-inspir-column {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
}
.hero-inspir-content {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.hero-inspir-actions {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
@media(max-width: 991px) {
  .hero-inspir-max-width {
    flex-direction: column;
	align-self: center;
  }
  .hero-inspir-hero-image {
    width: 100%;
    max-width: 100%;
	padding-top: 2rem;
  }
}



@media(max-width: 479px) {
  .hero-inspir-text1 {
    text-align: center;
    max-width:320px;
    margin:auto;
  }
  .hero-inspir-text2 {
    text-align: center;
  }
  .hero-inspir-actions {
    width: 100%;
    flex-direction: column;
  }
  .hero-inspir-button1 {
    width: 100%;
  }
  .hero-inspir-button2 {
    width: 100%;
  }
}

.inspire-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}

/* HERO BACKGROUND */

.hero-inspir-bg{
position:relative;
overflow:hidden;
box-shadow:0 30px 60px rgba(0,0,0,0.05);
}

/* tło */

.hero-inspir-bg::before{
content:"";
position:absolute;
inset:0;
background-image:url("/img/herort.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;

/* subtelniejsze tło */

opacity:0.50;

/* delikatny blur */

filter:blur(1.8px);

transform:scale(1.05);

z-index:0;
}

.hero-inspir-bg::after{
content:"";
position:absolute;
inset:0;

background:
linear-gradient(
to right,
rgba(255,255,255,0.25) 0%,
rgba(255,255,255,0.05) 40%,
rgba(255,255,255,0.05) 60%,
rgba(255,255,255,0.25) 100%
),
linear-gradient(
to bottom,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.35) 50%,
rgba(255,255,255,0.85) 85%,
rgba(255,255,255,1) 100%
);

z-index:1;
}


@media (max-width:768px){

.hero-inspir-bg::before{
background-position:80% center;
}

}

/* ------------------------  POMYSLY DROPODOWN ------------------------- */


.nav {
  width : 100%;
  background: #ffffff;
  margin : 40px auto; 
}
.guides-section{
width: 90%;
margin:auto;
padding:80px 20px;
}


/* FEATURED */

.featured-badge{
color:#F06449;
font-weight:600;
margin-bottom:10px;
}

.featured-guide{
background:#f7f5f2;
border-radius:12px;
border:1px solid #e6e2dc;
overflow:hidden;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
margin: 0 auto 70px auto;
transition:box-shadow .25s ease;
width: 100%;
}

.featured-guide:hover{
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.featured-header{
display:flex;
gap:40px;
align-items:center;
padding:60px;
}

.featured-info h3{
margin:0 0 10px 0;
font-size:26px;
}

.featured-meta{
color:#666;
margin-bottom:20px;
line-height:1.5;
}

.featured-toggle{
background:#F06449;
color:white;
border:none;
padding:14px 22px;
border-radius:6px;
font-weight:600;
cursor:pointer;
transition:background .2s ease, transform .15s ease;
}

.featured-toggle:hover{
background:#e2553b;
transform:translateY(-1px);
}


/* EXPANDED CONTENT */

.featured-content{
display:none;
padding:40px;
border-top:1px solid #eee;
line-height:1.7;
}

.featured-guide.active .featured-content{
display:block;
}

/* FEATURED SLIDER */

.featured-slider{
position:relative;
width:300px;
flex-shrink:0;
overflow:hidden;
}

.featured-slide{
display:none;
}

.featured-slide.active{
display:block;
}

.featured-slide img{
width:100%;
border-radius:8px;
box-shadow:0 6px 16px rgba(0,0,0,0.15);
}

/* arrows */

.slider-prev,
.slider-next{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.5);
color:white;
border:none;
width:32px;
height:32px;
border-radius:50%;
cursor:pointer;
font-size:18px;
display:flex;
align-items:center;
justify-content:center;
}

.slider-prev{
left:8px;
}

.slider-next{
right:8px;
}

.slider-prev:hover,
.slider-next:hover{
background:black;
}

.buy-button{
display:inline-block;
margin-top:25px;
background:#2e2a26;
color:white;
padding:14px 26px;
border-radius:6px;
text-decoration:none;
font-weight:600;
transition:background .2s ease;
}

.buy-button:hover{
background:black;
}


/* UPCOMING GRID */

.guides-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:40px;
}

.guide-card{
background:#fbfaf8;
border:1px solid #e6e2dc;
border-radius:12px;
padding:35px;
text-align:center;
min-height:220px;
transition:transform .2s ease, box-shadow .2s ease;
}

.guide-card:hover{
transform:translateY(-4px);
box-shadow:0 6px 16px rgba(0,0,0,0.08);
}

.guide-placeholder{
width:100%;
height:140px;
background:#f2eee8;
border-radius:8px;
margin-bottom:20px;
}

.coming-label{
display:inline-block;
margin-top:10px;
background:#e9e5df;
padding:6px 12px;
border-radius:6px;
font-size:13px;
}

.coming-title{
padding:12px 6px;
}


/* MOBILE */
@media (max-width:1200px){
.guides-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){

.featured-header{
flex-direction:column;
text-align:center;
}

.guides-grid{
grid-template-columns:1fr;
}

}

@media(max-width:480px){

.featured-header{
gap:25px;
padding:35px 20px;
}

}


/* ------------------------  TABELE DROPDOWN ------------------------- */

.slideun {
  padding : 20px; 0px;
}

.table {
	margin-top: 30px;
	margin-bottom: 60px;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	box-sizing: border-box;
    min-width: 320px;

	
  border-collapse:separate;
  border-spacing: 10px;
  
  }	


.fdb-block {
            padding: 40px 0;
			border-radius: 2em 20px 2.5em 0.2in;
			margin-top: 20px;
			box-shadow: 0 1em 1em -1em rgba(0, 0, 0, .25);
        }
.fdb-block img {
            max-width: 100%;
        }

.table_wrapper {
	padding: 80px 0;
}

.table_wrapper h2 {
	font-size: 40px;
	font-weight: 700;
	color: #ffffff;
	padding-bottom: 30px;
}

.table_box {
	background: #F8F8F8;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 21px rgb(0 0 0 / 45%);
	overflow: auto;
}

.table_box .table thead th, .table_box .table td, .table th {
	border: transparent !important;
	padding: 20px;
	vertical-align: middle;
}

.para01 {
	font-size: 14px;
	font-weight: 700;
	color: #000000;
}

.para02 {
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}


.color1 {
	color: #D0003F !important;
}

.color2 {
	color: #0C7442 !important;  
}

.theme01 {
	background: #FAFAFA;
}


/* ------------------------  CHECKLISTA HERO ------------------------- */

.hero-chklst-wrapper {
  display: contents;
}

.hero-chkslt-max-width {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.hero-chkslt-column {
  gap: 24px;
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.hero-chkslt-content {
  gap: 24px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.hero-chkslt-actions {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: flex-start;
}
.hero-chkslt-container2 {
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 35%;
  justify-content: flex-start;
}
.hero-chkslt-image1 {
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  position: absolute;
  flex-grow: 1;
  object-fit: cover;
}
@media(max-width: 991px) {
  .hero-chkslt-container1 {
    flex-direction: column;
  }
  .hero-chkslt-container2 {
    width: 100%;
    padding-top: 56.25%;
  }
}
@media(max-width: 767px) {
  .hero-chkslt-heading1 {
    text-align: center;
  }
  .hero-chkslt-content1 {
    text-align: center;
  }
  .hero-chkslt-actions {
    width: 100%;
    justify-content: center;
  }
  .hero-chkslt-image1 {
    width: 100%;
  }
}
@media(max-width: 479px) {
  .hero-chkslt-actions {
    flex-direction: column;
  }
  .hero-chkslt-button {
    width: 100%;
  }
}
.checklist1-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}

/* ===== GALERIA ===== */

.ebook-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

/* tablet */

@media (max-width:1100px){
.ebook-gallery{
  grid-template-columns:repeat(3,1fr);
}
}

/* small tablet */

@media (max-width:800px){
.ebook-gallery{
  grid-template-columns:repeat(2,1fr);
}
}

/* mobile */

@media (max-width:520px){
.ebook-gallery{
  grid-template-columns:1fr;
  max-width:420px;
}
}

/* ===== KAFEL ===== */

.product-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:all .35s ease;
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:#222;
}

.product-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(0,0,0,0.18);
}

/* ===== OBRAZ ===== */

.product-image{
  height:230px;
  background-size:cover;
  background-position:center;
  position:relative;
  transition:transform .6s ease;
}

.product-card:hover .product-image{
  transform:scale(1.04);
}

/* gradient */

.product-image::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:70px;
  background:linear-gradient(transparent,rgba(0,0,0,0.25));
}

/* ===== TREŚĆ ===== */

.product-info{
  padding:18px;
}

.product-city{
  font-size:22px;
  font-weight:700;
  margin-bottom:10px;
}

.product-meta{
  font-size:14px;
  color:#555;
  line-height:1.6;
}

/* ===== CTA ===== */

.product-cta{
  margin-top:auto;
  background:#2f2c27;
  color:#fff;
  text-align:center;
  padding:14px;
  font-weight:500;
  transition:background .25s ease;
}

.product-card:hover .product-cta{
  background:#000;
}

/* ===== MOBILE POPRAWKI ===== */

@media (max-width:768px){

.product-image{
  height:230px;
}

.product-city{
  font-size:24px;
}

}

.guide-filters{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:12px;
margin-bottom:40px;
}

.filter{
padding:10px 16px;
border-radius:30px;
border:1px solid #ddd;
background:#fff;
cursor:pointer;
font-size:14px;
transition:.2s;
}

.filter:hover{
background:#f5f5f5;
}

.filter.active{
background:#2f2c27;
color:white;
border-color:#2f2c27;
}

/* ===== ZAPYTANIA ===== */


.send-request-hero{
padding: 80px 20px 40px;
text-align:center;
max-width:800px;
margin:auto;
}

.hero-main-cta{
margin:30px 0 20px;
}

.hero-main-cta .navbutton2{
font-size:18px;
padding:14px 28px;
}

.cta-note{
margin-top:8px;
opacity:0.6;
}

.hero-description{
margin-top:20px;
line-height:1.6;
}

.hero-benefits{
margin-top:25px;
display:flex;
flex-direction:column;
gap:10px;
font-size:15px;
}

.send-request-social{
text-align:center;
padding:30px 20px 60px;
opacity:0.9;
}