@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

@import url('./navigation.css');
@import url('./configurator.css');

* {
	font-variant-numeric: lining-nums;
}

html {
  scroll-behavior: smooth;
}

body {
	font-family: var(--font-base-sansserif);
	font-size: var(--font-size-lg);
	font-weight: 400;
	font-variant-numeric: lining-nums;
	color:var(--text-main);
	
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-base-serif);
	margin-top: 0;
 	margin-bottom: 1rem;
	display: block;
}

h1 {
    font-size: 2.5rem;
	font-weight: 700;
}
h2 {  
    font-size: 3.5rem;
	font-weight: 500;
}
h3 {  
    font-size: 2.25rem;
	font-weight: 500;
}
.h4 {  
    font-size: 1.75rem;
	font-weight: 500;
}
a, a:visited {
	text-decoration: none;
	color: var(--main-color);
}

a:hover {
	color: var(--text-dark);
}

p {
	margin-top: 0;
  	margin-bottom: 1.75rem;
  	line-height: 1.75rem;
  	font-size: var(--font-size-lg);
  	font-weight: 400;
}

img {
  	transform: scale(1);
  	transition: transform 0.5s ease;
}

img:hover {
  	transform: scale(1.05);
}

ul {
	margin: 0;
	padding: 0;
	padding-left: 1rem;
}

.custom-gutter {
	--bs-gutter-x: 3rem;
}

.icon-translate-5:hover > i{
	transform: translateX(5px)!important;
}

.no-scroll {
  overflow: hidden;
}

.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.with-separator{
    position:relative;
    padding-left:48px;
}

.with-separator::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:100%;
    background:rgba(160, 165, 79, 0.5);
}

@media (max-width: 991.98px){
	.with-separator{
		padding-left:0;
		margin-top:30px;
	}
	.with-separator::before{
    left:0;
    right: 0;
    margin: 0 auto;
		width: 90%;
    height: 1px;
  }
}

@media (max-width: 992px) {
  .row-stack-mobile {
    row-gap: 6rem;
  }
}

.no-hover-transform:hover,
.no-hover-transform:hover img,
.no-hover-transform:hover i,
.no-hover-transform:hover span{
	transform:none!important;
}


:root {
	/* Colors */
	--main-color: #a0a54f;
	--accent-color-extralight: rgba(238, 239, 225, 0.5);
	--accent-color-light: #d1d498;
	--accent-color-dark: #585c11;
	--text-main: #000;
	--main-color-secondary: #cfb669;
	--accent-color-extralight-secondary: #f8f5ee;
	--accent-color-light-secondary: #d4c598;
	--accent-color-dark-secondary: #5a4f2d;
	--text-light: #eef0cf;
	--text-dark: #34360a;
	--text-muted: #828466;
  
	/* Typography */
	--font-base-serif: 'Playfair', serif;
  --font-base-sansserif: 'Inter', sans-serif;
	--font-size-sm: 0.875rem;
	--font-size-md: 1rem;
	--font-size-lg: 1.15rem;
	--font-size-xl: 1.5rem;
	--font-size-xxl: 2rem;
	
  
	/* Spacing */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 1rem;
	--space-4: 2rem;
	--space-5: 2.5rem;
	--space-10: 5rem;
  
	/* Radius */
	--radius-sm: 4px;
	--radius-md: 8px;

	/* Layout */
	--container: 1360px;
	--container-wide: 1640px;
  }
 
/* Layout classes */
.container {
    max-width: var(--container);
}
.container-wide {
    max-width: var(--container-wide);
}

 /* Buttons */
.button-rt,
.forminator-button {
    font-family:var(--font-base-sansserif);
	font-size: var(--font-size-sm);
	font-weight: 500;
	border: 1px solid var(--main-color);
	border-radius: 50px;
	padding: 15px 25px!important;
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: rgba(0, 0, 0, 0.0);
	color: var(--main-color);
	transition: 300ms ease-in-out!important;
	text-transform: uppercase;
	box-shadow:none;
	box-sizing: border-box;
	white-space: nowrap;
}
  
.button-primary, 
.forminator-button-next,
.forminator-button-submit  {
	background-color: var(--main-color);
    border: 1px solid rgba(0, 0, 0, 0.0);
    color: #fff!important;
}

.button-rt-onlight {
    color: var(--main-color)!important;
	border: 1px solid var(--main-color);
}
.button-wide {
	align-self: stretch;
	justify-content: center;
}

.button-rt-onlight:hover {
    color: #fff!important;
}

.button-rt:hover,
.forminator-button:hover {
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.0);
	background-color: var(--main-color);
	box-shadow: 0 0 30px 10px var(--accent-color-dark) inset;
}
.button-rt:focus, .button-rt:active, 
.forminator-button:active, .forminator-button:focus {
	color: #fff;
}
.button-secondary:hover {
    background-color: #fff;
}
.button-rt i {
	transition: transform .3s ease;
}
.button-rt i::before {
	font-weight: 500!important;
	transform: scale(1.25);
}
 
.button-rt:hover i{
  	transform: translateX(5px);
} 
.button-rt:hover .bi-arrow-up-right {
	transform: translate(2px, -3px);
}
.button-rt:hover .bi-download {
  transform: translateY(2px);
}

.header-light .header-wrapper .button-rt, .front.header-light .site-header .button-rt, .front.header-light .hero .button-rt {
	color:#fff;
}

.button-circle {
	box-sizing: border-box;
    display:inline-flex;
    align-items:center;
	justify-content:center;
	width:48px;
    height:48px;
    border-radius:50%;
	cursor:pointer;
	transition: 300ms ease-in-out;
}
.button-circle-light {
	background-color:#fff;
    color: var(--main-color);
    border:1px solid var(--main-color);
}
.button-circle-dark {
	background-color: var(--main-color);
    color: #fff;
    border:1px solid var(--main-color);
}
.button-circle-light:hover{
    background-color: var(--main-color);
    color: #fff;
    
}
.button-circle-dark:hover{
    background-color: var(--accent-color-dark);
    color: #fff;
	transform:translateX(3px);
}

