* {
    margin:0;
    padding:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;x
    }
    *, *::before, *::after {
    box-sizing: border-box;
    }
    :root {
      --white: #ffffff;
      --black: #101010;
	  --black2: #1C1C1C;
      --natural: #FFCAEC;
	--natural: #AF996D;
	  --grey: #F9F7F1;
	  --gold: #AF996D;
	  --text-grey: #434343;
  }
  * {
  padding:0;
  margin: 0;
  }
  body {
  background-color: var(--grey);
  }  
    html, body, input, textarea, button {
    font-family: 'Mulish', sans-serif;
	font-weight: 500;
    }
    a {
	color: var(--gold);
    text-decoration: none;
    outline: none;
    transition: all 1.4s;
    }
a:hover {
color: var(--gold);
} 
    ul,li {
    list-style: none;
	line-height: 1.5;
    }
h1,h2,h3,h4,h5,h6,h7 {
 font-family: "EB Garamond", serif;
line-height: 1.5;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-markup .xoo-wsc-btn, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"] {
border-radius: 25px;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-markup .xoo-wsc-btn:hover, .xoo-wsc-markup .woocommerce-shipping-calculator button:hover[type="submit"] {
border: 2px solid var(--gold);
}
.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
	padding: 15px 50px;
	border: 3px solid var(--gold);
    background-color: transparent;
	border-radius: 25px;
	color: var(--black);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	align-self: start;
	display: flex;
	align-items: center;
	gap: 10px;
    }
body .woocommerce-Button {
	padding: 15px 50px!important;
	border: 3px solid var(--gold)!important;
    background-color: transparent!important;
	border-radius: 25px!important;
	color: var(--black)!important;
	font-size: 14px!important;
	font-weight: 600!important;
	text-transform: uppercase!important;
	align-self: start!important;
	display: flex!important;
	align-items: center!important;
	gap: 10px!important;
}
.button--black {
background-color: var(--black2);
color: var(--white);
border: 3px solid var(--black2);
padding: 15px 62px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt  {
align-self: center;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
background: transparent;
color: var(--black);
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
background-color: #fff;
    border: 1px solid hsla(0, 0%, 7%, .8);
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    height: 3.125em;
    line-height: 1em;
    margin: 0;
    min-height: 0;
    padding: 1em .5em;
    width: 100%;
}
.button__arrow {
width: 26px;
}
    .button:hover {
gap: 15px;
    }
    .container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
    }
#scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    background-color: var(--gold);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    transition: position 0.3s ease-in-out;
}
body .header--sticky {
  position: fixed;
  top: -150px; 
  left: 0;
  width: 100%;
  z-index: 9991;
  transition: top 0.3s ease-in-out; 
padding: 5px 0!important;
box-shadow: 0 4px 2px -2px #eee;
}
.header--sticky.sticky {
 top: 0;
}
@keyframes slideIn {
  from {
    top: -100px; 
  }
  to {
    top: 0; 
  }
}
@keyframes slideOut {
  from {
    top: 0;
  }
  to {
    top: -100px; 
  }
}

#scrollToTop img {
transform: rotate(-45deg);	
}
.section__header {
	display: flex;
	justify-content: space-between;
	gap: 100px;
	}
	.section__titles {
	width: 40%;
	}
	.section__title {
	color: var(--black);
	font-size: 40px;
	font-weight: 700;
	margin: 10px 0 0;
	}
	.section__title--white {
	color: var(--white);
	}
	.section__description {
	width: 60%;
	color: var(--balck);
	font-size: 16px;
	line-height: 1.8;
	}
	.section__description--white {
	color: #CBCBCB;
	}
	.section__subtitle {
	background-color: var(--natural);
	color: var(--black);
	border-radius: 25px;
	padding: 8px 30px;
	font-family: "EB Garamond", serif;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	align-self: start;
	display: inline-flex;
	align-items: center;
	}
	.section__arrow {
	width: 20px;
	}
.mobile__menu {
display: none;
}
body.woocommerce {
background-color: var(--white);
}
.related-posts {
padding: 0 0 25px;
}


/* WOOCOMMERCE ALL STYLES */
/* Woocommerce Global */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
padding: 15px 0;
font-size: 16px;
color: var(--grey-text);
}
body .woocommerce-message {
border-top-color: var(--gold);
}
.xoo-wsc-ft-amt-total {
display: none!important;
}

