/*
 Theme Name:   TipTrip
 Theme URI:    https://TipTrip.pl
 Description:  A child theme of Twenty Twenty WordPress theme.
 Author:       D.
 Author URI:   https://justbo.pl
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentytwenty/style.css");

/* deStyle */

body {
  background:rgb(245, 247, 248);
  font-family: "Plus Jakarta Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-template-dolacz #site-header{display: none}

html {
  scroll-behavior: smooth;scroll-padding-top: 95px; /* height of sticky header */
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
}



*{box-sizing: border-box;letter-spacing: 0 !important}

.section-inner{
	max-width: 1180px !important;
	margin: 0 auto;
	position: relative;width: calc(100% - 2rem);
}

a{text-decoration: none;cursor: pointer;}



.primary-menu > li{
  margin:.5rem .5rem 0;
  padding: 1.7rem .7rem;
}

li{align-self: center}
#menu-item-15 a{color: #0B243E !important;font-size: 1rem}

p {
    line-height: 1.5em;
    margin: 0 0 1em 0;
    font-size: 1rem;
    font-family: "Poppins", sans-serif;
}

.gap-5{grid-gap: 2.5rem !important}
.short-desc p{font-size: 1rem}
.menu-item-eg{
	display: grid;
	grid-template-columns: auto 150px;
	grid-gap: 15px 15px;
	background: #FAF7F2;
	padding: 2rem 3rem;
	color: #00455F;
}
.menu-desc h4{margin: 0 0 .5rem}
.menu-desc p{margin: 0}
.wyprawa-lewa .cena h6 {
  margin: 0;color: #fff;
  font-size: 1rem;
}

.wyprawa-lewa .cena{
  background: #e6490f;
  align-self: center;
  padding: 1rem;
  border-radius: .5rem;
}

.wyprawa-lewa .cena span{
  font-weight: normal;
  text-transform: none;
  font-size: .65rem;
}
.cena{font-size: 2rem;font-weight: 900;text-align: right}
.waluta{font-size: 1rem}

#site-header {
    background: #10213d;
    position: sticky;
    top: 0;
    z-index: 9999;
}
.mb-home{margin-top:-8.5rem}
.primary-menu a{
  color: #fff !important;
  font-size: .75rem;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0 !important;
}

.primary-menu a:hover{text-decoration: none;color: #E6490F !important}
.current-menu-item a{text-decoration: none !important;}
.header-inner {
   padding:.5rem 0;}

.site-logo img{height: 3.5rem}

.header-inner .toggle path {
    fill: #e6490f;
}

.header-inner .toggle{
  align-items: center;
  display: flex;
  overflow: visible;
  padding: 0 0rem 0px 4rem;
}

.menu-modal-inner{background: #fff;color: #0B243E;}
.section-title{
    text-align: center;
    text-transform: uppercase;
}

.flex-box{display: flex}
.d-block{display: block !important}
.w-100{width: 100%;text-align: center}

.mini-container{
    max-width: 900px;
    margin: 2rem auto;
    text-align: center;
    color: #fff;
    padding: 3rem;
    align-self: center
}

.logo-naglowek{
  height: 4rem !important;
  width: 15rem !important;
  object-fit: contain !important;
  min-height: 5rem !important;
}

.btn-orange {
    background: #e6490f;
    color: #fff;
    border: solid 2px #e6490f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    
    transition: transform 0.9s;-webkit-transition: 0.9s;
}

.btn-orange:hover {
    background: #fff;
    color: #e6490f;
    border: solid 2px #e6490f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    
    transition: transform 0.9s;-webkit-transition: 0.9s;
}

.btn-white {
    background: #fff;
    color: #e6490f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    
    transition: transform 0.9s;-webkit-transition: 0.9s;
    border: solid 2px;
}

.btn-white:hover {
    background: #e6490f;
    color:#fff ;
    border: solid 2px #e6490f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    
    transition: transform 0.9s;-webkit-transition: 0.9s;
}

.btn-group:after {
  content: "";
  clear: both;
  display: none;
}

.copy-footer{
  padding: 2rem;
  border-radius: 1rem;
  background: #f7faff;
}
.social-footer{display: flex;gap:1rem}
.social-footer img{height: 1.5rem;}
.footer-logo{height: 1.42rem;margin: 0}

.footer-desc ul {
  margin: 0;
  display: flex;
  justify-content: center;
  list-style: none
}

.footer-desc strong{font-weight: bold}

.footer-desc p{font-size: .65rem;margin: 1rem 0;line-height: 1.6em}

#site-footer ul{list-style: none;margin: 0}
#site-footer{
    font-size: 1.64rem;
    padding: 5rem 0 10rem;
    background: #fff;
    box-shadow: 0 1px 1px #00000016;
}
.menu .rezerwacja a{color: #0B243E !important}
#menu-first-menu-2, #menu-first-menu-3{display: flex;list-style: none;margin: 0;}

#site-footer a{
  color: #0B243E;
  text-transform: none;
  font-weight: normal;
  font-size: .85rem;
}

#site-footer  li {
  position: relative;
}
.footer-desc{
    font-size: .85rem;
}

.custom-menu-class{align-self: flex-start}


.copy-footer{
    text-align: left;
    display: block !important;
    color: #fff;
}
.copy-footer small{display: block}

.jack{display: block;float: right}

.copy-desc{font-size: .6rem;color: #10213d;}

.breadcrumbs{
    font-size: 1rem;
    padding: 1rem 0;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.breadcrumb_last{font-weight: 900}

.breadcrumbs a{
    color: #000 !important;
    font-weight: normal;
}

.center-self{align-self: center}


.product-desc h5 {
    font-size: 1.6rem;
    margin: 2rem 0;
}

.imp-tooltip{box-shadow: 0 10px 30px #00000036;}

.gallery-ul{list-style: none;margin: 0;padding: 0px;display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;}
.gallery-ul li{
    margin: 0
}

.gallery-ul img {
    height: 205px;
    object-fit: cover;
    width: 100%;border-radius: 0
}


.parametr-item:nth-child(even){background: #f9f9f9}
.parametr-item{background: #fff;padding: 2rem;font-size: 1rem;color: #000;
text-align: left;}
.parametr{font-weight: 900;text-transform: uppercase}


.bg-shadow{
	box-shadow: 0px 0px 1px #00000016;
border: solid 1px #f3f3f3;

}

#swipebox-overlay {
    background: #070707b0 !important;
}

.entry-categories a{color: #e6490f;margin-bottom: 0}
.entry-categories {
    margin-bottom: 1rem;
}

h1.entry-title, h2.entry-title {
    margin: 0;
    text-align: center;
}

h2.entry-title {
    font-size: 4.4rem;
    line-height: 1em;
    text-align: center;
    font-weight: 900;
}

.type-post{margin-top: 3rem}

.post-name{margin: 0 0 2rem}
.page .entry-header{padding-top: 3rem !important}
.post-meta-single-top .post-meta {
    justify-content: center;
    font-size: 1rem;
}
.featured-media {
    margin-top: 3rem;
}

.featured-media img{
    box-shadow: 0px 0px 1px #00000016;
    border: solid 1px #f3f3f3;
    margin: 1rem auto;
    width: 100%;
    height: 420px;
    object-fit: cover;
}

.singular .featured-media-inner{padding: 0 0rem}

.post-inner {
    padding: 0;
}

.entry-content {
    font-family: 'Poppins';
    letter-spacing: normal;
}



body:not(.singular) main > article:first-of-type {
    padding: 0;
}

.archive-header {
    padding: 3rem 0 0;
    text-align: left;
    background: transparent
}

.archive-header .color-accent{display: none}
.post-separator{display: none}
.singular .entry-header {
  padding: 0rem 0;
  background: transparent;
    background-image: none;
  margin: 2rem 0;
  border-radius: .345rem;
}
.post-image img {
    height: 40rem;
    object-fit: cover;
    width: 100%;
    object-position: center center;
}

.cat-post a{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1rem;
    color: #0b243e
}

.singular .featured-media::before{background: transparent}

.post-meta-wrapper {
    margin-top: 2rem;
}

.primary-menu ul{border-radius: 0}

.sub-menu{background: #fff !important;}
.primary-menu ul a{font-size: 1.2rem}
.styled-separator{display: none}
.pagination-single-inner {
    flex-direction: row;
    justify-content: space-between;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: #ddd;
    padding: 2rem 0;
}

.pagination-single a{color: #000}

.section-inner.medium {
    max-width: 1280px;
    padding: 0 0 2rem 0;
    text-align: left
}

section{padding: 1.5rem 0 0}

.section-inner.medium h1{text-align: left}

hr {
    margin: 2rem auto;
}

.lewa img{;min-height: 420px; object-fit: cover; box-shadow: 0 1px 1px #00000016;border-radius: 1rem}
.prawa img{;min-height: 420px; object-fit: cover; box-shadow: 0 1px 1px #00000016;border-radius: 1rem}


.more{
  border: solid 2px;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  padding: 1.5rem 3rem;
  display: table;
  
  text-transform: uppercase;
  margin: 2rem 0;
  background: #0B243E;
}

.more-white {
    border: solid 2px;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    padding: 1.5rem 3rem;
    display: table;
    border-radius: 0;
}

.post-template-single-city .footer-bar{display: none !important}
iframe {
    display: block;
    max-width: 100%;border-radius: 1rem;
}

.self-center{align-self: center}



.alignnone, .aligncenter {
    margin-bottom: 2rem;
    margin-top: 2rem;border-radius: 1rem;
    
}

.right-img .lewa{order: 2}
.right-img .prawa{order: 1}

.grid-9 .list-img img{height: 7.5rem !important}
.news-item img{
  height: 17.5rem;
  object-fit: cover;
  width: 100%;border-radius: 1rem
  
}
.news-content .section-inner{margin: 0}
.related-posts h2{
  font-size: 1.2rem;
  color: #0B243E;
  font-weight: bold;
  margin: 1rem 0;
  text-transform: none;
}
.related-posts .news-item h3{
  font-size: 1.2rem;
  color: #0B243E;
  font-weight: bold;
  margin: 1rem 0 .5rem;
  text-transform: none;
}
.news-item h2{
  font-size: .85rem;
  color: #0B243E;
  font-weight: bold;
  margin: 1rem 0 .5rem;
  text-transform: none;
}
.blue-title{
  color: #E6490F;
  font-size: 1.2rem;
  margin: 0;font-weight: 900;
}
.autor-box {
  font-size: 1rem;
  text-transform: uppercase;
  color: #0b243e;
}
.archive-title{font-weight: 900;font-size: 2rem}

/* PAGE STYLES */
* { box-sizing: border-box; }
html {
  font-family: 'Montserrat', sans-serif;
}
.pin-title {
  position: fixed;
  top: 1.875rem;
  bottom: 1.875rem;
  left: auto;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Exo', sans-serif;
  font-weight: 800;
  font-size: 800%;
  letter-spacing: 0.0625rem;
  color: #f3f3f3;
  user-select: none;
  z-index: -1;
  text-align: center;
}
small {
  font-size: 0.5em;
}


/* HEADINGS STYLE */
h1, h2, h3, h4, h5, h6{color: #000}
h1 {
  font-size: 4rem;
  margin: 0;
  font-weight: 900;
  line-height: .75em;
  letter-spacing: 0 !important;
}

h2 {
  font-size: 2.24rem;
  margin: 2rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
h3 {
  font-size: 1.62rem;
  margin: 2rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
h4{
  font-size: 1.2rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}

h5{
  font-size: 1rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
h6 {
  font-size: .8rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}

/* END HEADINGS STYLE */

/* GRID STYLE */
.grid-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1rem}
.grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1rem}
.grid-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 1rem}
.grid-5{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 1rem}
.grid-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 15px}
.grid-8{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 15px}
.grid-9{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 15px}
.grid-10{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 15px}
.grid-12{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 15px}

.grid-2-auto{display: grid;grid-template-columns: auto auto;grid-gap: .5rem}
.grid-3-auto{display: grid;grid-template-columns: auto auto auto;grid-gap: 15px}
.grid-4-auto{display: grid;grid-template-columns: auto auto auto auto;grid-gap: 15px}
.grid-5-auto{display: grid;grid-template-columns: auto auto auto auto auto;grid-gap: 15px}
.grid-6-auto{display: grid;grid-template-columns: auto auto auto auto auto auto;grid-gap: 15px}
.grid-8-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto;grid-gap: 1rem}
.grid-10-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto;grid-gap: 15px}
.grid-12-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto ;grid-gap: 15px}

.grid-13{display: grid;grid-template-columns: 1fr 3fr;grid-gap: 15px}
.grid-23{display: grid;grid-template-columns: 2fr 3fr;grid-gap: 15px}
.grid-32{display: grid;grid-template-columns: 3fr 2fr;grid-gap: 15px}
.grid-42{display: grid;grid-template-columns: 4fr 2fr;grid-gap: 1rem}
.grid-62{display: grid;grid-template-columns: 8fr 3fr;grid-gap: 1rem}

/* END GRID STYLE */

/* PADDING STYLE */

/* PADDING ALL */
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}
.p-5{padding: 3rem;}
.p-10{padding: 10rem;}
/* END PADDING ALL */

/* PADDING TOP */
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}
.pt-5{padding-top: 5rem;}
.pt-10{padding-top: 10rem;}
/* END PADDING TOP */

/* PADDING BOTTOM */
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}
.pb-5{padding-bottom: 5rem;}
.pb-10{padding-bottom: 10rem;}
/* PADDING BOTTOM */

/* PADDING LEFT */
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 3rem;}
.pl-4{padding-left: 4rem;}
.pl-5{padding-left: 5rem;}
.pl-10{padding-left: 10rem;}
/* END PADDING LEFT */

/* END PADDING STYLE */

/* PADDING RIGHT */
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-3{padding-right: 3rem;}
.pr-4{padding-right: 4rem;}
.pr-5{padding-right: 5rem;}
.pr-10{padding-right: 10rem;}
/* END PADDING RIGHT */

/* MARGIN STYLE */

/* MARGIN ALL */
.m-1{margin: 1rem;}
.m-2{margin: 2rem;}
.m-3{margin: 3rem;}
.m-4{margin: 4rem;}
.m-5{margin: 5rem;}
.m-10{margin: 10rem;}
/* END margin ALL */

/* MARGIN TOP */
.mt-0{margin-top: 0rem !important}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}
.mt-5{margin-top: 5rem;}
.mt-10{margin-top: 10rem;}
/* END MARGIN TOP */

/* MARGIN BOTTOM */
.mb-0{margin-bottom: 0rem !important}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}
.mb-5{margin-bottom: 5rem;}
.mb-10{margin-bottom: 10rem;}
/* MARGIN BOTTOM */

/* MARGIN LEFT */
.ml-1{margin-left: 1rem;}
.ml-2{margin-left: 2rem;}
.ml-3{margin-left: 3rem;}
.ml-4{margin-left: 4rem;}
.ml-5{margin-left: 5rem;}
.ml-10{margin-left: 10rem;}
/* END margin LEFT */

/* END MARGIN STYLE */

/* MARGIN RIGHT */
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 3rem;}
.mr-4{margin-right: 4rem;}
.mr-5{margin-right: 5rem;}
.mr-10{margin-right: 10rem;}
/* END MARGIN RIGHT */

/* END MARGIN STYLE */

/* RADIUS STYLE */

/* RADIUS ALL */
.br-mini{border-radius: 0.4rem;}
.br-1{border-radius: 1rem;}
.br-2{border-radius: 1rem;}
.br-3{border-radius: 1rem;}
.br-5{border-radius: 5rem;}
/* RADIUS ALL STYLE */

/* RADIUS STYLE */

.section-padding{padding: 2rem 0}

.section-padding h3{font-size: 1.65rem;margin: 0 ;}
.section-padding p{font-size: 1rem}

/* BG STYLE */