.button-icon-switch {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

/* zmiana ikony na hover / switch show/hide */
.button-icon-switch i {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

/* default */
.hover-hide {
  opacity: 1;
  transform: scale(1);
 }

.hover-show {
  opacity: 0;
  transform: scale(0.7);
}

/* hover */
.button-rt:hover .hover-hide {
  opacity: 0;
  transform: scale(0.7);
}

.button-rt:hover .hover-show {
  opacity: 1;
  transform: scale(1);
}

@media (max-width:768px) {

    .button-wide-mobile {
      align-self: stretch;
      width: 100%;
      justify-content:center;
      }
}
     
@media(hover:none){

      .button-rt,
      .button-rt:hover,
      .button-rt:focus,
      .button-rt:active{
        transform:none!important;
        transition:none!important;
        box-shadow:none!important;
        outline:none!important;
      }
} 
      @media(hover:none){

      .button-rt:hover{
        transform:none!important;
      }
      .button-rt:hover i{
        transform:none!important;
      }
      .button-rt:hover span{
        transform:none!important;
      }
}	


/* Background colors */

.bg-acl {
	background-color: var(--accent-color-light);
}

/* Borders */
.border-bottom-main::after {
	content: "";
	height: 1px;
	background-color: var(--main-color);
	display: block;
	transform: translateY(5px);;
}



/* Typography classes */

.font-serif {
	font-family: var(--font-base-serif);
}
.font-sansserif {
	font-family: var(--font-base-sansserif);
}
.font-size-sm {
	font-size: var(--font-size-sm)!important;
}
.font-size-sm :is(p, span, a, label, li) {
  font-size: var(--font-size-sm);
}
.font-size-md {
	font-size: var(--font-size-md);
}
.font-size-lg {
	font-size: var(--font-size-lg);
}
.font-size-xl {
	font-size: var(--font-size-xl);
}
.font-size-xxl {
	font-size: var(--font-size-xxl);
}

/* colors classes */
.accent-color-main {
	color: var(--main-color)!important;
}

.accent-color-light {
	color: var(--accent-color-light);
}
.accent-color-dark {
	color: var(--accent-color-dark);
}
.accent-color-light-secondary {
	color: var(--accent-color-light-secondary);
}
.accent-color-dark-secondary {
	color: var(--accent-color-dark-secondary);
}


.text-dark {
	color:var(--text-dark)!important;
}
.text-muted {
	opacity: 0.8;
}




/* spacing classes */
.space-1{
	margin: var(--space-1);
}
.space-2{
	margin: var(--space-2);
}
.space-3{
	margin: var(--space-3);
}
.space-4{
	margin: var(--space-4);
}
.space-5{
	margin: var(--space-5);
}
.space-10{
	margin: var(--space-10);
}

.space-y-10{
	margin: var(--space-10) 0;
}

/* radius classes */


.radius-25-100{
	border-radius: 25px 25px 100px 100px;
}
.radius-100-25{
	border-radius: 100px 100px 25px 25px ;
}
.radius-25{
	border-radius: 25px;
}
.radius-50{
	border-radius: 50px;
}

@media (max-width: 768px){
    .radius-25-100{
    border-radius: 25px 25px 75px 75px;
  }
    .radius-100-25{ 
    border-radius: 75px 75px 25px 25px ;
	} 
}






/* hyperlinks */

.custom-underline{
    color:var(--text-main)!important;
    text-decoration: underline!important;
    text-decoration-color: currentcolor!important;
    text-decoration-thickness: auto!important;
    text-decoration-color: rgba(160, 165, 79, 0.33)!important;
    text-decoration-thickness: 4px!important;
    text-underline-offset: 0px;
    text-decoration-skip-ink: none!important;
    transition: all 0.25s ease;
}



.site-header {
    position: relative;
}
.topandnavbar {
    position: absolute;
    top: 0;
    width: 100%;
}
.top-bar {
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
    z-index: 999;
}
  
.top-bar .border-left, 	.top-bar .border-right {
	border-bottom: 1px solid rgba(160, 165, 79, 0.5);
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 3% 35px 3%;
}
.top-bar .border-left {
	justify-content: flex-start;
}
 
.top-bar .custom-logo-header {
	background-color: var(--main-color);
	padding: 20px;
	border-radius: 0 0 50px 50px;
	display: inline-block;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.65);	 
}
.top-bar .custom-logo-header .relax-time_logo {
  width: 120px;
  transform: scale(1);
}
.top-bar .custom-logo-header .relax-time_logo:hover {
  width: 120px;
  transform: scale(1)!important;
}
  
.button-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}
  
.hero-video{
    position: relative;
    height: 100vh;
    min-height: 520px;
    overflow: hidden;
    display: grid;
    place-items: center;
    padding: 6rem 1.5rem;
    text-align: center;
    color: #fff;
}
	
.hero_bg{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    display:block;
}
	
.hero_overlay{
    position: absolute;
    inset: 0;
	  background: rgba(0,0,0,.45);
	  z-index: -1;
}
	
.hero_content{
    position: relative;
    max-width: 60rem;
}
.hero_content h1 {
    font-size: 5.5rem;
    line-height: 4.5rem;
    margin-bottom: 3.5rem;
	  font-weight: 500;
} 
.hero_content h2 {
    font-family: var(--font-base-sansserif);
    font-weight: 300;
	  font-size:var(--font-size-xl);
}
  
@media (max-width: 768px){
    .hero_content h1{ 
    font-size: 3.5rem;
    line-height: 3rem; 
	}
	  .hero_content .button-wrapper {
	  flex-direction: column;
	}
}




.section .section-inner {
	position:relative;
	overflow:hidden;
	padding: 3rem 0;
}
.section-dark .section-inner {
	padding-top: 6rem;
}
.section-box .section-inner {
	margin: 0 auto;
	position:relative;
	overflow:hidden;
	border-radius: 0 100px 0 100px;
	max-width: var(--container);
	padding: 3rem 0;
}

.section-bg {
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 130%;
	z-index: -1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	will-change: transform;
	transform: translateY(0);
	pointer-events: none;
}

.section-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(#0000007a 45%,#1b1c13);
  opacity: var(--overlay-opacity);
}




/* jeśli jest tło (section-bg istnieje) */
.header-wrapper:has(.section-bg), .header-wrapper:has(.section-bg) .section-inner{
    overflow: hidden;
}


.section .heading-wrapper {
  	position: relative;
}
.section .heading-wrapper .styled-heading {
	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: relative;
	margin-top: 20px;
}
.section .styled-heading .border-left, .section .heading-wrapper .styled-heading .border-right{
	border-bottom: 1px solid rgba(160, 165, 79, 0.5);
  	flex: 1;
  	align-items: center;
  	justify-content: flex-end;
  	margin: 0 3% 5.5rem 3%;
	height: 1px;
}

.section .heading-wrapper h2 {
	margin-bottom: 5.5rem;
}
.section .heading-wrapper span{
	text-transform: uppercase;
  	font-weight: 500;
	font-size: .85rem;
	letter-spacing: 0px;
	opacity: 0.7;
}
.section .heading-icon::before, .section-dark .heading-icon::before{
	content: "";
	display: block;
	height: 25px;
	margin: 0 auto;
	background: url("../assets/media/images/steam_icon_dark.png") no-repeat center;
	background-size: contain;
	opacity: 0.7;
}
.section-dark .heading-icon::before {
	background: url("../assets/media/images/steam_icon_light.png") no-repeat center;
	background-size: contain;
	filter: sepia(1) saturate(5) brightness(1) hue-rotate(-15deg);
}

.section-dark .heading-wrapper {
  color: #fff;
}
.section-dark .heading-wrapper h2 {
  color: var(--accent-color-light);
}
.section.section-page-header .heading-wrapper h2::after{
    display: none;
}

.section-dark.section-page-header .breadcrumbs {
    color: #fff;
}

.section-dark.section-page-header .breadcrumbs a {
  color:var(--accent-color-light);
}


.section .image-wrapper {
  	position: relative;
  	padding: 3rem 1.5rem;
}
.section .image-wrapper.decor-left::before, .section .image-wrapper.decor-right::before{
  	content: "";
  	border: 2px solid var(--accent-color-light);
  	border-radius: 0 100px 100px 0;
  	display: block;
 	position: absolute;
	inset:0;
  	width: 100%;
  	height: 100%;
  	transform: translateX(calc(-50%));
 	opacity: .4;
} 
.section .image-wrapper.decor-right::before{
  	border-radius: 100px 0 0 100px;
  	transform: translateX(calc(50%));
} 


.section .image-wrapper img:hover {
 	 cursor: pointer;
}


/* section mobile css */

@media (max-width: 992px) {
	.section .styled-heading .border-left, .section .styled-heading .border-right {
		display: none;
	}
	.section .heading-wrapper h2::after {
		content: "";
		height: 1px;
		width: 50%;
		display: block;
		margin: 1rem auto;
		position: absolute;
		left: 0;
		right: 0;
		background-color: rgba(160, 165, 79, 0.5)	
	}
	.section-box .section-inner {
		border-radius: 0;
	}
	.section .image-wrapper {
		padding: 2rem 0.5rem;
	}
}

/* Homepage - section offer */

/* frontpage sekcja  oferta accordion */

/* =========================
   WRAPPER (pod strzałki)
========================= */
.offer-slider {
  position: relative;

  width: min(100%, 1600px);
  margin-inline: auto;
  padding-inline: clamp(16px, 5vw, 80px);
}

/* =========================
   VIEWPORT
========================= */
.offer-slider__viewport {
  overflow: hidden;
}

