@charset "UTF-8";



/* Reset */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}




body {

  font-family: 'Helvetica Neue', sans-serif;

  line-height: 1.6;

  margin: 0;

  padding: 0;

  overflow-x: hidden;
	body, p, li {
	color: rgb(48, 56, 92);
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(246, 139, 83);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);}
	

}



.section {

  padding: 60px 20px;

}



.white {

  background-color: #ffffff;

}



.grey {

  background-color: #eaeaea;

}



.orange {

  background-color: rgb(246, 139, 83);

}



.white-text {

  color: white;

}



.container {

  max-width: 1000px;

  width: 100%;

  padding: 0 20px;

  margin: 0 auto;

  box-sizing: border-box;

}



@media (max-width: 1000px) {

  .container {

    padding: 0 10px;

  }

}



.center {

  text-align: center;

  margin-bottom: 20px;
	color: rgb(48, 56, 92);

}



/* Header & Logo */

.header {

  background-color: rgb(48, 56, 92);

  padding: 10px 20px;

  position: relative;

  top: 0;

  z-index: 999;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

}



.logo {

  display: block;

  margin: 0 auto;

  max-width: 300px;

}



/* Navbar */

.navbar {

  position: relative;

  text-align: center;

}



.menu {

  list-style: none;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  padding: 0;

  margin: 0;

}



.menu li {

  margin: 10px;

  list-style-type: none;

}



.menu a,

.menu a:visited,

.menu a:active {

  color: white !important;

  text-decoration: none;

  font-size: 18px;

  transition: color 0.3s ease;

}



.menu a:hover {

  color: rgb(246, 139, 83) !important;

}



.menu a.active {

  border-bottom: 2px solid rgb(246, 139, 83);

}



/* Hamburger */

.menu-icon {

  display: none;

  font-size: 26px;

  color: white;

  cursor: pointer;

}



#menu-toggle {

  display: none;

}



@media (max-width: 768px) {

  .menu {

    display: none;

    flex-direction: column;

    background-color: rgb(48, 56, 92);

    padding: 10px;

    width: 100%;

  }



  #menu-toggle:checked + .menu-icon + .menu {

    display: flex;

  }



  .menu-icon {

    display: inline-block;

  }

}



/* Why Us */

.why-us-section {

  background-color: #f0f0f0;

  padding: 40px 20px;

}



.why-us-heading {

  text-align: center;

  color: rgb(246, 139, 83);

  font-size: 28px;

  margin-bottom: 20px;

}



.benefits-list {

  color: rgb(48, 56, 92);

  font-size: 18px;

  list-style-type: disc;

  padding-left: 40px;

}



/* Person block */

.person-block {

  display: flex;

  align-items: center;

  gap: 20px;

  margin: 40px 0;

}



.person-block img {

  width: 150px;

  height: 150px;

  object-fit: cover;

  border-radius: 50%;

}



/* Info Circles */

.info-circles {

  display: flex;

  justify-content: center;

  gap: 20px;

  margin: 30px 0 80px;

}



.circle {

  width: 120px;

  height: 120px;

  background-color: rgb(246, 139, 83);

  color: white;

  font-weight: bold;

  font-size: 16px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



/* Trip Details */

.offer-section {

  background-color: #fff;

  padding: 40px 20px;

  text-align: center;

}



.section-heading {

  font-size: 28px;

  color: rgb(48, 56, 92);

  margin-bottom: 20px;

}



.offer-description {

  font-size: 18px;

  color: rgb(48, 56, 92);

  margin-bottom: 40px;

}



img {

  max-width: 100%;

  height: auto;

}



img.rounded {

  border-radius: 8px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.circles-wrapper {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 40px;

}



.info-circle {

  width: 160px;

  height: 160px;

  border-radius: 50%;

  background-color: rgb(246, 139, 83);

  color: white;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);

  padding: 10px;

}



.circle-label {

  font-size: 16px;

  margin-bottom: 5px;

  font-weight: bold;

}



.circle-value {

  font-size: 18px;

}



.place-block {

  text-align: left;

  margin-bottom: 40px;

}



.place-block p {

  color: rgb(48, 56, 92);

  font-size: 18px;

  margin-bottom: 10px;

}



.place-block img {

  width: 100%;

  height: auto;

  border-radius: 8px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}

img.rounded {
	border-radius: 8px;
	box-shadow: 0 4px 10px rgb(0, 0, 0, 0.1);
}

/* Price inclusions */

#price-inclusions {

  background-color: #f2f2f2;

  padding: 50px 0;

  text-align: center;

}



#price-inclusions .container {

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;

}



#price-inclusions h2 {

  font-size: 30px;

  color: #333;

  margin-bottom: 30px;

}



#price-inclusions .columns {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  margin-top: 30px;

}



#price-inclusions .column {

  width: 45%;

}



#price-inclusions .column h3 {

  font-size: 14px;

  color: #333;

  margin-bottom: 10px;

}



#price-inclusions .column ul {

  list-style-type: none;

  padding-left: 0;

  font-size: 16px;

  text-align: left;

  color: #555;

}



#price-inclusions .column ul li {

  margin-bottom: 10px;

  font-size: 14px;

}



/* Kontakt */

.contact-section {

  background-color: rgb(246, 139, 83);

  padding: 40px 0;

}



.contact-section .container {

  text-align: left;

}



.contact-section h2 {

  color: white;

  font-size: 28px;

  margin-bottom: 20px;

}



.contact-section p {

  color: white;

  font-size: 18px;

  margin: 10px 0;

}



.contact-section a,

.contact-section a:visited {

  color: white;

  text-decoration: none;
	transition: color 0.3s ease;

}



