*,*::before,*::after {  box-sizing: border-box;}
html {  -moz-text-size-adjust: none;  -webkit-text-size-adjust: none;  text-size-adjust: none;}
body, h1, h2, h3, h4, p,figure, blockquote, dl, dd {  margin-block-end: 0;}
ul[role='list'],ol[role='list'] {  list-style: none;}
body {  min-height: 100vh;  line-height: 1.5;}
button, input, label { line-height: 1.1; }
h1, h2, h3, h4 {  text-wrap: balance;}
a:not([class]) {  text-decoration-skip-ink: auto;  }
img,picture {  max-width: 100%;  display: block;}
input, button,textarea, select {  font: inherit;}
textarea:not([rows]) {  min-height: 10em;}
:target {  scroll-margin-block: 5ex;}
h1, h2, h3, h4, p { margin: 0; }

.noscroll { overflow: hidden; }

:root {
  --white: #ffffff;
  --black: #000000;
  --green: #33452d;
  --green-dark: #1E1E1E;
  --yellow: #FFB800;
  --grey: #BBAA9D;
  --grey-light: #DDDDD9;
  --grey-lighter: #F5F5F4;

  --fontSize-14-18: clamp(0.875rem, 0.5625rem + 0.625vi, 1.125rem);
  --fontSize-48-100: clamp(2.4rem, -1.0625rem + 8.125vi, 6.25rem);
  --fontSize-16-20: clamp(1rem, 0.6875rem + 0.625vi, 1.25rem);
  --fontsize-16-18: clamp(1rem, 0.8438rem + 0.3125vi, 1.125rem);
  --fontSize-36-60: clamp(2.25rem, 0.375rem + 3.75vi, 3.75rem);
  --fontSize-24-36: clamp(1.5rem, 0.5625rem + 1.875vi, 2.25rem);
  --fontSize-18-24: clamp(1.125rem, 0.6563rem + 0.9375vi, 1.5rem);
  --fontSize-30-40: clamp(1.875rem, 1.0938rem + 1.5625vi, 2.5rem);
  --fontsize-36-50: clamp(2.25rem, 1.1563rem + 2.1875vi, 3.125rem);
  --fontsize-48-80: clamp(3rem, 0.5rem + 5vi, 5rem);
}

body { font-family: "Manrope", sans-serif; font-style: normal; font-weight: 400; font-size: 1rem; line-height: 1.38; color: var(--green); max-width: 1440px; margin: 0 auto;}
h1, .h1 { font-size: var(--fontsize-36-50); font-weight: 800; padding: 5vh calc((130/1440) * 100%); background-color: var(--green); color: var(--white); }
h2, .h2 { font-size: var(--fontsize-36-50); font-weight: 800; color: var(--white); }
h3, .h3 { font-size: var(--fontSize-24-36); font-weight: 800; color: var(--green); }
h4, .h4 { font-size: var(--fontSize-18-24); font-weight: 800; color: var(--green); }

@media only screen and (max-width: 800px) {
  h1, .h1 { padding: 5vh calc((80/1440) * 100%); }
}

figure { margin:0; padding:0 }

header { display: flex; justify-content: space-between; align-items: center; padding: 0 calc((80/1440) * 100%); height: 120px; margin: 0 auto; background-color: var(--green);}
.logo path { fill: var(--white); }
header a { font-size: 0.875rem; font-weight: 700;  color: var(--green); text-decoration: none; white-space: nowrap;  }
nav, aside { display: flex; justify-content: center; align-items: center; }
nav a { margin: 0 16px; padding: 5px 0; color: var(--white); }
nav a:hover, nav a.active { background: url(../img/underline-vector.svg) center bottom no-repeat; background-size: 100% auto; }
nav .lang { display:none; }
.lang, .basket {display: flex; justify-content: center; align-items: center; position: relative;}
.lang a { color: var(--white); }
.lang path { stroke: var(--white); }
.lang button { display: flex; justify-content: center; align-items: center; border: 0; background: none; width: 28px; cursor: pointer;}
.lang button.is-open { transform: rotate(180deg); }
.lang button img { max-width: none; }
.basket { /*margin-left: 16px;*/ }
.basket div { 
  display: flex; justify-content: center; align-items: center; border-radius: 50%; 
  aspect-ratio: 1; overflow: hidden; background: var(--yellow); padding: 8px; margin-right: 8px;
  font-size: 0.75rem; font-weight: 800; color: var(--white);
}
.basket rect, .basket path { stroke: var(--white); }

section a { color: var(--green); font-weight: 600; }

.langswitcher { display: none; position: absolute; top: 16px; left: -20px; list-style: none; padding:12px 30px 20px 20px; z-index:9; background-color: var(--white); border-radius: 16px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2) }
.langswitcher li { margin-top: 5px; }
.langswitcher li a { color: var(--green) }
.langswitcher.is-open { display: block; }

.hamburger { 
  padding: 15px 0; display: none; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear;
  font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; 
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: var(--white); }
.home .hamburger.is-active .hamburger-inner, .home .hamburger.is-active .hamburger-inner::before, .home .hamburger.is-active .hamburger-inner::after { background-color: var(--green); }
.hamburger-box { width: 40px; height: 24px; display: block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px; height: 4px; background-color: var(--white); border-radius: 4px; position: absolute;
    transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; 
}
.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after { background-color: var(--green); }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }
.hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.home header { background-color: var(--white); }
.home .logo path { fill: var(--green); }
.home nav a { color: var(--green); }
.home .lang a { color: var(--green); }
.home .lang path { stroke: var(--green); }
.home .basket div { color: var(--green); }
.home .basket rect, .home .basket path { stroke: var(--green); }
.profile path { fill: var(--white); }
.home .profile path { fill: var(--green); }
.profile { margin: 0 16px; }

.mobilelang { display: none; margin-top: 100px; }
.mobilelang a { font-size: 1.6rem; }