/* =========================
   ACCORDION
========================= */
.offer-accordion {
  --gap: 1rem;
  --radius: 2rem;
  --height: 500px;

  display: flex;
  align-items: stretch;
  height: var(--height);
}

/* =========================
   ITEM
========================= */
.offer-slider .offer-item {
  position: relative;
  margin-right: var(--gap);

  flex: 1 1 0;
  flex-grow: 1;

  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--radius);

  display: block;
  text-decoration: none;
  color: #fff !important;
  cursor: pointer;

  transition:
    flex-grow 0.5s ease,
    opacity 0.25s ease;
}

/* aktywny */
.offer-slider .offer-item.is-active {
  flex-grow: 2;
}
.offer-slider .offer-item.is-last-visible {
  margin-right: 0;
}



/* =========================
   INNER
========================= */
.offer-item_inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

/* =========================
   IMAGE
========================= */
.offer-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transform: scale(1);
  transition: transform 0.5s ease;
}

.offer-item:hover img {
  transform: scale(1.05);
}

/* =========================
   OVERLAY
========================= */
.offer-item_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient( to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100% );
  transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

/* =========================
   CONTENT
========================= */
.offer-item_content {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 2rem;
  z-index: 2;

  transform: translateY(10px);
  transition: transform 0.45s ease;
}

.offer-item:hover .offer-item_content {
  transform: translateY(0);
}

/* =========================
   TYPO
========================= */
.offer-item_label {
  font-size: clamp(0.7rem, 0.55rem + 0.35vw, 0.9rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
}

.offer-item_title {
  margin: 0;
  color: #fff;
  line-height: 1.1;
}

/* =========================
   BUTTON
========================= */
.offer-item .button-wrapper-hidden {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, calc(-50% + 12px));
  transition:
    opacity 0.3s ease,
    transform 0.35s ease,
    visibility 0s linear 0.3s;
  will-change: transform, width;
}

.offer-item:hover .button-wrapper-hidden {
  opacity: 1;
  visibility: visible;

  transform: translate(-50%, -50%);

  transition:
    opacity 0.3s ease 0.25s,
    transform 0.35s ease 0.25s,
    visibility 0s linear 0s;
}

/* =========================
   HIDDEN (slider logic)
========================= */
.offer-item.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  flex: 0 0 auto !important;
  width: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================
   NAV (strzałki)
========================= */

.offer-nav {
  position: absolute;
  top: 0;
  left: clamp(16px, 5vw, 60px);
  right: clamp(16px, 5vw, 60px);
  bottom: 0;

  pointer-events: none;
}
.offer-prev, .offer-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  z-index: 5;
}
.offer-prev {
  left: -50px;
}
.offer-next {
  right: -50px;
}



@media (max-width: 991.98px) {

  .offer-nav {
    display: none;
  }

  .offer-accordion {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;

    height: auto;
  }

  .offer-item,
  .offer-item.is-active,
  .offer-item.is-hidden {
    display: block !important;

    width: 100% !important;
    height: 320px;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    margin: 0 !important;
    flex: unset !important;
  }
}


@media(max-width:767px){

  .offer-slider {
    padding-inline: 1rem;
    }

	.offer-accordion{
		display:grid!important;
		grid-template-columns:repeat(2,1fr);
		gap:1rem;
	}

	.offer-item,
	.offer-item.is-active,
	.offer-item.is-hidden,
	.offer-item.is-last-visible{
		display:block!important;
		width:100%!important;
		height:auto!important;
		min-height:unset!important;

		flex:none!important;
		min-width:0!important;

		opacity:1!important;
		visibility:visible!important;
	}

	.offer-item_inner{
		position:relative;

		width:100%;
		height:auto!important;
		min-height:unset!important;

		aspect-ratio:1/1;

		border-radius:35px;
		overflow:hidden;
	}

	.offer-item_inner img{
		position:absolute;
		inset:0;

		width:100%;
		height:100%;
		object-fit:cover;
	}

	.offer-item_overlay{
		position:absolute;
		inset:0;
		z-index:1;
	}

	.offer-item_content{
		position:absolute;
		inset:auto 0 0 0;

		padding:1rem;
		z-index:2;
	}

	.offer-item_label{
		display: none;
	}

	.offer-item_title{
		font-size:1.75rem;
		line-height:1.1;
		margin:0;
	}

	.offer-item .button-wrapper{
		display:none;
	}

}


/* Homepage - section Projetcts / Realizacje */

.projects-3col-layout {
  	display: flex;
  	gap: 1rem;
  	max-height: 700px;
}
.projects-col {
  	flex: 1;
  	display: flex;
 	flex-direction: column;
  	gap: 1rem;
}

.project-item {
  	display: block;
 	flex: 1;
  	overflow: hidden;
 	border-radius: 25px;
}
.project-item img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  	display: block;
}
.project-item:hover img {
  	transform: scale(1.05);
}
.projects-intro {
  	max-height: 40%;
}
.project-item .button-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, calc(-50% + 12px));
	transition:
		opacity 0.3s ease 0s,
		transform 0.35s ease 0s,
		visibility 0s linear 0.3s;
}
.project-item:hover .button-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%);
	transition:
		opacity 0.3s ease 0.25s,
		transform 0.35s ease 0.25s,
		visibility 0s linear 0s;
}

@media(max-width:991px){

	.projects-3col-layout{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:12px;
	}

	/* opis na całą szerokość */
	.projects-intro{
		grid-column:1/-1;
		margin-bottom:1rem;
	}

	/* wszystkie kolumny przestają istnieć */
	.projects-col{
		display:contents;
	}

	/* zdjęcia */
	.project-item{
		margin:0!important;
		width:100%;
    aspect-ratio:1/1;
	}

	.project-item img{
		aspect-ratio:1/1.2;
		object-fit:cover;
	}
  .project-item .button-wrapper {
    display: none;
  }

	/* CTA na dół */
	.projects-cta{
		grid-column:1/-1;
		margin-top:1rem;
	}

	.projects-cta .button-wrapper{
		width:100%;
	}

	.projects-cta .button-rt{
		width:100%;
		justify-content:center;
	}

}



/* Homepage - section Quickfacts */

.section-quickfacts .section-bg {
	background-image: url("../assets/media/images/quickfacts_bg.jpg");
}



.section-quickfacts .fact-quote p{
	font-family: var(--font-base-serif);
  	font-size: var(--font-size-xxl);
  	line-height: 1.7;
  	font-style: italic;
  	color: #fff;
	padding: 0 0 100px 100px;
	position:relative;
	
}
.section-quickfacts .fact-quote p::before{
	content:"“";
	display: block;
	position: absolute;
	z-index: 1;
  	top: -25px;
  	left: 0;
	color: var(--accent-color-light);
 	font-size: 150px;
 	line-height: 1;
	opacity: 0.8;
}
@media (max-width: 992px) {
	.section-quickfacts .fact-quote p {
		transform: translateX(0px);
		font-size: var(--font-size-xl);
    padding: 50px;
    position: relative;
	}	
  .section-quickfacts .fact-quote p::before{
  	top: -75px;
  	left: 0;
    width: 100%;
    text-align:center;

  }
}



/* Homepage - sectiion FAQ */

