/*
 Theme Name:   Domtel
 Theme URI:    https://domtel-sport.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:#f6f7f8;
 font-family: "Plus Jakarta Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-attachment: fixed;
}

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

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

.section-inner{
	max-width: 1280px !important;
	margin: 0 auto;
	position: relative
}

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: 1.4rem}

p {
    line-height: 1.5em;
    margin: 0 0 1em 0;
    font-size: 1.4rem;
}

.gap-5{grid-gap: 2rem !important}

.menu-item-eg{
	display: grid;
	grid-template-columns: auto 150px;
	grid-gap: .5rem 15px;
	background: #FAF7F2;
	padding: 2rem 3rem;
	color: #00455F;
}
.menu-desc h4{margin: 0 0 .5rem}
.menu-desc p{margin: 0}
.cena{font-size: 3rem;font-weight: bold;text-align: right}
.waluta{font-size: 1.4rem}

#site-header {
    background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(26, 41, 64, 1) 100%);
    position: sticky;
    top: 0;
    z-index: 9;
}
.mb-home{margin-top:-8.5rem}
.primary-menu a  {
  color: #fff !important;
  font-size: 1.26rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0 !important;
}
.primary-menu a:hover{text-decoration: none;color: #01c0f2 !important}
.current-menu-item a{text-decoration: none !important;}
.header-inner {
   padding: 1.5rem 0;}

.site-logo img{height: 3.5rem}

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

.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-group:after {
  content: "";
  clear: both;
  display: none;
}

.footer-logo{height: 9rem;margin: 1rem auto}

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

#site-footer{
    font-size: 1.64rem;
    padding: 5rem 0 10rem;
    background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(26, 41, 64, 1) 100%);
    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: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.42rem;
}

.footer-desc{
    margin-bottom: 5rem;
    text-transform: uppercase;
    font-size: 1.24rem;
}

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


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

.jack{display: block;float: right}

.copy-desc{font-size: 1rem;color: #999;text-transform: uppercase}

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

.breadcrumb_last{font-weight: bold}

.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: 1.4rem;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: #fff !important;
}

.entry-categories a{color: #e44200;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
}

.post-image img {
    height: 40rem;
    object-fit: cover;
    width: 100%;
    object-position: center center;
}

.cat-post a{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
    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;}
.prawa img{;min-height: 420px; object-fit: cover; box-shadow: 0 1px 1px #00000016;}


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

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


iframe {
    display: block;
    max-width: 100%;
}

.self-center{align-self: center}



.alignnone, .aligncenter {
    margin-bottom: 4rem;
    margin-top: 4rem;
    
}

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

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

.news-item h2{
  font-size: 2rem;
  color: #0B243E;
  font-weight: bold;
  margin: 1rem 0;
  text-transform: none;
}
.blue-title{
  color: #A38545;
  font-size: 1.2rem;
  margin: 0;font-weight: bold;
}
.autor-box {
  font-size: 1rem;
  text-transform: uppercase;
  color: #0b243e;
}
.archive-title{font-weight: 900;font-size: 3rem}

/* 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;
}


/* COOKIE POPUP STYLES */

.cookie-popup{
  font-size: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: fixed;
  bottom: 0px;
  top: auto;
  left: 0;
  right: 0;
  padding: 0;
  box-shadow: 0 0 0.625rem 0 rgba(0,0,0, .15);
  line-height: 150%;
  transition: opacity .5s;
  opacity: 0;
}
.cookie-popup--short {
  right: none;
  width: 30rem; 
}
.cookie-popup--dark {
  background: #fff;
  color: #000;
}
.cookie-popup--not-accepted {
  opacity: 1;
  animation: cookie-popup-in .5s ease forwards;  
}
.cookie-popup--accepted {
  opacity: 0;
}
.cookie-popup a {
  color: skyblue;
}
.cookie-popup a:visited {
  color: skyblue;
  text-decoration: none;
}
.cookie-popup-actions {
  flex: 1;
  text-align: right;
}
.cookie-popup-actions button {
  color: #000;
  background: none;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.25rem;
  padding: 1rem;
  cursor: pointer;
  border: solid 1px;
  margin: 0rem 1.5rem 1rem 1rem;
}
.cookie-popup-actions button:hover {
  text-decoration: underline;
}

@keyframes cookie-popup-in {
  from { bottom: -6.25rem; }
  to { bottom: 1.25rem; }
}

/* END TORPOL CSS */




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