.bg-white{background: #ffffff;}

/* END BG STYLE */

/* SHADOW STYLE */

.shadow-small{box-shadow: 0px 1px 1px rgba(0,0,0,.08);transition: transform 0.9s;-webkit-transition: 0.9s;}
.shadow-normal{transition: transform 0.9s;-webkit-transition: 0.9s;}
.shadow-big{box-shadow: 21px 40px 60px rgba(0,0,0,.15);transition: transform 0.9s;-webkit-transition: 0.9s;}

.shadow-small:hover{transition: transform 0.9s;-webkit-transition: 0.9s;z-index: 99}
.shadow-normal:hover{box-shadow: 21px 40px 60px rgba(0,0,0,.15);transition: transform 0.9s;-webkit-transition: 0.9s;z-index: 99}
.shadow-big:hover{box-shadow: 0px 1px 1px rgba(0,0,0,.08);transition: transform 0.9s;-webkit-transition: 0.9s;z-index:99}

/* SHADOW STYLE */

/* ZOOM STYLE */

.zoom-1{transform: scale(1);}
.zoom-2{transform: scale(1);}
.zoom-3{transform: scale(1);}

.zoom-1:hover{transform: scale(1.05);}
.zoom-2:hover{transform: scale(1.075);}
.zoom-3:hover{transform: scale(1.10);}

/* END ZOOM STYLE */

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext{
    visibility: hidden;
    font-size: 1.2rem;
    min-width: 70px;
    background-color: #f2f2f2;
    color: #000;
    text-align: center;
    padding: 1rem;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -30px;
    box-shadow: 0 1px 3px #00000024;
    left: -15px;
    font-weight: 900;
    text-transform: uppercase;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

button.close-nav-toggle {
  align-items: center;
  display: flex;
  font-size: 1.26rem;
  font-weight: 500;
  justify-content: flex-end;
  padding: 4.1rem 0 1rem;
  width: 100%;
  z-index: 9999999999999;
}
.modal-menu > li > .ancestor-wrapper > a {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #0B243E !important;
  text-decoration: none !important;
}
.modal-menu li{border-color: #f9f9f9 !important}
button.close-nav-toggle .toggle-text  {
  font-size: .65rem !important;
  text-transform: uppercase;
  letter-spacing: 0px !important;
}

button.close-nav-toggle svg {
  height: 1rem;
  width: 1rem;
}

.modal-menu a {
  display: block;
  padding: 1rem 1.5rem;
  text-decoration: none;
  width: 100%;
}
.fill-children-current-color * {
  fill: #0B243E;
}

.hero-img {
    max-height: 420px;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.01);
}

.brand-item{
    border-radius: 0;
    height: 30rem;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
}

.brand-item:hover{
	z-index: 9;
}

.brand-item:hover .brand-logo{background: transparent;transition: transform 0.9s;-webkit-transition: 0.9s;}
.brand-logo  {
    background: #fff;
    padding: 2rem ;
    width: 100%;
    border-radius: 0;
    transition: transform 0.9s;-webkit-transition: 0.9s;
}
.brand-logo img{max-width: 15rem;height: 3rem;margin: 0 auto}

#menu-main-menu-2 {
    display: flex;
    list-style: none;
    margin: 2rem auto;
    justify-content: center;
}

.hero-desc{text-transform: uppercase}


.shop-item{background: #fff;display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 15px;
    }

.shop-logo{border-right: solid 1px #ddd;padding: 1rem}
.shop-logo img{width: 100%}
.shop-link{
    color: #000;
    font-weight: 900;
    border: solid 1px;
    padding: 1rem;
    margin-right: 1rem;
}

.dealer{
    background: #0b243e;
    color: #fff;
    position: sticky;
    top: 100px;
    padding: 3rem;
}
.add-dealer{position: relative}

.sklepy h1{
    margin: 0 0 2rem;
    font-size: 2.2rem;
}

.contact-item {
    display: grid;
    grid-template-columns: 170px auto;
    background: #fff;
    grid-gap: 15px;
    font-size: 1rem
}

.contact-item h5{margin: 0;}
.contact-item h6{font-size: 1rem;margin: 0 0 1rem;font-weight: normal}
.call-me{
    color: #0b243e;
    font-weight: normal;
    font-size: 1.2rem;
    display: block;
}

.toggle-inner .toggle-text{
    position: static;
    padding-right: 20px;
    font-size: 1rem !important;
    color: inherit;
    text-transform: uppercase;
    letter-spacing: 3px !important;
}


.nav-toggle .toggle-inner{padding-top: .6rem}


.prawa h3 {
  font-size: 1.6rem;
  color: #0B243E;
  font-weight: 900;
  margin-bottom: 2rem;
}

.prawa p{font-size: 1rem}

.kontakt-form .section-inner{display: block !important}

.field-wrap select  {
  background: #FDFCFA !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  box-shadow: none;
  color: #787878 !important;
  transition: all .5s;
  line-height: 20px;
  padding: 2rem;
  font-size: 1rem;
}


#menu-first-menu-2 .sub-menu{display: none}

.mobile-bar {
  position: fixed;
  top: 50%;
  right: 0;
}

.mobile-bar img{height: 5.5rem;margin-bottom: 1px}

.booknow{display: none}

.page-image img {
  width: 100%;
  max-width: 2580px;
  height: 65vh;
  object-fit: cover;
  object-position: center;
}

.page-image-small img {
  width: 100%;
  max-width: 2580px;
  height: 35vh;
  object-fit: cover;
  object-position: center;
}

.full-desc a{color: #0B243E !important}
.label-above .field-wrap, .label-below .field-wrap{margin-bottom: 1rem !important}


.oferta-thumbnail img {
  width: 100%;
  object-fit: cover;
  height: 40rem;
  
}

.galeria-slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: .5rem; /* odstęp między zdjęciami */
  justify-content: space-around;
  margin-top: 1px;
}

.galeria-slider::-webkit-scrollbar {
  display: none; /* ukryj scroll */
}

.galeria-item {
  flex: 0 0 calc(22.5% - 1rem); /* 4 zdjęcia w rzędzie */
  scroll-snap-align: start;
}

.galeria-item img{
  width: 100%;
  display: block;
  height: 7.5rem !important;
  object-fit: cover;
  max-height: 20rem !important;
  border-radius: 1rem;
}

.post-right{position: relative}
.formularz {
  background: #0B243E;
  
  padding:3rem;
  color: #fff;position: sticky;top:0;
}
.formularz p{font-size: 1.2rem}
.formularz h4{color: #fff;margin-bottom: 0}
.oferta-dane{line-height: 3rem;}
.oferta-naglowek{border-bottom:solid 1px #FFFFFF73;display: flex}
.oferta-naglowek small{font-size: 1.2rem}
.btn-kraina {
  background: #fff;
  padding: 1.5rem;
  font-size: 1.2rem;
  font-weight: 900;
  color: #000;
  
  display: block;
  text-align: center;width: 100%;
}

b, strong {
  font-weight: 700;
}

.btn-gold {
  background: #E6490F;
  padding: 1.5rem;
  font-size: 1.2rem;
  font-weight: 900;
  color: #fff;
  border-radius: 0;
  display: block;
  text-align: center;width: 100%;
}

.btn-blue {
  background: #0B243E;
  padding: 1.5rem 3rem;
  font-size: 1.2rem;
  font-weight: 900;
  color: #fff;
  
  display: table;
  text-align: center;
}


.btn-group{
  display: flex;
  gap: 1rem;
}
.btn-tel{
  font-weight: 900;
  color: #fff;
  font-size: 2rem;line-height: 1rem;
}

.btn-email{color: #fff;font-size: 1.2rem;line-height: 1rem;}

.cat-post img{width: 100%;height: 25rem;object-fit:cover}

.big-foto img{height: 35rem;}
.oferty-list h2{
  margin: 0 0 1rem;
  font-size: 1.2rem;
  color: #E6490F;
  font-weight: 900;
}

.cat-post h3 {margin: 1rem 0 0; text-transform: none}
.cat-post h3 a{text-transform: none;font-size: 2rem;}
.excerpt{
  font-size: 1.2rem;
  border-bottom: solid 1px #ddd;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.post-price small{font-size: 1rem !important}

.header-links{font-size: 1rem;text-decoration: underline;color: #0b243e;margin-bottom: 1rem;display: block}
.header-title{margin-bottom: .5rem;}
.header-box {
  background-image: url(./img/icons.svg);
  background-repeat: no-repeat;
  background-size: 6rem;
  background-position: right;
}
.udogodnienie p{font-size: 1.2rem;}
.udogodnienie{border-left: solid 1px #E6490F;padding-left: 2rem}
.foto-home{
  
  height: 50rem;
  width: 100%;
  object-fit: cover;
}
.home-boks{height: 35rem;position: relative;background-size: cover;}

.home-boks h3{
  position: absolute;
  font-size: 2rem;
  bottom: 3rem;
  color: #fff;
  width: 90%;
}
.opinia-item{background: #fff;padding: 3rem;margin-right: 1rem;min-height: 30rem}
.opinia-item p{font-size: 1rem}
.opinia-item .autor{font-size: 1rem}
.gwiazdki-5{
  background-image: url(./img/5star.svg);
  margin: 1rem 0;
  background-size: 9rem;
  background-repeat: no-repeat;
  height: 2rem;
}
.gwiazdki-5{
  background-image: url(./img/5star.svg);
  margin: 1rem 0;
  background-size: 9rem;
  background-repeat: no-repeat;
  height: 2rem;
}
.gwiazdki-4{
  background-image: url(./img/4star.svg);
  margin: 1rem 0;
  background-size: 9rem;
  background-repeat: no-repeat;
  height: 2rem;
}
.gwiazdki-3{
  background-image: url(./img/3star.svg);
  margin: 1rem 0;
  background-size: 9rem;
  background-repeat: no-repeat;
  height: 2rem;
}
.gwiazdki-2{
  background-image: url(./img/2star.svg);
  margin: 1rem 0;
  background-size: 9rem;
  background-repeat: no-repeat;
  height: 2rem;
}
.gwiazdki-1{
  background-image: url(./img/1star.svg);
  margin: 1rem 0;
  background-size: 9rem;
  background-repeat: no-repeat;
  height: 2rem;
}

.gray-bg{background: #EFF0F1;padding: 5rem 0}
.sub-menu a{color: #000 !important}

 /* Style the tab */
.tab {
  overflow: hidden;
  background-color: transparent;
    display: flex;
  justify-content: space-between;
  gap: 1px;
}

.tab h4{font-weight: 500;color: #0b243e;margin: 0;font-size: 1.6rem;font-family: "Plus Jakarta Sans", sans-serif;}
.tab p{font-weight: normal;text-transform: none;margin: 0;font-size: 1.2rem;color: #0b243e}
/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #F2EEE5;border-radius: 0;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3rem 1rem;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #d8dce0;text-decoration: none
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #d8dce0;text-decoration: none
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding:1rem 0 ;
  border-top: none;
} 
.tablinks{width: 100%}

p a, details a{
  color: #E6490F;font-weight: bold
}
summary {
  background: #d8dce0;
  padding: 2rem;font-weight: 900;
  margin-bottom: 1rem;
}
details{
  font-size: 1.5rem;
}

.primary-menu .icon::before, .primary-menu .icon::after  {color: #E6490F !important}

body:not(.overlay-header) .primary-menu > li > ul::after {
  border-bottom-color: #E6490F !important;
}

.hero-section{
  background: #fff;
  padding: 2rem 0;
}

.content-post{
  background: #fff;
  padding: 0 1.75rem 1.75rem;
  border-radius: 1rem;
}

#breadcrumbs{
  font-size: .8rem;
  font-weight: normal;;margin-bottom: .5rem;
}
#breadcrumbs span{display: none}
#breadcrumbs a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-size: .65rem;
  text-transform: uppercase;
}
.city-header{padding:0;align-self: end}
.city-header h1 {line-height: 1em;
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem 0 0;
  text-transform: none;
}

.category .city-thumbnail img {
  width: 100%;
  max-height: 50vh;
  height: 25vh;
  object-fit: cover;
  margin-bottom: 1rem;
  border-radius: 1rem;
}

.city-thumbnail img{
  width: 100%;
  max-height: 50vh;
  height: 50vh;
  object-fit: cover;
  margin-bottom: 1rem;
  border-radius: 1rem;
}
.ulubione-przycisk{
  background: #E6490F;
  color: #fff;
  border: none;
  font-size: .8rem;
  text-transform: none;
  padding: 1rem 1.5rem;
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  text-decoration: none;
  border-radius: .5rem;
}

.ulubione-przycisk:hover{text-decoration: none}
.more-link{
  font-size: .8rem;
  color: #000;
  text-decoration: underline;
}

.city-menu{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem;margin-bottom: 1rem}
//*.city-menu a:first-child{background: gold}*//
.float-menu a:first-child{background: gold}
.city-menu a{
  background: #fff;
  text-align: center;
  font-size: .65rem;
  color: #000;
  padding: 1rem;
  line-height: 1.2em;border-radius: 1rem;
}

.city-menu img{
  height: 2rem;
  margin: 0 auto .5rem;
}
.float-menu span{display: none}
.float-menu {
    /* Ustawienia pozycjonowania na desktopie */
    position: fixed;
    right: 1rem;
    top: 10%; 
    
    /* Układ pionowy elementów (jak na desktopie) */
    display: block; 
    
    /* Szerokość menu na desktopie (dostosuj!) */
    width: auto; 
    
    /* Reszta stylów */
    margin: 0 !important;
    z-index: 99999;
    overflow-x: hidden; /* Na desktopie wyłączamy scroll */
}
.float-menu a {
  background: #fff;
  text-align: center;
  font-size: .8rem;
  color: #000;
  padding: 1rem 1rem;
  display: block;
  width: 5rem;
  margin-bottom: 1px;
  line-height: 1em;
}
.float-menu img{
  height: 2.4rem;
  margin: 0 auto .5rem;
}

.tresc-posta h5{
  font-size: 1rem;
  border: solid 1px;
  display: table;
  padding: .75rem;
  border-radius: .345rem;
}

.tresc-posta h2{
  font-size: 2rem;
}

#video{
  background: #C3D0BA;
  border-radius: 1rem;
  padding: 1.5rem;
}
.inne-video iframe{height: 22.5rem !important;border-radius: 1rem !important;}
.first-video iframe{width: 100%;border-radius: 1rem !important;}
.video-desc h2{font-size: 1.4rem;margin: 1rem 0}
.video-desc{padding: 0}
.video-desc img{margin-bottom: -3rem;height: 10rem;}
.inne-video {
  background: #DEE4D9;
  padding: 3rem}
  .video-item{width: 100vw; }
  .section-inner.inne-video {
        display: flex;gap:1rem;border-radius: 0 0 .345rem .345rem
       }

.flight-link-container a{
  font-size: 1.2rem;
  font-weight: 500;
  padding:1.5rem 2rem 1.5rem 5rem;
background: #fff url(./img/ticket.svg);
background-repeat: no-repeat;  
color: #000;
  text-transform: none;
  font-family: Poppins;
  letter-spacing: -.25px !important;
  background-position: 1rem center;background-size: 3rem;
}

.nasz-tip-box{
  background: white;
  padding: 2rem;border: dashed .25rem #f1eee5;
}

#pogoda .widget{margin-bottom: 3rem;align-self: center;padding-top: 0 !important;padding-bottom: 0 !important}

.travel-link-item {
  font-size: 1.2rem;
  color: #000;
  padding: 2rem;
  display: table;
  margin: 1rem 0;
  background: #fff;
  box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.25rem 0.5rem;
  border-radius: .325rem;
}
  
.loty-link{
  background-image: url(./img/ticket.svg) !important;
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: 1rem center;
  padding-left: 5rem;
}

.atrakcje-link{
  background-image: url(./img/atrakcje.svg) !important;
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: 1rem center;
  padding-left: 5rem;
}

#loty-page .grid-42{grid-gap:2rem}

#loty-page{
  padding: 2rem;border-radius: 1rem;
}

body.page-template-loty {
    background: #f7faff !important;
}
.loty-frame iframe{
  display: block;
  max-width: 100%;
  border-radius: 1rem;
  padding: 2rem;
  background: #fff;
}

.loty-desc{
	background: linear-gradient(0deg,rgb(0, 0, 0) -93%, rgba(0, 0, 0, 0) 100%), url(https://tiptrip.pl/wp-content/uploads/2025/10/taj-mahal-1200x800.jpg);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 2rem;
  border-radius: 1rem;
  height: 41vh;align-self: end;
  display: flex;

}
.lh-icon img {
  margin: 0;
  border-radius: 1rem 1rem 0 0;
  height: 7.5rem;
  width: 100%;
  object-fit: cover;
}
.lh-icon{
  background: #fff;
  padding: 0;
  border-radius: 1rem;
  text-align: center;
  
}
.lh-icon h6{
  margin: 1.5rem 1rem;
  font-size: 1.2rem;
  text-transform: none;
  font-weight: normal;
}
.lh-icons-set{}
.loty-desc .hero-promo-lh{align-self: end;color: #fff}
#loty-page h1{
  color: #fff;
  margin: 0rem 0 1rem;
  font-size: 3.8rem;
  line-height: 1em;
}
.mobile-off{
  display: block;
  background: #fff0;
  padding: 0rem;
  box-sizing: content-box;
}

.mobile-on{display: none}
html{
  font-size: auto !important;
}
.custom-tip-form-container input[type="text"],
    .custom-tip-form-container input[type="url"],
    .custom-tip-form-container textarea {
  width: 100%;
  padding: 2rem;
  margin-top: 5px;
  box-sizing: border-box;
  font-size: 1.2rem;
}

    .custom-tip-form-container p {
        margin-bottom: 20px;
    }
    .custom-tip-form-container button[type="submit"] {
  padding: 2rem;
  cursor: pointer;
  background: #E6490F;
  color: white;
  border: none;
  width: 100%;
  font-size: 1rem;
  text-transform: none;
}
    
    .custom-tip-form-container{
  background: #fff;
  padding: 3rem;
  font-size: 1rem;border: dashed 2px;
}


.zgoda-rodo{
  font-size: 1rem;
  font-weight: normal;
}

.tip-card{
  background: #fff url(./img/tip-orange.svg);
  padding: 2rem;margin-bottom: 1rem;background-repeat: no-repeat;
  background-position: 2rem 2rem;
  padding-left: 5rem;
  background-size: 2rem;border-radius: .345rem
}

.tip-meta{
  font-size: 1rem;
  background: #F7F8F5;
  padding: 1rem;
  text-align: right;
  display: flex;
  justify-content: end;
  gap:1rem;
}
.tip-item h3{margin-top: 0}
.tip-author{font-weight: 900;align-self: center}
.tip-instagram-link {
  color: #000;
  border: solid 1px;
  padding: .75rem;
  font-size: .65rem;
  margin: 0 1rem;
}
.tip-content p{
  line-height: 1.5em;
  margin: 0 0 1em 0;
  font-size: 1.1rem;
  font-family: inherit;
}

#dodajtip{
  background: #DEE4D9;
  padding: 3rem;border-radius: .345rem;
}
.add-mobile{display: none}

 .form-home{
  background: white;
  
  margin-top: 1px;height: auto;
  padding: 1rem;  display: flex;
}
 .form-home .grid-3{
  align-content: end;grid-template-columns:1fr 2fr auto;
}

.form-home h1 {
  align-self: center;
  color: #000;font-size: 2rem;
  margin: 0;
}

/* Ukryj domyślny wygląd na większości przeglądarek */
.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Usuń strzałkę w IE/Edge */
    &::-ms-expand { 
        display: none; 
    }
}




/* ---------------------------------------------------- */
/* Kontener i główne style */
/* ---------------------------------------------------- */

.custom-select-wrapper {
    position: relative;
    display: inline-block; /* Albo block, jeśli ma zajmować całą szerokość */
    width: 100%; /* Przykładowa szerokość */
    margin-bottom: 1rem;max-width: 100%;
}

.select-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 900;
    color: #333;
}

.custom-select {
  display: block;
  width: 100%;
  padding: 1.2rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: none;
  cursor: pointer;
  border-radius: .345rem;border-color: #80bdff; /* Kolor przy focusie */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus {
    border-color: #80bdff; /* Kolor przy focusie */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* ---------------------------------------------------- */
/* Własna strzałka za pomocą ::after */
/* ---------------------------------------------------- */

.custom-select-wrapper::after {
    content: '\25BC'; /* Kod unicode dla małej strzałki w dół */
    position: absolute;
    top: 50%; /* Przesunięcie na środek pionowo */
    right: 15px;
    transform: translateY(-80%);
    pointer-events: none; /* Upewnij się, że kliknięcie na strzałkę aktywuje select */
    color: #495057;
    font-size: 1.5rem; /* Mniejsza strzałka */
    line-height: 1;
}

/* Dodatkowa kontrola pozycji dla etykiety */
.custom-select-wrapper {
    /* Ustawienie top na kontenerze w celu poprawnego pozycjonowania strzałki, gdy jest etykieta */
    padding-top: 1rem; 
    
}
.custom-select-wrapper .select-label {
    position: absolute;
    top: 0;
}
.custom-select-wrapper::after {
    top: calc(50% + 12px); /* Korekta pozycji strzałki w dół o połowę wysokości etykiety */
}

 /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
} 

.btn-home{
  background: #fff;
  display: block;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1em;
  padding: 1.55rem;
  text-align: center;
  align-self: center;
  color: #000;
}

.blue-btn{
  background: #3fa5ff;
  color: #fff;border-radius: .25rem;
}
.orange-btn{
  background: #e6490f;
  color: #fff;border-radius: .25rem;
}

.btn-home img {
  height: 3.75rem;
  border-right: solid 1px #e4e4e4;
  border-radius: 0 !important;
  padding: .75rem;
}
.btn-book{
  color: #fff;
  font-weight: 400;
  background-color: red;
  padding: .5rem 2rem .5rem .5rem;
  display: flex;
  gap: 1rem;
  border-radius: .345rem;
}
.btn-book img{
  background: transparent;
  border-right: solid 1px #ffffff2e;
}

.btn-loty{
  color: #fff;
  font-weight: 400;
  background-color: #1585fc;
  padding: .5rem 2rem .5rem .5rem;
  display: flex;
  gap: 1rem;
  border-radius: .345rem;
}
.btn-loty img{
  background: transparent;
  border-right: solid 1px #ffffff2e;
}


.btn-hotel img{
  background: transparent;
  border-right: solid 1px #ffffff2e;
}

.btn-hotel{
  color: #fff;
  font-weight: 400;
  background-color: #0b48a7;
  padding: .5rem 2rem .5rem .5rem;
  display: flex;
  gap: 1rem;
  border-radius: .345rem;
}


/* NAGŁÓWKI NOWE STYLE */

.naglowek-layout{
  display: grid;
  gap: 1rem;
  grid-template-columns: auto .25fr;
}
.naglowek-layout .travel-link-item {
  margin: 0;
  display: block;
  border: none;
  background: transparent;
  text-align: right;
  text-decoration: underline;
  padding: 1rem 0;box-shadow: none;
}
.naglowek-layout h3{margin: 0;font-size: 2rem}
.wyprawa-content{position: relative}
.wyprawa-content .ulubione-przycisk {
  top: 0rem;
  right: 0rem;
}
.wyprawa-content h1 {
  font-size: 1.82rem;
  margin: 1rem 0 .5rem;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  width: 60%;
}
.wyprawa-content #breadcrumbs {
  font-size: .8rem;
  font-weight: normal;
  margin-bottom: 1.5rem;
}
.wyprawa-content .section-inner{margin: 0;width: 100%}
.galeria-section img{height: 10rem;}
.wyprawa-right{
  background: transparent;
  align-self: start;
}

.wyprawa-right .trip-frame{
  padding: 2rem 4rem;
  border-radius: .325rem;
}

/* Kontener główny i tło */
.tip-trip-form-wrapper {
    max-width: 800px;
    margin:auto;
    padding: 2.5rem;border-radius: 1rem;
    background-color: #e1e7df;
}

.tip-trip-form h2 {
  color: #000;
  padding-bottom: 10px;
  margin: 0 0 .5rem 0;
  font-size: 1rem;
  font-weight: bold;
}

.form-description {
  color: #666;
  font-size: 1rem;
  line-height: 1.2em;
  padding: 1rem;
  background: #eaf3f5;
  font-size: .65rem !important;
  border-radius: .5rem;
}


/* ---------------------------------------------------- */
/* Grupy pól i etykiety */
/* ---------------------------------------------------- */

.form-group {
    margin-bottom: 25px;
}

.form-group label:not(.checkbox-inline, .radio-inline) {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #10213d;
  font-size: .75rem;
}

/* Wiersze kolumn (dostosowanie do Bootstrap/własnej siatki) */
.form-group.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px; /* Korekta marginesów dla kolumn */
}

.form-group.row .col-md-6,
.form-group.row .col-md-4 {
    padding: 0 10px;
    margin-bottom: 15px;
}

/* Responsywność dla wierszy */
@media (min-width: 768px) {
    .form-group.row .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .form-group.row .col-md-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}
@media (max-width: 767px) {
    .form-group.row .col-md-6,
    .form-group.row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* ---------------------------------------------------- */
/* Pola tekstowe, numeryczne, date i textarea */
/* ---------------------------------------------------- */

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="date"],
textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 0;
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s;
  font-size: 1.2rem;
}
input:focus,
textarea:focus {
    border-color: #007bff; /* Kolor przewodni przy focusie */
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
    outline: none;
}

textarea {
    min-height: 120px;
    resize: vertical;
}

/* ---------------------------------------------------- */
/* Checkboxy i Radio Buttons (Stylizacja inline) */
/* ---------------------------------------------------- */

.checkbox-inline,
.radio-inline {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    font-weight: normal;
}
input[type="checkbox"]{width: 1rem;
  min-width: 1rem;
  height: 1rem;}
.checkbox-inline input[type="checkbox"],
.radio-inline input[type="radio"] {
    margin-right: 5px;
}

.rodo-form{
  font-size: .5rem !important;
  font-weight: normal !important;
  display: flex !important;
  gap: 1rem !important;line-height: 1rem;
}


input[type="checkbox"]:checked::before {height: 1.5rem;
  width: 1.5rem;}

.help-text  {
  color: #666;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.2em;
  padding: 1rem;
  background: #eaf3f5
}

/* ---------------------------------------------------- */
/* Budżet */
/* ---------------------------------------------------- */

.budget-options {
    display: block;
    align-items: center;
}

.budget-options input[type="text"] {
    max-width: 100%;
}

/* ---------------------------------------------------- */
/* Przycisk WYŚLIJ i komunikaty */
/* ---------------------------------------------------- */

.submit-button{
  display: block;
  width: 100%;
  padding: 1.25rem;
  background-color: #28a745;
  color: white;
  border: none;
  font-size: 0.85rem;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.1s;
  text-transform: none;
  border-radius: .5rem;
}

.submit-button:hover {
    background-color: #218838;
}

.submit-button:active {
    transform: translateY(1px);
}

/* Komunikaty o błędach/sukcesie */
.success-messag {
  padding: 1rem;
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
  margin-bottom: 20px;
  font-weight: bold;
  border-radius: .5rem;
}

.error-message {
  padding: 1rem;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
  margin-bottom: 20px;
  font-weight: bold;
  border-radius: .5rem;
}

/* ---------------------------------------------------- */
/* RODO - mniejsza czcionka */
/* ---------------------------------------------------- */

.privacy-policy label {
    font-size: 0.95rem;
    color: #555;
    font-weight: normal;
}

.mc-list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.mc-list .checkbox-inline{
  border: solid 1px #eaf3f5;
  padding: .5rem;
  margin: 0;
  border-radius: .25rem;
}

.termin-item {
    margin: 0 0 1rem 0;
    background: #e6490f;
    color: #fff;
    font-weight: normal;
    text-align: left;
    
    border-radius: 1rem;
    padding: 1.5rem;font-size: .85rem;
}

summary::marker {
  content: "";
}

.book-form{
  cursor: pointer;
  background-image: url("https://tiptrip.pl/wp-content/themes/TipTrip/img/kalendarz.svg") !important;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  background-position: 1rem;
  padding-left: 4rem;
  letter-spacing: -.2px !important;
}

.trip-form{
  cursor: pointer;
  background-image: url("https://tiptrip.pl/wp-content/themes/TipTrip/img/torba.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 2.4rem !important;
  background-position: 1rem !important;
  padding-left: 4rem;
  letter-spacing: -.2px !important;
}

.shop-form{
  cursor: pointer;
  background-image: url("https://tiptrip.pl/wp-content/themes/TipTrip/img/oferta.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 2.4rem !important;
  background-position: 1rem !important;
  padding-left: 4rem;
  letter-spacing: -.2px !important;
}
.boss-box{
  display: grid !important;
  grid-template-columns: 5rem auto;
  grid-gap: 1rem;
  background: #e1e7df;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  position: relative;
}

.boss-box .step-next{
  margin-top: 0;
  display: block;
  padding: 1rem;
  align-self: center;
}

.boss-box .attachment-post-thumbnail{
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  border-radius: 1rem;
  border: solid 2px #eaf3f5;
}
.boss-box a{color: #10213d;text-align: center;align-self: center}
.boss-desc p{margin: 0;font-size: 1rem}
.boss-desc h5{
  margin: 0;font-size: .85rem;
  line-height: 1em;
  padding: 0;
  text-align: left;
}
.whatsapp-button img{height: 3.1rem}

.boss-desc{
  display: grid;
  grid-template-columns: auto auto;grid-gap: .5rem;
}

/* ---------------------------------------------------- */
/* 1. Definicja animacji PULSE */
/* ---------------------------------------------------- */
@keyframes pulse {
    0% {
        /* Punkt początkowy: brak cienia, normalna skala */
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(230, 73, 15, 0.5); /* Cień pulsujący */
    }
    70% {
        /* W punkcie kulminacyjnym: lekko powiększony i rozszerzony cień */
        transform: scale(1.02); 
        box-shadow: 0 0 0 10px rgba(230, 73, 15, 0); /* Cień zanika i rozszerza się */
    }
    100% {
        /* Powrót do stanu początkowego */
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(230, 73, 15, 0);
    }
}


/* ---------------------------------------------------- */
/* 2. Zastosowanie klasy .pulse */
/* ---------------------------------------------------- */
.termin-item.pulse {
    /* Włączenie animacji */
    animation: pulse 2s infinite; 
    /* Nazwa: pulse, Czas trwania: 2s, Powtarzanie: nieskończone */
}


.grid-3-btn {
  align-self: center;display: grid;
  grid-template-columns: auto auto auto;
  gap: 1rem !important;
}
.grid-3-btn .btn-book{display: flex}
.btn-book{display: none}

.form-foto {
  height: 20rem;
  width: 100%;
  object-fit: cover;
  margin-bottom: 1rem;
}
/* ==================================================== */
/* 1. TŁO I GŁÓWNY KONTENER (GŁÓWNA KARTE) */
/* ==================================================== */

/* Ustawiamy tło sekcji na jasny kolor firmowy, aby formularz (biały) wyróżniał się */
body #twoj-kontener-formularza { 
    background-color: #eaf3f5; 
    padding: 20px 0;
}

#trip-planning-form {
  max-width: 620px;
  margin: 0 auto;
  padding: 3rem;
  background-color: #ffffff;
  border-radius: .345rem;
  font-family: 'Open Sans', 'Arial', sans-serif;
}

#trip-planning-form fieldset{border: none;padding: 0}

#trip-planning-form h2 {
    color: #1a1a1a;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0;
    padding-bottom: 12px;
    margin-bottom: 1rem;
}

/* ------------------ Etykiety ------------------ */

label  {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 900;
  color: #333;
  font-size: .8rem;
}


/* ------------------ Sekcja dat w siatce ------------------ */
.date-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}


/* ==================================================== */
/* 2. POLA WEJŚCIOWE (GŁĘBIA/WKLĘSŁOŚĆ) */
/* ==================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea {
    width: 100%;
    padding: 14px 15px;
    /* Grubsza ramka, aby symulować głębię */
    border: 1px solid #eaf3f5; 
    border-radius: 6px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-size: 1rem;
    background-color: #f8f8f8; /* Tło lekko szare */
}

input:focus,
textarea:focus,
select:focus {
    border-color: #e6490f; /* Ramka w kolorze firmowym na focusie */
    /* Usunięcie cienia wewnątrz i dodanie lekkiego cienia na zewnątrz */
    box-shadow: 0 0 0 1px #e6490f, 0 0 8px rgba(230, 73, 15, 0.1); 
    outline: none;
    background-color: #ffffff;
}

/* ------------------ Checkbox i Radio Style ------------------ */

input[type="checkbox"] + label::before {
    border: 1px solid #ccc;
    background-color: #ffffff;
}
input[type="checkbox"]:checked + label::before {
    background-color: #e6490f;
    border-color: #e6490f;
}


/* ==================================================== */
/* 3. PRZYCISKI NAWIGACYJNE (Pełny kolor i siła) */
/* ==================================================== */

.next-step-btn,
.prev-step-btn,
#submit-btn {
    display: inline-block;
    padding: 2rem 3rem;
    margin-top: 2rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: .345rem; 
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

/* Przycisk Główny i Dalej */
.next-step-btn,
#submit-btn {
    background-color: #e6490f; /* Pomarańczowy kolor firmowy */
    color: white;
    box-shadow: 0 4px 10px rgba(230, 73, 15, 0.3); /* Głęboki, kolorowy cień */
}

.next-step-btn:hover,
#submit-btn:hover {
    background-color: #cf410d;
    box-shadow: 0 6px 15px rgba(230, 73, 15, 0.4);
    transform: translateY(-2px);
}