.accordion-item {
	border-bottom: 1px solid #dcdcdc;
}
.accordion-button, .accordion-button:not(.collapsed) {
	color: var(--text-dark);
	background: transparent;
    box-shadow: none;
	padding: 1.5rem 0;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-item:hover .accordion-button, .accordion-item:focus .accordion-button{
	color: var(--main-color);
}
.accordion-body {
 	padding: 10px 75px 10px 0;
}
.accordion-body a {
	pointer-events: all;
}
.accordion-body p {
	  color: var(--text-main)
}
.accordion-button::after {
    background-image: none;
    content: "+";
    font-size: 36px;
	  line-height: 22px;
    transform: none;
	  padding-left:10px;
    width: auto;
    height: auto;
    align-self: flex-start;
  	transform: translateY(5px);
}
.accordion-button:not(.collapsed)::after {
    content: "−";
    transform: none;
    background: transparent;
	transform: translateY(5px);
}

@media (max-width: 992px) {
	.accordion {
		padding: 20px;
	}
	.accordion-body {
		padding:20px 0;
	}
}	

@media(max-width:767px){
	.section-faq{
		display:none;
	}
}

/* Homepage - section testimonials */

.testimonial-slider{
  	position:relative;
	overflow:hidden;
	transition: height 0.4s ease;
}

.testimonial-track{
	display:flex;
	transition:transform .5s ease;
    user-select: none;
}

.testimonial-item{
    box-sizing:border-box;
	min-width:100%;
	flex:0 0 100%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

.testimonial-card{
	  display:flex;
	  flex-direction:column;
    justify-content: space-between;
    align-items: center;
}
.testimonial-rating{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:20px;
}

.testimonial-rating .star{
	  font-size:26px;
}

.testimonial-rating .is-filled{
    background: #e8d36b;
    background: linear-gradient(90deg,rgba(232, 211, 107, 1) 48%, rgba(219, 168, 15, 1) 53%);
    color: transparent;
    background-clip: text;
}

.testimonial-rating .is-empty{
    color:rgba(219, 168, 15, 0.2);
}

.testimonial-text{
    flex:1;
    cursor:grab;
}

.testimonial-meta{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    gap:10px;
}

.testimonial-author{
    display:flex;
    align-items:center;
    gap:15px;
}

.testimonial-avatar{
    width:35px;
    height:35px;
    border-radius:50%;
    background:var(--main-color);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
	font-size: var(--font-size-sm);
    color:#fff;
    flex-shrink:1;
    background-position: center center;
    background-size:cover;
}
.avatar-google {
    background-image: url("../assets/media/images/google_bg-2.png");  
}
.avatar-facebook {
    background-image: url("../assets/media/images/facebook_bg-2.png");
}

.testimonial-source{
    color: var(--main-color);
}
.testimonial-source:before{
    content: "/";
    margin: 0 10px;
}
.testimonial-source .source{
    color: var(--main-color);
    transition: 300ms ease-in-out;
}
.testimonial-source .source:hover{
    color: var(--accent-color-dark);
}

.testimonial-nav{
    background-color: #fff;
    display:flex;
    justify-content:flex-end;
    gap:12px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
    z-index:0 ;
    transform: translateY(18px);
}

@media (max-width: 992px){
	.testimonial-card{
		padding:32px;
	}
}

@media (max-width:768px){

	.testimonial-track{
		align-items: flex-start;
	}

	.testimonial-item{
		padding:10px;
		align-self: flex-start;
	}

	.testimonial-card{
		padding:24px;
		justify-content:flex-start;
	}

	.testimonial-text{
		flex:none;
		margin-bottom:24px;
	}

	/* ukryj strzałki */

	.testimonial-nav{
		display:none;
	}

}



/* CTA banner / component sections */

.section-cta-banner{
	position:relative;
}

.section-cta-banner::before{
	content:"";
	border:2px solid var(--accent-color-light);
	border-radius:0 200px 200px 0;
	position:absolute;
	inset:0;
	transform:translateX(-25%);
	opacity:.4;
	z-index:-1;
}

.section-cta-banner .section-inner{
	padding:3rem;
	position:relative;
	overflow:hidden;
}

.section-cta-banner .content-wrapper{
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	overflow:hidden;
	border-radius:250px 250px 100px 100px;
	background:
	linear-gradient(
		135deg,
		#e6e8d1,
		#eff0e0
	);
}

.section-cta-banner .content-wrapper > div{
	flex:1 0 50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	overflow:hidden;
}

.section-cta-banner .cta-content-box{
	padding:3rem;
}

.section-cta-banner .cta-content-box h2{
	margin-bottom:2rem;
}

.section-cta-banner .cta-content-image{
	flex:1 0 50%;
	aspect-ratio:1/1;
	border-radius:0 250px 100px 0;
}

.section-cta-banner .cta-content-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}


/* MOBILE */

@media(max-width:767px){

	.section-cta-banner .section-inner{
		padding:1.5rem;
	}

	.section-cta-banner .content-wrapper{
		border-radius:50px;
	}

	/* grafika jako pełne tło */

	.section-cta-banner .cta-content-image{
		position:absolute;
		inset:0;

		width:100%;
		height:100%;

		flex:none!important;
		max-width:none!important;

		border-radius:inherit;
		z-index:1;
	}

	/* overlay */

	.section-cta-banner .cta-content-image::after{
		content:"";
		position:absolute;
		inset:0;
		background: linear-gradient( 180deg, rgba(70, 76, 41, 0.66), rgba(20,20,20,.75) );
		z-index:2;
	}

	.section-cta-banner .cta-content-image img{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center;
	}

	/* content nad tłem */

	.section-cta-banner .cta-content-box{
		position:relative;
		z-index:5;
		padding:2rem 1rem;
	}

	.section-cta-banner h2,
	.section-cta-banner p{
		color:#fff!important;
	}
  .section-cta-banner h2{
		font-size:2rem;
  }

	/* ukryj steam icon */

	.section-cta-banner .heading-icon::before{
		display:none;
	}
  .section-cta-banner .button-rt span,
	.section-cta-banner .button-rt i{
		color:#fff!important;
	}

}


/* CTA social media section */

.button-instagram{
	border:none;
	background:#833ab4;
	background:
	linear-gradient(
		to right,
		#833ab4,
		#fd1d1d,
		#fcb045
	) no-repeat;
}

.button-facebook{
	border:none;
	background:#00c6ff;
	background:
	linear-gradient(
		to right,
		#00c6ff,
		#0072ff
	) no-repeat;
}

.button-instagram,
.button-facebook{
	border:none;
	box-shadow:none;
	position:relative;
	transition:.3s ease;
}

.button-instagram:hover,
.button-facebook:hover{
	border:none;
	box-shadow:0 0 30px 10px rgba(255,255,255,.25) inset;
}


/* FOOOTER */


.site-footer {
	color: var(--text-light);
	background-color: #232b18;
	position: relative; 
	font-size: var(--font-size-md);
	margin-top: var(--space-10);
  padding: var(--space-10);
  padding-bottom: 0;
	
}
.site-footer a{
	color: var(--text-light);
	transition: .2s ease;
	padding-left: 0	
}
.site-footer a:hover, .site-footer a:focus {
  padding-left: 3px;
  color: var(--accent-color-light);
}
.site-footer .bg-container {
	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
	padding: 3% 3% 0 3%;
	position: relative;
 	 overflow: hidden;
}

.bg-parallax {
    position:absolute;
    top:-10%;
    left:0;
    width:100%;
    height:120%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    will-change:transform;
}

.bg-container::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-color: rgba(22, 27, 14, 0.92);
}

.bg-container > .container {
  position: relative;
  z-index: 2;
}


.site-footer .container .h4 {
	display: inline-block;
	margin-bottom: 40px;
	color: var(--accent-color-light);
}
.site-footer .container .h4:after {
	content: "";
	height: 1px;
	background-color: var(--main-color);
	display: block;
	transform:translateY(5px);
}
.site-footer .footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.site-footer .footer-menu li {
  margin-bottom: 8px;
}
.site-footer .footer-menu a {
	display: flex;
	text-decoration: none;	
}
.site-footer .footer-contact-details {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 20px;
}
.site-footer .footer-contact-details .button-wrapper {
	margin: 20px 0 ;
}
.site-footer .footer-contact-item i {
	margin-right: 16px;
}