/* Woocommerce Shop */
.woocommerce-shop .main {
max-width: 1400px!important;
width: 100%;
margin: 0 auto;
}

/* Woocommerce single-product */
.added_to_cart {
display: none!important;
}
.woocommerce-Tabs-panel h2, .single-post__container h2 {
font-size: 24px;
}
.woocommerce-Tabs-panel h3, .single-post__container h3 {
font-size: 22px;
}
.woocommerce-Tabs-panel h4, .single-post__container h4 {
font-size: 20px;
}
.woocommerce-Tabs-panel h5, .single-post__container h5 {
font-size: 18px;
}
.woocommerce-Tabs-panel h6, .single-post__container h6 {
font-size: 17px;
}
.woocommerce-Tabs-panel h7, .single-post__container h7 {
font-size: 16px;
}
.woocommerce-Tabs-panel h2:nth-child(1) {
display: none;
}
.woocommerce-Tabs-panel p, .single-post__container p {
font-size: 16px;
line-height: 1.5;
padding: 0;
}
.woocommerce-Tabs-panel ul, .woocommerce-Tabs-panel ol, .single-post__container ul, .single-post__container ol {
margin: 0 0 25px;
display: flex;
flex-direction: column;
gap: 8px;
margin: 0 0 25px;
display: flex;
flex-direction: column;
gap: 8px;
}
.woocommerce-Tabs-panel li, .single-post__container li  {
font-size: 16px;
position: relative;
padding-left: 20px;
}
.woocommerce-Tabs-panel ul li::before, .single-post__container ul li::before, .single-post__container ol li ol li::before  {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    background-color: var(--gold); 
    transform: translateY(-50%);
}
.woocommerce-Tabs-panel ol, .single-post__container ol {
list-style-position: inside;
}
.woocommerce-Tabs-panel ol, .single-post__container ol {
    list-style: none; /* Usunięcie domyślnej numeracji */
    counter-reset: list-counter; /* Reset licznika */
    padding-left: 0;
    margin-left: 0;
}
.woocommerce-Tabs-panel ol li, .single-post__container ol li {
    position: relative;
    counter-increment: list-counter; 
}
.woocommerce-Tabs-panel ol li::before, .single-post__container ol li::before {
    content: counter(list-counter) ".";
    position: absolute;
    left: -15px; 
    top: 50%;
    transform: translateY(-50%);
    width: 30px; 
    text-align: right; 
    font-weight: bold;
    color: black; 
}
.related-products {
margin: 50px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{ 
border: 0;
background: none;
font-size: 16px;
text-transform: uppercase;
color: var(--white);
opacity: 1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--white);
text-shadow: none;
font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: none;
background: none;
color: var(--gold);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
background-color: var(--black);
padding: 20px;
border-radius: 50px;
display: flex;
justify-content: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
content: none;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: var(--gold);
}
.woocommerce-product-details__short-description {
margin: 25px 0;
}
.single-product .summary .price {
margin: 15px 0 0;
}
.woocommerce span.onsale {
background-color: var(--gold);
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
text-transform: uppercase;
font-weight: 800!important;
padding: 0;
}
.woocommerce div.product form.cart {
display: flex;
align-items: center;
}

.woocommerce .quantity input.qty {
    height: auto;
    font-size: inherit;
    padding: 0.8em 1em;
	  width: 70px;
    border: 1px solid #ccc;
    border-radius: 25px;
}
.single_add_to_cart_button {
transition: all 1.4s;
}
.single_add_to_cart_button:hover {
background-color: transparent!important;
color: var(--gold)!important;
}

/* woocommerce checkout */

body .wp-block-woocommerce-checkout input, .wp-block-woocommerce-checkout select  {
border-radius: 10px!important;
}
body .wp-block-woocommerce-checkout button {
padding: 15px 50px;
    border: 3px solid var(--gold);
    background-color: transparent;
    border-radius: 25px;
    color: var(--black);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    align-self: start;
}
.wc-block-components-checkout-return-to-cart-button {
display: none!important;
}

/* woocommerce login */
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin: 10px 0 0;
}

/* SINGLE PAGE - HERO */
.page__intro {
padding: 50px 0;
background-color: var(--grey);
	}
.page__title {
font-size: 32px;
font-weight: 800;
color: var(--gold);
text-align: center;
	}