/* Przycisk Wróć (Jako elegancki przycisk 'Duch') */
.prev-step-btn {
    background-color: transparent;
    color: #10213d;
    border: 2px solid #ccc;
    box-shadow: none;
}

.prev-step-btn:hover {
    background-color: #f0f0f0;
    color: #1a1a1a;
    transform: translateY(-1px);
}

/* ==================================================== */
/* NOWOCZESNA STYLIZACJA RADIO BUTTONS */
/* ==================================================== */

/* OPAKOWANIE: Użyjemy flexbox, aby ustawić opcje obok siebie */
.radio-options-group {
    display: flex;
    gap: 15px; /* Odstęp między opcjami */
    margin-top: 10px;
}

/* 1. Ukrywamy natywny input radio, aby móc stylizować etykietę */
.radio-options-group input[type="radio"] {
    position: absolute;
    opacity: 0;
    /* Upewnij się, że nie przeszkadza w klikaniu */
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* 2. Stylizujemy KLIKALNĄ ETYKIETĘ (główna "karta" opcji) */
.radio-options-group label {
    display: flex; /* Flex dla lepszego wyrównania wewnątrz etykiety */
    align-items: center;
    padding: 10px 15px;
    background-color: #f7f7f7;
    border: 2px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 900;
    color: #10213d;
    transition: all 0.2s ease;
    margin: 0; /* Zerujemy domyślny górny margines etykiety */
    user-select: none; /* Zapobiega zaznaczaniu tekstu */
}

/* 3. Własny wskaźnik kropki (przed tekstem) */
.radio-options-group label::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border-radius: 50%;
    border: 2px solid #999;
    background-color: white;
    transition: all 0.2s ease;
}

/* 4. Stan ZAZNACZONY (Akcent pomarańczowy) */
.radio-options-group input[type="radio"]:checked + label {
    background-color: #ffe6db; /* Bardzo jasny, subtelny pomarańcz */
    border-color: #e6490f; /* Ramka w kolorze firmowym */
    color: #1a1a1a;
    box-shadow: 0 1px 3px rgba(230, 73, 15, 0.2); /* Lekki cień przy zaznaczeniu */
}

/* 5. Wnętrze wskaźnika w stanie ZAZNACZONYM */
.radio-options-group input[type="radio"]:checked + label::before {
    border-color: #e6490f; /* Ramka w kolorze firmowym */
    background-color: #e6490f; /* Wypełnienie kropki */
    box-shadow: inset 0 0 0 3px white; /* Efekt "pierścienia" */
}

/* 6. Hover na niezaznaczonym elemencie */
.radio-options-group input[type="radio"]:not(:checked):hover + label {
    border-color: #b3b3b3;
    background-color: #f0f0f0;
}

.thx-form {
  color: green;
  background: #def3de;
  padding: 3rem;
  text-align: center;
  margin: 2rem auto;
  border-radius: .345rem;
  box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.25rem 0.5rem;
}
/* Styling dla szablonu single-zapytania_wycieczki.php */

.oferta-header {
    min-height: 400px;
    background-size: cover;
    background-position: center center;
    position: relative;
    color: white;
    padding: 0;
    display: flex;
    align-items: flex-end;
}

.oferta-header .overlay {
    background: rgba(0, 0, 0, 0.4); /* Półprzezroczysta warstwa dla czytelności tekstu */
    padding: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.oferta-header .entry-title {
    color: white;
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.2;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.metadata-bar {
    font-size: 0.9rem;
}

.client-greeting {
    font-weight: 900;
    color: #ffe0b2; /* Jasny pomarańczowy akcent */
    margin: 0;
}

.entry-content {
    padding: 40px 0;
}

.oferta-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Stylizacja wyświetlania oryginalnego zapytania */
.client-request-details ul {
    list-style: none;
    padding-left: 0;
    border: 1px solid #eaf3f5;
    border-radius: 8px;
    background-color: #f9f9f9;
    padding: 15px 30px;
}

.client-request-details ul li {
    padding: 5px 0;
    border-bottom: 1px dashed #eee;
}

.client-request-details ul li:last-child {
    border-bottom: none;
}

/* ------------------ Responsywność ------------------ */
@media (max-width: 550px) {
    #trip-planning-form { padding: 25px 20px; }
    
    .next-step-btn,
    #submit-btn,
    .prev-step-btn {
        display: block;
        width: 100%;
        margin-top: 15px;
        text-align: center;
        gap:0;
    }
    
    .prev-step-btn {
        margin-bottom: 10px;
    }
}

/* ==================================================== */
/* 2. POLA WEJŚCIOWE I FOCUS (W stylu 'Głęboka Karta') */
/* ==================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea {
    /* 1. KRYTYCZNE: Ustawienie rozmiaru czcionki na minimum 16px. 
       To jedyna reguła, którą przeglądarka iOS respektuje, by zaprzestać zoomowania. */
    font-size: 16px !important; 
    
    /* 2. ZABLOKOWANIE SKALOWANIA TEKSTU DLA WEBKIT (iOS/Safari) */
    -webkit-text-size-adjust: 100% !important;
}

/* Opcjonalna, ale dobra praktyka: Wyczyść marginesy dla inputów w iOS */
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="date"] {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* Usuwa niebieski flash przy kliknięciu */
}

/* ------------------ SELECT (Lista rozwijana) ------------------ */

select {
    /* Dla Safari: upewnij się, że strzałka natywna jest ukryta */
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    /* Dodatkowe wypełnienie po prawej stronie, aby zrobić miejsce na własną strzałkę */
    padding-right: 30px; 
}

/* Dodajemy własną strzałkę, ponieważ natywna jest ukryta (minimalistyczny styl) */
.select-wrapper {
    position: relative;
    /* Opcjonalnie: Użyj div.select-wrapper w HTML wokół selecta, 
       jeśli chcesz mieć własną strzałkę: */
}

.select-wrapper::after {
    content: '▼'; /* Symbol strzałki w dół */
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none; /* Upewnia się, że można kliknąć na select */
    color: #e6490f; /* Kolor strzałki */
    font-size: 0.8rem;
}

/* ------------------ DATE input (Data) ------------------ */