@media only screen and (max-width: 800px) {
  header { height: 80px; }
  .basket { margin-left: 0; }
  .hamburger { display: block; }
  nav { 
    display: none; position: absolute; z-index: 999; left: 0; top: 80px; width: 100%; height: calc(100vh - 80px); 
    flex-direction: column; background: var(--green);
  }
  nav.is-open { display: flex; }
  .home nav { background: var(--white) ; }
  nav a { font-size: 2.4rem; padding: 15px 0; }
  nav .lang { display:block; padding-top: 4em; }
  nav .lang a { font-size: 2em; }
  aside .lang { display:none; }
  .mobilelang { display: flex; }
}


.hero-video { 
  position: relative; display: flex; flex-direction: column; justify-content:space-around; align-items: center; 
  width: calc((1380/1440) * 100%); margin: 0 auto; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden;
}
.hero-video video { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.hero-video .tagline { font-size: var(--fontSize-14-18); color: var(--white); text-align: center; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; }
.hero-video .headline { 
  font-size: var(--fontSize-48-100); line-height: 1; text-align: center; color: var(--white); font-weight: 800; text-wrap: balance; 
  background-image: url(../img/headline-vector.svg); background-position: center bottom; background-repeat: no-repeat; background-size: 50% auto;
}
.play-video { 
  display: flex; justify-content: center; align-items: center; padding: 25px 50px; cursor: pointer;
  background-color: var(--green-dark); color: var(--white); border: 0; border-radius: 32px;
  font-size: var(--fontSize-16-20); letter-spacing: 0.1em; font-weight: 800;
}
.play-video img { margin-right: 15px; }

.text-divider { position: relative; width: calc((1380/1440) * 100%); margin: 0 auto; overflow: auto; }
.text-divider .divider { position: absolute; left: 0; top: -30px; width: 100%; height: auto; }
.text-divider .headline { font-size: var(--fontSize-36-60); line-height: 1.25; text-align: center; color: var(--green); font-weight: 800; text-wrap: balance; margin: 10vh 0; }
.text-divider .tagline { font-size: var(--fontSize-14-18); color: var(--grey); text-align: center; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin: 10vh 0; }

@media only screen and (max-width: 800px) {
  .hero-video { aspect-ratio: 1; }
  .text-divider .headline, .text-divider .tagline { margin: 5vh 0; }
}


.slider-home-wrapper { position: relative; }
.swiper-home { width: calc((1380/1440) * 100%); margin: 0 auto; aspect-ratio: 16 / 9; }
.swiper-home .swiper-slide img { width: 100%; height: 100%; max-width: none; object-fit: cover; border-top-left-radius: 16px; border-top-right-radius: 16px; overflow: hidden; }
.slider-home-wrapper .swiper-button-prev::after, .slider-home-wrapper .swiper-button-next::after { display: none; }
.slider-home-wrapper .swiper-button-prev, .slider-home-wrapper .swiper-button-next { width: calc((80/1440) * 100%); min-width: 40px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: var(--white); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.slider-home-wrapper .swiper-button-prev { left: 0; margin-top: 0; }
.slider-home-wrapper .swiper-button-next { right: 0; margin-top: 0; }
.slider-home-wrapper .swiper-button-prev img, .slider-home-wrapper .swiper-button-next img { max-width: 40%; }

.testimonials { position: relative; }
.testimonials .swiper-button-prev::after, .testimonials .swiper-button-next::after { display: none; }
.testimonials .swiper-button-prev, .testimonials .swiper-button-next { width: calc((80/1440) * 100%); min-width: 40px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: var(--white); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.testimonials .swiper-button-prev { left: 10px; margin-top: 0; top: var(--swiper-navigation-top-offset,35%)}
.testimonials .swiper-button-next { right: 10px; margin-top: 0; top: var(--swiper-navigation-top-offset,35%)}
.testimonials .swiper-button-prev img, .testimonials .swiper-button-next img { max-width: 40%; }

.item-slider { position: relative; }
.item-slider .swiper-button-prev::after, .item-slider .swiper-button-next::after { display: none; }
.item-slider .swiper-button-prev, .item-slider .swiper-button-next { width: calc((80/1440) * 100%); min-width: 40px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: var(--white); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.item-slider .swiper-button-prev { left: 10px; margin-top: 0; top: var(--swiper-navigation-top-offset,40%)}
.item-slider .swiper-button-next { right: 10px; margin-top: 0; top: var(--swiper-navigation-top-offset,40%)}
.item-slider .swiper-button-prev img, .item-slider .swiper-button-next img { max-width: 40%; }

@media only screen and (max-width: 800px) {
  .swiper-home { aspect-ratio: 1; }
}


.slider-productrange-wrapper { background: linear-gradient( to bottom, var(--grey-light), var(--grey-light) 85%, var(--white) 85%, var(--white) 100% ); overflow: hidden; margin-bottom: 10vh; }
.slider-productrange-wrapper .tagline { 
  width: calc((1180/1440) * 100%); font-size: var(--fontSize-14-18); color: var(--green); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; margin: 10vh auto 0 auto;
}
.slider-productrange-wrapper .slider-header { width: calc((1180/1440) * 100%); display: flex; justify-content: space-between; align-items: center; margin: 5vh auto; }
.slider-productrange-wrapper .slider-header a { 
  display: flex; font-size: var(--fontSize-24-36); color: var(--green); font-weight: 800; text-decoration: none; gap: 0 30px; padding-bottom: 15px; margin-right: 30px;
  background-image: url(../img/headline-vector.svg); background-position: left bottom; background-repeat: no-repeat; background-size: 80% auto; text-wrap: balance;
}

.slider-productrange-wrapper .swiper-button-prev::after, .slider-productrange-wrapper .swiper-button-next::after { display: none; }
.slider-productrange-wrapper .swiper-button-prev, .slider-productrange-wrapper .swiper-button-next { position: static; }
.slider-productrange-wrapper .swiper-button-prev { left: 0; margin-top: 0; }
.slider-productrange-wrapper .swiper-button-next { right: 0; margin-top: 0; }
.slider-productrange-wrapper .slider-header .slider-nav { display: flex; align-items: center; gap: 0 18px; }

.swiper-productrange { width: calc((1180/1440) * 100%); margin: 0 auto; overflow: visible; }
.swiper-productrange .swiper-slide { text-decoration: none; }
.swiper-productrange .swiper-slide .img { aspect-ratio: 220 / 300; border-radius: 16px; overflow: hidden; }
.swiper-productrange .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.swiper-productrange .swiper-slide span { display: block; font-size: 0.75rem; color: var(--green); font-weight: 800; }
.swiper-productrange .swiper-slide p { font-size: var(--fontSize-18-24); color: var(--green); font-weight: 500; }
.swiper-productrange .swiper-slide > * + * { margin-top: 10px; }

@media only screen and (max-width: 800px) {
  .slider-productrange-wrapper { margin-bottom: 5vh; }
  .slider-productrange-wrapper .tagline { margin: 5vh auto 0 auto; }
}


.marquee { display: flex; overflow: hidden; white-space: nowrap; width: 100%; padding-top: 100px; }
.marquee div { 
  font-size: var(--fontSize-48-100); line-height: 1; text-align: center; color: var(--green); font-weight: 500; padding-bottom: 10vh; 
  animation-duration: 15s; animation-iteration-count: infinite; animation-name: marquee-content; animation-timing-function: linear; 
  margin-left: 120px; position: relative;
}
.marquee div:before { content: '•'; color: #fdb938; font-size: 0.65em; display: block; position: absolute; top: 18px; left: -80px; }
@keyframes marquee-content {
  from { transform: translateX(0%); }
  to { transform: translateX(-100%); }
}

.testimonials { padding: 30vh 0 10vh 0; overflow: hidden; background-image: url('../img/slider-testimonials-bg.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.swiper-testimonials { width: calc((940/1440) * 100%); margin: 0; overflow: visible; }
.swiper-testimonials .swiper-wrapper { align-items: center; }
.swiper-testimonials .swiper-slide { padding: 5vh calc((65/940) * 100%); background: var(--black); border-radius: 16px; overflow: hidden;}
.swiper-testimonials .swiper-slide-active { padding: 10vh calc((130/940) * 100%); background: var(--green);}
.testimonial { font-size: var(--fontSize-30-40); color: var(--white); font-weight: 800; margin: 3vh 0; text-wrap: balance; }
.user { display: flex; align-items: center; font-size: var(--fontSize-16-20); color: var(--white); font-weight: 800; }
.user svg { margin-right: 16px; }

.swiper-testimonials .swiper-slide .stars path, .swiper-testimonials .swiper-slide .user path { fill: var(--white); }
.swiper-testimonials .swiper-slide-active .stars path, .swiper-testimonials .swiper-slide-active .user path { fill: var(--yellow); }

@media only screen and (max-width: 800px) {
  .swiper-testimonials { width: 100%; }
  .swiper-testimonials .swiper-slide-active { padding: 5vh calc((65/940) * 100%); }
  .marquee div { margin-left: 60px; }
  .marquee div:before { font-size: 1em; top: 1px; left: -43px; }
}


.journal { width: calc((1180/1440) * 100%); padding: 10vh 0; margin: 0 auto; }
.journal-header, .journal-articles { display: flex; justify-content: space-between; }
.journal-header { margin-bottom: 5vh; }
.journal-articles .journal-article-thumb { display: block; width: calc((340/1180) * 100%); }
.journal-header .tagline { font-size: var(--fontSize-14-18); color: var(--green); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; text-wrap: balance; }
.journal-header .view-all { 
  display: flex; align-items: center; background: url(../img/underline-vector.svg) center bottom no-repeat; background-size: 100% auto; padding: 0 8px 8px 8px;
  font-size: var(--fontSize-14-18); color: var(--green); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; text-decoration: none;
}
.journal-header .view-all img { margin-left: 16px; }
.journal-article-thumb { text-decoration: none; }
.journal-article-thumb .img { aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; overflow: hidden; margin-bottom: 3vh; }
.journal-article-thumb img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; max-width: none; }
.journal-article-thumb p { font-size: var(--fontSize-18-24); font-weight: 800; color: var(--green); }

@media only screen and (max-width: 800px) {
  .journal { padding: 5vh 0; }
  .journal-header { margin-bottom: 3vh; }
  .journal-articles { display: block; }
  .journal-articles .journal-article-thumb { width: 100%; margin-bottom: 3vh; }
  .journal-article-thumb .img { margin-bottom: 1vh; }
}


.item-hero { display: flex; justify-content: space-between; background: linear-gradient( to bottom, var(--green), var(--green) 85%, var(--white) 85%, var(--white) 100% ); color: var(--white); }
.item-hero .img { width: calc((720/1440) * 100%); aspect-ratio: 1; border-radius: 16px; overflow: hidden; }
.item-hero .img img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.item-hero .txt { flex: 1; padding: 0 calc((80/1440) * 100%); }
.item-hero .txt .price { font-size: var(--fontSize-24-36); font-weight: 800; color: var(--white); margin-top: 5vh; }
.item-hero .txt p { font-size: var(--fontsize-16-18); margin-top: 3vh; }
.item-hero .txt .icons { display: flex; align-items: center; gap: 0 48px; margin-top: 3vh; }
.item-hero .txt .icons .icon { display: flex; align-items: center; gap: 0 16px; }
.item-hero .txt a { display: inline-block; text-align: center; font-size: 1rem; letter-spacing: 0.1em; font-weight: 800; color: var(--green); text-decoration: none; background-color: var(--white); border-radius: 8px 36px 8px 16px; padding: 25px 40px; margin-top: 5vh; }

@media only screen and (max-width: 800px) {

  .item-hero { display: block; background: linear-gradient( to bottom, var(--green), var(--green) 100%); }
  .item-hero .img { width: 100%;}
  .item-hero .txt { padding: 5vh calc((80/1440) * 100%); }
  .item-hero .txt .icons { display: block; }
  .item-hero .txt .icons .icon { margin-top: 15px; }
  .item-hero .txt a { display: block; }

}


.item-details { display: flex; align-items: flex-start; justify-content: space-between; width: calc((1180/1440) * 100%); margin: 0 auto; padding: 10vh 0 0 0; gap: 0 calc((130/1180) * 100%); }
.item-details .txt { flex: 1; display: flex; flex-wrap: wrap; gap: 30px; }
.item-details .images { flex: 1; display: flex; gap: 30px; }
@media only screen and (max-width: 800px) {
  /*.item-details .images { display: none; }*/
}
.item-details .txt { font-size: 1rem; align-items: flex-start;  user-select: none; }
.item-details .txt .sample, .item-details .txt .select { width: calc(50% - 15px); display: flex; align-items: flex-start; flex-wrap: wrap; gap: 15px; }
.item-details .txt .sample p, .item-details .txt .select p { width: 100%; display: flex; align-items: center; }
.item-details .txt .sample div { cursor: pointer; width: 60px; height: 60px; border-radius: 50%; background-color: var(--white); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); padding: 5px; overflow: hidden;}
.item-details .txt .sample div.active { border: 2px solid var(--yellow); }
.item-details .delivery { display: flex; align-items: center; width: 100%; background-color: var(--grey-lighter); border-radius: 16px; gap: 0 15px; font-weight: 500; }
.item-details .delivery .info { display: flex; justify-content: center; align-items: center; padding: 10px 15px; background-color: var(--white); box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.1); border-radius: 16px; }

.item-details .delivery-table { display: flex; align-items: center; width: 100%; background-color: var(--grey-lighter); border-radius: 16px; gap: 0 15px; font-weight: 500; padding:16px }


.item-details .txt .select p { gap: 0 10px; }
.item-details .txt button {
 display: block; border: 0; background-color: var(--green); color: var(--white); border-radius: 8px 36px 8px 16px;
 width: 100%; padding: 30px; font-size: 1rem; letter-spacing: 0.1em; font-weight: 800; cursor: pointer;
}
.item-details  details { position: relative; width: 100%; background: url(../img/carret-dropdown.svg) 90% 35px no-repeat; 
  border: 1px solid var(--grey-light); border-radius: 16px; padding: 0 0 0 30px; user-select: none;}
.item-details  details[open] { background: url(../img/carret-dropdown-up.svg) 90% 35px no-repeat; }
.item-details  summary { outline:none; cursor: pointer; display: block; }
.item-details  details summary::-webkit-details-marker { display:none; }
.item-details  details span { display: flex; align-items: center; gap: 0 15px; height: 82px; 
  justify-content: space-between; padding-right: 50px }
.item-details  details a { color: var(--green); text-decoration: none; }
.item-details  details div { position: absolute; z-index: 999; left: 0; top: 66px; width: 100%; background-color: white; border: 1px solid var(--grey-light); border-top: 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; padding: 0 30px; }
.item-details .images .zoom { display: flex; align-items: center; gap: 0 15px; margin-top: 15px; }
.item-details .images a { color: var(--green); text-decoration: none; }

.item-details  details img { width: 60px; height: 60px; object-fit:contain; border: solid 1px var(--grey-light); border-radius: 50%; }

.item-details .images a { display: inline-grid; overflow: hidden; }

.item-details .images a.photo { position: relative; cursor: zoom-in; }
.item-details .images a.photo img.handle-inside {position: absolute; width: 60px; top: calc(50% - 30px); left: 25px; }
.item-details .images a.photo img.handle-outside {position: absolute; width: 60px; top: calc(50% - 30px); right: 30px; transform: scaleX(-1); }

.item-details .images a.photo.reverse { transform: scaleX(-1); }
.item-details .images a.photo.reverse img.handle-inside {left: 25px; transform: scaleX(1); }
.item-details .images a.photo.reverse img.handle-outside {right: 30px; transform: scaleX(-1); }

.item-details .images a.photo.fullscreen { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; 
  background-color: #fff; z-index: 9999;  cursor: zoom-out;}
.item-details .images a.photo.fullscreen img.mainpic { height: 100vh; margin: 0 auto; }
.item-details .images a.photo.fullscreen img.handle-inside {width: 13vh; top: 44%; left: calc(50% - 23vh); }
.item-details .images a.photo.fullscreen img.handle-outside {width: 13vh; top: 44%; right: calc(50% - 22vh); transform: scaleX(-1); }

/*
.item-details .images a.photo img:hover { --zoom:2; }
.item-details .images a.photo img { --x: 50%; --y: 50%;
                                transform: scale(var(--zoom)); transform-origin: var(--x) var(--y);
                                clip-path: inset(
                                  calc((1 - 1/var(--zoom)) * (var(--y)))
                                  calc((1 - 1/var(--zoom)) * (100% - var(--x)))
                                  calc((1 - 1/var(--zoom)) * (100% - var(--y)))
                                  calc((1 - 1/var(--zoom)) * (var(--x)))
                                );
                                height: 420px; cursor: crosshair;
}
*/
@media only screen and (max-width: 800px) {
  .item-details { display: block; padding: 5vh 0 0 0; }
  .item-details .txt { margin-bottom: 5vh; }
  .item-details .txt .sample, .item-details .txt .select { width: 100%; }
  .item-details .txt button span { display: block; }
  
  .item-details .images a.photo img.handle-inside {width: 30px; top: calc(50% - 15px); left: 15px; }
  .item-details .images a.photo img.handle-outside {width: 30px; top: calc(50% - 15px); right: 18px; transform: scaleX(-1); }

  .item-details .images a.photo.reverse img.handle-inside {left: 15px; transform: scaleX(1); }
  .item-details .images a.photo.reverse img.handle-outside {right: 18px; transform: scaleX(-1); }

  .item-details .images a.photo.fullscreen img.handle-inside {width: 22vw; top: 46%; left: calc(50% - 40vw); }
  .item-details .images a.photo.fullscreen img.handle-outside {width: 22vw; top: 46%; right: calc(50% - 38vw); transform: scaleX(-1); }


}


.item-slider { overflow: hidden; }
.swiper-item { width: calc((1080/1440) * 100%); margin: 0; overflow: visible; }
.swiper-item .swiper-wrapper { align-items: center; }
.swiper-item .img { display: block; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; }
.swiper-item .img img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.swiper-item .swiper-slide p { font-weight: 600; margin-top: 15px; padding: 0 calc((130/1080) * 100%); }
.item-text { width: calc((1180/1440) * 100%); padding: 10vh 0; margin: 0 auto; }
.item-text-header, .item-text-articles { display: flex; justify-content: space-between; }
.item-text-header { margin-bottom: 5vh; }
.item-text-articles .item-text-thumb { display: block; width: calc((340/1180) * 100%); }
.item-text-header .tagline { font-size: var(--fontSize-14-18); color: var(--green); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; text-wrap: balance; }
.item-text-thumb > * + * { margin-top: 15px; }

@media only screen and (max-width: 800px) {
  .item-text-header, .item-text-articles { display: block; }
  .item-text-articles .item-text-thumb { width: 100%; }
  .item-text-articles > * + * { margin-top: 5vh; }
  .swiper-item .img { display: block; aspect-ratio: 1 / 1.3; border-radius: 16px; overflow: hidden; }
}


.tooltip { position:relative; }
.tooltip:before { 
  content: attr(data-text); position:absolute;  z-index: 9999; top:50%; transform:translateY(-50%); left:100%; width:200px; padding:10px; 
  border-radius:16px; border: 1px solid var(--grey-light); background:var(--white); color: var(--green); font-size: 0.875rem; display:none;
}
.tooltip:hover:before { display:block; }

.item-specs { padding: 10vh calc((130/1440) * 100%); background-color: var(--green-dark); color: var(--white); font-size: 1rem; line-height: 1.6; /*font-weight: 800;*/ }
.item-specs .tagline { font-size: var(--fontSize-14-18); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; text-wrap: balance; margin-bottom: 5vh; }

.cart h1 { display: flex; justify-content: space-between; align-items: flex-end; }
.cart-nav { display: flex; align-items: center; }
.cart-nav a, .cart-nav span { display: block; color: var(--white); opacity: 0.5; padding: 8px; text-decoration: none; font-size: 1rem; font-weight: 700; }
.cart-nav a.active, .cart-nav span.active { opacity: 1; background: url(../img/underline-vector.svg) center bottom no-repeat; background-size: 100% auto; }
.cart-items { width: calc((1180/1440) * 100%); margin: 0 auto; padding: 10vh 0; font-size: var(--fontsize-16-18); font-weight: 600; }
.cart-item {  
  display: grid;
  grid-template-columns: 3fr 13fr 3fr 3fr 3fr 1fr;
  grid-auto-rows: auto;
  gap: 0 48px;
  grid-auto-flow: row;
  grid-template-areas:
    "thumb headline price qtty total empty"
    "thumb text pricenum qttynum totalnum delete";
  color: var(--green);
  text-decoration: none;
}
.cart-item .thumb { grid-area: thumb; }
.cart-item .thumb div { aspect-ratio: 1; overflow: hidden; border-radius: 16px; }
.cart-item .thumb div img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.cart-item .headline { grid-area: headline; }
.cart-item .price { grid-area: price; text-align: right; }
.cart-item .qtty { grid-area: qtty; text-align: right; }
.cart-item .total { grid-area: total; text-align: right; }
.cart-item .empty { grid-area: empty; }
.cart-item .text { grid-area: text; font-weight: 400; }
.cart-item .text p { font-weight: 400; }
.cart-item .pricenum { grid-area: pricenum; white-space: nowrap; display: flex; align-items: center; justify-content: end; }
.cart-item .qttynum { grid-area: qttynum; display: flex; align-items: center; justify-content: end; }
.cart-item .qttynum input { display: block; text-align: center; border: 1px solid var(--green); border-radius: 8px; width: 48px; height: 48px; padding: 10px; font-size: var(--fontsize-16-18); font-weight: 600; }
.cart-item .totalnum { grid-area: totalnum; white-space: nowrap; display: flex; align-items: center; justify-content: end; }
.cart-item .delete { grid-area: delete; display: flex; align-items: center; }
.cart-item .delete button { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border: 0; background-color: var(--white); }
.cart .divider { display: block; max-width: none; width: 100%; height: auto; margin: 3vh auto; }
.cart-footer { display: flex; justify-content: space-between; align-items: center; font-size: var(--fontSize-18-24); color: var(--green); font-weight: 800; }
.cart-footer button { 
  display: flex; justify-content: center; align-items: center; border-radius: 8px 36px 8px 16px; 
  padding: 32px 64px; text-align: center; background-color: var(--green); color: var(--white);
  font-size: 1rem; font-weight: 800; letter-spacing: 0.1em; cursor: pointer;
}
.cart-footer .grandtotal { display: flex; gap: 0 32px; white-space: nowrap; }
.cart-footer .grandtotal.tax { font-size: var(--fontsize-16-18); font-weight: 600; }

@media only screen and (max-width: 800px) {
  .cart h1 { display: block; }
  .cart-items { padding: 5vh 0; }  
  .cart-item {  
    display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: auto; gap: 8px 16px; grid-auto-flow: row;
    grid-template-areas:
      "thumb thumb headline headline"
      "text text text text"
      "price price qtty qtty"
      "pricenum pricenum pricenum qttynum"
      "total total total empty"
      "totalnum totalnum totalnum delete";
  }
  .cart-item .pricenum, .cart-item .totalnum { justify-content: start; }
  .cart-item .price, .cart-item .total { text-align: left; }
  .cart-item .qttynum, .cart-item .delete { display: flex; justify-content: center;}
  .cart-item .delete button { height: 20px;}
  .cart-footer { flex-direction: column-reverse; gap: 32px 0; align-items: flex-end; }
  .cart-footer button { width: 100%; }
  .cart-footer .grandtotal.tax { text-wrap: auto; }
  .cart-footer .grandtotal.tax span { text-wrap: auto; }
}


.support .content { display: block; width: calc((1180/1440) * 100%); margin: 0 auto; padding: 5vh 0; }
.support .content > * + * { margin-top: 2vh; }
.support .content h3, .support .content h4 { margin-top: 5vh; }
.grid-1b-6t { display: flex; align-items: flex-start; gap: 0 90px; }
.grid-1b-6t .thumbs { flex: 33; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; grid-gap: 30px;}
.grid-1b-6t img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.grid-1b-6t .big { flex: 59; aspect-ratio: 700 / 394; border-radius: 16px; overflow: hidden; }
.grid-1b-6t .small { aspect-ratio: 180 / 135; border-radius: 8px; overflow: hidden; }
.grid-6t-2b { display: flex; flex-direction: column; gap: 30px; width: 100%}
.grid-6t-2b .thumbs, .grid-6t-2b .big-thumbs { display: flex; gap: 30px; flex-wrap: wrap; }
.grid-6t-2b .small { aspect-ratio: 160 / 120; border-radius: 8px; overflow: hidden; }
.grid-6t-2b .big { aspect-ratio: 550 / 310; border-radius: 16px; overflow: hidden;  width: calc(50% - 15px);}
.grid-6t-2b img { max-width: none; width: 100%; height: 100%; object-fit: cover; } 

.faq-headline { 
  padding: 5vh calc((130/1440) * 100%); font-size: var(--fontSize-24-36); color: var(--grey-light); text-transform: uppercase; letter-spacing: 0.1em;
  background: url(../img/faq-headline-bg.png) center center no-repeat; background-size: cover; 
}

@media only screen and (max-width: 800px) {

  .support .content { padding: 0; }
  .grid-1b-6t { display: flex; flex-direction: column; gap: 15px; }
  .grid-1b-6t .thumbs { grid-gap: 15px;}
  .grid-6t-2b { gap: 15px; width: 100% }
  .grid-6t-2b .thumbs, .grid-6t-2b .big-thumbs { gap: 15px; }
  .grid-6t-2b .thumbs { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }
  .grid-6t-2b .big-thumbs { flex-direction: column; gap: 15px; }
  .grid-6t-2b .big { width: 100%;}
  .faq-headline { margin-top: 5vh; }

}


.ourstory .content { width: calc((1180/1440) * 100%); margin: 0 auto; padding-top: 10vh; }
.ourstory .tagline { font-size: var(--fontSize-14-18); color: var(--green); text-align: center; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; }
.ourstory h2 { font-size: var(--fontsize-48-80); color: var(--green); text-align: center; font-weight: 700; line-height: 1.1; }
.ourstory .hero-img { max-width: none; width: 100%; height: auto; }
.ourstory .content p { width: calc((900/1440) * 100%); text-align: center; margin-left: auto; margin-right: auto; }
.ourstory .content > * + * { margin-top: 10vh; }
.ourstory .hero { display: flex; margin-top: 10vh; }
.ourstory .hero .icons-wrapper { 
  aspect-ratio: 1; flex: 1; padding: 60px; display: flex; justify-content: center; align-items: center;
  background: url(../img/bg-icons.png) center center no-repeat; background-size: cover;
}
.ourstory .hero .icons { display: grid; justify-items: center; align-items: center; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 60px; }
.ourstory .hero .icon { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 30px; }
.ourstory .hero .icons p { display: flex; justify-content: center; align-items: center; color: var(--grey-light); gap: 15px; font-weight: 800;}
.ourstory .hero .txt { flex: 1; aspect-ratio: 1; display: flex; padding: 60px; justify-content: center; align-items: center; background: var(--green-dark); }
.ourstory .hero .txt h3 { font-size: var(--fontSize-36-60); text-wrap: balance; text-align: center; color: var(--grey-light); font-weight: 600; }
.ourstory .sustainability-headline { display: grid; margin: -10vh auto 0 auto; }
.ourstory .bottom-layer, .ourstory .top-layer { grid-area: 1 / 1; }
.ourstory .bottom-layer { display: flex; justify-content: center; align-items: center; }
.ourstory .top-layer { display: flex; justify-content: center; align-items: center; color: var(--green); font-size: var(--fontSize-36-60); font-weight: 800; }
.ourstory  article { width: calc((900/1440) * 100%); margin: 5vh auto 0 auto; text-align: center; }
.ourstory  article > * + * { margin-top: 2vh; }
.ourstory .masonry { width: calc((1000/1440) * 100%); margin: 10vh auto; column-count: 3; column-gap: 30px; }
/*.ourstory .masonry img + img { margin-top: 30px; }*/
.ourstory .masonry figure { display: block; position: relative; padding: 0; margin: 0; }
.ourstory .masonry figure img { width: 100%; height: auto; margin: 0;}
.ourstory .masonry figure figcaption { width: 100%; height: auto; position: absolute; bottom:0; left: 0; text-align:center; color: #fff; }
.ourstory .masonry figure + figure { margin-top: 30px; }

.contact-info { width: calc((1180/1440) * 100%); margin: 0 auto; padding-top: 10vh; line-height:2 }
.contact-info a { text-decoration: none; font-weight:bold; }

@media only screen and (max-width: 800px) {

  .ourstory .content { padding-top: 5vh; }
  .ourstory .content > * + * { margin-top: 5vh; }
  .ourstory .content figure { margin: 5vh 0; }
  .ourstory .hero { flex-direction: column; margin-top: 5vh; }
  .ourstory .content p { width: 100%; }
  .ourstory .hero .icons { gap: 30px; }
  .ourstory .hero .icons p { flex-direction: column; text-align: center; }
  .ourstory .hero .icon { gap: 15px; }
  .ourstory .hero .icon img { max-width: 50%; }
  .ourstory .hero .txt { padding: 30px; }
  .ourstory .sustainability-headline { width: calc((1180/1440) * 100%); }
  .ourstory  article { width: calc((1180/1440) * 100%); }
  .ourstory .masonry { width: calc((1180/1440) * 100%); margin: 5vh auto; column-count: 2; column-gap: 15px; }
  .ourstory .masonry img + img { margin-top: 15px; }

}


.blog-hero { display: flex; align-items: center; padding: calc((130/1440) * 100%); gap: 60px; background-color: var(--grey-lighter); }
.blog-hero .img, .blog-hero .txt { flex: 1; }
.blog-hero .img { aspect-ratio: 16 / 9; overflow: hidden; border-radius: 16px; }
.blog-hero .img img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.blog-hero .txt > * + * { margin-top: 2vh; }
.blog-hero .txt a { 
  display: inline-flex; align-items: center; text-decoration: none; color: var(--green); gap: 15px; 
  padding: 10px 0; background: url(../img/underline-vector.svg) center bottom no-repeat; background-size: 100% auto;
}
.blog-list { width: calc((1180/1440) * 100%); margin: 0 auto; padding: 10vh 0; }
.blog-list > * + * { margin-top: 10vh; }
.blog-list .tagline { font-size: var(--fontSize-14-18); color: var(--green); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; }
.blog-list .thumbs { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; gap: 60px; }
.blog-list .thumbs a { display: block; text-decoration: none; color: var(--green); }
.blog-list .thumbs a > * + * { margin-top: 30px; }
.blog-list .thumbs a .img { aspect-ratio: 3/4; overflow: hidden; border-radius: 8px; }
.blog-list .thumbs a .img img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.blog-list .thumbs a span { display: block; font-size: 0.9rem; /*color: var(--green);*/ font-weight: 500; margin-top: 10px; }
.blog-list .thumbs a h4 { font-size: var(--fontSize-18-24); color: var(--green); font-weight: 800; margin-top: 10px; }


@media only screen and (max-width: 800px) {

  .blog-hero { flex-direction: column; gap: 30px; }
  .blog-list { padding: 5vh 0; }
  .blog-list > * + * { margin-top: 5vh; }
  .blog-list .thumbs { display: flex; flex-direction: column; gap: 30px; }
  .blog-list .thumbs a > * + * { margin-top: 15px; }

}


.blog-post { width: calc((1180/1440) * 100%); margin: 0 auto; padding: 10vh 0; }
.blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4, 
.blog-post p { width: calc((800/1180) * 100%); margin-left: auto; margin-right: auto; color: var(--green); text-align: center; }
.blog-post p { text-align: justify; }
.blog-post .datum p { text-align: center; }
.blog-post .img { aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; }
.blog-post .img img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
.blog-post > * + * { margin-top: 5vh; }
.recommended-posts-headline { display: flex; justify-content: center; color: var(--green); text-align: center; }
.recommended-posts-headline div { padding-bottom: 15px; background: url(../img/underline-vector.svg) center bottom no-repeat; background-size: 100% auto; }
.recommended-posts { display: flex; margin-top: 10vh; }
.recommended-post { display: grid; text-decoration: none; width: 50% }
.recommended-post .bottom-layer, .recommended-post .top-layer { grid-area: 1 / 1; }
.recommended-post .bottom-layer { aspect-ratio: 720 / 600; overflow: hidden; }
.recommended-post .bottom-layer img { object-fit: cover; width:100%; height:100%;}
.recommended-post .top-layer { display: flex; justify-content: flex-start; align-items: flex-end; }
.recommended-post .top-layer p {
  width: calc((590/720) * 100%); padding: 60px calc((130/720) * 100%);
  font-size: var(--fontSize-18-24); font-weight: 800; border-top-right-radius: 16px;
  background-color: var(--green-dark); color: var(--white);
}

@media only screen and (max-width: 800px) {

  .blog-post { padding: 5vh 0; }
  .blog-post h2, .blog-post p { width: 100%; }
  .recommended-posts { margin-top: 5vh; flex-direction: column; }
  .recommended-post .top-layer p { padding: 30px calc((60/720) * 100%); }

}


footer { background-color: var(--black); padding: 10vh calc((130/1440) * 100%); color: var(--white); }
.footer-catalogue { display: flex; justify-content: space-between; align-items: center; }
.footer-catalogue .img { width: calc((504/1180) * 100%); }
.footer-catalogue .txt { width: calc((626/1180) * 100%); }
.footer-catalogue .txt p { font-size: 1rem; font-weight: 500; }
.footer-catalogue .txt .headline { font-size: var(--fontSize-30-40); font-weight: 800; text-wrap: balance; }
.footer-catalogue form { display: flex; flex-wrap: wrap; gap: 30px; }
.footer-catalogue input[type="text"] { flex: 1.2; border: 1px solid var(--green); border-radius: 16px; padding: 8px 16px; height: 60px; background: transparent; font-size: 1rem; color: var(--white); }
.footer-catalogue button {  flex: 1; border: 0; border-radius: 16px; padding: 8px 16px; height: 60px; background: var(--green); color: var(--white); font-size: 1rem; font-weight: 700; text-align: center; cursor: pointer; }
.footer-catalogue .txt > * + * { margin-top: 2vh; }
.footer-divider { display: block; margin: 5vh 0; }
.footer-nav { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; font-size: 1rem; flex-wrap: wrap; }
.footer-nav a { display: block; color: var(--white); text-decoration: none; }
.footer-nav strong { font-weight: 800; }
.footer-nav div > * + * { margin-top: 10px; }
.footer-nav div a:first-child { margin-bottom: 20px; }
.footer-logo path { fill: var(--white); }
.footer-logo .email { padding-bottom: 5px; background: url(../img/underline-white-vector.svg) center bottom no-repeat; background-size: 100% auto; }
.footer-logo .social { padding-top: 5px; display: flex; justify-content: flex-start; align-items: center; }
.footer-logo .social a { margin-top: 0; }
.footer-logo .social > * + * { margin-left: 15px; }
.footer-nav .social a:first-child { margin-bottom: 0; }

@media only screen and (max-width: 800px) {  
  footer { padding: 5vh calc((130/1440) * 100%); }
  .footer-catalogue { display: block; }
  .footer-catalogue .img, .footer-catalogue .txt { width: 100%; }
  .footer-catalogue input[type="text"], .footer-catalogue button { flex: auto; width: 100%; }
  .footer-divider { margin: 3vh 0; }
  .footer-nav { gap: 30px 5%; font-size: 0.875rem; }
  .footer-nav div { width: 45%; }
  .footer-logo .social { width: 100%; }
}

.form { width: 55%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding-bottom: 80px; }
.form.right { width: 40%; }
.content .form { margin-top:0 }
.form label { display: flex; width: 100%; flex-direction: column; justify-content: flex-start; margin-bottom: 24px; }
.form label.column-2 { width: calc(50% - 20px); }
.content .form label p { display: block; width: unset; margin: 0 0 10px; text-align: left; color: var(--green); font-size: 1rem; font-weight: bold; line-height: 1.38; }
.form label input, .form label textarea { border: solid 1px var(--grey-light); border-radius: 16px; padding: 21px 30px; font-size: 1rem; }
.form label.consent { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.form label.consent > span { margin-left:10px }
.form label input[type='checkbox'] { accent-color: var(--green); width: 20px; height: 20px; }
.form label select { border: solid 1px var(--grey-light); border-radius: 16px; padding: 21px 30px; font-size: 1rem; appearance: none; }
.form label select > option::first:selected { color: #aaa; }
.form button { display: block; border: 0; background-color: var(--green); color: var(--white); border-radius: 8px 36px 8px 16px; width: 100%; padding: 30px; font-size: 1rem; letter-spacing: 0.1em; font-weight: 800; cursor: pointer; margin: 30px 0; }
.content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.content .form > p { display: block; width: 100%; margin: 30px 0; text-align: left; color: var(--green); font-size: 1rem; line-height: 1.38; }
.content .form > p.error { color: red; font-size: 1.2rem; margin: 0 0 30px; }
.content .form > p.info { margin: 16px 0 0; }
.content .form > a { color: var(--green); }
#eye-password { position: relative; width: 40px; height: 40px; object-fit: contain; top:-50px; 
  z-index: 99999; cursor: pointer; margin-left: auto; margin-right: 10px; }

.form.right.minicart { display:flex; flex-direction: column; background-color: var(--black); padding: 2em; border-radius: 1em; font-weight: 100; }
.minicart-item { display:flex; flex-direction: row; justify-content: start; align-items: flex-end; color: var(--white); 
  width:100%; padding-bottom: 1em; padding-right: 1.5em; margin-bottom: 1em; border-bottom: solid 1px var(--green) }
.minicart-item:nth-last-child(2) { border-bottom: none;  }
.minicart-item > img { width: 50px; height: 50px; border-radius: .5em; object-fit: cover; }
.minicart-item > div { width: calc((100% - 50px)/2); padding-left: 2em; }
.minicart-item > div:last-child { text-align:right; }
.minicart-total { background-color: var(--green); display:flex; flex-direction: column; justify-content: space-between; 
  align-items: flex-end; color: var(--white); width:100%; padding: 1.5em 1.5em; border-bottom: solid 1px var(--green); 
  border-radius: 1em; min-height: 50px; }
.minicart-total-row { display:flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width:100%;
  margin-bottom: 1em; }
.minicart-total-row:first-child { margin-bottom: 1em; border-bottom: solid 1px var(--black); padding-bottom: 1em; }
.minicart-total-row:last-child { margin-bottom: 0; border-top: solid 1px var(--black); padding-top: 1em; }
.minicart-total-row > div:last-child { text-align: right; }
.form.right.minicart > p { color: var(--white); }

.paymenttype form { display: block; }
.paymenttype form label { display: inline-block; }
.paymenttype form label input { font-size: 2rem; width: auto; }
.paymenttype-type { border: solid 1px var(--grey-light); padding: 3em; margin: 1em 0; }
.cart-item .text  {  }
.cart-item .text .options-small { display: block; font-size: 0.75em; margin-left: 15px; }


@media only screen and (max-width: 1100px) {
  .form { width: 100%; }
  .form.right { width: 100%; }
}

@media only screen and (max-width: 800px) {  
  .form label.column-2 { width: 100%; }
  .product-range-strelica { display: none; }
}

.product-taylor-services { border-radius: 20px; background-color: #feeab8; color: #34452f; font-size: 0.8em; 
  font-weight: 600; padding: 20px 20px; width: 100%; display: flex; align-items: center;
}
.product-taylor-services span { font-size: 2em; font-weight: 800; margin-right: 10px; }

.product-final-vat { color: #34452f; font-size: 0.8em; font-weight: 600; padding: 20px 20px; width: 100%; }

.hidden,[hidden] {  display: none !important;}
.visually-hidden {  border: 0;  clip: rect(0, 0, 0, 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  white-space: nowrap;  width: 1px;}
.visually-hidden.focusable:active,.visually-hidden.focusable:focus {  clip: auto;  height: auto;  margin: 0;  overflow: visible;  position: static;  white-space: inherit;  width: auto;}
.invisible {  visibility: hidden;}
.clearfix::before,.clearfix::after {  content: "";  display: table;}
.clearfix::after {  clear: both;}

@media print {
  *,  *::before,  *::after { background: #fff !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
  a,a:visited {text-decoration: underline;}
  a[href]::after {content: " (" attr(href) ")";}
  abbr[title]::after {content: " (" attr(title) ")"; }
  a[href^="#"]::after,a[href^="javascript:"]::after {content: "";}
  pre {white-space: pre-wrap !important;}
  pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
  tr,img {page-break-inside: avoid;}
  p,h2,h3 {orphans: 3;widows: 3;}
  h2,h3 {page-break-after: avoid;}
}


#BtnTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: var(--green); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

.taylor { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: auto; min-height: 100vh;
          background-color: rgba(255, 255, 255, 0.95); z-index: 99999;
          font-size: var(--fontSize-14-18); font-weight: 400; color: var(--green);
          max-height: 90vh; overflow-y: auto;
        }
.taylor.isopen { display: block; }
.taylor h2 { font-size: var(--fontSize-18-24); font-weight: 800; color: var(--green); margin-bottom:20px }
.taylor-wrapper { background-color: var(--grey-light); margin: 5vh auto; width: auto; max-width:1000px; 
          /*border: solid 1px var(--green);*/ padding: 30px 80px; border-radius: 16px;

        }
.taylor-form { display: flex; flex-direction: column; justify-content: flex-start; gap: 30px; }
.taylor-form .form { width:100%; padding:0; }
.taylor-form p { margin-bottom: 10px; }
.taylor-form label {width: 47%}
.taylor-form label.fullwidth {width: 100%}
.taylor-form label input { width: 100%; }
.taylor-form label textarea { width: 100%; }
.taylor-form label.taylor-consent { display: flex; flex-direction: row; align-items: center; gap: 5px }
.taylor-form label input[type="checkbox"] { width: 22px; height:22px; }
.taylor-footer label.buttons { display: flex; flex-direction: row; justify-content: space-between; }
.taylor-footer button { width: 40%; }
.taylor-footer button.discard { background-color:var(--grey); }