h2 {
  font-size: 2.4rem;
  margin: 2rem 0;
  font-weight:500;
  line-height: 1.2em;
  letter-spacing: 0 !important;
}

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

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

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

h6 {
  font-size: 1.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: .5rem}
.grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: .5rem}
.grid-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-5{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 1px}
.grid-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-8{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-10{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-12{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}

.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: .5rem}
.grid-4-auto{display: grid;grid-template-columns: auto auto auto auto;grid-gap: .5rem}
.grid-5-auto{display: grid;grid-template-columns: auto auto auto auto auto;grid-gap: .5rem}
.grid-6-auto{display: grid;grid-template-columns: auto auto auto auto auto auto;grid-gap: .5rem}
.grid-8-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto;grid-gap: .5rem}
.grid-10-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto;grid-gap: .5rem}
.grid-12-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto ;grid-gap: .5rem}

.grid-13{display: grid;grid-template-columns: 1fr 3fr;grid-gap: .5rem}
.grid-23{display: grid;grid-template-columns: 2fr 3fr;grid-gap: .5rem}
.grid-32{display: grid;grid-template-columns: 3fr 2fr;grid-gap: .5rem}
.grid-42{display: grid;grid-template-columns: 4fr 2fr;grid-gap: 3rem}
.grid-62{display: grid;grid-template-columns: 6fr 1fr;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: 5rem;}
.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-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-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: 2rem;}
.br-3{border-radius: 3rem;}
.br-5{border-radius: 5rem;}
/* RADIUS ALL STYLE */

/* RADIUS STYLE */


/* 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{box-shadow: 0px 8px 24px rgba(0,0,0,.08);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{box-shadow: 0px 8px 24px rgba(0,0,0,.08);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;
}


.modal-menu > li > .ancestor-wrapper > a {
  font-size: 1.5rem;
  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 {
    margin-right: 1.6rem;
    font-size: 1.2rem;
}

.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: .5rem;
    }

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

.dealer{
    background: #0b243e;
    color: #fff;
    position: sticky;
    top: 100px;
    padding: 5rem;
}
.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: .5rem;
    font-size: 1.4rem
}

.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.8rem;
    display: block;
}

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

button.close-nav-toggle .toggle-text{
    font-size: 1rem !important;
    text-transform: uppercase;
    letter-spacing: 3px !important;
}
.nav-toggle .toggle-inner{padding-top: .6rem}

.subtitle-eg{
  margin: 0;
  font-weight: normal;
  font-size: 1.6rem;
}

.subtitle-eg-red{
  font-size: 1.6rem;
  margin: 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  color: #0B243E;
}

.cat-item{
  background: #fff;
  padding: 2rem;
  ;
  text-align: center;box-shadow: 0 1px 1px #00000014;
}
.cat-item img{margin: 0 auto;height: 5rem}
.cat-item h4{
  margin: 1rem 0 0;
  text-transform: uppercase;
  color: #0B243E;
  font-size: 1.4rem;
  font-weight: bold;
}
.menu-cat-item{
  background: #FAF7F2;
  text-align: center;
  padding: 2rem;
}

.menu-cat-item h4{font-size: 1.6rem;color: #00455F}

.menu-cat-item img {
  height: 6rem;
  margin: 0 auto;
}

.eg-social-box .rezerwacja {
  color: #0B243E;
  border: solid 2px;
  padding: 1.7rem 2rem;
  margin:1rem 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.eg-kontakt h2{
  font-size: 3.2rem;
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
  color: #0B243E;
}

.border-b{border-bottom: solid 1px #FAF7F2}
.pl-3{padding-left: 3rem}
.pr-3{padding-right: 3rem}

.eg-tel a{
  font-size: 2rem;
  color: #0B243E;
  font-weight: 900;
}

.eg-email a{
  font-size: 2rem;
  color: #0B243E;
  font-weight: 900;
}

.day {
  margin: 1rem 0;
}

.prawa h3 {
  font-size: 3rem;
  color: #0B243E;
  font-weight: 300;
  margin-bottom: 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: 1.4rem;
}


#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: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto 1rem;
  border-radius: .5rem;
}
.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: 45rem;
  
}

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

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

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

.galeria-item img{
  width: 100%;
  display: block;
  
  height: 15rem;
  object-fit: cover;
}
.post-right{position: relative}
.formularz {
  background: #0B243E;
  
  padding:3rem;
  color: #fff;position: sticky;top:0;
}

.page-template-formularz{padding: 0;color: #000}
.page-template-formularz p{padding: 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: bold;
  color: #000;
  
  display: block;
  text-align: center;width: 100%;
}

b, strong {
  font-weight: 600;
}

.btn-gold {
  background: #A38545;
  padding: 1.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  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: bold;
  color: #fff;
  
  display: table;
  text-align: center;
}


.btn-group{
  display: flex;
  gap: 1rem;
}
.btn-tel{
  font-weight: bold;
  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.8rem;
  color: #A38545;
  font-weight: bold;
}

.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 #A38545;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: 1.4rem}
.opinia-item .autor{font-size: 1.4rem}
.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: "Roboto", 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: #A38545;
}
summary {
  background: #d8dce0;
  padding: 2rem;font-weight: bold;
  margin-bottom: 1rem;
}
details{
  font-size: 1.5rem;
}

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

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

.domtel-trasa{
}
.domtel-trasa .leaflet-container{
border-radius: .5rem;height: 420px !important;
}
.domtel-trasa iframe{border-radius: .5rem;}

.domtel-icon{
  background: gold;
  padding: 1rem;
  border-radius: 5rem;
  height: 4rem;
}
.game-header{
  background: #fff;
  border-radius: .5rem;
  padding: 1rem;
  display: flex;color: #0b243e;
  gap: 1rem;
}
.domtel-title small {
  font-size: 0.6em;
}
/* On screens that are 992px or less, set the background color to blue */
.domtel-menu-float{
  display: block;
  position: fixed;
  right: 1rem;
  z-index: 999;
  bottom: 15%;
  background: #fff;
}