/* Dodatkowa kontrola koloru dla input[type="date"] w Safari */
input[type="date"] {
    color: #333;
}
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    color: #333;
}

.step-header {
  background: #e6490f;
  padding: 3rem;
  border-radius: .345rem;
  color: #fff;
}
.step-header p{font-size: 1rem}
.step-header h2{color: #fff !important;margin: 0 !important;}

/* ==================================================== */
/* KAFeLKI WYBORU STYLU PODRÓŻY (KROK 3) */
/* ==================================================== */

/* Kontener siatki - Dwie kolumny na desktopie */
.tile-options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1px;
  margin-top: 20px;
  font-size: 0;
}
/* 1. Ukrywamy natywny checkbox */
.tile-options-grid input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.img.emoji {
  display: block !important;
  border: none !important;
  box-shadow: none !important;
  height: 2em !important;
  width: 2em !important;
  margin: .5rem auto;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}
/* 2. Stylizujemy całą etykietę jako kafelek */
.tile-option-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: 15px 20px;
  height: auto;
  min-height: 70px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: .345rem;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  font-weight: 500;
  font-size: 1rem;
  color: #10213d;
}

input[type="checkbox"] + label {
  display: inline;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
/* Ikona */
.tile-option-label i {
  font-style: normal;
  font-size: 2.5rem;
  margin-right: 0;
  color: #999;
  transition: color 0.2s;
  display: block;
}

/* 3. STAN HOVER */
.tile-options-grid input[type="checkbox"]:not(:checked):hover + .tile-option-label {
    border-color: #b3b3b3;grid-template-columns:  1fr 1fr 1fr;
    background-color: #f7f7f7;
}

/* 4. STAN ZAZNACZONY */
.tile-options-grid input[type="checkbox"]:checked + .tile-option-label {
    background-color: #ffe6db; /* Bardzo jasny pomarańczowy tło (#ffe6db) */
    border-color: #e6490f; /* Ramka w kolorze firmowym */
    color: #1a1a1a;
    box-shadow: 0 4px 10px rgba(230, 73, 15, 0.2);text-align: center;
    /* Usuwamy transformację, aby kafelki w siatce wyglądały czyściej */
}

.tile-options-grid input[type="checkbox"]:checked + .tile-option-label i {
    color: #e6490f; /* Kolor ikony po zaznaczeniu */
}

/* ------------------ Responsywność ------------------ */
@media (max-width: 550px) {
    .tile-options-grid { 
        /* Na mobilnym ekranie, jeden kafelek na całą szerokość */
        grid-template-columns: 1fr 1fr 1fr; 
    }
}

.wyprawa-header h1 {
  font-size: 4rem;
  color: #fff;
}	
.warning-box small{
  font-weight: normal;
  text-decoration: underline;
  display: block;
  margin-top: .5rem
}
.warning-box  {
	background: gold;
  padding: 2rem;
  border-radius: 1rem;
}
.warning-box p{
  font-size: 1rem;
  line-height: 1.2em;
  margin: 1rem 0 0;
}

.warning-box summary {
  padding: 0;
  background: transparent;
  margin: 0;font-size: 1rem;
}

.mini-header.mini-header {
  font-weight: normal;
  margin: 1rem 0;
  text-decoration: underline;
  font-size: .8rem;
}
.section-popular-posts .section-inner{
  display: grid;
  grid-template-columns: 2fr 8fr;
}

.posts-list-grid{
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.posts-list-grid .atrakcja-link{margin-right: 0;width: 100%;}

#linki{
  display: flex;
  gap: 1rem;
}



.post-template-atrakcja .city-header {
  padding: 0;
}

#loty-city h3{
  color: #fff;
  font-weight: 900;
  font-size: 3.4rem;
}

#loty-city{
  background: #eaf3f5;
  padding: 0;
  border-radius: .345rem;
}

.hotel-desc{
  padding: 7rem;
  color: #fff;
  align-self: center;
clip-path:polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);  background: #765dad;
}
.lot-desc{
  padding: 7rem;
  color: #fff;
  align-self: center;
  clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
  background: #3264ff;
}

.hotel-search-m{
  background: #eaf3f5;
  padding: 3rem;
  border-radius: 0 .345rem .345rem 0;align-self: center
}

.lot-search-m{
  background: #eaf3f5;
  padding: 3rem;
  border-radius: 0 .345rem .345rem 0;align-self: center
}

#hero-home{
  height: 30rem;
  width: 100%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 2rem 3rem;
}
.hero-sticker{
  display: table;
  border: solid 1px;
  padding: .8rem;
  border-radius: 2.345rem;
  font-size: .65rem;
  font-weight: 900;
}
.hero-naglowek{color: #fff;font-size: 3rem;margin: .5rem 0}

.hero-opis{
  font-size: .85rem;
  width: 90%;
}

.hero-content {
  max-width: 1280px;
  color: white;
  text-align: left;
  align-self: end;
  padding-bottom: 2rem;width: 100%;
}
.hero-przycisk{
  display: inline-block;
  padding: 1.5rem 3rem;
  font-size: 1rem;
  color: #000;
  text-decoration: none;
  border-radius: 5rem;
  margin-top: 1rem;
  background: #fff;
}

.category-pagination {
}
.pagination a{
  text-decoration: none;
  color: #000;
}

 .nav-links > * {
    margin: 1rem;
    border: solid 1px;
    padding: .75rem 1rem;
    line-height: 1em;
    font-size: .65rem;
    font-weight: normal;
  }

.oferta-desc .grid-62{
  display: grid;
  grid-template-columns: 8fr auto;
  grid-gap: 1rem;
  margin: 0;
  border-bottom: dashed 1px #ddd;padding:0 0 1rem;
}
  
.oferta-desc{background: #fff;
  border-radius: 1rem;padding: 1.5rem;margin:0 0 1rem 0}
.oferta-desc ul{
  list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  
}

.oferta-desc li {
  list-style: none;
  margin: 1rem 0 0;
}

.content-desc li  {
  list-style: circle;
  margin: 1rem 0 0 1rem;
}

.page-template-kontakt .oferta-desc ul {
  list-style: circle;
  margin: 2rem 1rem;
  display: block;
  }
  

.page-template-kontakt .oferta-desc li{
  list-style: circle;
  margin: 1rem 0 0;
  font-size: 1rem;
}
.post-template-hotel .oferta-desc ul {
  list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns:auto auto auto auto auto auto;
}

.oferta-desc ul
.oferta-desc li {
  margin: 1rem 0 0;
}
.oferta-desc h4{
  margin:1rem 0;
  font-size: 1rem;
  padding: 0;
  align-self: center;
}

.oferta-desc li h6{
  margin: 0 0 .25rem;
  font-size: .65rem;
}
.oferta-desc li p{margin: 0;font-size: .65rem}
	/* On screens that are 992px or less, set the background color to blue */
.partner-box img{
  height: 1.2rem;
  margin:.5rem 0;
}
.partner-box{
  font-size: .68rem;
  color: #666;
  padding: 1.65rem;
  border-radius: 1rem;
  background: #fff;
}

.partner-opis{padding-right: 2rem;align-self: center}
.partner-opis p {
  font-size: .75rem;margin: 0;
  line-height: 1.4em;color: #666;
}

.partner-opis h5{
  font-size: 1.3rem;
  margin: 0 0 .5rem;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
#tip-partner{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
  border: solid 1px #e0e6ee;
  padding: 1rem;
  border-radius: 1rem;
}

#tip-partner .partner-box{
  font-size: .8rem;
  line-height: 1.25em;
}

#tip-partner .partner-box img {
  height: 4rem;
  margin: 0 0 1rem 0;
}

#tip-partner .partner-opis h5 {
  font-size: 1.2rem;
  margin: 0 0 .5rem;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}

#tip-partner .partner-opis p {
  font-size: .68rem;
  margin: 0;
  line-height: 1.4em;
  color: #666;
}

#partner{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
  padding: 2rem;
  border-radius: 1rem;
  background: #eaf0fb;
}
.step-item p{font-size: .85rem}
.step-item{background: #eaf3f5;padding: 2rem;border-radius: 1rem}

.step-item:hover{}
.step-item .p-2{
  padding: 1rem 0;
}
.step-item img{
  height: 15rem;
  width: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.step-next {
  color: #000;
  border: solid 1px #fff;
  margin: 1rem 0 0 0;
  padding: 1rem 2rem;
  display: table;
  border-radius: .5rem;
  font-size: .8rem;
  background: #fff;box-shadow: 0px 1px 1px rgba(0,0,0,.08);font-weight: 500;
}
.oczekiwania{
  font-size: 1.2rem;
}
.oczekiwania-item{
  padding: 1rem;
  border-radius: 1rem;background: #fff;
}
.oczekiwania-item h6{
  margin: 0 0 .5rem;
  font-size: 1rem;
}

.left-img .section-inner{border-radius: 1rem}
.right-img .section-inner{border-radius: 1rem}
.layout-frame{
  background: #F5F8FC;
  padding: 2rem;
  border-radius: 1rem;
  box-sizing: border-box;
}

.layout-frame iframe{border-radius: 1rem;}

#qr-popup-content{
  position: absolute;
  top: auto !important;
  left: auto !important;
  transform: translate(-5%, -5%) !important;
  background: white;
  padding: 2rem;
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  bottom: 1rem !important;
  right: 1rem !important;width: 20rem;
}

#qr-popup-content h2 {
  font-size: 1rem;
  text-align: center;
  margin: 0;
}
#qr-popup-content p{font-size: 1rem;text-align: center}

#qr-popup-close{
  background: #ff4300 !important;
  color: white;
  border: none;
  padding: 10px 20px !important;
  border-radius: 1rem !important;
  cursor: pointer;
  margin-top: 0;
  font-size: 1rem !important;
}
#qrcode{
  margin: 1rem;
  border: solid 1px #ddd;
  padding: 1rem;
  border-radius: 1rem;
}
.hi-im {
  display: grid;
  grid-template-columns:3fr 4fr;
  grid-gap: 2rem;padding: 1rem
}
.hi-im img{
  height: 100%;
  width: 20rem;
  margin: 0 !important;
  object-fit: cover;
  border-radius: 1rem;
}
.hi-im h6  {
  text-transform: none;
  margin: 0 0 1rem;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1em;
}

.hi-opis{
  padding: 1rem 0;
}

.hi-opis p {
  font-size: 1rem;
}
.partner-icons {
  display: table;
  padding: 1rem;
  border-radius: 5rem;
  margin: 0 0 1rem;
  background: #f7faff;
  width: 3.5rem;
  height: 3.5rem;
}
.partner-icons img {
  height: 1.5rem !important;
  margin: auto !important;
}

.pakiet-item{
  background: #F1EEE5;
  box-shadow: 0px 1px 1px rgba(0,0,0,.08);
  padding: 1.5rem;
  border-radius: 1rem;
}
.pakiet-opis{font-size: .85rem;font-weight: 900}
.pakiet-item ul{
  list-style: circle;
  margin: 2rem 0 2rem 1rem;
}
.pakiet-item img{
  border-radius: 1rem;
  height: 15rem;
  width: 100%;
  object-fit: cover;
}
.pakiet-item li{
  font-size: 1rem;
  font-weight: normal;
  border-top: solid 1px #0000000a;
  padding: 1rem 0;
  margin: 0;font-family: Arial;
}
.pakiet-item h6 {
  font-size: 1.4rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}

.price-group a{margin: 1rem !important}

.price-group{
  display: flex;
  background: #e6490f;
  border-radius: 5rem;
  justify-content: space-between;
}
.pakiet-cena{
  align-self: center;
  color: #fff;
  font-weight: 900;
  padding-left: 3rem;font-size: 1.4rem
}

.planuj::after{
  position: absolute;
  content: 'nowość';
  top: .5rem;
  right: 0;
  font-size: 0.4rem;
  padding: .25rem;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 7px;
  margin: 0;
  letter-spacing: 0;
  background: #E6490F;
  border-radius: 5rem;
  font-family: Arial;
}

.search-field{
  padding: 1rem !important;
  font-size: 1rem !important;
  height: 4rem !important;
  border-radius: .5rem !important;
  border: solid 2px #10213d;
}

 .search-modal .search-field{
    position: relative;
    width: 100%;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 1rem;
    padding-left: 3rem;
    font-size: 1rem;
  height: 5rem;
  }
  
.search-modal.active .search-modal-inner{
  padding: 2rem;
}
.polecajka{
  position: absolute;
  display: table;
  border: solid 1px;
  padding: .5rem 1rem;
  border-radius: 2.345rem;
  font-size: .5rem;
  font-weight: 900;
  top: 1rem;
  right: 1rem;
}

.polecam-desc{align-self: end}
.polecam-desc p{margin-bottom: 0;font-size: .65rem}
.news-box h5{
  align-self: end;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 900;
  margin: .5rem 0;
}

.prawa-home {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 1rem;
}
.news-box{
  border-radius: 1rem;
  padding: 2rem;
  color: #fff;
  display: flex;
  height: 17.5rem;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative
}
#post-44 h2{
  background: #10213d;
  margin: 0 0 2rem;
  padding: 1rem;
  border-radius: 0 0 .5rem .5rem;
  color: #fff;
  font-size: 1.2rem;
  border-top: solid 1px #000;
}

#ulubione-lista-kontener {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;margin-bottom: 2rem;
}

#ulubione-lista-kontener img{
  width: 100%;
  height: 5.5rem;
  object-fit: cover;
  border-radius: 1rem;
}

.ulubiony-wpis {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1rem;
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
}

.ulubiony-wpis-tytul {
  font-size: .85rem;
  margin: .5rem 0 1rem 0;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
.ulubiony-wpis-usun{
  font-size: .65rem;
  background: transparent;
  padding: 0;
  color: #000;
  text-decoration: underline;
  font-weight: normal;
  float: right;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.zobacz-to {
  color: #fff;
  border: solid 1px #e6490f;
  margin: 1rem 0 0 0;
  padding: .75rem 2rem;
  display: table;
  border-radius: .5rem;
  font-size: .65rem;
  background: #e6490f;
  box-shadow: 0px 1px 1px rgba(0,0,0,.08);
  font-weight: bold;
}
.ulubiony-wpis-content{position: relative;}

.trip-lot{
  background: #f0f4ff;
  padding: 1.5rem;
  border-radius: 1rem;
}
.trip-hotel{
  background: #f9f2eb;
  padding: 1.5rem;
  border-radius: 1rem;
}
.trip-lot h3, .trip-hotel h3{
  font-size: 1.2rem;
  margin: 0 0 1rem;
  font-weight: 900;
}

.trip-lot iframe, .trip-hotel iframe{border-radius: 1rem}

.tip-warning {
  background: #fbf7f3 url(./img/tip-warning.svg);
  padding: 2rem;
  padding-left: 2rem;
  border-radius: 1rem;
  border: solid #efdecb 1px;
  margin: 1rem 0;
  background-repeat: no-repeat !important;
  background-size: 1rem !important;
  background-position: 1rem 1rem;
  padding-left: 3rem;
  font-size: 1.2rem;
  color: #692c16;
}

.tip-warning p{margin: 0}

.pogoda-mini{
  padding: 2rem;
  background: #DBF7B0;
  margin-bottom: 2rem;
  border-radius: 1rem;
}

.content-post .alignnone{margin: 0 0 2rem;border-radius: 1rem}

.glsr-minimal .glsr-review{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  background: #fbf7f3;
  padding: 3rem;
  border-radius: 1rem;
  font-size: 1.2rem;
}

.glsr-reviews{gap:1rem !important}
.glsr-minimal .glsr-review-title h4{font-size: 1rem}
.glsr-tag-value {
  font-size: .65rem;
}
.glsr-minimal .glsr-review-verified{font-size: .8rem}
/* APP POST STYLE */

.app-header {
  display: grid;
  grid-template-columns: 7.5rem auto;
  grid-gap: 3rem;
}

.app-desc h1{font-size: 1.48rem;margin: 1rem 0 1rem}
.app-desc p{font-size: .85rem;}
.app-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
}
.app-gallery img{
  border-radius: 1rem;
  height: 30rem;
  object-fit: cover;
}
.app-logo img{height: 7.5rem;border-radius: 1rem}

.app-download img{height: auto;margin: 1rem 0;border-radius: 0}
.podobne-aplikacje{
  background: #eaefe8;
  padding: 2rem 1rem 1rem;
  border-radius: 1rem;
}
.podobne-aplikacje h3{font-size: 1.2rem;
  margin: 0 0 1rem;
  font-weight: 900;}
 
.podobne-aplikacje ul, ol {
  margin: 1rem 0;
  list-style: none;
}
.podobne-aplikacje li{
  margin: 1rem 0;
  display: grid;
  grid-template-columns: 5rem auto;
  grid-gap: 1rem;
  background: #fff;
  padding: 1rem;
  border-radius: 1rem;
}

.info-aplikacji{align-self: end}
.info-aplikacji h4{
  color: #000;
  margin: 0;
  font-size: 1rem;
  line-height: 1em;
}
.info-aplikacji .ocena h6{
  margin: .5rem 0;font-size: .65rem;
}
.info-aplikacji a{color: #000}

.app-logo-list{
  border-radius: 1rem;
}

.opinie-prawa h3{
  font-size: 1.2rem;
  margin: 0 0 1rem;
  font-weight: 900;
}
.dodaj-opinie{
  padding: 2rem;
  border-radius: 1rem;
  background: #fbf7f3;
  margin: 2rem 0;
}

.glsr-minimal form.glsr-form label.glsr-label {
  display: block;
  float: none;
  hyphens: none;
  margin: 0 0 1rem !important;
  font-size: 1rem !important;
  font-weight: 400;
}
.wp-block-button button{
  background: #e6490f;
  font-size: .85rem;
  border-radius: 2rem;
  padding: 1rem 3rem;
}

.dodaj-opinie h3{font-size: 1.4rem;margin-top: 0}

.ocena h6 a{
  color: #e6490f;
  text-decoration: underline;
  text-transform: lowercase;
  font-weight: 900;
}

form.glsr-form .glsr-star-rating--stars[class*=" s"] > span{height: 2rem}

.appka-elastyczna{
  background: white;
  display: grid;
  grid-template-columns: 5rem auto;
  padding: 1rem;
  gap: 1rem;
  border-radius: 1rem;
  border: solid #F5F8FC 1px;
}

/* END APP POST STYLE */
.page-template-appka {
  background: #F3FAF5;
}

.page-template-appka .prawa h3 {
  font-size: 2rem;
  color: #0B243E;
  font-weight: 900;
  margin-bottom: 2rem;
}

/* STAR STYLE */

.ocena img{height: 1rem}
.ocena h6{
  font-weight: normal;
  text-transform: none;
  font-size: .8rem;
}

/* STAR STYLE */

.content-post h2{font-size: 2.3rem}

.nav-toggle svg {
  height: 1rem;
  width: 1.8rem;
}

.page-template-hotele{background: #fbf7f3}

  
.book-pol{
  border-radius: 1.5rem;
  padding: 2rem;
  margin: 0 1rem;background: #e9d7c5;
}

.book-pol h3{
  margin: 0 0 .5rem;font-size: 1.4rem;
}

.book-pol h6 {
  margin: .25rem 0;
}
.book-pol p{
  font-size: .65rem;
  margin: 0;
}
.book-btn{}
#home-search{
  background: #10213d;padding: 3rem 0;border-top: solid 1px #000;
}
#home-search-wakacje {
  background: #0056bc;
  padding: 3rem 0;
  border-top: solid 1px #000;
}

.fly-home{background: #10213d;
  padding: 0;
}

#home-search h1{
  color: #fff;
  font-size: 2rem;
  margin: 0rem 0 -1rem;z-index: 9;
  position: relative;
}  