.header {
padding: 15px 0;
}
.page-template-default .header, .archive .header, .single-wideo .header {
background-color: var(--white);
	}
.single-product .header {
background-color: var(--grey);
}
.single-product main {
padding: 0;
}
main, .main {
background-color: var(--white);
padding: 50px 0;
	}

/* section */
.section__arrow {
width: 20px;
}

/* produkty loop */
.woocommerce-products-loop{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 50px 0;
    padding: 0;
}
.product-item {
    flex: 0 0 calc(25% - 20px);
    padding: 15px;
    text-align: center;
    border-radius: 25px;
    background-color: #fff;
    transition: transform 0.2s, box-shadow 0.2s;
	display: flex;
	flex-direction: column;
}
.product-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.product-title {
    font-size: 20px;
    font-weight: 700;
	line-height: 1.2;
	color: #040404;
    margin: 10px 0;
}
.product-description {
    font-size: 16px;
	font-weight: 400;
    margin-bottom: 25px;
}
.product-price {
    font-size: 19px;
    color: var(--gold);
	font-weight: 700;
    margin-bottom: 15px;
}
.product-item:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}	
.add-to-cart {
	align-self: center;
	}
.product-item del{
	font-size: 16px;
	color: var(--natural);
	}

/* social media */
	.socialmedia {
	display: flex;
	gap: 15px;
	margin: 25px 0 0;
	}
	.socialmedia__icon {
	width: 40px;
	height: 40px;
	}

    /* topbar */
 .topbar {
	background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    padding: 10px 0;
    }
    .topbar__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    }
.topbar__text {
font-size: 14px;
}

   /* header */
.home .header--static {
position: relative;
overflow: hidden;
z-index:8999;
}
       .home .header {
        width:100%;
		background-color: var(--grey);
		 padding: 15px 0;
        }
body .header__logo {
max-width: 375px;
width: 70%;
}
        .header__wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        }
.header__ico-user, .header__ico-cart {
width: 28px;
min-width: 28px;
max-width:100%;
}
        .nav__wrap {
          display: flex;
          justify-content: space-between;
        align-items: center;
        }
.header__menu {
        display: flex;
        gap: 50px;
        }
        .header__menu-link {
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 700;
        color: var(--black);
        }
.header__items {
display: flex;
align-items: flex-end;
gap: 15px;
font-size: 14px;
}
.header__account {
display: flex;
flex-direction: column;
align-items: center;
color: var(--black);
}
.header__cart {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
transition: all 1.4s;
}
.header__account:hover, .header__cart:hover {
color: var(--gold);
}
.header__cart-count {
position: absolute;
top:-10px;
right: 15px;
background-color: var(--gold);
color: var(--white);
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}

/* HERO */
.hero {
	padding: 50px 0 0;
	line-height: 0;
	background-color: #fff;
	}
	.hero__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	.hero__intro {
	width: 37%;
	display: flex;
	flex-direction: column;
	margin-top: -50px;
	position: relative;
	z-index: 5;
	}
	.hero__arrow {
	position: absolute;
	top: 270px;
	right: -150px;
	width: 250px;
	}
	.hero__title {
	font-size: 55px;
	font-weight: 600;
	line-height: 1.2;
	}
	.hero__text {
	color: var(--text-grey);
	font-size: 18px;
	line-height: 1.8;
	font-weight: 600;
	margin: 25px 0;
	}
	.hero__slider {
	width: 63%;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	margin-top: -120px;
	}
	.hero__slider-img {
	/*max-width: 740px;*/
	/*width: 100%;*/
	height: 600px;
	transform: translateX(55px);
	margin: 35px 0px 35px 0px;
	
	}
	.hero__box {
	position: absolute;
	background-color: var(--grey);
	border-radius: 25px;
	padding: 15px 25px;
	width: 275px; 
	border: 2px solid #F3F3F3;
	display: flex;
	flex-direction: column;
	}
	.hero__box-title {
	color: var(--gold);
	font-size: 18px;
	}
	.hero__box-data {
	font-size: 16px;
	margin: 5px 0 0;
	}
	.hero__box-link {
	color: var(--black);
	}
	.hero__box--contact {
	top: 380px;
	left: 65px;
	}
	.hero__box--rate {
	top: 380px;
	right: 0px;
	}
	.hero__box--name {
	top: 550px;
	left: 337px;
	}
	.hero__stars {
	 width: 150px;
	 margin: 5px 0 0;
	}