.phone-link {

  color: white;

  font-size: 18px;

  text-decoration: none;

  display: inline;

  margin: 10px 0;

}



.phone-link:hover {

  text-decoration: none;

}

.contact-section a:hover {
	color: rgb(48, 56, 92);
}



.social-icons {

  display: flex;

  justify-content: center;

  gap: 20px;

  padding: 20px 0;

}



.social-icons a img {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  transition: transform 0.3s ease;

}



.social-icons a img:hover {

  transform: scale(1.1);

}



/* Kulinarne video */

.video-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  max-width: 100%;

  margin: 20px auto;

}



.video-container iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.navbar {
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (max-width: 768px) {

  #menu-toggle:checked + label.menu-icon + ul.menu {

    display: flex;

  }

}

.product-grid {

  display: flex;

  justify-content: center;

  gap: 40px;

  flex-wrap: wrap;

  margin-top: 40px;

}



.product {

  max-width: 300px;

  text-align: center;

  padding: 20px;

  border-radius: 12px;

  background-color: #fdfdfd;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);

}



.product img {

  width: 100%;

  height: auto;

  border-radius: 8px;

  margin-bottom: 15px;

}



.product h3 {

  color: rgb(48, 56, 92);

  font-size: 20px;

  margin-bottom: 10px;

}



.price {

  font-size: 16px;

  color: #555;

  margin-bottom: 15px;

}



.buy-button {

  display: inline-block;

  padding: 10px 20px;

  background-color: rgb(246, 139, 83);

  color: white;

  text-decoration: none;

  border-radius: 5px;

  transition: background-color 0.3s ease;

}



.buy-button:hover {

  background-color: rgb(230, 120, 60);

}

.form {

  max-width: 600px;

  margin: 40px auto;

  display: flex;

  flex-direction: column;

  gap: 15px;

}



.form label {

  font-weight: bold;

  color: rgb(48, 56, 92);

}



.form input,

.form textarea,

.form select {

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 5px;

  font-size: 16px;

  font-family: inherit;

}



.form input[type="checkbox"] {

  width: auto;

  margin-right: 10px;

}



.form button {

  padding: 12px;

  background-color: rgb(246, 139, 83);

  color: white;

  border: none;

  border-radius: 5px;

  font-size: 18px;

  cursor: pointer;

  transition: background-color 0.3s ease;

}



.form button:hover {

  background-color: rgb(230, 120, 60);

}

/* Dropdown menu */

.dropdown {

  position: relative;

}



.dropdown .submenu {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  background-color: rgb(48, 56, 92);

  padding: 10px 0;

  min-width: 180px;

  z-index: 1000;

}



.dropdown:hover .submenu {

  display: block;

}



.submenu li {

  list-style: none;

  padding: 8px 20px;

}



.submenu li a {

  color: white;

  text-decoration: none;

  display: block;

  transition: background-color 0.3s;

}



.submenu li a:hover {

  background-color: rgba(255, 255, 255, 0.1);

}

.gallery-section {

  background-color: #fff;

  padding: 60px 20px;

}



.section-title {

  text-align: center;

  font-size: 28px;

  color: rgb(246, 139, 83);

  margin-bottom: 20px;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}



.gallery-text {

  text-align: center;

  font-size: 16px;

  color: rgb(48, 56, 92);

  margin-bottom: 40px;

}



.gallery-grid {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 20px;

  margin-bottom: 40px;

}



.gallery-img {

  max-width: 300px;

  width: 100%;

  border-radius: 8px;

  box-shadow: 0 4px 10px rgba(0,0,0,0.1);

}



.video-gallery {

  max-width: 800px;

  width: 100%;

  height: auto;

  display: block;

  margin: 0 auto 40px;

  border-radius: 8px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}



.video-section h3 {

  text-align: center;

  font-size: 24px;

  color: rgb(48, 56, 92);

  margin-bottom: 10px;

}


/* BLOG LAYOUT */

.blog-container {

  display: flex;

  flex-wrap: wrap;

  gap: 40px;

}



/* Główna część bloga */

.blog-main {

  flex: 1 1 65%;

}



.blog-post {

  margin-bottom: 50px;

  padding-bottom: 30px;

  border-bottom: 1px solid #ddd;

}



.blog-title {

  font-size: 26px;

  color: rgb(246, 139, 83); /* Pomarańczowy nagłówek */

  margin-bottom: 10px;

  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);

}



.blog-date {

  font-size: 14px;

  color: #888;

  margin-bottom: 15px;

}



.blog-post img {

  border-radius: 8px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.1);

  margin-bottom: 15px;

}



.blog-sidebar {

  flex: 1 1 25%;

  color: rgb(48, 56, 92);

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-size: 14px;

}



.blog-sidebar h3 {

  font-size: 18px;

  color: rgb(48, 56, 92); /* Granatowy */

  margin-bottom: 10px;

}



.blog-sidebar ul {

  list-style: none;

  padding-left: 0;

  margin-bottom: 20px;

}



.blog-sidebar ul li {

  margin-bottom: 8px;

}



.blog-sidebar ul li a {

  color: rgb(246, 139, 83);

  text-decoration: none;

}



.blog-sidebar ul li a:hover {

  text-decoration: underline;

}



.blog-sidebar p, .blog-sidebar strong {

  color: rgb(48, 56, 92);

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



.blog-sidebar strong {

  font-weight: bold;

}
/* Responsive */

@media (max-width: 768px) {

  .blog-container {

    flex-direction: column;

  }



  .blog-main,

  .blog-sidebar {

    flex: 1 1 100%;

  }



  .blog-title {

    font-size: 22px;

  }

}