#home-search-wakacje h1{
  color: #fff;
  font-size: 2rem;
  margin: 0rem 0 -1rem;z-index: 9;
  position: relative;
}  

#search-widget76 .jaEDSN.jaEDSN.jaEDSN{max-width: 100% !important}

#search-widget76 .fZFXWe.fZFXWe.fZFXWe{background:rgb(230, 73, 15) !important ;border: 1px solid rgb(230, 73, 15) !important;color: #fff !important;font-weight: bold;margin: 0 .15rem !important}

#search-widget76 .dCmKyZ.dCmKyZ.dCmKyZ{background: rgb(16, 33, 61) !important;padding: 1rem 0 !important}

#search-widget76 .ggRyRu{align-self: center}


.footer-bar{display: none}
.veryficate{
  position: absolute;
  top: .5rem;
  left: .5rem;
  height: 2rem;
  background: #fff;
  padding: .1rem;
  border-radius: 5rem;
}
.plan-header h3{margin: 0 0 1rem;font-size: 1.2rem}
.plan-header p{margin: 0 0 1rem;font-size: .65rem;background: #eaf3f5;border-radius: .5rem;padding: 1rem;}
.plan-day{padding-left: 2rem;padding-bottom: 2rem;position: relative;background: url(./img/kreska.svg);background-size: 1px;
  background-repeat: repeat-y;
  background-position: .4rem top;margin-bottom: -1rem;}
.plan-day h4{
  font-size: 1rem;
  margin-bottom: 1rem;
}
.plan-day:last-child{background: none !important}
.plan-day p{
  font-size: 1rem;
}

.dotts{
  position: absolute;
  left: 0rem;
  top: 0;
}

.tak{display: block}
.nie{display: none !important}

/* PROFIL */

.profile-header{display: grid;grid-template-columns:3rem auto;grid-gap: 1rem;position: relative;background: #fff;border-radius: 1rem;padding: 1rem}
.profile-header h1{
  font-size: 1rem;
  line-height: 1em;
  margin: .5rem 0
}

.profil-desc{
  display: grid;
  grid-template-columns: 4fr 2fr auto;grid-gap: 1rem
}

.social-set {
  display: flex;
  gap: 1rem;justify-content: end;
}

.profil-desc summary{
  background: transparent;
  font-size: .5rem;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  font-weight: 600;
}

.profil-desc p{
  font-size: .8rem;margin-top: 1rem
}
.profil-desc .step-next{
  margin-top: 0;
  background: #10213d;
  color: #fff;
  border: none;
  align-self: start;
  padding: 1.15rem 3rem;
}.profil-desc .grid-2-auto{margin-top: 0}
.profile-content h3{margin: 0 0 1rem;font-size: 1.2rem}

.oferta-item-list {
}
.oferta-item-list img {
  width: 100%;
  height: 17.5rem;
  object-fit: cover;
  border-radius: 1rem;
}

.oferta-item-list a{color: #10213d}
.oferta-item-list h4{
  font-size: 1rem;
  height: 2.5rem;
  overflow: hidden;
}
.profile-header .profile-featured-image{
  height: 3rem;
  object-fit: cover;
  border-radius: 1rem;
  width: 3rem;
}

.oferta-item-list .emoji {
  height: 1.2rem !important;
  width: 1.2rem !important;
  object-fit: contain !important;
  border-radius: 0;
  margin: 0 .25rem -.25rem !important;
}

.oferta-item-list .cena {
  font-size: .85rem;
  font-weight: bold;
}

.wyprawa-right .oferta-item-list .cena {
  font-size: .85rem;
  font-weight: bold;text-align: left;
}

.oferta-item-list .cena span{font-weight: normal;font-size: .65rem;text-transform: none}
.page-header h1{
  font-size: 2rem;
  margin: 0 0 1rem;
  color: #fff;line-height: 1.2em
}

.page-header p {
  color: #fff;
  font-size: .85rem;
  margin-bottom: 1rem;
}


.page-header span {
  color: #e6490f;
}
.wyprawy-search-form-container {
  background: #10213d;padding: 2rem 0;margin-bottom: 2rem;border-top: solid 1px #000;
}
.search-form .search-submit{
  background: #e6490f;
  font-size: 1rem;
  text-transform: none;
  border-radius: .5rem;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 900;
}

#home-search h1 span{color: #e6490f;}
.profil-baner{
  width: 100%;
  height: 15rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
  object-fit: cover;
}
.btn-green{
  display: block;
  margin: 1rem 0 0;
  font-size: .85rem;
  text-align: center;
  background: #218838;
  padding: 1.25rem;
  border-radius: .5rem;
  color: #fff;
  font-weight: 700;
}
.pytaj-m {
  display: block;
  position: fixed;
  bottom: 1rem;
  right: 1rem;z-index: 999999
}
.country-top{
  font-size: .75rem;margin-top: .25rem;margin-bottom: 0
}
.content-desc ul {
  list-style: circle !important;
  margin: 1.5rem 0 !important;
  display: block !important;
}

.content-desc li{
    font-size: 1rem;
    line-height: 1.6em;
  }
.content-desc h3 {
  font-size: 1.62rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
.podobne-oferty .oferta-item-list{
  display: grid;
  grid-template-columns: 2fr 4fr;
  gap: 1rem;
  background: #fff;
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}

.podobne-oferty .oferta-item-list img {
  height: 10rem;
}

.podobne-oferty .oferta-item-list p {
  font-size: .65rem;
  line-height: 1.4em;
}
.icon-social{
  height: 3.1rem;
  border: solid 1px #ddd;
  padding: .75rem;
  border-radius: .5rem;
}
.m-contact{grid-template-columns: auto auto auto auto auto auto}

.lebel-desc {
  display: block;
  font-size: .85rem;
  padding: 1rem 0;
  line-height: 1.4em;
  font-style: italic;
  font-weight: normal;
}

#subcategory-content {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

#subcategory-content .news-item {
  flex: 0 0 calc(100% / 6 - 75px); /* 6 kafelków w szerokości */
  box-sizing: border-box;
}

/* Dla węższych ekranów */
@media (max-width: 1024px) {
  #subcategory-content .news-item {
    flex: 0 0 calc(100% / 3 - 50px);
  }
}

@media (max-width: 600px) {
  #subcategory-content .news-item {
    flex: 0 0 calc(100% / 2 - 90px);
  }
}

/* Pasek przewijania (opcjonalne, estetyka) */
#subcategory-content::-webkit-scrollbar {
  height: 8px;
}
#subcategory-content::-webkit-scrollbar-track {
  background: transparent;
}
#subcategory-content::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

#subcategory-content .news-item img{
  height: 7.5rem;
  object-fit: cover;
  width: 100%;
  border-radius: 1rem;
}
.single-profil .oferta-item-list .cena {
  text-align: left;
}
.grid-42-mobile .cena{text-align: right !important;}
.category-title {
  margin: 0 !important;
  font-size: 1.6rem !important;
  color: #fff;
  align-self: end;
}
.category-hero-header{border-radius: 1rem;
  padding: 2rem;
  height: 25rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;display: flex
}

.category-hero-header .hero-content{
  align-self: end;padding: 0
}

.cat-list-news .news-item img{height: 10.5rem;}
.search-form .search-field {
  width: 100%;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: italic;height: 3.5rem !important
}
.warning-box h4{margin-top: 0}
.cat-desc{margin-top: 0rem}

.cat-desc ul {
  list-style: none;
  margin: 0;
  display: block !important;
}

.cat-desc li {
  list-style: circle !important;
  margin: 2rem 1rem !important;
  font-size: 1rem !important;
}
.wyprawa-lewa-cat h6 {
  text-transform: none;
  margin: 0;
  line-height: 1em;
}
.wyprawa-lewa-cat span{font-weight: normal}
.emoji{border-radius: 0 !important}

.btn-orange-block {
  display: table;
  margin: 1rem 0px 0px;
  font-size: 0.85rem;
  text-align: center;
  background:#e6490f;
  padding: 1.25rem;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 700;
}


.btn-orange-table {
  display: block;
  margin: 1rem 0px 0px;
  font-size: 0.85rem;
  text-align: center;
  background:#e6490f;
  padding: 1.25rem;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 700;
}
.lot-right{
  background: #10213d url(./img/lot-box.svg);
  border-radius: 1rem;
  padding: 1.5rem;background-repeat: no-repeat;
  background-size: 4rem;
  background-position: 1.5rem 1.75rem;
}