/* CLIENTS */
.clients {
	background-color: var(--black);
	padding: 100px 0 300px;
	}	
.slick-slider {
  background: none;
  font-size: 16px;
  line-height: 1;
	margin: 100px 0 0;
}
	.slick-dots {
	bottom: -120px;
	}
	.slick-dots li button:before {
	font-size: 12px;
	color: #D9D9D9;
	opacity: 1;
	}
	.slick-dots li {
	margin: 0;
	}	
.slick-slider .slick-dots .slick-active button:before {
  color: var(--gold);
}
.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
	.client__box {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	position: relative;
	gap: 25px;
	padding: 0 50px;
	}
	.client__box-text {
	font-size: 16px;
	color: #CBCBCB;
	line-height: 1.8;
	}
	.client__box-data {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	}
	.client__image {
	width: 210px;
   border-radius: 50%;
   border: 5px solid var(--gold);
	}
	.client__name {
	font-size: 18px;
	font-weight: 800;
	color: var(--white);
	position: relative;
	margin: 25px 0 0;
	}
	.client__name::before {
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background-color: var(--gold);
      position: absolute;
	left:-60px;
	top: 15px;
	}
	
	.clients__arrows {
	display: flex;
	gap: 30px;
	margin: 50px; 0 0;
	}
	.clients__arrow {
	border-radius: 50%;
	border: 1px solid var(--gold);
	width: 110px;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	}
	.golden-arrow{
	width: 50px;
	}
	.golden-arrow--left {
	transform: rotate(-180deg);
	}
	.client__citat {
	width: 30px;
	margin: 0 0 25px;
	}
/* COUNT BOX */
	.countbox {
background-color: var(--black2);
max-width: 1400px;
width: 100%;
height: 154px;
border-radius: 100px;
margin: -77px auto 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 150px;
	}
	.countbox__data {
	display: flex;
	flex-direction: column;
	align-items: center;
	}
	.countbox__title {
	color: var(--gold);
	font-size: 50px;
	font-weight: 700;
	}
	.countbox__subtitle {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: var(--white);
	}

/* ABOUT */
	.about {
background-color: var(--grey);
padding: 100px 0;
	}
.about__wrapper {
margin: 50px 0 0;
display: flex;
gap: 50px;
justify-content: space-between;
	}
.about__story {
width: 100%;
background-color: var(--white);
border-radius: 25px;
padding: 50px;
display: flex;
flex-direction: column;
position: relative;
}
.about__text {
font-size: 16px;
line-height: 1.8;
font-weight: 600;
color: var(--text-grey);
margin: 0 0 40px;
position: relative;
	}
.about__text::before {
content: '';
width: 60px;
height: 1px;
background-color: var(--gold);
position: absolute;
top: -8px;
left: 0;
	}
.about__image {
max-width: 600px;
width: 100%;
object-fit: cover;
border-radius: 25px;
	}
	.about__offer {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	}
	.about__offer-box {
	max-width: 420px;
	width: 100%;
	height: 420px;
	border-radius: 25px;
	background-color: var(--black2);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 25px 15px;
	}
	.about__offer-icon {
	width: 82px;
	height: auto;
	}
	.about__offer-title {
	 font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--white);
	margin: 25px 0;
	text-align: center;
	}
	.about__offer-text {
	font-size: 16px;
	font-weight: 400;
	color: #D5D5D5;
	text-align: center;
	margin: 0 0 25px;
	}
	.button--about-offer {
	 color: var(--white);
	 align-self: center;
	}
	.section__header--about-offer {
	margin: 50px 0;
	}
/* SOCIAL MEDIA SECTION */
.socialmedia-menu {
background-color: var(--grey);
border-top: 10px solid var(--natural);
	}
.socialmedia-menu__item {
display: block;
padding: 25px 0;
	}
.socialmedi-menu__container {
padding: 25px 0;
max-width: 1400px;
width: 100%;
margin:0 auto;
display: flex;
justify-content: space-between;
align-items: center;	
	}
.socialmedia-menu__item:hover {
background-color: var(--gold);
	}
.socialmedia-menu__name {
font-size: 40px;
font-weight: 600;
color: var(--black);
	}
.socialmedia-menu__arrow {
max-width: 71px;
width: 100%;
	}