.site-footer .footer-contact-details .button-wrapper-social {
	margin: 20px 0 ;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

.site-footer .footer-contact-details .button-wrapper-social i{
	font-size:x-large;
	color:var(--accent-color-light);	
}
.site-footer .footer-contact-details .button-wrapper-social i:hover {
	color: var(--main-color);
}
.site-footer .footer-bottom {
	border-top: 1px solid rgba(160, 165, 79, 0.5);
	padding:20px;
	color:var(--text-muted);
}
.site-footer .footer-bottom p {
		font-size: var(--font-size-md);
	}

@media (max-width: 992px) {
  .site-footer {
    padding: var(--space-5);

  }
}

.footer-author{
	margin:0;
	font-size:.9rem;
	opacity:.7;
}

.footer-author a{
	color:var(--main-color);
	text-decoration:none;
}

.footer-author a:hover{
	color:var(--accent-color-light);
}

/* footer partners */

.footer-partners {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.footer-partner-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 2rem !important;
    text-decoration: none;
    opacity: .7;
    transition: opacity .25s ease;
}

.footer-partner-card:hover {
    opacity: 1;
    transform: none !important;
}

.footer-partner-card:hover img {
    transform: none !important;
}

.footer-partner-card:focus,
.footer-partner-card:focus-visible,
.footer-partner-card:active {
    outline: none;
    box-shadow: none;
    transform: none !important;
}

.footer-partner-card_logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-partner-card_image {
    width: auto;
    height: 42px;
    display: block;
    object-fit: contain;
    transition: none !important;
}

.footer-partner-card_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.15;
}

.footer-partner-card_content span {
    margin-bottom: 4px;
    font-size: .95rem;
    font-weight: 600;
    color: rgba(255,255,255,.92);
}

.footer-partner-card_content strong {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.3;
    color: rgba(255,255,255,.58);
}

@media (max-width: 1200px) {

    .footer-partners {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 768px) {

    .footer-partners {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .footer-partner-card {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 1.5rem !important;
    }

    .footer-partner-card_content {
        align-items: center;
    }

    .footer-partner-card_image {
        height: 34px;
    }

}


/* Go to top button */

#goTop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 45px;
    z-index: 999;
}
#goTop.show {
	  display: flex;
}
#goTop a{
    background: var(--main-color);
	  opacity: 0.7;
    color: #fff;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: opacity 0.3s linear;
	  align-items: center;
  	display: flex;
    font-size: 40px;
    font-weight: 700;
    border-radius: 15px 0 15px 0;
}

#goTop a:hover {
      opacity: 1;
    }

#goTop a:hover  i{
  animation: move 0.7s infinite ease;
}

@keyframes move {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}

/*cookies banner */
.cmplz-cookiebanner .cmplz-title {
    font-size:1rem;}
.cmplz-cookiebanner .cmplz-message p{
    font-size: 0.85rem;
    margin:0;
    line-height: 1.25rem;}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-weight:400;
}



/* efekt reveal - ładowanie elementów z opóźnieniem i z różnych kierunów */

.reveal-left,
.reveal-right,
.reveal-up,
.reveal-scale,
.reveal-blur,
.reveal-left-scale,
.reveal-right-scale,
.reveal-up-scale,
.reveal-scale-down {
  opacity: 0;
  transition:
    opacity 0.8s ease,
    transform 0.8s ease,
    filter 0.8s ease;
  will-change: transform, opacity, filter;
}

.reveal-left {
  transform: translateX(-80px);
}

.reveal-right {
  transform: translateX(80px);
}

.reveal-up {
  transform: translateY(50px);
}

.reveal-scale {
  transform: scale(0.92);
}

.reveal-blur {
  filter: blur(8px);
}

.reveal-left-scale {
  transform: translateX(-80px) scale(0.92);
}

.reveal-right-scale {
  transform: translateX(80px) scale(0.92);
}

.reveal-up-scale {
  transform: translateY(50px) scale(0.92);
}

.reveal-scale-down {
  transform: scale(1.08);
  filter: blur(6px);
}

.reveal-left.is-visible,
.reveal-right.is-visible,
.reveal-up.is-visible,
.reveal-scale.is-visible,
.reveal-blur.is-visible,
.reveal-left-scale.is-visible,
.reveal-right-scale.is-visible,
.reveal-up-scale.is-visible,
.reveal-scale-down.is-visible {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  filter: blur(0);
}

.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-3 { transition-delay: 0.6s; }
.delay-4 { transition-delay: 0.8s; }
.delay-5 { transition-delay: 1s; }




/* Filtry w galeriach */

.filters-header-wrapper {
	display: flex;
	position: relative;
}
.filters-header-wrapper:after{
	content: "";
  	height: 1px;
  	background-color: var(--accent-color-light);
  	display: block;
  	transform: translateY(5px);
  	position: absolute;
  	width: 100%;
  	bottom: 2.5rem;
}

.filters-heading {
	flex: 1;
}

.filters {
    display: flex;
	flex: 1;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-bottom: 4rem;
}

.filter-button {
	border: 1px solid rgba(160, 165, 79, 0.20);
	background: transparent;
	padding: 15px 25px !important;
	border-radius: 999px;
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--accent-color-dark);
	text-transform: uppercase;
	font-size: var(--font-size-sm);
	font-weight: 500;
}

.filter-button:hover,
.filter-button.is-active {
	background: var(--main-color);
	color: #fff;
	border-color: var(--main-color);
	

}
.filter-button:hover {
	box-shadow: 0 0 30px 10px var(--accent-color-dark) inset;
}

.filters-mobile-select .form-select {
	border-radius: 999px;
	padding: 14px 20px;
	border: 1px solid rgba(160, 165, 79, 0.20);
	background-color: #fff;
	color: var(--accent-color-dark);
	font-size: var(--font-size-sm);
	text-transform: uppercase;
	box-shadow: none;
	cursor: pointer;
}
@media (max-width: 991.98px) {

  .filters-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .filters-heading {
    width: 100%;
  }

  .filters-mobile-select {
    width: 100%;
  }

  .filters-mobile-select .form-select {
    width: 100%;
  }
  .filters-header-wrapper:after{
	  display: none;
}

}



/* Forminator formularze */
.forminator-label{
    display: none !important;
}
.forminator-ui input, .forminator-ui textarea {
	padding: 10px 25px!important;
	border-radius: 50px;
	border: 1px solid var(--accent-color-light);
}
.forminator-ui input:focus,.forminator-ui textarea:focus
.forminator-ui input:focus-visible, .forminator-ui textarea:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	border: 2px solid var(--main-color) !important;
}
.forminator-ui textarea {
	padding: 18px 25px 50px 25px !important;
	min-height: 275px;
	height: auto;
	resize: none;
	overflow-y: hidden;
	transition: height 0.2s ease;
}

.forminator-ui.forminator-custom-form[data-design="basic"] .forminator-label {
	font-size: var(--font-size-md);
}
.forminator-ui input::placeholder,
.forminator-ui textarea::placeholder {
  color: var(--text-main);
  font-size: var(--font-size-md);
  opacity: 0.5;
}

.forminator-ui .forminator-checkbox input {
	appearance: none;
	-webkit-appearance: none;
	width: 25px;
	height: 25px;
	border: 2px solid var(--main-color);
	border-radius: 4px;
	background: white;
	cursor: pointer;
	position: relative;
	padding: 0 !important;
}
.forminator-ui .forminator-checkbox input:checked {
	background: var(--main-color);
}
.forminator-ui .forminator-checkbox input:checked::after {
	content: "\f26e";
	font-family: "bootstrap-icons";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	color: white;
	font-size: 26px;
	font-weight: 500;
	line-height: 1;
}
.forminator-ui .forminator-error-message {
    color: #a23d3d;
}
.forminator-ui .forminator-error-message::before {
    content:'\F430';
	  font-family:'bootstrap-icons';
    margin-right: 10px;
}
.forminator-ui .forminator-checkbox__wrapper {
  text-align: left;
}
.forminator-response-message{
	background:transparent!important;
	padding:0!important;
	border:none!important;
	box-shadow:none!important;
}