.lot-right h2{
  font-size: 1.6rem;
  color: #fff;
  margin: 5rem 0 1rem;line-height: 1.2em;
}
.lot-right span{color: #e6490f}
.lot-right p{
  color: #fff;
  opacity: .8;
}

.book-right{
  background: #e6490f url(./img/hotel-box.svg);
  border-radius: 1rem;
  padding: 1.5rem;background-repeat: no-repeat;
  background-size: 4rem;
  background-position: 1.5rem 1.75rem;
}

.book-right h2{
  font-size: 1.6rem;line-height: 1.2em;
  color: #fff;
  margin: 5rem 0 1rem;
}
.book-right span{color: #10213d}
.book-right p{
  color: #fff;
  opacity: .8;
}

.btn-blue-table {
  display: block;
  margin: 1rem 0px 0px;
  font-size: 0.85rem;
  text-align: center;
  background:#10213d;
  padding: 1.25rem;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 700;
}
.rank-math-breadcrumb p{font-size: .65rem;color: #10213d;margin: 0}
.rank-math-breadcrumb p a{
  color: #10213d;font-weight: inherit
}

.category-hero-header .rank-math-breadcrumb p a, .category-hero-header .rank-math-breadcrumb p{
  color: #fff;
}
.category-hero-header .rank-math-breadcrumb{margin: .5rem 0 0}

.big-box{
    position: relative; /* Ważne dla pozycjonowania zawartości w środku */
    background-size: cover !important;
    background-position: center center !important;
    color: #fff; /* Ustawienie domyślnego koloru tekstu na biały */
    display: flex; /* Użycie flexboxa do wyrównania treści */
    flex-direction: column; /* Ustawienie kierunku flexa na kolumnę */
    justify-content: flex-end; /* WYRÓWNUJE CAŁĄ TREŚĆ NA DÓŁ */
    padding: 3rem 3rem 5rem; /* Odstęp wewnętrzny */
    box-sizing: border-box; /* Upewnia się, że padding nie zwiększa rozmiaru elementu */
    min-height: 250px; /* Przykładowa wysokość, dostosuj */
    border-radius: 1rem; /* Zaokrąglone rogi, jeśli chcesz */
    overflow: hidden; /* Aby obraz tła i gradient nie wychodziły poza rogi */
}

.home-box-item {
    position: relative; /* Ważne dla pozycjonowania zawartości w środku */
    background-size: cover !important;
    background-position: center center !important;
    color: #fff; /* Ustawienie domyślnego koloru tekstu na biały */
    display: flex; /* Użycie flexboxa do wyrównania treści */
    flex-direction: column; /* Ustawienie kierunku flexa na kolumnę */
    justify-content: flex-end; /* WYRÓWNUJE CAŁĄ TREŚĆ NA DÓŁ */
    padding:3rem 1.5rem; /* Odstęp wewnętrzny */
    box-sizing: border-box; /* Upewnia się, że padding nie zwiększa rozmiaru elementu */
    min-height: 250px; /* Przykładowa wysokość, dostosuj */
    border-radius: 1rem; /* Zaokrąglone rogi, jeśli chcesz */
    overflow: hidden; /* Aby obraz tła i gradient nie wychodziły poza rogi */
}

/* Wyrównanie box-desc-home, aby zawsze wypełniał całą przestrzeń */
.big-box .box-desc-home,
.home-box-item .box-desc-home {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Wyrównuje zawartość `.box-desc-home` na dół */
    flex-grow: 1; /* Pozwala `.box-desc-home` rozciągnąć się */
    position: relative; /* dla z-index */
    z-index: 2; /* Upewnia się, że treść jest nad gradientem */
}

.big-box .btn-orange-block, .home-box-item .btn-orange-block{
  display: table;
  font-size: .75rem;
  margin: 1rem 0px 0px;
  text-align: center;
  background: #fff;
  border-radius: 0.5rem;
  color: #10213d;
  font-weight: 700;
}

.big-box h1 {
    color: #fff;
    margin: 0;
    font-size: 2.4rem; /* Dostosuj rozmiar czcionki */
    line-height: 1.2;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.big-box h2 {
    color: #fff;
    margin: 0;
    font-size: 2.4rem; /* Dostosuj rozmiar czcionki */
    line-height: 1.2;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.home-box-item h3 {
    color: #fff;
    margin: 0rem;
    font-size: 1rem; /* Dostosuj rozmiar czcionki */
    line-height: 1.2;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

/* Dodatkowe style dla box-content-bottom */
.box-content-bottom {
  display: grid;
  grid-template-columns: 4fr 2fr;
  align-items: flex-end;gap:1rem
}
.home-left-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.g-recaptcha iframe{border-radius: 0}
.g-recaptcha{border-radius: 0 !important;margin-bottom: 1rem;}
#rankomat-travel {
  margin-top: 2rem !important;
  background: #ece8df !important;
  max-width: 100% !important;
  border-radius: 1rem !important;
  padding: 2rem !important;
}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box{background-color: transparent !important}
.rankbox__main-header span{color: #e6490f !important;font-weight: 900 !important;font-size: 1.8rem}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper{padding-top: 0 !important}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper .rankbox__main-header {
  color: #001475;
  text-align: left !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-style: normal;
  font-weight: 900 !important;
  font-size: 1.4rem !important;
  padding: 0 !important;
}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper .rankbox__sub-header {
  color: #001475;
  text-align: left !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-style: normal;
  font-weight: 300;
  margin-top: 10px;
  font-size: 1rem !important;
}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row .rankbox__label {
  flex-basis: 200px !important;
  font-size: .85rem !important;
  font-weight: 600;
  padding: 0px !important;
  color: #001475;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-style: normal;margin: 0 0 .5rem !important
}

.page-template-ubezpieczenia #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row {
  padding: 8px 10px;
  display: -webkit-box;
  display: flex !important;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  color: #001475;
  flex-wrap: wrap;
}
.page-template-ubezpieczenia .box-content-bottom{grid-template-columns: 1fr !important}
.page-template-ubezpieczenia #rankomat-travel{margin-top: 0 !important;margin-bottom: 0 !important}
.page-template-ubezpieczenia .home-left-box{display: block !important}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row .rankbox__select{
font-family: "Plus Jakarta Sans", sans-serif !important;height: 3rem !important;border: 1px solid #f0f0f0 !important;
  border-radius: .5rem !important;	
}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row .rankbox__input{
	font-family: "Plus Jakarta Sans", sans-serif !important;height: 3rem !important;  border-radius: .5rem !important;border: solid 1px #e9e9e9 !important;
}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row{display: block !important;padding: .5rem 0 !important;}
#rankomat-travel.rankbox__wrapper .rankbox__button-wrapper .rankbox__button--green{
  display: block;
  width: 100%;
  padding: 1.25rem !important;
   font-family: "Plus Jakarta Sans", sans-serif !important;box-shadow:none !important;
  background-color: #e6490f !important;  box-shadow: 0px 1px 1px rgba(0,0,0,.08) !important;
  color: white !important;
  border: none !important;
  font-size: 0.85rem !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: background-color 0.3s, transform 0.1s !important;
  text-transform: none !important;
  border-radius: .5rem !important}
  
  #rankomat-travel.rankbox__wrapper .rankbox__button-wrapper{padding: 0 !important}
  #rankomat-travel.rankbox__wrapper .rankbox__logo .rankobox__img{display: block !important;height: .65rem !important;margin: 0 0 .5rem!important}
  #rankomat-travel.rankbox__wrapper .rankbox__inner-box{box-shadow: none !important}
 #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row .rankbox__select{font-size: .85rem !important;  box-shadow: 0px 1px 1px rgba(0,0,0,.08);}
 #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row .rankbox__input{font-size: .85rem !important;  box-shadow: 0px 1px 1px rgba(0,0,0,.08);}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper{padding: 0 !important}
.page-template-ubezpieczenia #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row{padding: .5rem 0 !important}

.komunikat{
  margin: 1rem auto 0;
  background: gold;
  padding: 1.5rem;
  line-height: 1.4em;
  border-radius: 1rem;
  font-size: 1rem;
  text-align: center;
}
.komunikat a{font-weight: bold;color: #000}

.social-bar-desc{
  position: fixed;
  right: .5rem;
  bottom: 10rem;z-index: 999
}

.social-bar-desc img {
  height: 3rem;
  background: #fff;
  padding: .75rem;
  border-radius: 20.5rem;
  margin-bottom: .25rem;
}


.social-bar-desc-patron{
  position: fixed;
  right: .5rem;
  bottom: 10rem;z-index: 999
}

.social-bar-desc-patron img {
  height: 3rem;
  background: #fff;
  padding: .75rem;
  border-radius: 20.5rem;
  margin-bottom: .25rem;
}
.marquee {
  height: 50px;
  overflow: hidden;
  position: relative;
  background: #e6490f;
  color: #fff;
}
.marquee a{color: #fff;font-weight: 600}
            
            .marquee p {
                position: absolute;
                width: 100%;
                height: 100%;
                margin: 0;
                line-height: 50px;
                text-align: center;
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
                -moz-animation: scroll-left 2s linear infinite;
                -webkit-animation: scroll-left 2s linear infinite;
                animation: scroll-left 20s linear infinite;
            }
            
            @-moz-keyframes scroll-left {
                0% {
                    -moz-transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                }
            }
            
            @-webkit-keyframes scroll-left {
                0% {
                    -webkit-transform: translateX(100%);
                }
                100% {
                    -webkit-transform: translateX(-100%);
                }
            }
            
            @keyframes scroll-left {
                0% {
                    -moz-transform: translateX(100%);
                    -webkit-transform: translateX(100%);
                    transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                }
            }
/* --- Moduł "Kiedy jechać?" --- */

.when-to-go-module {
    margin: 40px 0;
    max-width: 800px;
}

.when-to-go-module h2 {
  font-size: 1.4rem;
  font-weight: 900;
  margin: 1rem 0;
}

.when-to-go-chart {
    display: flex;
    position: relative;
    width: 100%;
}

/* --- Etykiety osi Y (Lewa strona) --- */
.chart-labels {
    flex-shrink: 0;
    margin-right: 20px;
    text-align: right;
    font-size: 11px;
    color: #10213d;
    padding-top: 10px; /* Dopasuj, aby zgrać z belkami */
    position: relative;
}

.chart-labels .label-item {
    position: relative; /* Potrzebne dla kropkowanej linii */
    height: 40px; /* Stała wysokość = wysokość 1 poziomu */
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Kropkowane linie - tak jak na obrazku */
.chart-labels .label-item::after {
    content: "";
    position: absolute;
    left: 105%; /* Zaczyna się tuż za tekstem */
    top: 50%;
    transform: translateY(-50%);
    width: 600px; /* Można dostosować lub użyć % */
    border-top: 1px dotted #c5c1b6;
    z-index: 1;
}

/* --- Słupki wykresu (Prawa strona) --- */
.chart-bars {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* To wyrównuje belki do dołu */
    flex-grow: 1;
    height: 170px; /* Całkowita wysokość obszaru wykresu (4 * 40px + 10px marginesu) */
    position: relative;
    z-index: 2; /* Aby belki były nad kropkowanymi liniami */
}

.chart-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 6%; /* Szerokość kolumny */
}

.bar-wrap {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.bar-chart-bar {
    background-color: #e6490f; /* Główny kolor belki */
    width: 80%; /* Belka jest węższa niż kolumna */
    margin: 0 auto;
    transition: height 0.3s ease;
}

.bar-label {
    font-size: .85rem;
    color: #10213d;
    margin-top: 10px;
}

/*
 * KLUCZOWA CZĘŚĆ: Wysokości belek
 * Ustawiamy wysokość na podstawie klasy, którą nadał PHP
 */
.bar-chart-bar.rating-najlepsza {
    height: 120px; /* 4 * 40px */
}

.bar-chart-bar.rating-dobra {
    height: 80px; /* 3 * 40px */
}

.bar-chart-bar.rating-przecietna {
    height: 40px; /* 2 * 40px */
}

.bar-chart-bar {
    height: 20px; /* 1 * 40px */
}

.bar-chart-bar.rating-brak {
    height: 0px;
}

.przeglad-btn{display: none}

.kod-oferty{
  font-size: .6rem;
  display: table;
  border: solid 1px #f1f1f1;
  padding: .5rem;
  border-radius: .25rem;
  margin: 0;
  background: #fff;
}
.kod-oferty span{font-weight: 600}

.tiptrip-user-name {
  display: inline-block !important;
  margin-left: 15px;
  font-size: .65rem !important;
  color: #fff !important;
  font-weight: normal !important;
  margin-top: 1rem !important;
}

#tiptrip-username {
  margin-left: 10px;
  font-weight: 600;
  color: #fff;
  font-size: .65rem;
  margin-top: 1rem;
}

.short-country   {
  background: #fff;
  border-radius: 1rem;
  display: grid;
  gap: 2rem;
  grid-template-columns: auto auto auto auto;
  justify-content: space-around;
}
.short-item{
  font-size: .85rem;padding: 1rem;
}

.short-item h6{
  margin: 0 0 .5rem;
}
.wisa-on{display: none}
.wakaje .MiniListingWidget__Content-sc-819553bb-1 COJey{
  max-width: 90% !important;
}
.wyprawa-lewa-cat{
  max-width: 100%;
  overflow: hidden;
}
.oferty h3{
  font-size: 1.2rem;
  margin: 1rem 0 -1rem;
}
.aff-link{
  position: fixed;
  z-index: 999;
  bottom: 5rem;
  display: table;
  width: auto;
  font-size: .65rem;
  right: 1rem;
  left: auto;
}
.plan-day ul {
  list-style: circle;
  margin: 2rem 0;
  display: block;
}
.plan-day ul li{font-size: 1rem}
.cat-icon {
  height: 5rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  border: solid #fff;
  border-radius: .5rem;
  padding: .75rem;
}
.profil-lewa{position: relative}
.godlo {
  height: 7.5rem;
  box-shadow: 0px 8px 24px rgba(0,0,0,.08);
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.post-count{
  font-size: 0.65rem;
  color: #10213d;
  display: block;
  margin: 0}
.dolacz-do-nas{
  background: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  color: #000;
}
.dolacz-do-nas h2{margin: 0 0 .5rem;font-size: 1.6rem}

.post-news h1{
  font-size: 3rem;
  line-height: 1.1em;
  margin: 0 0 1rem;
}

.post-news .page-image img {
  height: 50vh;
  border-radius: 1rem;
  object-fit: cover;
  object-position: center;
}

.post-news #rankomat-travel{margin-top: 0 !important}

.post-author{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .65rem;font-weight: normal;margin-bottom: 1rem
}

.author-avatar img{
  height: 2rem;
  width: 2rem;
  border-radius: 5rem;
}
.author-name strong{font-weight: normal}

#ez-toc-container {
  background: #fff;
  border: none;
  border-radius: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: table;
  margin-bottom: 1em;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}

div#ez-toc-container .ez-toc-title {
  font-size: 1.4rem;
  font-weight: bold !important;
}
div#ez-toc-container ul li, div#ez-toc-container ul li a {
  font-size: 1rem;
}

.porubez{
  background: #1da71d;
  display: block;
  text-align: center;
  color: #fff;
  padding: 1rem;
  border-radius: .5rem;
}

.lista-data{font-size: .65rem;color: #999}
.page-template-kontakt h1 {
  font-size: 3rem;
  margin: 0;
  font-weight: 900;
  line-height: 1.25em;
  letter-spacing: 0 !important;
}
.item-okazja-last h2{
  margin: 0 0 -1rem;
  font-size: 1.42rem;
}


#wrapper_row{font-family: "Plus Jakarta Sans", sans-serif !important;}
.nawakacje{border-radius: 1rem;padding: 3rem;background: #10213d}
.nawakacje h3{margin: 0;color: #fff;font: 1.4rem;}
.nawakacje .dCmKyZ.dCmKyZ.dCmKyZ{background: #10213d !important;padding: 0 !important}
.nawakacje .jaEDSN.jaEDSN.jaEDSN {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0px auto !important;
}
.nawakacje .ICvMt.ICvMt.ICvMt {
  display: flex !important;
  -moz-box-pack: justify !important;
  justify-content: start !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}
.nawakacje .jqcmIX.jqcmIX.jqcmIX {
  min-width: 360px !important;
}
.nawakacje .fZFXWe.fZFXWe.fZFXWe:hover {
  border-color: rgb(230, 73, 15) !important;
  background-color: rgb(230, 73, 15) !important;
  color: #fff !important;
}
.nawakacje .fZFXWe.fZFXWe.fZFXWe {
  border-color: rgb(230, 73, 15) !important;
  background-color: rgb(230, 73, 15) !important;
  color: #fff !important;
}
.lfCtWz.lfCtWz.lfCtWz input{border-radius: .25rem !important}
.feLkqo.feLkqo.feLkqo input {
  border-radius: .25rem !important;
}

.leaflet-container{border-radius: 2rem !important}

.leaflet-popup-content {
  margin: 0;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;text-align: left;min-width: 320px;padding: .5rem
}

.leaflet-popup-close-button{
  background: #fff !important;
  border-radius: 5rem !important;box-shadow: 0px 8px 24px rgba(0,0,0,.08) !important;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
  border-radius: 1rem;
}

.mapa-popup .btn-orange-block{
  display: table;
  margin: 1rem;
  font-size: 0.75rem;
  text-align: center;
  background: #10213d;
  padding: .75rem 1.25rem;
  border-radius: 5rem;
  color: #fff !important;
  font-weight: normal;
}

.mapa-popup-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
  margin-bottom: 8px;
}
.mapa-popup-title{
  margin: 1rem 1rem .5rem;
  font-size: 1rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}
.mapa-popup-desc{
  font-size: .65rem;
  margin: 0 1rem 1rem !important;font-family: "Plus Jakarta Sans", sans-serif;max-width: 75% !important;
}


.hero-section-partner {
    width: 100%;
    min-height: 30rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;border-radius: 1rem;
}

.hero-section-partner::before {
    content: "";
    position: absolute;
    inset: 0;
    background:rgba(0, 0, 0, 0.18);border-radius: 1rem;
}


.hero-section-partner h1 {
    font-size: clamp(1.8rem, 3.4vw, 2.3rem);
    line-height: 1.2;color: #fff;
}
.hero-section-partner h5{
  font-size: .85rem;
  margin: .5rem 0;
  color: #fff;
  font-weight: normal;
}

.hero-algin {
  align-self: end;
  padding: 3rem;
}

.tiptrip-countdown {
  display: flex;
  gap: .25rem;
  margin: 0;
}
.countdown-box {
    background: #10213db2;
    padding: 1.5rem 1rem;
    border-radius: .5rem;
    text-align: center;
    min-width: 80px;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.countdown-number{
  font-size: 1.42rem;
  font-weight: 900;
}
.countdown-label {
    font-size: 0.65rem;
    margin-top: 0.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.logo-pop{
  height: 2.5rem;
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
}
.partner-medialny{
  background: #e6490f;
  color: #fff;
  font-size: .5rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: .75rem;
  border-radius: 5rem;
  margin: 0 0 .5rem !important;
  display: table;
}
.loga-partnerow{background: #fff; border-radius: 1rem;padding: 2rem;height: 100%}
.loga-partnerow h6{margin: 0 0 .5rem;font-size: .65rem;font-weight: 700}
.loga-item img{
  width: 100%;
  height: 5rem;
  border: solid 1px #ddd;
  padding: .5rem;
  border-radius: .5rem;object-fit: contain;
}
.loga-item{display: grid; grid-template-columns: 1fr 1fr 1fr;grid-gap: 1rem}
.loga-item-social{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 1rem}

.loga-item-social i{
  width: 100%;
  height: auto;
  border: solid 1px #ddd;
  padding: .5rem;
  border-radius: .5rem;object-fit: contain;
}

.loga-item-social a{color: #222333}

.page-template-partner .footer-bar{display: none}

.tiptrip-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.tiptrip-box h3{
  font-size: 1.2rem;
  margin: 0 0 .5rem;
}

.tiptrip-box p{
  font-size: .75rem;
}
.tiptrip-box{
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  padding: 1rem;transition: transform .2s ease, box-shadow .2s ease;
}

.tiptrip-box:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.box-image img {
  width: 100%;
  border-radius: 1rem;
  height: 15rem;
  object-fit: cover;
}
.box-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin: 0.5rem 0;
}

.box-gallery a {
    position: relative;
}

.box-gallery img {
    width: 100%;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
}

.gallery-more {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.box-crew {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.crew-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.65rem;
    text-decoration: none;
    color: #000;
    border: solid 1px #ddd;
  padding: 1rem;
  border-radius: 1rem;
  font-weight: bold;
}

.crew-member img {
    width: 40px;
    height: 40px;
    border-radius: 50%;margin-bottom: .5rem
}

/* responsive */
@media (max-width: 900px) {
    .tiptrip-boxes {
        grid-template-columns: 1fr;
    }
}

.partner-naglowek{
  font-size: 1.8rem;
}

.tiptrip-video-boxes {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background: #10213d;
  padding: 3rem;
  border-radius: 1rem;
}
.tiptrip-video-boxes .partner-naglowek {
  font-size: 1.8rem;
  color: #fff;
  margin: 0;
}
.video-box {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    align-items: start;
}

.video-main iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 1rem;min-height: 26rem
}

.video-thumbs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.video-thumb iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    pointer-events: none;
    opacity: 1;height: 12.5rem !important;;
}

.video-thumb {
    cursor: pointer;
    transition: transform .2s ease, opacity .2s ease;
}

.video-thumb:hover {
    transform: scale(1.03);
    opacity: 1;
}

/* responsive */
@media (max-width: 900px) {
    .video-box {
        grid-template-columns: 1fr;
    }
}

.tiptrip-posts-by-category {
}

.posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.post-card {
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;position: relative;
}

.post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.post-card p{font-size: .75rem;margin-bottom: 3rem;}
.post-card a {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 1rem;
}

.post-thumb img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    border-radius: 1rem;margin-bottom: .5rem;
}

.post-card h3 {
    margin: .5rem 0 0.5rem;
    font-size: 1.2rem;
}

.posts-more {
  text-align: center;
  margin: 2rem auto;
  max-width: 320px;
}
.btn-all {
    display: inline-block;
    padding: 0.8rem 2rem;
    border-radius: 30px;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

/* responsive */
@media (max-width: 900px) {
    .posts-grid {
        grid-template-columns: 1fr;
    }
}

.mini-ikon{
  font-size: 1rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}


.tiptrip-gallery-split {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
}

.gallery-main img {
    width: 100%;
    height: 35rem;
    object-fit: cover;
    border-radius: 1rem;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.gallery-thumbs img {
    width: 100%;
    height: 11rem;
    object-fit: cover;
    border-radius: 1rem;
}

.thumb {
    position: relative;
    overflow: hidden;
}

.gallery-more-page {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;border-radius: 1rem
}

/* ukryte linki */
.hidden {
    display: none;
}

/* mobile */
@media (max-width: 900px) {
    .tiptrip-gallery-split {
        grid-template-columns: 1fr;
    }
}

.page-template-partner .social-bar-desc{display: none}
.custom_float_menu{
  position: fixed;
  right: 1rem;
  bottom: 20%;
  display: grid;grid-template-columns: 1fr;gap:.5rem;z-index: 9999
}

.custom_float_menu img {
  height: 2rem;
  display: block;
  width: 2rem;
  object-fit: contain;
  margin: 0 auto .25rem auto;
}
.cutom-float-item {
  background: #fff;
  padding: .75rem;
  border-radius: .5rem;
  font-size: .65rem;
  color: #222333;
  text-align: center;
  display: block;box-shadow: 0px 8px 24px rgba(0,0,0,.08);
}

.partner-baner img{border-radius: 1rem;width: 100%;object-fit:contain}

.desc-off{display: none}
.mobile-off{display: block}

.stat-tt h4{margin: 0;font-size: 2.3rem;}
.stat-tt p{font-size: .85rem;margin-bottom: 0}

.stat-tt{
  background: #fff;
  padding: 2rem;
  border-radius: 1rem;text-align: center
}

@media screen and (max-width: 992px) {
.desc-off{display: block}
.mobile-off{display: none}
.gallery-main img{height: 15rem;}
.gallery-thumbs img {
  width: 100%;
  height: 7rem;
  object-fit: cover;
  border-radius: 1rem;
}
.custom_float_menu {
  position: fixed;
  bottom: 0%;
  display: flex;
  gap: 0;
  width: 100%;
  left: 0;
  right: 0;
  justify-content: space-between;
  background: #fff;border-radius: 1rem 1rem 0 0;box-shadow: 10px 1px 44px rgba(0, 0, 0, 0.37);padding: 0 .5rem;
}

.custom_float_menu img {
  height: 1.6rem;
  display: block;
  width: 1.6rem;
  object-fit: contain;
  margin: 0 auto .25rem auto;
}

.cutom-float-item {
  background: transparent;
  padding: .75rem;
  border-radius: .5rem;
  font-size: .55rem;
  color: #222333;
  text-align: center;
  display: block;
  box-shadow: none;
}
.hero-algin {
  align-self: end;
  padding: 1rem;
}
.video-main iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
  min-height: auto;
}
.partner-naglowek {
  font-size: 1.2rem;}
.tiptrip-video-boxes .partner-naglowek {
  font-size: 1.2rem;
  color: #fff;
  margin: 0;
}
.countdown-box {
  background: #10213db2;
  padding: .5rem 1rem;
  border-radius: .5rem;
  text-align: center;
  min-width: 70px;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.countdown-label {
  font-size: 0.5rem;
  margin-top: 0.3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.hero-section-partner h1 {
  font-size: clamp(1.48rem, 3.4vw, 2.3rem);
  line-height: 1.2;
  color: #fff;
}
.tiptrip-countdown {
  display: flex;
  gap: .25rem;
  margin: 0 0 2rem;
}
.hero-section-partner {
  width: 100%;
  min-height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 1rem;
  max-width: 100%;
}
.countdown-number {
  font-size: 1.2rem;
  font-weight: 900;
}
.nawakacje {
  border-radius: 1rem;
  padding: 2rem;
  background: #10213d;
}
#search-widget76 .fZFXWe.fZFXWe.fZFXWe{background:rgb(230, 73, 15) !important ;border: 1px solid rgb(230, 73, 15) !important;color: #fff !important;font-weight: bold;margin: .5rem 0 !important}
.page-template-kontakt h1 {
  font-size: 2rem;
  margin: 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
.f-menu{margin-bottom: 2rem;border-bottom: dashed 1px #ddd;padding-bottom: 1rem}
.dolacz-do-nas h2 {
  margin: 0 0 .5rem;
  font-size: 1.4rem;
  line-height: 1.4em;
}
.post-news h1 {
  font-size: 1.6rem;
  line-height: 1.1em;
  margin: 0 0 1rem;
}
.post-news .page-image img {
  height: 25vh;
  border-radius: 1rem;
  object-fit: cover;
  object-position: center;
}
.news-content h2 {
    font-size: 1.5rem;
    margin: 2rem 0;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: 0 !important;
  }
  
  .news-content .section-inner {
    margin: 0 !important;
    width: 100%;
  }
  .author-avatar img {
  height: 1.52rem;
  width: 1.52rem;
  border-radius: 5rem;
}

.godlo {
  height: 4.5rem;
  box-shadow: 0px 8px 24px rgba(0,0,0,.08);
  position: absolute;
  top: .5rem;
  right: .5rem;
}
#subcategory-content{grid-auto-columns: minmax(100px, 1fr);}
.aff-link{
    position: fixed !important;
    z-index: 999999999;
    bottom: 0rem !important;
    display: block !important;
    width: 100% !important;
    right: 0;
    left: 0 !important;
    padding: 1.75rem;
    border-radius: .5rem .5rem 0 0;
    font-size: .85rem;
  }
.short-item {
  font-size: .75rem;
  line-height: 1.4em;
}
.wisa-on{display: block}
.short-country  {
  background: #fff;
  padding: 1rem;
  border-radius: 1rem;
  display: grid;
  gap: 0;
  grid-template-columns: 1fr 1fr;
}
.podobne-oferty .oferta-item-list img{
  height: 60vh;
}
.category-wyprawy .oferta-item-list img {
  width: 100%;
  height: 65vh;
  object-fit: cover;
  border-radius: 1rem;
}
.header-titles {
  width: 100%;
  display: flex;
}
.wyprawa-page {
  padding: .5rem 0 0;
}
#tiptrip-username {
  margin-top: .85rem !important;
}
.przeglad-btn{
    display: block;
    background: #fff;
    color: #000;
    font-weight: normal;
    font-size: .85rem;
  }
  .search-submit{display: block}
.bar-label {
  font-size: .5rem;
  color: #10213d;
  margin-top: 10px;
}
.list-header h1 {
  font-size: 1.4rem;
}
.marquee{display: none}
.social-bar-desc{display: none}
#rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row .rankbox__label{margin-bottom: .75rem !important;margin-top: 0 !important;}
.big-box h1 {
  color: #fff;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
#rankomat-travel {
  padding: 2rem !important;
}
.oferta-desc h2 {
    font-size: 1.6rem;
    margin: 2rem 0;
    font-weight: 900;
    line-height: 1em;
    letter-spacing: 0 !important;
  }
  
  #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper .rankbox__sub-header{font-size: .85rem !important}
  #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper{padding-bottom: 0 !important}

 .page-template-ubezpieczenia .big-box {
    padding: 2rem;
    min-height: 200px;
  }
.page-template-ubezpieczenia #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__row{display: block !important;padding: 1rem 0 0rem !important;}
#rankomat-travel.rankbox__wrapper{
    box-sizing: border-box !important;
  }
  #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper .rankbox__main-header{
    font-size: 1.3rem !important;
    margin-bottom: 1rem;
  }
  #rankomat-travel.rankbox__wrapper .rankbox__inner-box .rankbox__header-wrapper{padding: 0 !important}
.box-content-bottom{grid-template-columns: 1fr }
.rankbox__main-header span {
  color: #e6490f !important;
  font-weight: 900 !important;
  font-size: 1.2rem;
}
.big-box .btn-orange-block, .home-box-item .btn-orange-block {
  display: table;
  font-size: .75rem;
  margin: 1rem 0px 0px;
  font-size: 0.65rem;
  text-align: center;
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  color: #10213d;
  font-weight: 700;
}
.big-box{padding: 2rem;min-height: 420px;}
.home-box-item h3{font-size: .85rem}
.home-box-item{min-height: 200px;padding: 1rem}
.big-box h2{font-size: 1.4rem}
.home-left-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
#subcategory-content{grid-template-columns: 1fr 1fr 1fr;}
.category-hero-header{height: 45vh;padding: 1rem;}
.category-hero-header .hero-content {
  align-self: end;
  padding: 0;
}

.cat-list-news .news-item img {
  height: 15.5rem;
}


.category-hero-header .search-form{
  display: grid;
  grid-template-columns: 3.5fr 1fr;
}
.lebel-desc {
	font-size: .65rem;
    padding: 1rem 0;
    line-height: 1.4em;
    font-style: italic;
    font-weight: normal;
  }
  
  .social-set {
  display: flex;
  gap: 1rem;
}
.icon-social{
  height: 3.1rem;
  padding: .75rem;
  margin-top: 1rem;
  border: solid 1px #ddd;
  border-radius: .5rem;
}

.podobne-oferty .oferta-item-list{display: block;gap:0}
.search-form {
  align-items: stretch;
  display: block;
  flex-wrap: nowrap;
  margin: 0 0 -0.8rem -0.8rem;
}

.content-desc li{
    font-size: .95rem;
    line-height: 1.6em;
  }

.post-template-hotel .oferta-desc ul {
  list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.grid-42-mobile{grid-template-columns: 4fr 2fr !important}
.grid-42 .country-top {
    font-size: .75rem;
    margin-top: 0;
    margin-bottom: 0;
    align-self: center;
  }
.country-top {
  font-size: .75rem;
  margin-top: -.5rem;
  margin-bottom: .75rem;
}
.pytaj-m{
    display: block;
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;z-index: 999999
  }
.profil-baner{
  height: 7.5rem;
}
.page-header h1 {
  font-size: 1.68rem;
  margin: 0 0 1rem;
  color: #fff;
  line-height: 1.2em;
}
.search-form .search-submit {
  background: #e6490f;
  font-size: 1rem;
  text-transform: none;
  border-radius: .5rem;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 900;
  width: -moz-available;
}
.category-wyprawy .search-form {
  align-items: stretch;
  display: block;
  flex-wrap: nowrap;
  margin: 0 0 -0.8rem -0.8rem;
}

.page-header p {
  color: #fff;
  font-size: .65rem;
  margin-bottom: 1rem;
}
.page-header {
    padding: 0rem 0rem;
  }
.oferta-item-list h4{
  font-size: 1rem;
  height: auto;
  overflow: visible;
}
.profile-header {
  display: grid;
  grid-gap: 1rem;
  position: relative;
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
}
.profil-desc .step-next{
    margin-top: 0;
    background: #10213d;
    color: #fff;
    padding: .75rem 1rem !important;
    align-self: center;
    border: none;
    border-radius: .25rem;width: inherit;text-align: center
  }
.m-contact {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    left: 0;
    background: #e1e7df;
    padding: .5rem;
    border-radius: 0;
    display: flex !important;
    margin-top: 0 !important;
  }
  
  .profil-desc {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0;
}
.profil-desc .grid-2-auto{margin-top: 1rem;grid-template-columns: auto auto}
.profil-desc .step-next {
  margin-top: 0;
  background: #10213d;
  color: #fff;
  padding: 1rem !important;
  align-self: center;
  border: none;
}
.boss-box {
    position: fixed !important;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    left: 0;
    margin: 0;
    grid-template-columns: auto 1fr;
    border-radius: 0;
    justify-content: end;
    grid-gap: 1rem;
    padding: 1rem;border-radius: .5rem .5rem 0 0;justify-content: flex-start;
  }
.boss-desc .grid-2-auto{margin-top: 0 !important}
.boss-desc{
  display: grid;
  grid-template-columns: 2.5fr 3fr;padding: 0
}  

.whatsapp-button img {
  height: 3.5rem;
}

 .boss-box .whatsapp-button img {
  height: 2.5rem;
}

.boss-box a{align-self: center;}

.boss-box .step-next {
  margin-top: 0;
  font-size: .65rem;
  padding: .85rem;
  align-self: center;
}
.boss-desc h5{
    font-size: .65rem;
    line-height: 1em;
    overflow: hidden;
    height: 1.3rem;align-self: center;margin: 0;width: 8rem;
  }
.boss-box .attachment-post-thumbnail {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: cover;
  border-radius: .5rem;
  border: solid 2px #eaf3f5;
}
.veryficate {
  position: absolute;
  top: .5rem;
  left: .5rem;
  height: 1.5rem;
  background: #fff;
  padding: .1rem;
  border-radius: 5rem;
}
.boss-desc .grid-2-auto {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: .5rem;margin-top: 0 !important;
  }

.plan-day p {
  font-size: .85rem;
}

.tip-trip-form-wrapper {
  padding: 1.5rem;
}
.oferta-desc ul{grid-template-columns: 1fr 1fr;}
.oferta-desc .grid-62{display: block}
.wyprawa-lewa .cena{text-align: center;}
.oferta-desc h4{border-bottom: none;margin-bottom: 1rem}

.wyprawa-content h1 {
  font-size: 1.2rem;
  margin: 1rem 0 .5rem;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  width: 70%;
}

.wyprawa-content #breadcrumbs {
  font-size: .65rem;
  font-weight: normal;
  text-decoration: underline;
  margin-bottom: 1.5rem;
}
.social-footer {
  display: flex;
  gap: 2rem;
  margin: 1rem auto;
  justify-content: center;
}
.social-footer img {
  height: 2.5rem;
}

#home-search h1 {
  color: #fff;
  font-size: 1.68rem;
  margin: 1rem 0 -1rem;
  width: 70%;line-height: 1.2em
}
.prawa-home{grid-template-columns: 1fr;}
#home-search{padding: 1rem 0;margin-bottom: 1rem}

#loty-page {
  padding: 1rem;
  border-radius: 1rem;
}
.podobne-aplikacje {
  background: #f5f8fc;
  padding: 2rem 1rem;
  border-radius: 1rem;
}
.nav-toggle svg {
  height: 1rem;
  width: 1.8rem;
}
.content-post h2 {
  font-size: 2rem;
}
.page-template-appka .prawa h3 {
  font-size: 1.6rem;
  color: #0B243E;
  font-weight: 900;
  margin-bottom: 2rem;
  margin-top: 0;
}

#ulubione-lista-kontener img {
  width: 100%;
  height: 5rem;
  object-fit: cover;
  border-radius: 1rem;
}
/* APP POST STYLE */

.app-logo {
    display: flex;
    gap: 2rem;
    margin-bottom: 1rem;
    border-bottom: solid 1px #ddd;
    padding-bottom: 2rem;
  }
.app-download img {
  height: auto !important;
  margin: 1rem 0 0;
}

.app-download{
  display: flex;
  gap: 1rem;
  align-self: end;
}
.app-header {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.app-gallery img{border-radius: 1rem;height: 12rem;}
.app-logo img{height: 7.5rem}
.app-desc h1 {
  font-size: 1.8rem;
  margin: .5rem 0;
}
.app-desc p{font-size: .8rem;}
.app-desc .ulubione-przycisk{top: 0;right: 0}
/* END APP POST STYLE */
.footer-bar{
    display: flex;
    position: fixed;
    bottom: 0;
    gap:1rem;
    background: #fff;
    width: 100%;
    padding: 1rem;
    border-radius: .5rem .5rem 0 0;
    box-shadow: 0px -8px 24px rgba(0,0,0,.08);justify-content: space-around;z-index: 99999
  }
  
.footer-bar img{
  height: 1.42rem;margin: 0 auto .25rem auto;
}
  
.footer-bar a{
    color: #000;
    font-size: .45rem;
    text-align: center;
    font-weight: 600;text-transform: uppercase;
  }
  
  #tip-partner {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .5rem;padding: 2rem
}
#ulubione-lista-kontener {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.hi-im {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  padding: 2rem;
}

#tip-partner .partner-opis h5 {
    font-size: 1.25rem;
    margin: 0 0 .5rem;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: 0 !important;
  }
  
  .section-padding h3 {
  font-size: 1.25rem;
  margin: 0;
}

.section-padding p {
  font-size: .8rem;
}
#tip-partner .partner-opis p {
    font-size: .86rem;
    line-height: 1.4em;
    color: #666;
    margin-bottom: 1rem;
  }

.hi-im img {
  height: 20rem !important;
  width: 100%;
  margin: 0;
  object-fit: cover;
  border-radius: 1rem;
}
#qr-popup-content{display: none !important}

#step-box h2 {
  font-size: 2rem;
  text-align: center;
}

.grid-8-auto {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 1rem;
}
#partner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}

.partner-opis p {
  font-size: .8rem;
  line-height: 1.4em;
  color: #666;
}

.partner-opis h5 {
  font-size: .8rem;
  margin: 0 0 .5rem;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
.partner-box {
  font-size: .68rem;
  color: #666;padding: 1rem;border-radius: 1rem;
}
.partner-box img {
    height: 1rem;
    margin: .5rem 0;
  }
  
  .step-item {
  background: #eaf3f5;
  padding: 1rem;
  border-radius: 1rem;
}
.step-item img {
  height: 15.5rem;
  width: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
#loty-page h1 {
  color: #fff;
  margin: 0rem 0 .5rem;
  font-size: 2.2rem;
}
#loty-page .grid-42 {
  grid-gap: 1rem;
}
#loty-page  p {
    font-size: .65rem;margin: 0;
  }
.lh-icons-set{grid-template-columns: 1fr 1fr 1fr !important;}
.loty-desc{
    padding: 1rem;
    height: 20.5rem;
    border-radius: 1rem;
  }
.category-pagination {
  padding: 1rem;
  margin: 1rem 0;background: none;
  border-radius: .345rem;
}
#hero-home{
    height: 45vh;
    position: relative;
    padding: 3rem 0 1rem;
    margin: 0 auto;
    max-width: 100%;
    border-radius: 1rem;
  }
.hero-content{padding: 2rem 2rem 2rem;}

.hero-opis{
  font-size: .65rem;
  width: 100%;
}
.hero-przycisk {
  display: inline-block;
  padding: 1.25rem 2rem;
  font-size: .65rem;
  color: #000;
  text-decoration: none;
  border-radius: 5rem;
  margin-top: 1rem;
  background: #fff;
}
.hero-sticker{
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.hero-naglowek {
  color: #fff;
  font-size: 1.68rem;
  margin: 1rem 0;
}

.custom-select-wrapper::after {
  top: calc(50% + 5px);
}
.section-padding {
  padding: 2rem 0;
}

.lot-search-m {
  background: #eaf3f5;
  padding: 2rem;
  border-radius: 0 .345rem .345rem 0;
  align-self: center;
}

.hotel-desc{
  padding: 3rem;
  color: #fff;
  align-self: center;
clip-path: polygon(0% 0%, 100% 0, 100% 95%, 54% 100%, 0 95%);  background: #765dad;
}
.lot-desc{
  padding: 3rem;
  color: #fff;
  align-self: center;
clip-path: polygon(0% 0%, 100% 0, 100% 95%, 54% 100%, 0 95%);  background: #3264ff;
}
#loty-city h3 {
  color: #fff;
  font-weight: 900;
  font-size: 2.4rem;
}

.date-group {
    gap: 1rem;
}
.form-home .grid-3 {
  align-content: end;
  grid-template-columns: 1fr;
}

.grid-3-btn {
  align-self: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem !important;
}

.grid-3-btn .btn-book{display: none}
.btn-book{display: flex}
.wyprawa-content .section-inner {
  margin: 0;
  width: 100%;
}
.ulubione-przycisk  {
    background: #E6490F;
    color: #fff;
    border: none;
    font-size: .65rem;
    text-transform: none;
    padding:.65rem;
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    text-decoration: none;
    border-radius: .5rem;
  }
.mc-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
}
.form-home {
    padding: 2rem 0;
    height: auto;
  }