.socialmedia-menu__line {
width: 100%;
height: 1px;
background-color: var(--gold);
	}
/* HOME PRODUCTS */
.home-products {
background-color: var(--white);
padding: 100px 0;
border-radius: 180px 180px 0 0;
}
/* BENEFITS */
	.benefits {
background-color: var(--grey);
padding: 100px 0;
	}
	.benefits__wrapper {
	display: flex;
	justify-content: space-between;
	gap: 100px;
	}
	.benefits__items {
	width: 55%;
	}
	.section__header--benefits {
	width: 45%;
	flex-direction: column;
	justify-content: flex-start;
	gap: 50px;
	}
	.section__titles--benefits {
	width: 100%;
	}
	.section__description--benefits {
	width: 100%;
	}
	.section__wrapper {
	display: flex;
	flex-direction: column;
	gap: 25px;
	}
	.benefits__items {
	 display: flex;
	flex-direction: column;
	gap: 50px;
	}
	.benefits__item {
	 display: flex;
	gap: 25px;
	}
	.benefits__item-icon {
	width: 82px;
	height: auto;
	align-self: flex-start;
	}
	.benefits__item-title {
	 font-size: 25px;
	 font-weight: 800;
	 color: var(--black);
	}
	.benefits__item-description {
	font-size: 16px;
	 color: #434343;
	 line-height: 1.8;
	font-weight: 600;
	}
	.section__wrapper--benefits p {
	width: 100%;
    color: var(--balck);
    font-size: 16px;
    line-height: 1.8;
	}

/* FAQ */
.faq {
background-color: var(--black2);
padding: 100px 0;
	}
.section__header--faq {
flex-direction: column;
gap: 50px;
width: 40%;
justify-content: flex-start;
}
	.faq__wrapper {
	display: flex;
	gap: 50px;
	}
	.faq__menu {
	width: 60%;
	}
	.accordion {
	display: flex;
	flex-direction: column;
	gap: 25px;
	}
.accordion .accordion-item {
background-color: #000;
    border-radius: 50px;
    padding: 15px 50px;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #fff;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: var(--gold);
}
.accordion button .accordion-title {
font-size: 20px;
color: var(--white);
padding-right: 65px;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 42px;
  height: 42px;
  border: 2px solid var(--gold);
  border-radius: 50%;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 1px);
   left: calc(50% - 5px);
  width: 10px;
  height: 2px;
  background: var(--gold);
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 5px);
    left: calc(50% - 1px);
  width: 2px;
  height: 10px;
  background: var(--gold);
}
.accordion button[aria-expanded=true] {
  color: var(--gold);
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 1;
  max-height: 0;
  overflow: hidden;
}
.accordion .accordion-content p {
  font-size: 16px;
 color: #c0c0c0;
  font-weight: 300;
 line-height: 1.8;
  margin: 1em 0;
}
.section__description--faq, .section__titles--faq {
width: 80%;
	}
	
/* BLOG */
.homeblog {
background-color: var(--white);
padding: 100px 0;
	}
.homeblog__posts {
margin: 0 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3 kolumny w jednym wierszu */
gap: 40px;
	}
	.homeblog__item {
	max-width: 450px;
	width: 100%;
	}
	.homeblog__item-title {
	color: var(--black);
	font-size: 24px;
	font-weight: 600;
	margin: 10px 0 0;
	}
.homeblog__item-title a {
color: var(--black);
}

.course__item {
	max-width: 450px;
	width: 100%;
	display: flex;
	flex-direction: column;
	}
	.course__item-title {
	color: var(--black);
	font-size: 24px;
	font-weight: 600;
	margin: 10px 0 0;
	}
	.post-thumbnail img {
	max-width: 450px;
	width: 100%;
	height: auto;
	border-radius: 50px;
	}
	.read-more {
	 font-size: 14px;
	 color: var(--black);
	 display: flex;
	 align-items: center;
	 margin: 20px 0 0;
	}
	.golden-line {
	width: 140px;
	height: 2px;
	background-color: var(--gold);
	margin: 20px 0 0;
	}
	.read-more-section {
	 font-size: 14px;
	 color: var(--black);
	 display: flex;
	 align-items: center;
	 text-decoration: underline;
	 margin: 100px 0 0;
	 justify-content: center;  
	}