/* glightbox! */

.glightbox {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}
.glightbox-gallery img {
    aspect-ratio: 1 / 1;
}

.glightbox::after {
  content: "\F14D"; /* bootstrap icon: zoom-in */
  font-family: "bootstrap-icons";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);

  width: 64px;
  height: 64px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color-light);
  font-size: 24px;
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.15);
  border: 1px solid var(--accent-color-extralight);

  opacity: 0;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;

  pointer-events: none;
  z-index: 2;
}

/* hover */
.glightbox:hover::after {
  opacity: 0.9;
  transform: translate(-50%, -50%) scale(1);
}

.glightbox .image-overlay::after {
    opacity: 0.5;
}

.glightbox:hover .image-overlay::after {
  content:'';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      to top,
      rgba(0,0,0,0.65),
      rgba(0,0,0,0.45)
    );
  transition: opacity 0.4s ease;
  opacity: 1;
}

/* optional image zoom */
.glightbox img {
  transition: transform 0.5s ease;
}

.glightbox:hover img {
  transform: scale(1.05);
}

.gslide-image img {
  border-radius: 50px!important;
  max-height: 90vh!important;
  max-width: 90vw!important;
}





/* podstrony ogólne style  */
.section.header-wrapper, .header-wrapper .section-inner{
    overflow: visible;
}
.section.header-wrapper .section-inner {
  padding-top: 0!important;
}

/* Header bez hero image */

.header-dark .header-wrapper {
    min-height: auto;
}

.header-dark .header-wrapper .section-inner {
    padding-bottom: 0;
}

.header-dark .section-page-header .heading-wrapper h2,
.header-dark .section-page-header .page-header-title {
    margin-bottom: 0;
}

.header-dark .section-page-header .page-header-inner {
    padding-top: 0rem;
    padding-bottom: 3rem;
}

.header-dark .section-page-content .section-inner {
    padding-top: 1rem;
}

@media (max-width:768px){

    .header-dark .section-page-header .page-header-inner{
        padding-top:.5rem;
        padding-bottom:2rem;
    }

    .header-dark .section-page-content .section-inner{
        padding-top:.5rem;
    }

}

/* sub pages styles */

.not-front .topandnavbar {
	position: relative;
}
.not-front .top-bar .border-left, 
.not-front .top-bar .border-right {
	border: none;
	margin: 0 3% 0 3%;
}

.navigation-menu.show .menu-item .sub-menu {
	box-shadow: none;
}

.page-header-inner {
	display: flex;
  	justify-content: space-between;
  	flex-direction: column;
	border-top: 1px solid rgba(160, 165, 79, 0.5);
}
.page-header-inner > .heading-wrapper { 
	flex: 1;
	margin-top: 100px;
}

.section-page-header .breadcrumbs {
	text-transform: uppercase;
  	font-size: var(--font-size-md);
	margin: 20px 0;
	display: flex;
 	gap: 20px;
	justify-content: center;
}
.section-page-header .breadcrumbs span, .section-page-header .breadcrumbs a {
	font-weight: 400;
	font-size: 0.85rem;
  	white-space: nowrap;
}

@media (max-width: 992px) {
	.section-page-header {
  		position: relative;
		min-height: 35vh;
	}	
	.page-header-inner > .heading-wrapper h2 { 
	margin-bottom: 0;
	}	
}


/* podstrona about */
.process-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.process-timeline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(160, 165, 79, 0.25);
    transform: translateX(-50%);
    z-index: 0;
}
.process-row {
    position: relative;
}
.process-row .image-wrapper {
    padding: 0!important;
}
.process-center {
    position: relative;
    z-index: 2;
}
.process-center span {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: var(--main-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    margin: 0 auto;
}

.process-center span::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 25px;
    border: 1px solid rgba(160, 165, 79, 0.25);
    background-color: #fff;
    z-index: -1;
}
.process-content {
    padding: 0 25px;
}
.process-content h3 {
    margin-bottom: 10px;
}
.process-content p {
    opacity: 0.7;
    margin: 0;
}
.process-row .image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 3/2;
    object-fit: cover;
}  

@media (max-width: 991px) {

  .process-timeline {
    gap:30px;
  }
  .process-timeline::before {
    left: 40px;
    transform: none;
  }
  .process-row {
    display: block;
    margin: 0 20px;
    position: relative;
    padding-left: 60px; /* miejsce na linię */
  }
  .process-center {
    position: absolute;
    left: 0;
    top: 35%;
    width: 40px;
    display: flex;
    justify-content: center;
  }
  .process-center span {
    width: 40px;
    height: 40px;
    font-size: 14px;
    border-radius: 8px 0 8px 0;
  }
  .process-center span::before {
    border-radius: 14px 0 14px 0;
   }
  .process-content {
    padding: 0;
    text-align: left;
    margin-top: 15px;
  }
  .process-row .image-wrapper img {
    aspect-ratio: 4/3;
} 
} 



/* podstrona realizacje */

.section-projects-gallery .gallery-masonry {
  column-count: 3;
  column-gap: 1.5rem;
}

.section-projects-gallery .gallery-masonry-item {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 0 1.5rem;
  break-inside: avoid;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  border-radius: 25px!important;
}

.section-projects-gallery .project-card {
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
}


.section-projects-gallery .project-card_image-wrap {
  position: relative;
}

.section-projects-gallery .project-card_image-wrap img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease, filter 0.4s ease;
}

.section-projects-gallery .project-card:hover img {
  transform: scale(1.03);
  filter: brightness(0.94);
}

.section-projects-gallery .project-card_overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5rem;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.48),
    rgba(0, 0, 0, 0.12) 45%,
    rgba(0, 0, 0, 0)
  );
  color: #fff;
  pointer-events: none;
}

.section-projects-gallery .project-card_category {
  display: inline-block;
  margin-bottom: 0.35rem;
  font-size: 0.875rem;
  opacity: 0.9;
}

.section-projects-gallery .project-card_title {
  margin: 0;
  color: #fff;
  line-height: 1.2;
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
}

.gallery-masonry-more {
	margin-top: 3rem;
}

.gallery-masonry-load-more.is-loading {
	opacity: 0.7;
	pointer-events: none;
}


@media (max-width: 991.98px) {
  .section-projects-gallery .gallery-masonry {
    column-count: 2;
  }
}

@media (max-width: 575.98px) {
  .section-projects-gallery .gallery-masonry {
    column-count: 1;
  }

  .section-projects-gallery .project-card {
    border-radius: 2rem !important;
  }

  .section-projects-gallery .project-card_overlay {
    padding: 1.25rem;
  }
}


/* podstrona oferta listing produktów */

.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px; /* ważne – daje oddech */
  align-items: stretch;
}

@media (max-width: 992px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
  }
}

@media (max-width: 768px) {
  .products-grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}


.product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.product-card-link {
    position:relative;
    display:flex;
}

.product-item .image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  padding: 0!important;
  width: 100%;
  aspect-ratio: 16/10;
}

.product-item .image-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient( to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100% );
  transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.product-item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.product-item:hover img {
  transform: scale(1.05);
}

.product-item .category-badge {
    position: absolute;
    bottom: 16px;
    right: 16px;
    padding: 10px 18px;
    border: 1px solid #d1d4982b;
    border-radius: 999px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(5px);
    color: #fff;
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    z-index: 1;
    opacity: 0.85;
}

.product-item .content-wrapper {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.product-item .desc {
    opacity: 0.7;
}

.product-item .content-wrapper .button-wrapper {
    margin-top: auto!important;
}
.product-item .more_button {
    transform: translateX(-100px);
    opacity: 0;
    transition: all 0.3s ease;
}

.product-item:hover .more_button {
    transform: translateX(0);
    opacity: 1;
}

.product-item.releated .button-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, calc(-50% + 12px));
	transition:
		opacity 0.3s ease 0s,
		transform 0.35s ease 0s,
		visibility 0s linear 0.3s;
}
.product-item.releated:hover .button-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%);
	transition:
		opacity 0.3s ease 0.25s,
		transform 0.35s ease 0.25s,
		visibility 0s linear 0s;
}