.btn-home img {
  height: 3.75rem;
  border-right: solid 1px #14141424;
  padding: .75rem;
}


.btn-hotel{
  color: #fff;
  font-weight: 400;
  background-color: #0b48a7;
  padding: .5rem;
  display: flex;
  gap: 1rem;
  border-radius: .345rem;
}
.btn-loty{
  color: #fff;
  font-weight: 400;
  background-color: #1585fc;
  padding: .5rem;
  display: flex;
  gap: 1rem;
  border-radius: .345rem;
}


.naglowek-layout {
  display: grid;
  gap: 1rem;
  grid-template-columns:1fr;}
  
  .naglowek-layout .travel-link-item{
    display: block;
    text-align: left;
    padding: 0;
  }
.form-home .grid-2 {
  grid-template-columns: 1fr 1fr;
}
.form-home h1 {
    align-self: center;
    color: #000;
    margin: 0;
    font-size: 1.2rem;
  }
.custom-select-wrapper{margin-bottom: 0;padding-top: 0}
.hero-section{padding: 2rem 0 3rem;border-radius: 0 0 2rem 2rem;}
.add-mobile {
    display: block;
    margin: 1rem 0;
    background: red;
    color: #fff;
    padding: 1.5rem;
    text-align: center;
    font-weight: 900;
    font-size: 1rem;
  }

#dodajtip {
  background: #DEE4D9;
  padding:2rem;
}

h3 {
  font-size: 1.2rem;
  margin: 1.2rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}

.tip-card{background-position: 1rem 1rem;
  padding-left: 4rem;border-radius: .345rem;
  background-size: 2rem;}

.custom-tip-form-container h3 {
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}
.tip-content p {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  font-size: 1.1rem;
  font-family: inherit;
}
html {
  scroll-behavior: smooth;scroll-padding-top: 85px; /* height of sticky header */
}

.float-menu a{width: inherit;}
.mobile-off{display: none}
.mobile-on{display: block}
  #pogoda .widget {
    margin-bottom: 1rem;
    padding: 0 2rem 2rem;
  }
.prawa-pogoda {
    clip-path: polygon(0% 0%, 100% 0, 100% 95%, 54% 100%, 0 95%) !important;
    background: #e2d7b7;
    padding: 5rem !important;
    margin-bottom: -3rem;
  }
#pogoda h4 {
  color: #61553d;
  margin: 0 0 2rem 0;
  font-weight: 400;
  text-decoration: underline;
}
.flight-link-container a{
  width: 100%;
  text-align: left;
}
/* 1. Kontener zewnętrzny - włączenie przewijania */
    .video-scroll-wrapper {
        overflow-x: scroll; /* Włączenie przewijania w poziomie */
        padding-bottom: 10px; /* Przestrzeń, jeśli pojawi się pasek scrollowania */
        
        /* Opcjonalnie: ukrycie paska przewijania (dla czystszego wyglądu) */
        scrollbar-width: none; /* Firefox */
    }
    .video-scroll-wrapper::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

    /* 2. Kontener wewnętrzny - ustawienie Flexbox */
    .section-inner.inne-video {
        display: flex;gap: 0;
        flex-wrap: nowrap; /* Wymuszenie, aby elementy się nie łamały */
        
        /* Upewnienie się, że elementy nie będą się kurczyć do małej szerokości */
        min-width: fit-content; 
    }

    /* 3. Pojedynczy element (filmik) - KLUCZ DO WIDOKU "1.5" */
    .video-item {
        /* Szerokość dla "1.5 filmiku": 100% / 1.5 = 66.66% */
        width: 66.66vw; 
        
        /* Wymuszenie niekurczenia się */
        flex-shrink: 0; 
        
        /* Margines między elementami */
        margin-right: 3vw; 
    }
    
    .inne-video iframe {
  height: 13.5rem !important;
}