/* FOOTER */
	footer {
	padding: 100px 0;
	background-color: var(--black2);
	}
	.footer__wrap {
	display: flex;
	justify-content: space-between;
	gap: 25px;
	}
	.footer__box-title {
	font-size: 20px;
	font-weight: 600;
	color: var(--gold);
	margin: 0 0 25px;
	}
	.footer__desc {
	color: var(--white);
	max-width: 300px;
	width: 100%;
	font-size: 16px;
	line-height: 1.5;
	margin: 25px 0 0;
	}
	.footer__menu {
	display: flex;
	flex-direction: column;
	gap: 15px;
	}
	.footer__menu-link {
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	}
	.footer__contact {
	font-size: 16px;
	color: var(--white);
	display: flex;
	flex-direction: column;
	gap: 15px;
	}
	.footer__tags {
	margin: 80px 0 0;
	max-width: 920px;
	width: 100%;
	font-size: 16px;
	line-height: 1.8;
	color: var(--natural);
	text-decoration:underline;
	}
	.credit {
	background: var(--white);
	padding: 50px 0 0;
	}
	.payu {
	max-width: 1024px;
	width: 100%;
	}
	.credit__footer {
	border-top: 1px solid #ECECEC;
	margin: 50px 0 0;
	padding: 50px 0;
	}
	.banner-contact {
	background-color: var(--black2);
	border-top: 10px solid var(--natural);
	}
.banner-contact__text {
font-size: 20px; 
font-weight: 600;
color: var(--gold);
margin: 10px 0 0;
}
	.banner-contact__wrap {
	background-color: var(--grey);
	border-radius: 0px 0px 110px 110px;
	padding: 150px 0;
	}
.banner-contact__row {
	 display: flex;
	justify-content: center;
	 align-items: center;
	gap: 200px
}
	.banner-contact__data {
	 display: flex;
	flex-direction: column;
	gap: 15px;
	}

/* ------- INNE STRONY ---------
/* SZKOLENIA PAGE */
 .training__posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
    }
    .training__item {
    background-color: var(--grey);
    border-radius: 50px;
    padding: 35px 25px;
    max-width: 687px;
    min-width: 350px;
    width: 100%;
    }
    .training__info {
    margin: 25px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    .training__info p {
    font-size: 16px;
    color: #636363;
    }

@media (max-width: 1440px) {
.container {padding: 0 15px;}	
}
@media (max-width: 1180px) {
.header__menu, .hero__arrow, .hero__box, .nav {
	display: none;
	}
	.nav {
	order: 3;
	}
/* HEADER */

        .mobile__menu {
			display: flex;
		    flex-direction: column;
			align-items: center;
			gap: 20px;
            position: fixed;
            top: 0;
			padding: 25px;
            left: -320px;
            width: 320px;
            height: 100vh;
            background: rgba(0,0,0,0.93);
            color: white;
            transition: left 0.3s ease-in-out;
            padding-top: 60px;
			z-index: 9997;
        }
	.header__menu-item-mobile a {
	font-size: 20px;
	color: var(--white);
	font-weight: 700;
	}
	.header__menu-item-mobile a:hover, .mobile__menu .current-menu-item a {
	color: var(--gold);
	}
        .mobile__menu.active {
            left: 0;
        }
        .mobile__menu ul {
            list-style: none;
            padding: 0;
        }
        .mobile__menu ul li {
            padding: 15px;
            border-bottom: 1px solid #444;
        }
        .mobile__menu ul li a {
            color: white;
            text-decoration: none;
            display: block;
        }
        .mobile__hamburger {
            position: relative;
            width: auto;
            height: auto;
            cursor: pointer;
            z-index: 1000;
			display: flex;
            flex-direction: column;
            gap: 4px;
			margin: 0 0 0 10px;
        }
        .mobile__bar {
            width: 24px;
            height: 3px;
            background: var(--black2);
            transition: 0.3s;
			border-radius: 50px;
        }
        .mobile__hamburger.active .mobile__bar:nth-child(1) {
            transform: translateY(7px) rotate(45deg);
        }
        .mobile__hamburger.active .mobile__bar:nth-child(2) {
            opacity: 0;
        }
        .mobile__hamburger.active .mobile__bar:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg);
        }
	
/* HERO */
	.hero__title {
	font-size: 45px;
	}
	
/* ABOUT */
.about__wrapper {
flex-direction: column;
}
.about__image {
	max-width: 100%;
	}