@media (max-width: 768px) {
  .product-item .more_button {
    transform: translateX(0);
    opacity: 1;
}
}


/* Podstrona produktu */


.section-product-single .image-overlay::after {
  content:'';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient( to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100% );
  transition: opacity 0.4s ease;
}

.section-product-single .accordion {
  padding-top: 16px;
}

.section-product-single .accordion-button {
    display: flex!important;
}
.section-product-single .accordion-list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.section-product-single .accordion-list li {
  margin-bottom: 16px;
}

.section-product-single .accordion-list a {
  color: inherit;
  text-decoration: none;
}
.section-product-single .accordion-list i {
margin-right: 1rem;
color: var(--main-color)
}


/* style tabeli (boostrap nadpisanie) */

.table-delivery {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
  font-size: var(--font-size-md);
}

.table-delivery thead th {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #888;
  font-weight: 600;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.table-delivery thead th:last-child {
  text-align: right;
}

.table-delivery tbody tr {
  transition: background 0.2s ease;
}

.table-delivery tbody td {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  vertical-align: middle;
}

.table-delivery tbody td:first-child {
  color: #555;
}

.table-delivery tbody td:last-child {
  text-align: right;
  font-weight: 500;
  color: var(--accent-color-dark);
  letter-spacing: 0.02em;
}

.table-delivery tbody tr:hover td {
  background: rgba(0, 0, 0, 0.025);
}

@media (max-width: 576px) {
  .table-delivery thead {
    display: none;
  }

  .table-delivery tbody tr {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  .table-delivery tbody td {
    border: none;
    padding: 8px 0;
  }

  .table-delivery tbody td:last-child {
    text-align: right;
  }
}

/* download strona tabela */

.table-downloads{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}

.table-downloads th,
.table-downloads td{
	vertical-align:middle;
	padding:1.5rem 0;
}

.table-downloads th:nth-child(1),
.table-downloads td:nth-child(1){
	width:auto;
}

.table-downloads th:nth-child(2),
.table-downloads td:nth-child(2){
	width:100px;
}

.table-downloads th:nth-child(3),
.table-downloads td:nth-child(3){
	width:120px;
}

.table-downloads th:nth-child(4),
.table-downloads td:nth-child(4){
	width:185px;
}

.table-downloads td:last-child{
	text-align:right;
}
.table-downloads .button-rt i{
	transition: transform .3s ease;
}

.table-downloads .button-rt:hover i{
	transform: translateY(2px);
}


@media(max-width:991px){

	.table-downloads{
		table-layout:auto;
	}

	.table-downloads thead{
		display:none;
	}

	.table-downloads tbody{
		display:flex;
		flex-direction:column;
		gap:2rem;
	}

	.table-downloads tr{
		display:flex;
		flex-direction:column;
		padding:1.5rem;
		border:1px solid var(--accent-color-light);
		border-radius:30px;
	}

	.table-downloads td{
		display:block;
		width:100%!important;
		padding:.5rem 0;
		border:none;
	}

	/* nazwa */
	.table-downloads td:first-child{
		font-size:var(--font-size-md);
		padding-top:0;
	}

	/* PDF + rozmiar w jednej linii */
	.table-downloads td:nth-child(2),
	.table-downloads td:nth-child(3){
		display:inline-block;
		width:auto!important;
		color:var(--text-muted);
		padding:0;
	}

	.table-downloads td:nth-child(2)::after{
		content:" • ";
		padding-inline:.5rem;
	}

	/* button */
	.table-downloads td:last-child{
		margin-top:1.5rem;
		padding-bottom:0;
	}

	.table-downloads .button-rt{
		width:100%;
		max-width:none;
		justify-content:center;
	}

}



.product-item-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.variants-list li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.badge {
    background: var(--main-color);
    color: white;
    font-size: 0.75rem;
    border-radius: 999px;
    width: 40px;
    height: 40px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
}
.variant-extra .plus {
    background:transparent;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    color: var(--main-color);
}


@media (max-width: 900px) {
  .product-variants-grid {
    grid-template-columns: 1fr;
  }
}

/* podstrona produktu mini galeria */

.product-mini-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-top: 20px;
}
.product-mini-gallery .mini-img {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-color-extralight);
    border: 1px solid var(--accent-color-light);
}
.product-mini-gallery .mini-img.is-empty{
    opacity: 0.3 !important;
}
.product-mini-gallery .mini-img-image{
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
}
.product-mini-gallery .mini-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block; /* 🔥 ważne */
    transition:
    transform 0.4s ease,
    filter 0.6s ease;
}
.mini-img:hover img {
    transform: scale(1.05);
}

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



/* specyfikacja produktu */

.specs-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0px;
}

.spec-card {
    border-radius: 20px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}
.spec-card::after{
    content: '';
    display:block;
    width: 1px;
    height:70%;
    background-color: var(--accent-color-light);
    position: absolute;
    right: 0px;
}
.spec-card:last-child::after{
    display:none;
}
.spec-icon {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}
.spec-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    opacity: 0.85;
    transition: 0.25s ease;
}
.spec-card:hover .spec-icon img {
    opacity: 1;
    transform: translateY(-2px);
}
.spec-text {
    color: var(--accent-color-dark-secondary);
    font-size: var(--font-size-sm)
}
.spec-text strong {
    font-weight: 500;
}
 .spec-text span {
    display:block;
    font-size:12px;
    opacity: 0.7;
    text-transform: uppercase;
}
/* mobile */
@media (max-width: 768px) {
  .spec-card::after{
    content: '';
    display:none;
  }
  .spec-card {
    justify-content: start;
  }
}

/* wyposażenie produkut / features */
.product-item_box {
    background: var(--accent-color-extralight);
    padding: 30px;
    border-radius: 25px;
    position: relative;
}
.product-item_box .h4 {
    padding: 1rem;
    margin-bottom: 1rem;
}

.product-item_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.features-list li {
    position: relative;
    padding-left: 75px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 10px;
    opacity: 0.7;
}
.features-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #8d9b5a;
	font-weight: bold;
	left: 1rem;
}
.product-item_box .button-wrapper {
    position: relative;
    padding-left: 75px;
    align-items:start;
}

/* mobile */
@media (max-width: 768px) {
  .product-item_box .button-wrapper {
    padding-left: 0;
    align-items:center;
  }
}

/* Podstrona produktu - sekcja configurator CTA*/

.steps-wrapper {
    background:var(--accent-color-extralight);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex: 1;
    align-items: stretch;
}

.step-item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    flex:1;
    gap: 10px;
}

.step-icon-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex:1;
}
.step-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    background: var(--main-color);
    color: #fff;
    border-radius: 50%;
    font-size: 2rem;
    font-weight:600;
    font-family: var(--font-base-serif);
}
.step-icon i {
    transform: translateY(2px);
}

.step-item h5 {
    flex:1;
    color: var(--accent-color-dark-secondary);
    font-size: 1.15rem;
    font-family: var(--font-base-serif);
    line-height: 1.5rem;
}

.step-separator {
    align-self: center;
    color: var(--accent-color-light);
    font-size: 2rem;
}

/* mobile */
@media (max-width: 768px) {
  .steps-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .step-separator  {
    transform:rotate(90deg)
  }
}
/* mini boxes - shared */

.mini-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 16px 30px;
    margin-top: 25px;

    background: var(--accent-color-extralight);

    border-radius: 25px;

    transition: all 0.25s ease;
}

/* shared columns */