.video-desc {
  padding: 0;
}
.video-desc img {
  margin-bottom: -2rem;
  height: 5rem;
}
.inne-video {
  background: #DEE4D9;
  padding: 1rem;border-radius: 0
}
#video {
    background: #C3D0BA;
    margin: 0;
    width: 100%;
    padding: 2rem;
  }

h2 {
  font-size: 2.4rem;
  margin: 2rem 0;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: 0 !important;
}
.gap-5 {
  grid-gap: 1rem !important;
}
.float-menu {
        /* KLUCZOWA ZMIANA POZYCJONOWANIA: przenosimy na dół! */
        top: auto;
        bottom: 0;
        left: 0;
        
        /* KLUCZOWA ZMIANA UKŁADU: włączamy flexbox! */
        display: flex; gap:1px;background: #f9f9f9;
        
        /* Pełna szerokość ekranu dla przewijania */
        width: 100%; 
        
        /* Włączenie przewijania w poziomie */
        justify-content: space-between;
    }

    /* Kontener wewnętrzny: układa elementy w jednej linii */
    .float-menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 10px 15px;
  }    
    /* Opcjonalnie: ukrycie paska przewijania */
    .float-menu::-webkit-scrollbar {
        display: none; 
    }
    .float-menu {
        scrollbar-width: none; 
    }
.float-menu img {
  height: 3rem;
  margin: 0 auto;
}
.city-thumbnail img {
  width: 100%;
  max-width: 100%;
  height: 15rem;
  object-fit: cover;border-radius: 1rem
}
.city-menu{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    background: #d2e1e4d9;
    padding: 1rem;
    margin-bottom: 0;
  }
  
  #linki {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 3rem;
}
#linki .travel-link-item{margin: 0;text-align: center}
  #hero{margin-bottom: 1rem !important}
.mini-header {
  display: none;}
  
  .city-menu img {
  height: 2rem;
  margin: 0 auto .5rem;
}
.city-header{padding: 0 !important}

.city-header h1 {
  font-size: 2rem;
  font-weight: 900;
  margin: 1rem 0;
  text-transform: none;
}

.city-menu a {
  background: #fff;
  text-align: center;
  font-size: .8rem;
  color: #000;
  padding: 1rem .5rem;border-radius: .325rem;
}
.scroll-gallery {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* płynne przewijanie na iOS */
    gap: 10px;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }

  .scroll-gallery li {
    flex: 0 0 auto;
    scroll-snap-align: start;
    width: 70%; /* szerokość pojedynczego obrazka na mobile */
  }

  .scroll-gallery img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  .scroll-gallery::-webkit-scrollbar {
    display: none; /* ukryj pasek przewijania */
  }
  
  .gallery-ul img {
  height: 205px;
  object-fit: cover;
  width: 100%;border-radius: 0
  ;
}
  .form-grid {
    grid-template-columns: 1fr;
  }
  
  .cennik-item, .cennik-mini{font-size: 1rem}

.modul-item-gallery img{
  height: 20rem;
  width: 100%;
  object-fit: cover;
}
.modul-item-gallery.grid-4 {
      display: flex;
      overflow-x: auto;
      gap: 10px;
      scroll-snap-type: x mandatory; /* fajne zatrzymywanie */
      -webkit-overflow-scrolling: touch;
    }
    .modul-item-gallery.grid-4 a {
      flex: 0 0 auto; /* niech każdy element ma własną szerokość */
      width: 70%;     /* szerokość elementu (możesz zmienić np. na 80%) */
      scroll-snap-align: start;
    }
.page-image-small img {
  width: 100%;
  max-width: 2580px;
  height: 15vh;
  object-fit: cover;
  object-position: center;
}
.atrakcje-box h5 {
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  align-self: center;
  margin: 0;
}
.atrakcje-box {
  background: #eeeff0;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 1rem;
  padding: 2rem;
}
.page-image-contact img {
  width: 100%;
  max-width: 2580px;
  height: 15vh;
  object-fit: cover;
  object-position: center;
}
.tab button{border-bottom: solid 1px;}
.tab {
  overflow: hidden;
  background-color: transparent;
  display: block;
  margin: 1rem 0;
}
.cat-post h3 {
  margin: 1rem 0;
  text-transform: none;
  line-height: 1em;
}
.mobile-bar {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 2fr 2fr 2fr 6fr;
  width: 100%;
  background: #fff;
  padding: 1rem;z-index: 999999
}
.grid-42 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.grid-62 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}

.oferta-thumbnail img {
  width: 100%;
  object-fit: cover;
  height: 25rem;
  
}

.galeria-item img {
  width: 100%;
  display: block;
  height: 4rem !important;
  object-fit: cover;
}
.lewa img{min-height: auto}
.prawa img{min-height: auto}

.page-image img {
  width: 100%;
  max-width: 2580px;
  height: 32vh;
  object-fit: cover;
  object-position: bottom;
}
.prawa h3 {
  font-size: 2rem;
  color: #000;
  font-weight: 900;
  margin-bottom: 1rem;
}

.lewa h3 {
  font-size: 2rem;
  color: #000;
  font-weight: 900;
  margin-bottom: 1rem;
}
#swipebox-close#swipebox-close {
    right: 1rem;
    left: auto;
    border-radius: 50% 50% 0 50%;
    top: auto;
    bottom: 6rem;
  }
.nf-form-content{width: 100%}
.booknow{
    display: block;
    background: #0B243E;
    align-self: center;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1rem;
  }
.footer-desc ul{display: block}
.eg-kontakt h2{font-size: 2rem}
#site-footer .section-inner {
  display: block !important;
  grid-template-columns: 1fr;
  text-align: center;
}
.logo-slide{margin: 0 auto !important}
.grid-32 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}

.menu .rezerwacja{margin-top: 2rem}

.lewa-kontakt{padding: 0rem}	
.lewa-kontakt .pr-3{padding-right: 0 !important}

.eg-social-box .grid-4{grid-template-columns: 1fr 1fr 1fr 1fr !important;justify-items: center;}
.menu-item-eg {
  display: block;}
  
  
.more-white{display: block}

.grid-13{grid-template-columns: 1fr}
.shop-item{grid-template-columns: 1fr}
.shop-link {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}  
.shop-logo{border-right: none}
.shop-item-desc span{display: block}
  #menu-main-menu-2 {
    display: block;
    list-style: none;
    margin: 2rem auto;
    justify-content: center;
}
  
  .right-img .lewa{order: 1}
.right-img .prawa{order: 2}
  
  p{
    font-size: .95rem;line-height: 1.6em;
}
 .box-item img{height: 280px;width: 100%}
 
 .singular .featured-media-inner{padding: 0 2rem}
 
 li {
    margin: 0.5rem 0 0 0rem;font-size: 1rem;
}

.grid-dealer{
    display: grid;
    grid-template-columns: 1fr;
}

.maps-b2b {
    padding: 0rem;
}

 .section-title {
   line-height: 1em;
   font-size: 2rem;
}

.featured-media img{height: 260px}

h2.entry-title {
    font-size: 3.4rem;
    line-height: 1em;
    text-align: center;
    font-weight: 900;
}

.post-inner {
    padding: 2rem 0;
    text-align: center;
}

h1{font-size: 1rem;line-height: 1em}

#site-footer .section-inner img {
    margin: 2rem auto;
}

#menu-first-menu-2, #menu-first-menu-3 {
    display: block;
    list-style: none;
    margin: 2rem 0;
    text-align: center;
}

.copy-footer{text-align: left}
.jack{
    margin: 1rem auto;
    display: block;
    text-align: center;
    width: 100%;
}
  /* GRID STYLE */
  .grid-2{display: grid;grid-template-columns: 1fr;grid-gap: 15px}
  .grid-3{display: grid;grid-template-columns: 1fr;grid-gap: 15px}
  .grid-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px}
  .grid-5{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px}
  .grid-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px}
  .grid-8{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px}
  .grid-10{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px}
  .grid-12{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px}
.grid-9{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px}
  
  .grid-2-auto {
    display: grid;
    grid-template-columns: auto;
    grid-gap: .5rem;
}

.grid-23{grid-template-columns: 1fr}
  /* END GRID STYLE */
  
 /* MARGIN STYLE */
  
 /* MARGIN ALL */
.m-1{margin: 1rem;}
.m-2{margin: 2rem;}
.m-3{margin: 2.5rem;}
.m-4{margin: 3rem;}
.m-5{margin: 3.5rem;}
.m-10{margin: 5rem;}
/* END margin ALL */

/* MARGIN TOP */
.mt-1{margin-top: .5rem;}
.mt-2{margin-top: 1rem;}
.mt-3{margin-top: 2rem;}
.mt-4{margin-top: 2.5rem;}
.mt-5{margin-top: 3rem;}
.mt-10{margin-top: 3.5rem;}
/* END MARGIN TOP */

/* MARGIN BOTTOM */
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 2.5rem;}
.mb-4{margin-bottom: 3rem;}
.mb-5{margin-bottom: 5rem;}
.mb-10{margin-bottom: 10rem;}
/* MARGIN BOTTOM */

/* MARGIN LEFT */
.ml-1{margin-left: 1rem;}
.ml-2{margin-left: 2rem;}
.ml-3{margin-left: 2.5rem;}
.ml-4{margin-left: 3rem;}
.ml-5{margin-left: 3.5rem;}
.ml-10{margin-left: 5rem;}
/* END margin LEFT */

/* MARGIN RIGHT */
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 2.5rem;}
.mr-4{margin-right: 3rem;}
.mr-5{margin-right: 3.5rem;}
.mr-10{margin-right: 5rem;}
/* END MARGIN RIGHT */

/* END MARGIN STYLE */

/* PADDING STYLE */

/* PADDING ALL */
.p-1{padding: .8rem;}
.p-2{padding: 1.2rem;}
.p-3{padding: 1.6rem;}
.p-4{padding: 2rem;}
.p-5{padding: 3.5rem;}
.p-10{padding: 3rem;}
/* END PADDING ALL */

/* PADDING TOP */
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 2.5rem;}
.pt-4{padding-top: 3rem;}
.pt-5{padding-top: 3.5rem;}
.pt-10{padding-top: 5rem;}
/* END PADDING TOP */

/* PADDING BOTTOM */
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 2.5rem;}
.pb-4{padding-bottom: 3rem;}
.pb-5{padding-bottom: 3.5rem;}
.pb-10{padding-bottom: 5rem;}
/* PADDING BOTTOM */

/* PADDING LEFT */
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 2.5rem;}
.pl-4{padding-left: 3rem;}
.pl-5{padding-left: 3.5rem;}
.pl-10{padding-left: 5rem;}
/* END PADDING LEFT */

/* PADDING RIGHT */
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-4{padding-right: 3rem;}
.pr-5{padding-right: 3.5rem;}
.pr-10{padding-right: 5rem;}
/* END PADDING RIGHT */

/* END PADDING STYLE */

.site-logo img {
    height: 2.4rem;
}

.brand-logo{padding: 1.5rem}

.header-inner {
    padding:.75rem 0;
}

.hero-desc{padding: 0}

h1{margin:  0}
}
#site-footer .section-inner{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 2.5rem;}


.menu ul{
  display: flex;
  list-style: none;
}

.hero-header{
  height: 50vh;
  display: flex;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;background-position: bottom;
}
.hero-header .section-inner{align-self: end;color: #fff}
.hero-header h1{
  color: #fff;
  font-size: 7rem;
  margin: 0 0 5rem 0
}
.menu-box {
  background: #a08344;
  height: 8rem;
  width: auto;
  position: fixed;
  z-index: 999;
  top: 50%;
  right: 0;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  padding: 1rem;
}
.menu-box img{
  height: 4rem;
  margin: 0 auto;
}
#pogoda   {
  background: #DBF7B0;
  padding: 1.5rem;
  border-radius: 1rem;
}
#pogoda li {
  font-size: 1rem;
}
.prawa-pogoda{
  padding: 2rem;
}

#pogoda h3 {
margin: 0 0 1rem;font-size: 1.4rem
}
.wyprawa-right p{font-size: .85rem;line-height: 1.4em}
#pogoda h4{
  margin: 1rem 0;
  font-weight: 900;
  font-size: 1.2rem
}

#atrakcje .section-inner{
    position: relative;
    padding-right: 0px; 
}
#atrakcje h3{margin: 0}
#atrakcje{padding: 5rem 0;position: relative}

.atrakcje-scroll-wrapper {
    overflow-x: scroll; 
    overflow-y: hidden;
    /* Opcjonalnie: ukrycie paska przewijania (dla czystszego wyglądu) */
    scrollbar-width: none; 
    -ms-overflow-style: none; /* IE and Edge */
}
.atrakcje-scroll-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

/* Kontener wewnętrzny - ustawienie elementów w rzędzie */
.atrakcje-lista {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 1rem;
}

/* Pojedynczy link jako element listy */
.atrakcja-link {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex-shrink: 0; /* Kluczowe: elementy nie mogą się kurczyć */
    margin-right: 15px; /* Domyślny odstęp */
    text-decoration: none;
    color: inherit;width: 100%
    /* Dalsza podstawowa stylizacja... */
}

/* Zapewnienie, że obrazek wypełnia dostępną przestrzeń */
.atrakcja-link img {
  width: 100%;
  height: 15rem;border-radius: 1rem;
  object-fit: cover;
}

li{font-size: 1.2rem}

ul, ol {
  margin: 2rem 0 2rem 0rem;
}

.become-a-partner{display: none !important}

/* On screens that are 500px or less, set the background color to olive */
@media screen and (max-width: 500px) {

#video h2{font-size: 2.4rem;}
#atrakcje h3  {
    margin: 0 0 1rem;
    line-height: 1em;
    font-size: 2.4rem;
  }
  .atrakcja-tytul{font-size: 1rem;}

#atrakcje p {
  font-size: 1rem;
  margin-bottom: 1rem;
}  
  
.atrakcja-link img {
  width: 100%;
  height: 10rem;
  object-fit: cover;
}
.atrakcja-link {
        width: 33vw; /* Kluczowe: szerokość oparta na widoku ekranu */
        margin-right: 0vw; /* Odstęp oparty na widoku ekranu */
    }
.hero-header h1 {
  color: #fff;
  font-size: 2rem;
  margin: 0 0 5rem 0;
}

ul, ol {
  margin: 2rem 0 2rem 2rem;
}

#pogoda h3 {
  font-size: 1.2rem;
}
.hero-header .section-inner {
  align-self: end;
  color: #fff;
  font-size: 1.2rem;
}

.hero-header {
  height: 30vh;
  display: flex;
  background-attachment: inherit;
  background-repeat: no-repeat;
  background-size: cover;
}
  
  .brand-logo img {
    max-width: 10rem;
    height: 3rem;
    margin: 0 auto;
}
  
  /* GRID STYLE */
  .grid-2{display: grid;grid-template-columns: 1fr;grid-gap: 15px}
  .grid-3{display: grid;grid-template-columns: 1fr;grid-gap: 15px}
  .grid-4{display: grid;grid-template-columns: 1fr;grid-gap: 15px}
  .grid-5{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1px;
  }
  .grid-6{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px}
  .grid-8{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px}
  .grid-10{display: grid;grid-template-columns: 1fr;grid-gap: 15px}
  .grid-12{display: grid;grid-template-columns: 1fr;grid-gap: 15px}
  /* END GRID STYLE */

#subcategory-content .grid-8{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
  }
  
  #subcategory-content .news-item img {
  height: 6rem;
  object-fit: cover;
  width: 100%;
  border-radius: 1rem;
}

#subcategory-content .news-item h2 {
    font-size: .75rem;
    color: #0B243E;
    font-weight: 600;
    margin: 1rem 0 .5rem;
    text-transform: none;
  }
  
}

/* --- Główny kontener galerii --- */
.image-gallery-layout {
    display: grid;
    /* Domyślnie 60% dla głównego zdjęcia, 40% dla bocznej galerii */
    grid-template-columns: 3fr 2fr; 
    gap: .5rem; /* Odstęp między głównym zdjęciem a galerią */
    width: 100%;
    margin-top: 1rem;
    height: auto; /* Ustaw stałą wysokość dla całego bloku galerii */
}

/* --- Główne zdjęcie --- */
.main-image-container,
.main-image-container a {
    width: 100%;
    height: 100%;
    display: block;
}
.main-image-container img {
    width: 100%;
    height: 28.5rem;
    object-fit: cover; /* Gwarantuje wypełnienie przestrzeni bez zniekształceń */
    border-radius: 1rem; /* Zaokrąglenie lewych rogów */
}

.side-gallery-grid .gallery-item {
  margin: 0;
  padding: 0;
  width: 100%;border-radius: 1rem;
}
/* --- Boczna siatka galerii --- */
.side-gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: .5rem;
  height: 100%;
}
.gallery-item {
    position: relative; /* Niezbędne dla pozycjonowania nakładki */
    overflow: hidden; /* Ukrywa wystające części obrazka */
}

.gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery-item img {
  width: 100%;
  height: 14rem;
  object-fit: cover;
  transition: transform 0.3s ease;
  border-radius: 1rem;
}
.gallery-item:hover img {
    transform: scale(1.05);border-radius: 1rem;
}

/* --- Zaokrąglenia dla skrajnych zdjęć w siatce --- */
.side-gallery-grid .gallery-item:nth-child(2) img {
    border-radius: 1rem;
}
.side-gallery-grid .gallery-item:nth-child(4) img {
    border-radius: 1rem;
}

/* --- Nakładka z licznikiem zdjęć --- */
.more-photos-trigger .photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.more-photos-trigger:hover .photo-overlay {
    background-color: rgba(0, 0, 0, 0.75);
}

.photo-overlay span {
  font-size: .65rem;
}

/* --- Responsywność dla urządzeń mobilnych --- */
@media (max-width: 768px) {
    .image-gallery-layout {
        /* Zmiana na układ jednokolumnowy */
        grid-template-columns: 1fr;
        height: auto; /* Wysokość automatyczna */
        gap: 10px;
    }
    
    .main-image-container {
        height: auto; /* Stała wysokość dla głównego zdjęcia na mobile */
    }

    .main-image-container img {
        border-radius: 1rem;height: 15rem; /* Zaokrąglenie wszystkich rogów */
    }

    .side-gallery-grid {
        height: auto;grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
    }

    /* Reset zaokrągleń dla mobilnego widoku */
    .side-gallery-grid .gallery-item:nth-child(2) img,
    .side-gallery-grid .gallery-item:nth-child(4) img {
        border-radius: 1rem;
    }
    
    .gallery-item img {
  width: 100%;
  height: 5rem;
  object-fit: cover;
  transition: transform 0.3s ease;
  border-radius: 1rem;
}
}