/* SOCIAL MEDIA SECTION */
.socialmedia-menu__item {
padding: 25px 15px;
	}
}

@media (max-width: 1024px) {
/* WOOCOMMERCE & INNE */
.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
font-size: 12px;
padding: 12px 25px;
}

/* WOOCOMMERCE LOOP PRODUCRS */
.woocommerce-products-loop { grid-template-columns: repeat(3, 1fr); gap:10px; }
/* SECTION */
.section__header { flex-direction: column;justify-content: flex-start; gap:0px;}
.section__titles, .section__description { width: 100%;}
.section__titles { margin: 0 0 25px;}
.section__title { font-size: 30px; }
/* BANNER CONTACT */
.banner-contact__wrap {flex-direction: column; gap: 50px; padding: 100px 0;}
.banner-contact__link {text-align: center; font-size: 30px;}
/* HERO */
.hero__slider { display: none;}	
.hero__intro { width: 100%; padding: 50px 0;}
.hero__title {font-size: 40px;}
.hero__text {font-size: 16px;}	
/* CLIENTS */
.clients {padding: 100px 0 150px;}
.slick-dots {bottom: -65px;}
/* COUNT BOX */
.countbox{justify-content: center; gap: 50px; height: auto; padding: 15px 15px 25px; }
.countbox__title {font-size: 30px;}
/* ABOUT */
.about__offer{flex-direction: column; align-items: center;}
.section__header--about-offer .section__title {text-align: center;}
/* HOME PRODUCTS */
.home-products {border-radius:0;}
/* BENEFITS */
.benefits__wrapper { flex-direction: column; }
.section__header--benefits {width: 100%; order:1;}
.benefits__items {width: 100%; order:2;}
.benefits__item-title { font-size: 20px;}
/* FAQ */
.faq__wrapper { flex-direction: column; }
.section__header--faq { width: 100%; }
.faq__menu{width: 100%;}
.accordion button .accordion-title {font-size: 16px;}
/* SOCIALMEDIA SECTION */
.socialmedia-menu__name{font-size: 30px;}
.socialmedia-menu__arrow {max-width:60px;}
/* FOOTER */
.footer__wrap {flex-wrap: wrap;}
}