.mini-box_icon {
    flex: 0 0 12%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.mini-box_content {
    flex: 1 1 auto;

    min-width: 0;

    display: flex;
    justify-content: center;
    flex-direction: column;

    font-size: 1rem;
}

.mini-box_content p {
    margin: 0;

    opacity: 0.75;

    font-size: 1rem;
    line-height: 1.25rem;
}

.mini-box_cta {
    flex: 0 0 32%;

    display: flex;
    align-items: center;
    justify-content: flex-end;
}


/* mobile */

@media (max-width: 1200px) {

    .mini-box {
        flex-direction: column;

        text-align: center;
    }

    .mini-box_icon,
    .mini-box_content,
    .mini-box_cta {
        flex: unset;

        width: 100%;

        justify-content: center;
    }

}


/* finansowanie boxy / podstrona msleasing */

.msleasing-mini-box .mini-box_icon {
    color: var(--main-color);
}

.icon-msleasing {
    width: 50px;
    height: 50px;

    color: var(--main-color);
}

.msleasing-link .icon-msleasing {
    width: 35px;
    height: 35px;
}

/* msleasing steps */

.msleasing-step-card {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5rem 2.5rem 2.5rem;
    border-radius: 50px;
    background: var(--accent-color-extralight);
}


/* number */

.msleasing-step-card_number {
    position:absolute;
    top:-25px;
    width: 50px;
    height: auto;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--accent-color-light);
    background: #fff;
    border: 1px solid var(--accent-color-light);
    border-radius: 50%;
}


/* icon */

.msleasing-step-card_icon {
    margin-bottom: 24px;
    line-height: 1;
}

.msleasing-step-card_icon i {
    font-size: 3rem;
    color: var(--main-color);
}


/* title */

.msleasing-step-card_title {
    margin-bottom: 18px;
    font-size: 2rem;
    line-height: 1.1;
    min-height: 4.6rem;
}


/* description */

.msleasing-step-card_description {
    line-height: 1.7;
    opacity: .82;
}

.msleasing-step-card_description p:last-child {
    margin-bottom: 0;
}


/* mobile */

@media (max-width: 992px) {

    .col-lg-4.custom-gutter {
        margin-top: 3rem;
    }

    .msleasing-step-card {
        padding: 4rem 2rem 2rem;
    }

    .msleasing-step-card_title {
        font-size: 1.75rem;
    }

}


.msleasing-benefits-box {
    background: var(--accent-color-extralight);
    padding: 30px;
    border-radius: 25px;
    position: relative;
    height: 100%;
}

.msleasing-benefits-box h3 {
    padding: 1rem;
    margin-bottom: 1rem;
    padding-left: 70px;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.msleasing-benefits-box h3 i {
    position: absolute;
    left: 40px;
    color: var(--main-color);
    font-size: 2rem;
    line-height: 1;
}

.msleasing-benefits-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.msleasing-advisor-brand img {
    scale: 0.7;
    margin: 1rem;
}
.msleasing-advisor-details span, 
.msleasing-advisor-details strong {
    display: block;
}
/* MOBILE */
@media(max-width:767px){
  .msleasing-advisor-details{
    color:#fff;
  }
  .msleasing-advisor-contact_item i {
    color: var(--accent-color-light);
  }
.msleasing-advisor-contact_item a{
    color: #fff;
  }
}

/* rzetelna firma box */

.rzf-box {
    align-items: center;
}

.rzf-logo {
    width: 95px;
    height: auto;

    display: block;
}

.rzf-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.rzf-rating .star {
    font-size: 20px;
    line-height: 1;
    background: linear-gradient(
        90deg,
        rgba(232, 211, 107, 1) 48%,
        rgba(219, 168, 15, 1) 53%
    );
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.rzf-rating_value {
    margin-left: 6px;
    font-size: .9rem;
    font-weight: 600;
    color: var(--text-muted);
}

/* Mobile */
@media (max-width: 767px) {
    .rzf-rating {
    justify-content: center;
    }
}


/* podstrona contact */


.contact-page-item {
	  padding: 3rem 3rem 0rem 3rem;
}

.contact-page-item:not(:last-of-type)::after {
    content:'';
    display: block;
    width: 100%;
    height:1px;
    margin-top: 50px;
  	border-bottom: 1px solid var(--accent-color-light)
}
.contact-page-item .contact-details {
	  display: flex;
  	flex-direction: column;
  	gap: 0.75rem;
}

.contact-page-item .contact-details-item i {
	  margin-right: 20px;
    color: var(--main-color);
}
.contact-details-item .link {
    color: unset;
    color: inherit;
}


.contact-page-item.contact-box {
    background: linear-gradient(135deg,#e6e8d1,#eff0e0);
    padding: 3rem;
}

/* mobile */
@media (max-width: 768px) {
  .contact-page-item {
	  padding: 1rem 1rem 0rem 1rem;
  }
  .contact-page-item.contact-box {
    padding: 3rem 1rem;
    text-align:center;
  }
}

/* =========================
   Legal template
========================= */

.legal-content {
    padding: clamp(30px, 4vw, 60px);
    padding-top: 0!important;
}

.legal-nav {
    margin-bottom: clamp(40px, 5vw, 60px);
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.legal-nav .contact-details {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: .75rem 2rem;
}

.legal-nav .contact-details-item {
    margin: 0;
}

.legal-section {
    margin-bottom: clamp(40px, 6vw, 80px);
    scroll-margin-top: 140px;
}

.legal-section:last-child {
    margin-bottom: 0;
}

.legal-content h3 {
    margin-bottom: 2rem;
    font-size: clamp(1.4rem, 2vw, 1.8rem);
}

.legal-content p:last-child {
    margin-bottom: 0;
}

.legal-content ul {
    padding-left: 1.5rem;
    margin-bottom: 0;
}

.legal-content li {
    margin-bottom: .75rem;
}

.legal-content li:last-child {
    margin-bottom: 0;
}


/* Tablet */

@media (max-width:991px) {

    .legal-nav .contact-details {
        grid-template-columns: 1fr;
        gap: .75rem;
    }

}


/* Mobile */

@media (max-width:767px) {

    .legal-content {
        padding: 25px;
    }

    .legal-section {
        margin-bottom: 50px;
    }

    .legal-content h3 {
        font-size: 1.3rem;
    }

}


/* 404 */
.error404 .site-footer {
  margin-top: 0;;
}


/* Tikkurika colors */
.colors-grid-tikkurila{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:1.25rem;
}

.color-card{
	position:relative;
	overflow:hidden;

	border-radius:28px;

	background:#f3f3ed;

	transition:
	transform .3s ease,
	box-shadow .3s ease;
}

.color-card:hover{
	transform:translateY(-4px);

	box-shadow:
	0 20px 40px rgba(0,0,0,.08);
}

.color-card a{
	display:block;
	text-decoration:none;
	color:inherit;
}

.color-card__image{
	position:relative;
	aspect-ratio:1/1;
	overflow:hidden;
}

.color-card__image img{
	width:100%;
	height:100%;

	object-fit:cover;

	transition:transform .6s ease;
}

.color-card:hover .color-card__image img{
	transform:scale(1.04);
}

.color-card__title{
	position:absolute;
	inset:auto 0 0 0;

	padding:1rem;

	background:
	linear-gradient(
		180deg,
		transparent,
		rgba(0,0,0,.55)
	);

	color:#fff;

	font-size:1rem;
	font-weight:500;

	z-index:2;
}

/* subtle border */

.color-card::after{
	content:"";
	position:absolute;
	inset:0;

	border:1px solid rgba(160,165,79,.25);
	border-radius:inherit;

	pointer-events:none;
}

/* TABLET */

@media(max-width:991px){

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

}

/* MOBILE */

@media(max-width:767px){

	.colors-grid{
		grid-template-columns:repeat(2,1fr);
		gap:.75rem;
	}

	.color-card{
		border-radius:20px;
	}

	.color-card__title{
		padding:.75rem;
		font-size:.9rem;
	}
}