.domtel-menu-float .domtel-menu-item{display: block;margin-bottom: 1px;border-bottom: solid 1px #ddd;border-radius: 0}

.domtel-menu{
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.domtel-menu-item {
  text-align: center;
  color: #0b243e;
  font-size: 1rem;
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;flex: -moz-available;flex: -webkit-fill-available;flex: auto;
}
.domtel-menu-item:hover {
  background: gold;
}

.ptc-grid-header, .ptc-grid-row {
  display: grid;
  gap: 1px;
  background-color: #e8eff6;
  padding: 0;
  margin: .25rem 0;
  font-size: 1rem;
  grid-template-columns: 1fr 1fr 3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.ptc-controls-area{
  background: #f0f4f8;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.wyniki-bar a:hover{background: gold}
.domtel-menu-item .fa-solid{font-size: 2rem;display: block;margin: .75rem auto}
.domtel-title{align-self: start}
.domtel-title h1 {
  font-size: 1.6rem;
  margin: .5rem 0 0;
  font-weight: 900;
  line-height: 1.25em;
  letter-spacing: 0 !important;color: #0b243e;
}
.wyniki-bar {
  display: grid;
  gap: 1rem;
  margin: 1rem 0 0;
  grid-template-columns: 7rem auto auto;
}
.wyniki-bar h3{margin: 0;font-size: 1.4rem;align-self: center}
.wyniki-bar a  {
  font-size: 1.1rem;
  background: #fff;
  padding: 1rem 1.5rem;
  border-radius: .5rem;
  color: #0b243e;
  font-weight: 600;
}
.wyniki-bar ul{
  display: flex;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wyniki-bar ul li{
  margin: 0;
  padding: 0;
}
.tab-list{
  display: grid;
  gap: .5rem;
}
.start-item-wyniki  {
  display: block;
  align-self: start;
  background: #0b243e;
  padding: 1.5rem 1.2rem;
  color: gold;
}
.start-item-pobierz  {
  display: flex;
  align-self: start;
  background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 66%, rgb(0, 212, 255) 100%);
  padding: 1.5rem 1.2rem;
  color: gold;
  border-radius: .5rem;
  text-align: center;
  font-size: 3rem;gap:1rem;
}
.start-item-wyniki:hover{background: #0b243e;color: gold !important}
.download-pdf {
  color: #0b243e;
  font-size: 1.4rem;
  text-decoration: underline;
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;
}

.start-item-pobierz h4{
  margin: 0;
  color: gold;
  font-size: 1.4rem;
  line-height: 3rem;
}
#dekoracje h4{
  margin: 0;
  color: gold;
  font-size: 1.4rem;
  line-height: 3rem;
}
#trasa h4{
  margin: 0;
  color: gold;
  font-size: 1.4rem;
  line-height: 3rem;
}

#video h4{
  margin: 0;
  color: gold;
  font-size: 1.4rem;
  line-height: 3rem;
}
.yellow{background: gold !important;color: #0b243e !important}
.szukaj-input{
  font-size: 1.2rem !important;
  border-radius: .5rem !important;padding: 1.25rem !important;
}

#trasa canvasP{max-width: 100%;
  width: 100%;}

.cat-item-ul a {
  background: #d7e1ed;
}
.reset{
  display: flex;
  gap: 1rem;background: none !important;
}
.reset .fa-solid {
  display: flex;
  width: 100%;
  justify-content: end;
}
.reset span {
  margin-left: 1rem;
  letter-spacing: 0 !important;
  font-size: 1rem;
  font-family: 'Roboto';
}
.ptc-wrapper{margin-top:1rem !important}
.place-number{
  text-align: center;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: 900;
}
.dekoracja-item{}
.dekoracja-item h5 {
  font-size: 1.4rem;
  background: #0b243e;
  padding: 1.5rem 1.5rem;
  border-radius: .5rem;
  color: #fff;
  font-weight: 900;
}

.dekoracja-list-winner{
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  display: grid;
  grid-template-columns: 1fr 11fr;
  grid-gap: 1rem;
}
.place-gold{background: gold;}
.place-silver{background: #e0e0e0}
.place-brown{background: #b1700a;color: #fff}
.dekoracja-name{font-weight: bold;}
.dekoracja-time{}


.cat-item-ul {
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.cat-item-ul a {
    text-align: center;
    color: #0b243e;
    font-size: .85rem;
    padding: 1rem 1.25rem;
    border-radius: .5rem;
    flex: 0 0 calc(100% / 2 - auto);
  }
  
.ptc-card-data{min-width: 3.5rem !important}
.ptc-data-role-zawodnik{font-size: 1.4rem !important;font-weight: 900 !important;max-width: 25rem}
.ptc-actions-container {
  display: grid !important;
  gap: 15px;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: 1fr 1fr !important;
}
.ptc-data-role-team .ptc-card-value{
  font-size: 1rem;
  background: #f0f4f8;
  padding: .5rem 1rem;
  border-radius: .5rem;min-width:200px;max-width: 200px;
}
.ptc-sort-select {
  flex-grow: 1;
  padding: 1.2rem !important;
  font-size: 1.2rem !important;
  border: 1px solid #ddd;
  border-radius: .5rem !important;
}
.ptc-result-card{border-radius: .5rem !important;box-shadow: 0 1px 1px rgba(0,0,0,0.07) !important}
.ptc-reset-btn{font-size: 1.2rem !important}
.ptc-filter-btn {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  padding: 1rem !important;
  border: solid 1px #ddd !important;
  border-radius: .5rem !important;
  background-color: #ffffff;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: none !important;
}

.ptc-data-role-none span{font-size: 1rem !important;}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border-radius: .5rem;
  border-style: solid;
  border-width: 0.1rem;
  box-shadow: none;
  display: block;
  font-size: 1.2rem;
  letter-spacing: -0.015em;
  margin: 0;
  max-width: 100%;
  padding: 1.2rem 1.8rem;
  width: 100%;
}

.ptc-col-zawodnik span{color: #1a7ad7 !important;}

.header-zawody{
  padding: 2.5rem 0;
background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 66%, rgba(0, 212, 255, 1) 100%);
}
.game-header-new{color: #fff;align-self: center}
.game-header-new h1 {
  color: #fff;
  font-size: 2.5rem;
}
.ptc-grid-content {
  width: 100%;
  clear: both;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
}
.tt-countdown {
  display: flex;
  gap: 1rem;
  justify-content: end;
  margin: 1rem 0 0;
}
.acf-event-wrapper h3{
  color: #fff;
  font-size: 1.2rem;
  margin: 0;text-align: right;
}
.tt-unit {
    min-width: 70px;
    padding: 10px;
    text-align: center;
    background: #ffffff24;
    border-radius: 4px;
}

.tt-number {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.tt-label {
    margin-top: 0px;
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
.reklamy {
  display: table;
  align-self: start;
  font-size: 1rem;
  position: relative;
  top: 0;
}.reklamy img{
  margin-bottom: 1rem;
  border-radius: .4rem;
  width: 100%;
  object-fit: contain;
}
.acf-organizer-button{
  display: table;
  font-size: 1rem;
  margin: 1rem 0;
  background: red;
  padding: 1rem 2rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
.zawody-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1rem;
}

.zawody-item {
  border: 1px solid #eee;
  padding: 16px;
  background: #fff;
  border-radius: .4rem;
}
.zawody-thumb img {
  width: 100%;
  height: 14rem;
  display: block;
  object-fit: cover;
  border-radius: .4rem;
}
.zawody-title {
    margin: 12px 0 6px;
    font-size: 18px;
}
.zawody-title a{color: #0B243E}

.zawody-miejsce {
    font-size: 14px;
    color: #666;
}
.acf-fancybox-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.acf-fancybox-gallery img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    cursor: pointer;
}

/* RESET SAFARI */
button,
input,
label {
  -webkit-appearance: none;
  appearance: none;
}

.hero {
    min-height: 50vh;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex
}

.hero .section-inner{
  align-self: end;
}

.hero__overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    display: flex;
    align-items: center;
}

.hero__content {
    max-width: 100%;
    padding: 40px;
    color: #fff;
    display: grid;
  grid-template-columns: 2fr 1fr;
}

.hero .acf-event-wrapper{align-self: end}

.hero__content h1{
  font-size: 6.8rem;
  margin: 2rem 0;
  font-weight: 900;
  line-height: 1.1em;
  letter-spacing: 0 !important;
  color: #fff;
}
.hero__btn {
  padding: 1.5rem 3rem;
  background: #ff6600;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  display: table;
  border-radius: 5rem;
  text-align: center;
}
.komunikat{
  background: #fcded3;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: .5rem;
  text-align: center;border: solid 1px #fbd3c5;
}
.komunikat p{
  font-size: 1rem;
  margin: 0;
  color: #f15a22;font-weight: bold;
}

.komunikat-form{
  background: #fcded3;
  padding: 1rem;
  margin: 0;
  border-radius: .5rem;
  text-align: left;
  border: solid 1px #fbd3c5;
  font-size: 1.2rem;
}

.form-send {
  font-size: 1.6rem;
  margin: 0;
  font-weight: bold;
}
.komunikat-form p{
  font-size: 1rem;
  margin: 0;
  color: #f15a22;font-weight: bold;
}

.ptc-col-czasbrutto span{color: blue !important;font-weight: 900 !important}
.ptc-col-czasnetto span{color: blue !important;font-weight: 900 !important}

.rodo{font-size: 1rem;}
.event-form select{  padding: 12px;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: .5rem;
  font-size: 1.4rem;
}

#statystyki img{
  height: 4rem;
  background: #fff;
  border-radius: 5rem;
}
.domtel-menu-item img{height: 3rem;margin: .5rem auto}
@media screen and (max-width: 992px) {
.event-form {
  max-width: 640px;
  margin: 40px auto;
  display: grid;
  gap: 14px;
  padding: 2rem;
}

.hero__content {
  max-width: 100%;
  padding: 2rem 2rem 5rem;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr;gap: 2rem;
}
.komunikat p{
  font-size: .85rem;
  margin: 0;
  color: #f15a22;font-weight: bold;
}
.hero__content h1 {
  font-size: 2.48rem;
  margin: 2rem 0;
  font-weight: 900;
  line-height: 1.3em;
  letter-spacing: 0 !important;
  color: #fff;
}
.zawody-thumb img {
  width: 100%;
  height: 12rem;
  display: block;
  object-fit: cover;
  border-radius: .4rem;
}
.tt-number {
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
  color: #fff;
}
.tt-label {
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  margin-top: 5px;
  display: block;
}
.zawody-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.ptc-summary-area{gap: 0px !important}
.ptc-live-badge {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 8px 15px;
  border-radius: 50px;
  border: 2px solid #e44200;
  color: #e44200;
  font-weight: 900;
  font-size: .8rem !important;
  text-transform: uppercase;
  margin-left: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  position: absolute;
  top: -17.5rem;
  right: 0;
}
.tt-countdown {
  display: flex;
  gap: 1rem;
  justify-content: start;
  margin: 1rem 0 0;
}
.acf-event-wrapper h3{margin-top: 1rem !important;text-align: left}
.game-header-new h1 {
  color: #fff;font-size: 2rem
}
.ptc-grid-content {
  width: 100%;
  clear: both;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.header-zawody{
  padding: 2.5rem 0;
  }
.domtel-menu-float {
  display: flex;
  position: fixed;
  right: 0;
  z-index: 999;
  bottom: 0;
  background: #fff;
  left: 0;
  width: 100%;
  max-width: 100%;box-shadow: 0px -29px 25px rgba(0,0,0,.08);
}

.domtel-menu-float .domtel-menu-item{flex: min-content;border-bottom: none;border-left: solid 1px #ddd;padding: .5rem .25rem}
 
   .ptc-controls-area {
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
  }
.ptc-all-podiums-wrapper {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 1rem;
}
.ptc-podium-container {
  width: 100%;
  max-width: 100% !important;
  margin-bottom: 1rem;
}
.ptc-chart-box {
  background: #fff;grid-template-columns: 1fr !important;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  text-align: center;
  border: 1px solid #eee;
  max-width: 100% !important;
}
  /* Grupa filtrów — wymuszone przewijanie */
  .ptc-filter-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    max-width: 100% !important;margin-bottom: 1rem !important
  }

  /* Ukryty scrollbar */
  .ptc-filter-group::-webkit-scrollbar {
    display: none !important;
  }

  /* Każdy element w środku jako blok inline */
  .ptc-filter-group > * {
    flex: 0 0 auto !important; /* absolutnie kluczowe */
  }
.ptc-actions-container {
  display: grid !important;
  gap: 15px;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: 1fr !important;
}

.reset{align-self: center;}
.szukaj {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.wyniki-bar ul a{
    text-align: center;
    color: #0b243e;
    font-size: .85rem;
    border-radius: .5rem;
    flex: 0 0 calc(100% / 2 - 60px);
    padding: 1.5rem
  }
.cat-item-ul a {
    text-align: center;
    color: #0b243e;
    font-size: .85rem;
    padding: 1rem .25rem !important;
    border-radius: .5rem;
    flex: 0 0 calc(100% / 2 - 120px) !important;
  }
.cat-item-ul{margin-bottom: 1rem}
.start-item-wyniki{display: none}
.tab-list {
  display: grid;
  gap: 1rem;margin-bottom: 1rem
}
.wyniki-bar {
  display: block;
  margin: 1rem 0 0;
}
.domtel-menu {
  gap: .25rem;
}
.domtel-menu-item img{height: 2rem;margin: .5rem auto}
.domtel-menu-item .fa-solid{font-size: 1.5rem;}
.domtel-menu-item {
  text-align: center;
  color: #0b243e;
  font-size: .85rem;
  background: #fff;
  padding: 1rem .25rem;
  border-radius: .5rem;flex: 0 0 calc(100% / 2 - 120px);
}
.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: .5rem;
}
.grid-62 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .5rem;
}
.oferta-thumbnail img {
  width: 100%;
  object-fit: cover;
  height: 25rem;
  
}

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

.page-image img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
  }
.prawa h3 {
  font-size: 2rem;
  color: #0B243E;
  font-weight: 300;
  margin-bottom: 1rem;
}

.lewa h3 {
  font-size: 2rem;
  color: #0B243E;
  font-weight: 900;
  margin-bottom: 1rem;
}
.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: bold;
    font-size: 1.4rem;
  }
.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: .5rem;
}

.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: 1.4rem;
}
 .box-item img{height: 280px;width: 100%}
 
 .singular .featured-media-inner{padding: 0 2rem}
 
 li {
    margin: 0.5rem 0 0 0rem;
}

.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: 1.4rem;line-height: 1em}
#site-footer .section-inner{display: block}

#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: center}
.jack{
    margin: 1rem auto;
    display: block;
    text-align: center;
    width: 100%;
}
  /* GRID STYLE */
  .grid-2{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-3{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  .grid-5{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  .grid-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  .grid-8{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  .grid-10{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  .grid-12{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  
  .grid-2-auto {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0;
}

.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: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 2.5rem;}
.mt-4{margin-top: 3rem;}
.mt-5{margin-top: 3.5rem;}
.mt-10{margin-top: 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: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 1.5rem;}
.p-4{padding: 3rem;}
.p-5{padding: 3.5rem;}
.p-10{padding: 5rem;}
/* 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: 3rem;
}

.brand-logo{padding: 1.5rem}

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

.hero-desc{padding: 0}

h1{margin:  0}
}
#site-footer .section-inner{
  display: block;
}

.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;
}
/* On screens that are 500px or less, set the background color to olive */
@media screen and (max-width: 500px) {

.hero-header h1 {
  color: #fff;
  font-size: 3rem;
  margin: 0 0 5rem 0;
}

.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: .5rem}
  .grid-3{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-4{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-5{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1px;
  }
  .grid-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  .grid-8{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-10{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-12{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  /* END GRID STYLE */

}