@media (max-width: 767px) {
/* GLOBAL */
.topbar__text {font-size: 11px;}
p, .about__text, .section__description, .benefits__item-description, .section__wrapper--benefits p, .product-description, .accordion .accordion-content p, .about__offer-text, .client__box-text, .hero__text, .footer__desc, .footer__contact, .footer__tags, .xoo-wsc-body, .xoo-wsc-body span.amount, .xoo-wsc-body a, .woocommerce-Tabs-panel p, .single-post__container p, .product-price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb, .woocommerce div.product .woocommerce-tabs ul.tabs li { font-size: 15px;}
.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
padding: 12px 22px;
border: 2px solid var(--gold);
font-size: 11px; }
.button__arrow { width: 20px;}
.socialmedia__item {width: 32px; height: 32px;}
.section__titles {margin: 0 0 15px;}
.section__title {font-size: 23px;}
.section__subtitle {padding: 6px 22px; font-size: 11px;}
.read-more-section {margin: 50px 0 0;}
.read-more {margin: 10px 0 0; }
#scrollToTop { width: 60px; height: 60px;}
#scrollToTop img {width: 35px!important}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-markup .xoo-wsc-btn, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"] { font-size: 11px;}
/* SECTIONS PADDING */
.about, .home-products, .benefits, .faq, .homeblog {padding: 50px 0;}
.clients {padding: 50px 0 150px;}
/* HEADER */
.header__cart, .header__account {font-size:0;}
.header__cart-count {top:-15px; right: -5px;}
.header__items {gap: 10px;}
body .header__logo {max-width: 270px;}
/* HERO */
.hero__title { font-size: 28px;}
/* CLIENT */
.client__box { flex-direction: column-reverse; align-items: center; padding:0; }
.clients__arrows { justify-content: center;}
.clients__arrow { width: 70px; height: 70px;}
.client__image {width: 150px;}
.clients__arrows {margin: 50px 0 0;}
.clients .slick-slider { margin: 25px;}
.golden-arrow { width: 30px;}
/* COUNT BOX */
.countbox {border-radius: 0; flex-direction:column; gap: 25px;}
.countbox__title { font-size: 22px;}
.countbox__subtitle	{font-size: 15px;}
/* ABOUT */
.about__wrapper { gap: 25px; margin: 25px 0 0;}
.about__story { padding: 50px 25px;}
/* OFFER */
.section__header--about-offer { margin: 25px 0; }
.about__offer-title {font-size: 16px; margin: 20px 0;}
.about__offer-icon {width: 42px}
.about__offer-box {height: auto;}
/* HOME PRODUCTS */
.woocommerce-products-loop { grid-template-columns: repeat(2, 1fr); gap:10px; row-gap: 25px; }
.product-item {padding: 0;}
.product-title {font-size: 17px;}
/* BENEFITS */
.benefits__wrapper {gap: 50px;}
.benefits__item {flex-direction: column; align-items: center; gap: 15px;}
.benefits__item-icon {width: 62px; align-self: center;}
.benefits__item-text {text-align: center;}
.benefits__item-title {font-size: 17px;}
/* FAQ */
.accordion button .accordion-title { font-size: 15px; }
.accordion .accordion-content p { margin: 0.2em 0 0;}
.accordion button .icon { width: 32px; height: 32px; border: 1px solid var(--gold); }
/* SOCIALMEDIA HOME */
.socialmedia-menu__name {font-size: 23px;}
.socialmedia-menu__arrow {max-width: 34px}
.socialmedia-menu__item {padding: 8px 15px;}
/* HOME BLOG */
.homeblog__posts { grid-template-columns: repeat(2, 1fr); place-items: center; gap: 15px; }
.homeblog__item-title {font-size: 17px;}
/* CONTACT FOOTER */
.banner-contact__wrap {gap: 25px; padding: 75px 0; }
.banner-contact__row {flex-direction: column; gap: 50px; justify-content: center;}
.banner-contact__link {font-size: 20px;}
.button--black { border: 3px solid var(--black2); padding: 12px 31px; }
/*FOOTER*/
.footer {padding: 50px 0;}
.footer__box .socialmedia { margin: 25px 0;}
.footer__box { display: flex; flex-direction: column; align-items: center; }
.footer__box-title{font-size: 17px;}
.footer__box-title, .footer__menu-item, .footer__contact { text-align: center; }
.footer__menu-link {font-size: 15px;}
.footer__wrap {flex-direction: column;}
.footer__box-title { margin: 0 0 15px;}
.footer__tags { text-align: center; margin: 40px 0 0;}
.credit { padding: 25px 0 0;}
.credit__footer {margin: 25px 0 0; padding: 25px 0; font-size: 15px;}
	
/* PAGES */
.page__intro { padding: 25px 0;}
.page__title { font-size: 20px;}
/* SZKOLENIA PAGE */
.training__info p { font-size: 15px;}
	
/* WOOCOMMERCE */
/* Woocommerce Shop */
.woocommerce-products-loop {margin: 25px 0;}
/* Woocommerce Product Page */
.woocommerce div.product .product_title { font-size: 20px;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
font-size: 16px;}
.product .container { padding: 0;}
.product .product_meta { font-size: 15px;}
.related-products {margin: 25px 0;}
.related-products h2 { font-size: 20px;}
.woocommerce div.product div.images { margin: 0 0 15px;}
.woocommerce .woocommerce-breadcrumb { margin: 0;}
/* Woocommerce Checkout */
.woocommerce-checkout .site-main { padding: 0 0 50px; }
body .wc-block-components-checkout-order-summary__title { padding: 0!important;}
body .wc-block-components-form .wc-block-components-text-input label, body .wc-block-components-text-input label, body .wc-blocks-components-select .wc-blocks-components-select__select, body .wc-block-components-radio-control-accordion-content, body .wc-block-components-checkbox__label, body .wc-block-components-checkout-step__description, body .wc-block-components-address-form__address_2-toggle { font-size: 15px; }
body .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { width: 100%; }
body .wc-block-components-title.wc-block-components-title { font-size: 17px; }
}

@media (max-width: 390px) {
/* HOME PRODUCTS */
.woocommerce-products-loop { grid-template-columns: repeat(1, 1fr);  }
.product-title {font-size: 16px;}
/* HOME BLOG */
.homeblog__posts { grid-template-columns: repeat(1, 1fr); }
.homeblog__item-title {font-size: 17px;}
}