@charset "UTF-8";
/*
$pageContentWidth: 1100px;

$mobileBreakpoint: 768px;
$tabletBreakpoint: 1020px;

// header
$headerMobileMenu: 800px;

// columns gap (used in _grid.scss)
$sizesLarge: ("narrow": "10px", "default": "20px", "extended": "30px", "wide": "40px", "wider": "50px");
$sizesSmall: ("narrow": "8px", "default": "14px", "extended": "20px", "wide": "30px", "wider": "36px");

:root{
	--mobile-breakpoint: #{$mobileBreakpoint};
	--tablet-breakpoint: #{$tabletBreakpoint};


	--main-content-width: 1100px; // used in _grid.scss
	--main-content-max-width: calc(100% - 40px); // used in _grid.scss
	--main-content-max-width-wide: calc(100% - 8px); // used in _grid.scss
	// --content-max-width: calc(100% - 30px);

	// GUTENBERG
	--gutenberg-main-width: 960px;
	--gutenberg-wide-width: 1400px;
	
	--yellow: #ffb52f;
	--gray-bg: #e5e5e5;
	// --gray-bg-dark: #e7e7e9;
	// --gray-bg-dark2: #77787b;


	--spacing-small: 12px;
	--spacing-medium: 22px;
	--spacing-large: 44px;

	--body-top-padding: 100px; // 60
	--body-bottom-padding: 60px; // 60

	@media (min-width: $mobileBreakpoint){
		--spacing-small: 20px;
		--spacing-medium: 45px;
		--spacing-large: 90px;
	}
}
*/
:root {
  --accent-1: #fae6de;
  --accent-2: #e55e56;
  --yellow: #ffb52f;
  --body-padding: 20px;
  --body-top-padding: 100px;
  --body-bottom-padding: 60px;
  --spacing-small: 12px;
  --spacing-medium: 22px;
  --spacing-large: 44px;
  --gutenberg-blocks-margin: 5vh;
  --content-max-width: calc(100% - var(--body-padding) - var(--body-padding));
  --width-paragraph: 700px;
  --width-blocks: 1024px;
  --width-blocks-wide: 1600px;
  --width-fullwidth: 100%;
  --width-blocks-sidebar: 820px;
  --sidebar-width: 120px;
  --container-default: 1024px;
  --container-narrow: 700px;
  --container-wide: 1600px;
}
@media (min-width: 768px) {
  :root {
    --spacing-small: 20px;
    --spacing-medium: 45px;
    --spacing-large: 90px;
  }
}
:root {
  --block-gallery-gap: 24px;
}
:root {
  --body-line-height: 1.8em;
  --family-body: 'Montserrat', sans-serif;
  --family-second: 'Montserrat', sans-serif;
  --body-font-size: clamp(13px, 1.4vw, 15px);
  --body-font-size: 14px;
  --heading-bottom-margin: 0.5em;
  --body-color: #333;
}
html {
  font-size: var(--body-font-size);
}
body {
  font-family: var(--family-body);
  font-size: 1rem;
  letter-spacing: 0.01em;
  font-weight: 400;
  font-weight: normal;
  line-height: 1.73em;
  color: var(--body-color);
}
body strong {
  font-weight: 500;
}
a {
  color: var(--accent-color);
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  margin-bottom: 0.5em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  display: block;
  font-size: 0.7em;
}
h2:not([class*="heading-"]), .heading-h2, h1:not([class*="heading-"]), .heading-h1 {
  content: "heading-h1";
  font-size: 32px;
  font-size: min(max(32px, 4vw), 48px);
  font-size: clamp(32px, 4vw, 48px);
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.16em;
  letter-spacing: 0.06em;
}
h2:not([class*="heading-"]), .heading-h2 {
  content: "heading-h2";
  font-size: 26px;
  font-size: min(max(26px, 3vw), 36px);
  font-size: clamp(26px, 3vw, 36px);
}
h3:not([class*="heading-"]), .heading-h3, .wc-cart .cross-sells > h2 {
  content: "heading-h3";
  font-size: 20px;
  font-size: min(max(20px, 3vw), 28px);
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.16em;
  letter-spacing: 0.02em;
}
h4:not([class*="heading-"]), .heading-h4 {
  content: "heading-h4";
  font-family: var(--family-body);
  font-size: clamp(20px, 1.3vw, 22px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35em;
  text-transform: none;
}
h5:not([class*="heading-"]), .heading-h5, .wc-cart .cross-sells ul.products h2.post-title {
  content: "heading-h5";
  font-family: var(--family-body);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.1em;
  text-transform: none;
  color: var(--accent-color);
}
h6:not([class*="heading-"]), .heading-h6 {
  content: "heading-h5";
  font-family: var(--family-body);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.1em;
  text-transform: none;
  color: var(--accent-color);
}
.text-yellow {
  color: var(--yellow);
}
h2:not([class*="heading-"]) small, .heading-h2 small {
  font-size: 0.6em;
  font-weight: 400;
}
html, body {
  padding: 0px;
  margin: 0px;
}
* {
  box-sizing: border-box;
  margin-top: 0;
}
:focus {
  outline: 0;
}
*:last-child {
  margin-bottom: 0px;
}
:only-child {
  margin-bottom: 0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
.reset-case {
  text-transform: none !important;
}
.container, .container-medium, .container-narrow, .container-wide, body.wc-page .site-main {
  width: var(--width-blocks);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--content-max-width);
}
.container-medium {
  width: 820px;
}
.container-narrow {
  width: 680px;
}
.container-wide {
  width: 1800px;
}
.container-max {
  max-width: var(--content-max-width-wide);
}
.container-padding {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .container-responsive {
    width: 100%;
    max-width: 100%;
  }
}
.hidden {
  display: none;
}
@media (min-width: 768px) {
  .two-col {
    display: inline-block;
  }
  .two-col > * {
    width: 50%;
    float: left;
  }
}
@media (max-width: 768px) {
  .two-col > *:nth-child(2) {
    margin-top: 30px;
  }
}
body.archive .posts-loop {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 40px;
}
:root {
  --swiper-navigation-color: var(--yellow);
  --swiper-pagination-color: var(--accent1);
  --swiper-bottom-padding: 20px;
  --arrows-out-margin: 30px;
}
.swiper-outer {
  position: relative;
  padding-bottom: var(--swiper-bottom-padding);
}
.swiper-outer.arrows-out {
  position: relative;
}
.swiper-outer.arrows-out .swiper-container {
  width: calc(100% - var(--arrows-out-margin) - var(--arrows-out-margin));
  margin-left: auto;
  margin-right: auto;
}
.swiper-outer.arrows-out .swiper-button-prev {
  left: 0;
}
.swiper-outer.arrows-out .swiper-button-next {
  right: 0;
}
.swiper-outer.arrows-out .swiper-pagination {
  width: 100%;
}
.swiper-container {
  overflow: hidden;
  position: relative;
}
.swiper-container .swiper-wrapper {
  margin-bottom: var(--swiper-bottom-padding);
}
.swiper-container .swiper-button-disabled {
  display: none;
}
.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {
  top: calc(50% - var(--swiper-bottom-padding));
}
.swiper-container .swiper-pagination {
  bottom: 0px;
}
div.featherlight {
  --icon-border-radius: 4px;
  --icons-background: rgba(0,0,0,0.4);
}
div.featherlight .featherlight-content {
  padding: 0;
  border: none;
}
div.featherlight .featherlight-close {
  width: 60px;
  height: 60px;
  top: 10px;
  right: 10px;
  margin: 0;
  overflow: hidden;
  text-indent: -100px;
  background: var(--icons-background);
  border-radius: var(--icon-border-radius);
  opacity: 0.2;
  transition: all 0.3s;
}
div.featherlight .featherlight-close:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/icons/x.svg');
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(1);
}
div.featherlight .featherlight-close:hover {
  opacity: 1;
}
div.featherlight .featherlight-previous, div.featherlight .featherlight-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  max-width: 50%;
  display: block;
}
div.featherlight .featherlight-previous:hover, div.featherlight .featherlight-next:hover {
  background: transparent;
}
div.featherlight .featherlight-previous:hover span, div.featherlight .featherlight-next:hover span {
  opacity: 1;
}
div.featherlight .featherlight-previous span, div.featherlight .featherlight-next span {
  position: absolute;
  display: block;
  opacity: 0;
  top: 50%;
  right: auto;
  bottom: auto;
  margin: 0;
  border-radius: var(--icon-border-radius);
  transform: translateY(-50%);
  background: var(--icons-background);
  transition: all 0.3s;
  width: 60px;
  height: 60px;
  content: url('../img/icons/arrow-right.svg');
}
div.featherlight .featherlight-previous {
  left: 0;
  right: auto;
}
div.featherlight .featherlight-previous span {
  left: 10px;
  transform: rotate(-180deg) translateY(50%);
}
div.featherlight .featherlight-next {
  left: auto;
  right: 0;
}
div.featherlight .featherlight-next span {
  right: 10px;
}
/*
%button{
    content: "button";
    
    font-family: var(--family-body);
    font-size: 1rem;
    line-height: 2.3em;
    text-transform: uppercase;
    color: #000;    
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;

    // @include clamp('padding',12px, 3rem, 30px);
    // padding-top: 0;
    // padding-bottom: 0;
    padding: 6px 22px;
    margin-right: 10px;

    display: inline-block;
    // border: 1px solid #000;
    border: 0;
    border-radius: 0;
    background-color: var(--yellow);
    cursor: pointer;
    transition: all 0.2s;

    &:hover{
        // color: #fff;
        // background-color: #c0c0c0;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
        // box-shadow: 0px 0px 5px #ffa502;

    }

    &.white{
        background: #fff;
        color: #000;
    }
}

%button-small{
    line-height: 1em;
    font-size: 0.94rem;
    padding: .6em .9em .5em .9em;
}

%button-info{
    background-color: #188ece;
    padding: 0.7em;
}

button,
.button{
    @extend %button;
}

.button-small{
    @extend %button-small;
}

.button-info{
    @extend %button-info;
}
*/
.wp-block-button .wp-block-button__link, button, .button, .is-style-ozadje .wp-block-button__link, body.wc-any .site-main .button, body.wc-any .site-main .single_add_to_cart_button.button.alt, .is-style-obroba .wp-block-button__link, [role=form].wpcf7 input[type=submit], body.wc-any .site-main .button.alt, body.wc-any .site-main .button:disabled, body.wc-any .site-main .woocommerce-cart-form .button, body.wc-any .site-main .button:hover, body.wc-any .site-main .button.alt:hover, body.wc-any .site-main .button:disabled:hover, body.wc-any .site-main .woocommerce-cart-form .button:hover, body.wc-any .site-main button.button:disabled, body.wc-any .site-main button.button.disabled {
  content: "button";
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 1em 1.3em;
  border: 1px solid var(--yellow);
  border-radius: 0;
  transition: all 0.3s;
}
.button-small {
  padding: 0.6em 1em;
}
.is-style-obroba .wp-block-button__link {
  --wp-button-bg: #fff;
  --wp-button-color: #000;
  --wp-button-border-color: #000;
  --wp-button-border-width: 1px;
  --wp-button-border-style: solid;
  --wp-button-border-radius: 0;
}
.wp-block-button:not([class*="is-style"]) *, button, .button, .is-style-ozadje .wp-block-button__link, body.wc-any .site-main .button, body.wc-any .site-main .single_add_to_cart_button.button.alt {
  --wp-button-bg: var(--yellow);
  --wp-button-color: #000;
  --wp-button-border-color: var(--yellow);
  --wp-button-border-width: 1px;
  --wp-button-border-style: solid;
  --wp-button-border-radius: 0;
}
.wp-block-button .wp-block-button__link {
  background-color: var(--wp-button-bg);
  color: var(--wp-button-color);
  border-color: var(--wp-button-border-color);
  border-width: var(--wp-button-border-width);
  border-style: var(--wp-button-border-style);
  border-radius: var(--wp-button-border-radius);
}
.wp-block-button .wp-block-button__link:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
button, .button {
  background-color: var(--wp-button-bg);
  color: var(--wp-button-color);
  border-color: var(--wp-button-border-color);
  border-width: var(--wp-button-border-width);
  border-style: var(--wp-button-border-style);
  border-radius: var(--wp-button-border-radius);
}
button:hover, .button:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.is-style-ozadje .wp-block-button__link, body.wc-any .site-main .button, body.wc-any .site-main .single_add_to_cart_button.button.alt {
  background-color: var(--wp-button-bg);
  color: var(--wp-button-color);
  border-color: var(--wp-button-border-color);
  border-width: var(--wp-button-border-width);
  border-style: var(--wp-button-border-style);
  border-radius: var(--wp-button-border-radius);
}
.is-style-ozadje .wp-block-button__link:hover, body.wc-any .site-main .button:hover, body.wc-any .site-main .single_add_to_cart_button.button.alt:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.is-style-obroba .wp-block-button__link {
  background-color: var(--wp-button-bg);
  color: var(--wp-button-color);
  border-color: var(--wp-button-border-color);
  border-width: var(--wp-button-border-width);
  border-style: var(--wp-button-border-style);
  border-radius: var(--wp-button-border-radius);
}
.is-style-obroba .wp-block-button__link:hover {
  background-color: var(--wp-button-color);
  color: var(--wp-button-bg);
  border-color: var(--wp-button-border-color);
}
.site-header {
  width: 100%;
  max-width: 100%;
  position: sticky;
  left: 0px;
  top: 0px;
  z-index: 999;
  background-color: #fff;
  transition: all 0.5s;
  /*
    * logo
    */
  /* .right{
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        
        // grid-column: 2;
        // text-align: right;
        position: relative;
        z-index: 10;

        // display: grid;
        // justify-items: end;
        // align-items: end;

        a{
            line-height: 0;
        }
    } */
  /*
    * right part
    */
  /* .right{
        margin-left: auto;
    } */
  /*
    * desktop navigation wrapper
    */
  /*
    * desktop navigation ul
    */
  /*
    * Mobile navigations toggler
    */
  /*
    * Mobile navigations
    */
  /* .nav-toggler{
        display: none;
    } */
}
body.scrolled-down .site-header {
  transform: translateY(calc(-100% - 60px));
}
.site-header .top-bar {
  background-color: #000;
  color: #fff;
  text-align: center;
  height: 26px;
  line-height: 26px;
  font-size: 11px;
}
.site-header .top-bar .container, .site-header .top-bar .container-medium, .site-header .top-bar .container-narrow, .site-header .top-bar .container-wide, .site-header .top-bar body.wc-page .site-main, body.wc-page .site-header .top-bar .site-main {
  display: flex;
  justify-content: space-evenly;
}
.site-header .top-bar a {
  text-decoration: none;
}
.site-header .main-wrapper {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 60px;
  pointer-events: none;
}
.site-header .main-wrapper > * {
  pointer-events: all;
}
.site-header .main-wrapper .cart {
  position: relative;
}
.site-header .main-wrapper .cart span {
  position: absolute;
  bottom: -6px;
  right: -8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 20px;
  background: var(--yellow);
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.site-header .site-branding {
  display: inline-block;
  vertical-align: middle;
  grid-column: 1;
  grid-row: 1 / span 2;
  margin-right: auto;
  display: block;
  position: relative;
}
.site-header .custom-logo-link {
  line-height: 0px;
  display: block;
}
.site-header .custom-logo {
  height: 92px;
  width: auto;
  transition: width 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}
.site-header .site-navigation.desktop {
  margin-right: 40px;
}
.site-header .site-navigation.desktop a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
}
.site-header .site-navigation.desktop ul.menu {
  list-style: none;
  padding-left: 0px;
}
.site-header .site-navigation.desktop ul.menu li {
  display: inline-block;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.site-header .site-navigation.desktop ul.menu li:before {
  display: none;
}
.site-header .site-navigation.desktop ul.menu li.current-menu-item {
  background-color: var(--yellow);
  color: #000;
}
.site-header .site-navigation.desktop ul.menu li a {
  all: inherit;
  cursor: pointer;
}
.site-header .site-navigation.desktop ul.menu li a:not([href]) {
  cursor: copy;
}
.site-header .site-navigation.desktop ul.menu li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
}
.site-header .site-navigation.desktop ul.menu > li:nth-last-of-type(-n+2) > ul.sub-menu {
  left: auto;
  right: 0px;
}
.site-header .site-navigation.desktop ul.menu ul.sub-menu {
  transition: opacity 0.5s;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 240px;
  padding: 14px 18px 14px;
  text-transform: uppercase;
  box-shadow: 0px 10px 10px #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.site-header .site-navigation.desktop ul.menu ul.sub-menu:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 10px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
}
.site-header .site-navigation.desktop ul.menu ul.sub-menu li {
  display: block;
  padding: 1em 0px;
  border-bottom: solid 1px #ccc;
}
.site-header .site-navigation.desktop ul.menu ul.sub-menu li a {
  font-size: clamp(12px, 2vw, 14px);
}
.site-header .site-navigation.desktop ul.menu ul.sub-menu li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}
.site-header .site-navigation.desktop ul.menu ul.sub-menu .sub-menu {
  left: 100%;
  top: 0px;
  z-index: 10;
}
.site-header .nav-toggler {
  width: 30px;
  height: 24px;
  border-top: solid 4px;
  border-bottom: solid 4px;
  position: relative;
  z-index: 700;
  transition: all 0.5s;
  cursor: pointer;
  margin-left: 20px;
}
.site-header .nav-toggler:before, .site-header .nav-toggler:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  background: #000;
  transition: all 0.5s;
}
.site-header .nav-toggler.close {
  border-color: transparent;
}
.site-header .nav-toggler.close:before {
  transform: rotate(45deg);
}
.site-header .nav-toggler.close:after {
  transform: rotate(-45deg);
}
.site-header .site-navigation.mobile {
  opacity: 0;
  pointer-events: none;
  padding: 23px 30px;
  background-color: var(--yellow);
  transition: all 0.5s;
  position: fixed;
  z-index: 600;
  top: 26px;
  right: 0px;
  width: 400px;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  overflow: auto;
}
.site-header .site-navigation.mobile.visible {
  opacity: 1;
  pointer-events: all;
}
.site-header .site-navigation.mobile ul.menu {
  list-style: none;
  padding: 0px;
  text-transform: uppercase;
}
.site-header .site-navigation.mobile ul.menu li:before {
  content: "";
}
.site-header .site-navigation.mobile ul.menu li a {
  text-decoration: none;
}
.site-header .site-navigation.mobile ul.menu li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.site-header .site-navigation.mobile ul.menu li:not(:last-child):last-child {
  border-bottom: 0px;
}
.site-header .site-navigation.mobile ul.sub-menu {
  list-style: none;
  text-transform: none;
  margin-top: 1em;
}
.site-header .site-navigation.mobile ul.sub-menu li {
  border-bottom: none;
}
@media (max-width: 800px) {
  .site-header .site-navigation.desktop {
    display: none;
  }
  .site-header .nav-toggler {
    display: inline-block;
  }
}
.site-footer {
  background: var(--gray-bg);
}
.site-footer .footer-carousel .swiper-slide {
  position: relative;
}
.site-footer .footer-carousel .swiper-slide:after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: 113%;
}
.site-footer .footer-carousel img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-footer .footer-carousel .title {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 12px 20px;
  margin: 0;
  line-height: 1em;
  white-space: break-spaces;
}
.site-footer section.certificates {
  padding-top: 24px;
  padding-top: min(max(24px, 2.3vw), 36px);
  padding-top: clamp(24px, 2.3vw, 36px);
  padding-bottom: 22px;
  padding-bottom: min(max(22px, 2vw), 30px);
  padding-bottom: clamp(22px, 2vw, 30px);
}
.site-footer section.certificates h3 {
  margin-bottom: 0.8em;
  text-align: center;
}
.site-footer .footer-promotion {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .site-footer .footer-promotion {
    min-height: 500px;
  }
}
.site-footer .footer-promotion .container, .site-footer .footer-promotion .container-medium, .site-footer .footer-promotion .container-narrow, .site-footer .footer-promotion .container-wide, .site-footer .footer-promotion body.wc-page .site-main, body.wc-page .site-footer .footer-promotion .site-main {
  position: relative;
}
.site-footer .footer-promotion .text {
  position: relative;
  padding: var(--indent-medium);
  padding-bottom: 0;
  margin-bottom: 60px;
  color: #fff;
  padding: 20px;
}
@media (min-width: 550px) {
  .site-footer .footer-promotion .text {
    width: 50%;
  }
}
.site-footer .footer-promotion img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-footer .footer-promotion.promotion-bottom .text {
  top: 0;
  bottom: auto;
}
.site-footer .reviews {
  padding-top: 24px;
  padding-top: min(max(24px, 2.3vw), 36px);
  padding-top: clamp(24px, 2.3vw, 36px);
  background-color: #fff;
}
.site-footer .reviews h2 {
  margin-bottom: 40px;
}
.site-footer .reviews h2.heading, .site-footer .reviews p.vicinity {
  display: none;
}
.site-footer .reviews .google-business-reviews-rating {
  width: 100%;
}
.site-footer .reviews ul.listing {
  flex-wrap: nowrap;
  gap: 0px;
}
.site-footer .reviews ul.listing li {
  padding-left: 0px;
  flex: none;
}
.site-footer .reviews ul.listing li .review-meta {
  margin-left: 48px;
}
.site-footer .reviews ul.listing li .text {
  margin-left: 48px;
  padding-inline-start: 0;
}
.site-footer .reviews .author-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  right: auto;
}
.site-footer .banner-bottom img {
  object-position: center;
}
.site-footer .logo-wrapper {
  background-color: var(--yellow);
}
.site-footer .logo-wrapper .container, .site-footer .logo-wrapper .container-medium, .site-footer .logo-wrapper .container-narrow, .site-footer .logo-wrapper .container-wide, .site-footer .logo-wrapper body.wc-page .site-main, body.wc-page .site-footer .logo-wrapper .site-main {
  text-align: center;
}
.site-footer .logo-wrapper .logo {
  height: 60px;
}
.site-footer .logo-wrapper .custom-logo {
  height: 70px;
  width: auto;
  transform: translateY(calc(-50%));
  margin-left: auto;
  margin-right: auto;
}
.site-footer .navigation-wrapper {
  background: #6b6b6b;
  color: #ccc;
  font-weight: 200;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 1.6em;
  font-size: 13px;
  /* ul.menu{
		
		}

		ul.sub-menu{
		
		} */
}
.site-footer .navigation-wrapper .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px 20px;
}
@media (min-width: 700px) {
  .site-footer .navigation-wrapper .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.site-footer .navigation-wrapper ul[class*=menu] {
  list-style: none;
  padding-left: 0px;
}
.site-footer .navigation-wrapper ul[class*=menu] li {
  margin-bottom: 8px;
}
.site-footer .navigation-wrapper ul[class*=menu] a {
  text-decoration: none;
}
.site-footer .navigation-wrapper ul[class*=menu] a:hover {
  text-decoration: underline;
}
.site-footer .subscribe {
  width: 100%;
  grid-column: span 2;
}
.site-footer .subscribe .text {
  margin-bottom: 10px;
}
.site-footer .subscribe #mlb2-4381393 .ml-form-embedWrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.site-footer .subscribe .ml-form-embedBody {
  padding: 0 !important;
}
.site-footer .subscribe .ml-form-embedBody .ml-error .label-description p {
  filter: invert(1);
}
.site-footer .subscribe .ml-form-successBody {
  padding: 0 !important;
}
.site-footer .subscribe .ml-form-successBody * {
  color: #ccc !important;
}
.site-footer .subscribe .forma {
  position: relative;
  line-height: 46px;
}
.site-footer .subscribe .forma input[type="text"] {
  width: 100%;
  line-height: inherit;
}
.site-footer .subscribe .forma button {
  line-height: inherit;
}
.site-footer .icons {
  color: #fff;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
.site-footer .icons .flex {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.site-footer .icons .left {
  padding: 10px 0;
}
.site-footer .icons .left .icon:first-child {
  margin-left: 0;
}
.site-footer .icons .right {
  padding: 10px 0;
}
.site-footer .icons .icon {
  margin-left: 10px;
  margin-right: 10px;
}
.site-footer .icons .icon img {
  height: 20px;
}
.site-footer .icons .left .icon {
  filter: invert(1);
}
.site-footer .icons .delimiter {
  display: inline-block;
  margin-left: auto;
}
.site-footer .bottom {
  padding: 10px 0;
  background: #a2a2a2;
}
@media (max-width: 700px) {
  .site-footer .bottom {
    text-align: right;
  }
}
@media (min-width: 700px) {
  .site-footer .bottom .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.site-footer .spirit img {
  display: inline-block;
  height: 24px;
}
.site-footer .copy {
  flex: 1;
  text-align: right;
}
.site-footer .copy a {
  text-decoration: none;
}
.site-footer .copy .authors {
  font-size: 0.9em;
}
.page-template-singular-small-footer #site-footer .footer-carousel, .page-template-singular-small-footer #site-footer .certificates, .page-template-singular-small-footer #site-footer .banner, .page-template-singular-small-footer #site-footer .reviews, .page-template-singular-small-footer #site-footer .banner-bottom {
  display: none;
}
body.search .search-field {
  border-radius: 0px;
}
body.home {
  --section-margin: 40px;
}
body.home .section-margin {
  margin-top: 30px;
  margin-top: min(max(30px, 3vw), 40px);
  margin-top: clamp(30px, 3vw, 40px);
}
body.home .section-margin-double {
  margin-top: 60px;
  margin-top: min(max(60px, 6vw), 80px);
  margin-top: clamp(60px, 6vw, 80px);
}
body.home .site-main {
  text-align: center;
}
body.home .gutenberg > .wp-block-cover:first-child .wp-block-cover__inner-container {
  padding-bottom: 80px;
  padding-bottom: min(max(80px, 11vw), 120px);
  padding-bottom: clamp(80px, 11vw, 120px);
}
body.home .gutenberg > .wp-block-cover:first-child .wp-block-cover__inner-container {
  text-shadow: 0 0 10px black;
}
body.home .gutenberg .wp-block-cover + .tabela-infografike {
  position: relative;
}
body.home .gutenberg .wp-block-cover + .tabela-infografike .wp-block-group__inner-container .wp-block-columns {
  margin-top: -120px;
  margin-top: min(max(-120px, -11vw), -80px);
  margin-top: clamp(-120px, -11vw, -80px);
}
.homepage-header > img {
  width: 100%;
  height: 600px;
  max-height: 80vh;
  object-fit: cover;
  display: none;
}
@media (max-width: 768px) {
  .homepage-header .image-mobile {
    display: block;
  }
}
@media (min-width: 768px) {
  .homepage-header .image-desktop {
    display: block;
  }
}
.homepage-header .content {
  text-align: center;
  margin-top: -220px;
  margin-top: min(max(-220px, -18vw), -120px);
  margin-top: clamp(-220px, -18vw, -120px);
}
.homepage-header .content h1 {
  color: #fff;
  text-shadow: 0 0 10px black;
}
.homepage-header .grafike {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}
@media (min-width: 768px) {
  .homepage-header .grafike {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.homepage-header .grafike .item {
  background: #fff;
  padding: 10px;
  padding: 10px 20px 16px;
}
.homepage-header .grafike .item img {
  width: 100%;
}
.homepage-header .grafike .item .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  font-size: min(max(11px, 3vw), 14px);
  font-size: clamp(11px, 3vw, 14px);
  margin-bottom: 0.6em;
}
.homepage-header .grafike .item .description {
  margin: 0;
  font-size: 12px;
  line-height: 1.4em;
}
.promo-bar {
  padding: 60px 0;
  margin-top: var(--section-margin);
}
.promo-yellow {
  background: var(--yellow);
}
.promo-gray {
  background: #333;
  color: #fff;
}
.page-template-default .breadcrumbs {
  margin-bottom: 50px;
}
/* .singular{
	.entry-header{
		@include clamp('margin-top',22px, 2vw, 30px);
		@include clamp('margin-bottom',34px, 4vw, 60px);
	}	
} */
:root {
  --cf7_border_width: 1px;
  --cf7_border_color: #333;
  --cf7_border_radius: 2px;
  --cf7_input_height: 32px;
  --cf7_input_line_height: 32px;
  --cf7_spacing: 12px;
}
[role=form].wpcf7 input[type=text], [role=form].wpcf7 input[type=email], [role=form].wpcf7 select, [role=form].wpcf7 textarea {
  width: 100%;
  border: solid var(--cf7_border_width) var(--cf7_border_color);
  border-radius: var(--cf7_border_radius);
}
[role=form].wpcf7 input[type=text], [role=form].wpcf7 input[type=email], [role=form].wpcf7 select {
  height: var(--cf7_input_height);
  line-height: var(--cf7_input_line_height);
  text-indent: 0.5em;
}
[role=form].wpcf7 select {
  padding-right: 5px;
}
[role=form].wpcf7 input[type=submit] {
  cursor: pointer;
  background: #000;
  color: #fff;
}
[role=form].wpcf7 input[type=submit]:disabled {
  cursor: no-drop;
  background: #ccc;
}
[role=form].wpcf7 .two-col {
  display: grid;
  grid-gap: 40px;
}
@media (min-width: 700px) {
  [role=form].wpcf7 .two-col {
    grid-template-columns: 1fr 1fr;
  }
}
[role=form].wpcf7 p {
  margin-top: var(--cf7_spacing);
}
/* Admin fixes */
.wp-block[data-align=left], .wp-block[data-align=right] {
  float: none;
  height: auto;
}
.wp-block[data-align=left] > *, .wp-block[data-align=right] > * {
  float: none;
}
/*
*	TEXT ELEMENTS
*/
.gutenberg * {
  max-width: 100%;
  margin: 0;
}
/*
*	BLOCK COLUMNS
*/
.wp-block-columns {
  gap: var(--block-columns-gap, var(--spacing-medium));
}
.wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  flex-grow: 1;
}
.wp-block-columns:not([class*="are-vertically-aligned"]) {
  align-items: stretch;
}
/*
*	BLOCK COVER
*/
/* .wp-block-cover{
	padding: 0;
	min-height: var(--block-cover-min-height);
	.wp-block-cover__inner-container > *{
		margin-left: auto;
		margin-right: auto;

		// set inner width for inner elements without width setting
		&:not(.alignwide):not(.alignfull){
			width: var(--gutenberg-main-width);
		}
	}
	
	// if block is wide or full set max width to inner
	&.alignwide,
	&.alignfull
	{
		.wp-block-cover__inner-container > *{
			// max-width: var(--content-max-width);
		}
	}

	
	.wp-block-cover__inner-container > *:not([class*="align"]){
		padding: 0 var(--block-cover-padding, var(--spacing-medium));
	}
} */
/*
*	BLOCK GALLERY
*/
.wp-block-gallery:not([class^="is-style"]) ul.blocks-gallery-grid {
  gap: var(--block-gallery-gap, var(--spacing-medium));
  margin: 0;
}
.wp-block-gallery:not([class^="is-style"]) ul.blocks-gallery-grid li {
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
}
.wp-block-gallery:not([class^="is-style"]) ul.blocks-gallery-grid li:before {
  display: none !important;
}
.wp-block-gallery:not([class^="is-style"]).columns-2 li {
  width: calc(50% - var(--block-gallery-gap, var(--spacing-medium)));
}
.wp-block-gallery:not([class^="is-style"]).columns-3 li {
  width: calc(33.33% - var(--block-gallery-gap, var(--spacing-medium)));
}
.wp-block-gallery:not([class^="is-style"]).columns-4 li {
  width: calc(25% - var(--block-gallery-gap, var(--spacing-medium)));
}
.wp-block-gallery:not([class^="is-style"]).columns-5 li {
  width: calc(20% - var(--block-gallery-gap, var(--spacing-medium)));
}
.wp-block-gallery:not([class^="is-style"]).columns-6 li {
  width: calc(16.67% - var(--block-gallery-gap, var(--spacing-medium)));
}
.wp-block-gallery:not([class^="is-style"]).columns-7 li {
  width: calc(14.29% - var(--block-gallery-gap, var(--spacing-medium)));
}
.wp-block-gallery:not([class^="is-style"]).columns-8 li {
  width: calc(12.5% - var(--block-gallery-gap, var(--spacing-medium)));
}
.wp-block-gallery.is-style-carousel ul.swiper-wrapper {
  flex-wrap: nowrap;
  gap: 0;
}
/*
*	BLOCK GROUP AND BLOCK COVER
*/
.wp-block-cover, .gutenberg > .wp-block-group {
  padding: 0;
}
.wp-block-cover [class*="__inner-container"], .gutenberg > .wp-block-group [class*="__inner-container"] {
  padding-top: var(--block-group-padding, var(--spacing-medium));
  padding-bottom: var(--block-group-padding, var(--spacing-medium));
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover [class*="__inner-container"] > *, .gutenberg > .wp-block-group [class*="__inner-container"] > * {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover [class*="__inner-container"] > *:not(.alignwide):not(.alignfull), .gutenberg > .wp-block-group [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {
  width: var(--width-blocks);
  max-width: var(--content-max-width);
}
.wp-block-cover [class*="__inner-container"] > p, .gutenberg > .wp-block-group [class*="__inner-container"] > p {
  width: var(--width-paragraph);
}
.wp-block-cover.has-background .wp-block-group__inner-container, .gutenberg > .wp-block-group.has-background .wp-block-group__inner-container {
  padding-top: 2em;
  padding-bottom: 2em;
}
.wp-block-cover.has-background:not([class*=" align"]):not([class*="align"]) .wp-block-group__inner-container, .gutenberg > .wp-block-group.has-background:not([class*=" align"]):not([class*="align"]) .wp-block-group__inner-container {
  padding: 2em 3em;
}
/*
* BLOCK COVER
*/
.wp-block-cover {
  min-height: var(--block-cover-min-height, 430px);
}
/*
* BLOCK COVER IMAGE
*/
.wp-block-cover-image {
  min-height: var(--block-cover-image-min-height, 430px);
}
/*
*	BLOCK IMAGE
*/
.wp-block-image img {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image figure {
  float: none;
  margin: 0;
}
.wp-block-image figure.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image figure:not(.is-resized) img {
  width: 100%;
}
/*
*	BLOCK MEDIA TEXT
*/
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
  padding: var(--block-media-text-gap, var(--spacing-medium));
}
.wp-block-media-text:not(.has-background):not(.has-media-on-the-right) .wp-block-media-text__content {
  padding-left: var(--block-media-text-gap, var(--spacing-medium));
}
.wp-block-media-text.has-media-on-the-right:not(.has-background) .wp-block-media-text__content {
  padding-right: var(--block-media-text-gap, var(--spacing-medium));
}
/*
* Nastavitve za sirine gutenberg elementov (gutenberg vsebina je vedno znotraj .gutenberg)
*/
.gutenberg {
  /* .wp-block-cover,
	.wp-block-group
	{
		&.alignwide,
		&.alignfull
		{
			.wp-block-group__inner-container > *{
				width: var(--width-blocks);
				max-width: var(--content-max-width);
			}
		}
	} */
}
.gutenberg > * {
  max-width: var(--content-max-width);
}
.gutenberg > *:not(:first-child) {
  margin-top: var(--gutenberg-blocks-margin);
}
.gutenberg > .alignfull:first-child + .has-background {
  margin-top: 0;
}
.gutenberg > * {
  width: var(--width-blocks);
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.gutenberg > p, .gutenberg > :is(h1, h2, h3, h4, h5, h6) {
  width: var(--width-paragraph);
}
.gutenberg > .alignfull + .alignfull {
  margin-top: 0;
}
.gutenberg .alignleft {
  content: "alignleft";
  width: var(--width-blocks-sidebar);
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 960px) {
  .gutenberg .alignleft {
    transform: translateX(-60px);
  }
}
.gutenberg .alignright {
  content: "alignright";
  width: var(--width-blocks-sidebar);
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 960px) {
  .gutenberg .alignright {
    transform: translateX(60px);
  }
}
.gutenberg .alignwide {
  width: var(--width-blocks-wide);
}
.gutenberg .alignfull {
  width: 100%;
  max-width: 100%;
}
.has-background {
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);
}
.wp-block-image {
  margin-top: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
.gutenberg p:not(:last-child), .gutenberg h2:not(:last-child), .gutenberg h3:not(:last-child), .gutenberg h4:not(:last-child), .gutenberg h5:not(:last-child), .gutenberg h6:not(:last-child) {
  margin-bottom: 1em;
}
.gutenberg p {
  line-height: 1.7em;
}
.gutenberg h2:not(:first-child), .gutenberg h3:not(:first-child), .gutenberg h4:not(:first-child), .gutenberg h5:not(:first-child), .gutenberg h6:not(:first-child) {
  margin-top: 1em;
}
.gutenberg .no-margin {
  margin: 0;
}
.wp-block-group .wp-block-group__inner-container > * {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > *:not(.alignwide):not(.alignfull) {
  width: var(--width-blocks);
  max-width: var(--content-max-width);
}
.wp-block-group.alignwide .wp-block-group__inner-container > *:not([class*=" align"]):not([class*="align"]) {
  width: var(--width-blocks);
  max-width: 100%;
}
.wp-block-group.alignfull .wp-block-group__inner-container > *:not([class*=" align"]):not([class*="align"]) {
  width: var(--width-blocks);
  max-width: var(--content-max-width);
}
.wp-block-group.has-background:not([class*=" align"]):not([class*="align"]) .wp-block-group__inner-container {
  padding: 14px 20px;
}
.page-content > p {
  margin-bottom: var(--body-line-height);
}
.wp-block-quote:before {
  content: "“";
  font-size: 48px;
  line-height: 48px;
  height: 14px;
  display: block;
}
.wp-block-quote p {
  margin-left: 20px;
}
/*
* Gutenberg embed block
*/
.wp-block-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-embed .wp-block-embed__wrapper {
  position: relative;
}
.wp-block-embed .wp-block-embed__wrapper:after {
  content: "";
  width: 100%;
  height: 0;
  display: block;
}
.wp-embed-aspect-16-9.wp-block-embed .wp-block-embed__wrapper:after {
  padding-bottom: 56.25%;
}
.wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
}
.wp-block-columns .wp-block-column > *:first-child {
  margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .tabela-infografike .wp-block-column {
    max-width: calc(50% - var(--spacing-medium)/2);
  }
}
.wp-block-gallery ul.blocks-gallery-grid {
  gap: 20px;
}
.wp-block-gallery ul.blocks-gallery-grid li {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.wp-block-gallery ul.blocks-gallery-grid li:before {
  display: none !important;
}
.wp-block-image {
  float: none;
  margin: 0;
}
.wp-block-media-text {
  --padding: 40px;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
  padding: var(--padding, var(--block-media-text-padding));
}
.wp-block-media-text:not(.has-background):not(.has-media-on-the-right) .wp-block-media-text__content {
  padding-left: var(--padding, var(--block-media-text-padding));
}
.wp-block-media-text.has-media-on-the-right:not(.has-background) .wp-block-media-text__content {
  padding-right: var(--padding, var(--block-media-text-padding));
}
body:not(.wc-any) .page-content [id]::before {
  content: '';
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}
body.page-template-singular-brez-glave .entry-header {
  display: none;
}
body.page-template-singular-samo-vsebina .site-header, body.page-template-singular-samo-vsebina .site-footer {
  display: none;
}
ul.custom-ul {
  padding-left: 0px;
  list-style: none;
}
ul.custom-ul li {
  position: relative;
  margin-left: 10px;
}
ul.custom-ul li::marker {
  content: "";
  display: none;
}
ul.custom-ul li:before {
  content: "";
  width: 2px;
  height: 2px;
  display: inline-block;
  border-radius: 10px;
  background-color: #000;
  font-weight: 500;
  position: absolute;
  top: 0.65em;
  left: -9px;
}
ul {
  margin-left: 0;
  padding-left: 18px;
}
ol {
  padding-left: 1em;
}
.faq-wrapper details {
  padding: 20px 0;
}
.faq-wrapper details:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.faq-wrapper details[open] .question:after {
  content: "-";
}
.faq-wrapper .question {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
  text-transform: uppercase;
}
.faq-wrapper .question::marker {
  content: "";
}
.faq-wrapper .question:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "+";
  font-size: 22px;
  color: var(--accent1);
  font-weight: bold;
}
.faq-wrapper .answer {
  padding-top: 12px;
}
.gray-bg {
  background-color: var(--gray-bg);
}
body.body-bg-light_gray .site-main {
  background-color: var(--gray-bg);
}
body.body-bg-dark_gray .site-main {
  background-color: var(--gray-bg);
}
body.body-bg-yellow .site-main {
  background-color: var(--accent1);
}
.rank-math-breadcrumb * {
  display: inline-block;
}
body .entry-header, body.woocommerce.archive .entry-header, body.single-product .top-block {
  padding-top: var(--body-top-padding);
}
.mrcko {
  padding-bottom: var(--body-bottom-padding);
}
.kr_en {
  margin-bottom: 40px;
}
.entry-header {
  text-align: center;
}
.entry-header .entry-title {
  text-transform: none;
}
.bags-grid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
}
@media (min-width: 800px) {
  .bags-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 800px) {
  .bags-grid .image {
    display: none;
  }
}
.bags-grid .image {
  background-position: center;
  background-size: cover;
  position: relative;
}
.bags-grid .image .content {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 300px;
  max-width: 100%;
  text-align: left;
  color: #fff;
}
.bags-grid .image-large {
  grid-column: span 2;
}
.bags-grid .image-small {
  grid-column: span 1;
}
/* %carousel-heading-small{
	content: "carousel-heading-small";
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 400;
	text-transform: none;
	letter-indent: 0;
}
%carousel-heading-medium{
	content: "carousel-heading-medium";
	font-size: 30px;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: 800;
	letter-indent: 0;
}
%carousel-heading-large{
	content: "carousel-heading-large";
	font-size: 45px;
	line-height: 1.2em;
	font-weight: 800;
	letter-indent: 0;
	text-transform: uppercase;
} */
/* .swiper-home-carousel{
	.swiper-slide{
		position: relative;

		&:after{
			content: "";
			width: 100%;
			display: block;
			padding-bottom: 113%;
		}

		img{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.title{
			width: 100%;
			position: absolute;
			padding: 30px;
			margin: 0;
			line-height: 1em;
			white-space: break-spaces;
			// max-width: 60%;

			&.align-x-left{text-align: left;}
			&.align-x-center{text-align: center;}
			&.align-x-right{text-align: right;}

			&.align-y-middle{top: 50%; transform: translateY(-50%);}
			&.align-y-bottom{bottom: 0px;}

			

			&.size-small{
				@extend %carousel-heading-small;
			}
			&.size-medium{
				@extend %carousel-heading-medium;

				small{
					@extend %carousel-heading-small;
					text-transform: none;
					display: block;
				}
			}
			&.size-large{
				// @extend %carousel-heading-large;
				@extend %heading-h1-large;

				small{
					// @extend %carousel-heading-medium;
					// text-transform: none;
					// display: block;
				}
			}
		}
	}
} */
/* .swiper-home-carousel-bottom{
	h3{
		font-weight: 800;

		small{
			// font-size: var(--body-font-size);
			font-size: 0.7em;
			display: block;
			font-weight: normal;
			text-transform: none;
		}
	}
}
 */
iframe {
  width: 100%;
}
.iframe-wrap {
  height: 0px;
  position: relative;
}
.iframe-wrap iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.choose-scooter-thumbs {
  cursor: pointer;
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.choose-scooter-thumbs .item {
  position: relative;
  text-decoration: none;
  display: grid;
  grid-column-gap: 4px;
  border: solid 2px #ccc;
  transition: all 0.2s;
  background: #fff;
  padding: 7px 5px 7px 7px;
  width: 170px;
  margin-left: 2px;
  margin-right: 2px;
}
.choose-scooter-thumbs .item .size {
  font-size: 0.7em;
  line-height: 1em;
}
.choose-scooter-thumbs .item .name {
  margin-bottom: 0px;
  line-height: 1em;
  text-align: left;
  color: var(--yellow);
  font-weight: 600;
  text-transform: none;
  font-size: clamp(15px, 1.4vw, 22px);
}
.choose-scooter-thumbs .item .description {
  line-height: 1em;
  text-align: left;
}
.choose-scooter-thumbs .item .description {
  font-size: 10px;
}
.choose-scooter-thumbs .item .right {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media (min-width: 360px) {
  .choose-scooter-thumbs .item {
    grid-template-columns: 1fr 1fr;
  }
}
@media (hover: hover) and (pointer: fine) {
  .choose-scooter-thumbs .item:hover {
    border-color: var(--yellow);
  }
  .choose-scooter-thumbs .item:hover:after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -11px;
    width: calc(100% + 4px);
    height: 10px;
    background: var(--yellow);
  }
}
.choose-scooter-thumbs .item.chosen {
  border-color: var(--yellow);
}
.choose-scooter-thumbs .item.chosen:after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -11px;
  width: calc(100% + 4px);
  height: 10px;
  background: var(--yellow);
}
.choose-scooter-thumbs + .choose-scooter-slides {
  margin-top: 20px;
}
.choose-scooter {
  max-width: 100% !important;
}
.choose-scooter-slide {
  height: auto;
  margin-top: 30px;
  position: relative;
  transition: all 0.3s;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* @media (min-width: 700px) and (max-width: $tabletBreakpoint){
		grid-template-columns: 1fr;
	} */
  /* @media (min-width: $tabletBreakpoint){
		.description{
			padding-right: 20px;
		}
	} */
  /* // {{ ###  }} */
}
@media (min-width: 768px) {
  .choose-scooter-slide {
    grid-template-columns: 1.4fr 1fr;
  }
}
.choose-scooter-slide:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  box-shadow: 0 0 10px 0 #ccc;
}
.choose-scooter-slide:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  left: 10px;
  width: calc(100% - 20px);
  bottom: 0px;
  height: 70px;
  background: var(--yellow);
}
.choose-scooter-slide .colors {
  width: 100%;
  text-align: right;
}
.choose-scooter-slide .colors a.color {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  overflow: hidden;
  display: inline-block;
}
.choose-scooter-slide .colors a.color.white {
  border: 1px solid #a2a2a2;
}
.choose-scooter-slide .left {
  z-index: 1;
}
.choose-scooter-slide .image {
  display: block;
  transition: all 0.3s;
  position: relative;
}
.choose-scooter-slide .image img {
  width: 120%;
  width: 100%;
  max-width: 120%;
  max-height: 50vh;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.choose-scooter-slide .right {
  text-align: left;
  padding-top: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 2;
}
.choose-scooter-slide .post-title {
  text-transform: none;
  text-align: left;
  margin-bottom: 8px;
  font-weight: 700;
}
.choose-scooter-slide .fits-to {
  margin-bottom: var(--spacing-small);
  font-weight: 600;
  line-height: 1.4em;
}
.choose-scooter-slide .description {
  margin-bottom: var(--spacing-small);
}
.choose-scooter-slide .description ul {
  margin-top: 0px;
  font-size: 0.94rem;
  letter-indent: -0.02em;
}
.choose-scooter-slide .description ul li {
  line-height: 1.4em;
  margin-bottom: 0.4em;
}
.choose-scooter-slide .price {
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  text-align: right;
}
.choose-scooter-slide .size-icon {
  display: block;
  margin: 0;
  margin-top: auto;
}
.choose-scooter-slide .bottom {
  margin-top: var(--spacing-medium);
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  flex: 1;
}
.choose-scooter-slide .bottom a {
  margin-right: 10px !important;
  margin-bottom: 13px !important;
  border: 1px solid #000 !important;
}
.choose-scooter-slide .more {
  display: inline-block;
}
@media (max-width: 1023px) {
  .choose-scooter-slide {
    opacity: 0.4;
  }
  .choose-scooter-slide.swiper-slide-active {
    opacity: 1;
  }
}
.choose-scooter-slide.disabled:not(.chosen) {
  opacity: 0.4;
}
.bags-carousel-wrapper {
  padding-bottom: 0;
}
.bags-carousel-wrapper .loop-bags-info {
  background: transparent;
}
.bags-carousel-wrapper .loop-bags-info .thumb {
  background: var(--gray-bg);
}
/* .bags-loop-single{
		background: #fff;
		text-decoration: none;
		padding: 10px 14px;

		.thumbnail{
			height: 0px;
			padding-bottom: 120%;
			position: relative;

			img{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
		.title{
			margin-bottom: 0px;
			height: 2.5em;
			margin-bottom: 8px;
			text-align: center;

		}

		.variations{
			text-align: center;
			height: 1.2em;
			margin-bottom: var(--spacing-small);
		}

		.price{
			
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
	} */
/* .is-scooter-1{
		.bags-carousel{
			.item{
				opacity: 0.4;
			}
		}

		&.scooter-mini .fits-to-mini,
		&.scooter-city .fits-to-city,
		&.scooter-maxi .fits-to-maxi
		{
			opacity: 1;
		}

	} */
/* &[class*="scooter-"]{
		.item{
			opacity: 0.4;
		}
	}

	&.scooter-mini .fits-to-mini,
	&.scooter-city .fits-to-city,
	&.scooter-maxi .fits-to-maxi
	{
		opacity: 1;
	} */
.certificates h3 {
  text-align: center;
}
.certificates-carousel .item {
  text-decoration: none;
  background-color: #fff;
}
.certificates-carousel .item:after {
  content: "";
  width: 100%;
  height: 0px;
  padding-bottom: 120%;
  display: block;
}
.certificates-carousel .thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.certificates-carousel .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.loop-bags-info {
  background: #fff;
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-small);
  text-align: center;
  height: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px 0 #ccc;
}
.loop-bags-info a {
  text-decoration: none;
}
.loop-bags-info .thumb {
  position: relative;
}
.loop-bags-info .thumb:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 120%;
}
.loop-bags-info .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.loop-bags-info .post-title {
  font-size: 1rem;
  font-weight: 600;
}
.loop-bags-info .colors {
  display: flex;
  justify-content: center;
  padding-top: 2px;
  transform: translateZ(0);
}
.loop-bags-info .colors .color {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  margin: 0 4px;
  overflow: hidden;
  box-sizing: content-box;
}
.loop-bags-info .colors .color img {
  width: 110%;
  height: 110%;
  object-fit: cover;
}
.loop-bags-info .colors .color.see-all {
  width: 14px;
  height: 14px;
  line-height: 15px;
  font-size: 16px;
  background: #fff;
  color: #666;
  border: 1px solid #666;
}
.loop-bags-info .price {
  margin-top: auto;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
.loop-bags-info .price .amount {
  font-size: 18px;
}
.loop-bags-info .price button {
  margin: 12px 0 0;
}
.google-business-reviews-rating ul.listing li {
  margin: 0;
  padding: 0;
  position: relative;
  padding-left: 48px;
}
.google-business-reviews-rating ul.listing li .author-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  right: auto;
}
.scooter-mini [class*="fits-to-"]:not(.fits-to-mini), .scooter-city [class*="fits-to-"]:not(.fits-to-city), .scooter-maxi [class*="fits-to-"]:not(.fits-to-maxi) {
  opacity: 0.3;
  filter: grayscale(1);
}
.tabela-infografike .wp-block-columns {
  column-gap: 22px;
}
.tabela-infografike .wp-block-column {
  background: #fff;
  text-align: center;
  padding-bottom: 12px;
}
.tabela-infografike .wp-block-column figure {
  margin-bottom: 16px;
}
.tabela-infografike .wp-block-column :is(h1, h2, h3, h4, h5, h6) {
  font-size: 16px;
  font-size: 11px;
  font-size: min(max(11px, 3vw), 14px);
  font-size: clamp(11px, 3vw, 14px);
  font-weight: 700;
  margin: 0 0 0.6em;
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
}
.tabela-infografike .wp-block-column p {
  font-size: 9px;
  font-size: min(max(9px, 2vw), 12px);
  font-size: clamp(9px, 2vw, 12px);
  line-height: 1.4em;
  width: 120px;
  max-width: calc(100% - 24px);
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.gutenberg section.choose-bag, .gutenberg section.choose-scooter {
  width: var(--width-blocks-wide) !important;
  padding: 40px;
}
.gutenberg .has-background section.choose-bag, .gutenberg .has-background section.choose-scooter {
  padding: 0px;
}
.free-returns-block {
  /* .wp-block-column:nth-child(2){
		*{
			width: 340px;
			// min-width: 100%;
		}
	} */
}
.free-returns-block .wp-block-image figure {
  margin-right: 0;
}
@media (max-width: 600px) {
  .free-returns-block .wp-block-column:nth-child(1) {
    flex-grow: 0.5;
  }
}
.entry-header {
  padding-bottom: 40px;
  padding-bottom: min(max(40px, 6vw), 80px);
  padding-bottom: clamp(40px, 6vw, 80px);
}
.entry-header.two-col {
  text-align: left;
}
@media (min-width: 800px) {
  .entry-header.two-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.entry-header.two-col a.button {
  margin: 0 0 10px 0;
}
.entry-header.two-col a.button:first-of-type {
  margin-top: 20px;
}
.wc-any.archive .entry-header .entry-description {
  margin-bottom: 24px;
}
.wc-any.archive .entry-header .button {
  margin: 10px;
}
.universal-product-loop {
  text-align: center;
}
.universal-product-loop a {
  text-decoration: none;
}
.universal-product-loop .thumb {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  position: relative;
  mix-blend-mode: multiply;
}
.universal-product-loop .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.universal-product-loop .post-title {
  margin-top: 8px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2em;
  height: 2.4em;
}
.universal-product-loop .amount, .universal-product-loop .woocommerce-price-suffix {
  font-weight: bold;
}
.universal-product-loop .add_to_cart_inline {
  margin-top: 10px;
}
.universal-product-loop .add_to_cart_button {
  width: 100%;
  margin-top: 12px !important;
  line-height: 1.2em !important;
  padding: 12px 0 !important;
  font-size: 12px !important;
}
.woocommerce-price-suffix {
  font-size: 8px;
  line-height: 10px;
  display: block;
}
/* body.woocommerce-page:not(.single-product) .site-main{
	padding-top: var(--body-top-padding);
} */
/* body.woocommerce .woocommerce-breadcrumb{
	padding-bottom: 20px;
	max-width: var(--main-content-max-width);
	margin-left: auto;
	margin-right: auto;
	color: #000;
	font-size: 14px;

	a{
		color: inherit;
		text-decoration: none;
	}
}
 */
.price {
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}
.price-from {
  font-size: 0.8em;
  line-height: 0.8em;
}
.product-loop {
  background: var(--block-bg);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  justify-content: flex-end;
}
.product-loop a {
  text-decoration: none;
}
.product-loop .thumb {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  position: relative;
}
.product-loop .thumb .wp-post-image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: brightness(1.05);
}
.product-loop .post-title {
  color: #000;
  margin-top: auto;
}
.product-loop .price {
  text-align: center;
}
.product-loop form.cart {
  display: none;
}
.product-loop .button {
  margin: 20px 0 0 !important;
}
body.woocommerce.archive.term-79 .site-main {
  padding-bottom: 40px;
}
body.woocommerce.archive .section-margin {
  margin-top: 30px;
  margin-top: min(max(30px, 3vw), 40px);
  margin-top: clamp(30px, 3vw, 40px);
}
body.woocommerce.archive .subcat-title {
  height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--yellow);
  padding: 24px 0;
  margin-top: 40px;
}
body.woocommerce.archive .subcat-title h2 {
  text-transform: none;
}
body.woocommerce.archive .subsubcat-title {
  margin-top: 30px;
}
body.woocommerce.archive .product-grid {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
body.woocommerce.archive section.faq {
  margin-top: 60px;
  padding: 45px;
  padding: min(max(45px, 5vw), 80px);
  padding: clamp(45px, 5vw, 80px);
  padding-left: 0;
  padding-right: 0;
  background: var(--gray-bg);
}
body.woocommerce.archive ul.products {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  max-width: var(--main-content-max-width-wide);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  body.woocommerce.archive ul.products {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}
body.woocommerce.archive ul.products:before {
  display: none;
}
body.woocommerce.archive section.category-content {
  /*
		article{
			display: flex;
			align-items: center;
			
			@media (max-width: 500px){

				
			}

			&:first-child{
				margin-bottom: 30px;
			}
		}

		.col{
			flex: 50%;

			&.image{
				flex: 30%;
			}
		}

		.text{
			// padding: 20px;
		}

			.article-1{
				.text{
					padding-right: 60px;
				}
			}
			.article-2{
				.text{
					padding-left: 60px;
				}
			}

		.image{
			img{
				width: 100%;
			}
		}*/
}
body.woocommerce.archive section.category-content article {
  display: flex;
  margin-bottom: 60px;
  align-items: center;
}
@media (min-width: 501px) {
  body.woocommerce.archive section.category-content .col.text {
    flex: 3;
  }
  body.woocommerce.archive section.category-content .col.image {
    flex: 2;
  }
  body.woocommerce.archive section.category-content .article-1 .text {
    padding-right: 60px;
  }
  body.woocommerce.archive section.category-content .article-2 .text {
    padding-left: 60px;
  }
}
@media (max-width: 500px) {
  body.woocommerce.archive section.category-content article {
    flex-direction: column;
  }
  body.woocommerce.archive section.category-content article .text {
    order: 1;
    margin-bottom: 20px;
  }
  body.woocommerce.archive section.category-content article .image {
    order: 2;
  }
  body.woocommerce.archive section.category-content article .image img {
    margin-left: auto;
    margin-right: auto;
  }
}
body.woocommerce.archive .choose-bag {
  padding-bottom: 4px;
}
.site-main.is-bag-1:not(.bag-fits-scooter-mini) .choose-scooter-thumbs .size-mini {
  opacity: 0.3;
}
.site-main.is-bag-1:not(.bag-fits-scooter-city) .choose-scooter-thumbs .size-city {
  opacity: 0.3;
}
.site-main.is-bag-1:not(.bag-fits-scooter-maxi) .choose-scooter-thumbs .size-maxi {
  opacity: 0.3;
}
.woocommerce-message[role="alert"] {
  background: #90da90;
  /* a.button{
			display: none !important;
		} */
}
body.woocommerce-cart .site-footer .footer-content {
  display: none;
}
.woocommerce-notices-wrapper {
  margin-bottom: 20px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  margin: 0px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .wp-post-image {
  width: 100%;
  height: 100%;
  max-height: 60vh;
  object-fit: contain;
}
.woocommerce-product-gallery .swiper-pagination {
  text-align: left;
  padding-left: 10px;
}
.flex-control-nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.flex-control-nav li {
  float: left;
}
.flex-control-nav li img {
  height: 90px;
  width: auto;
}
.woo-variation-gallery-thumbnail-slider {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.woo-variation-gallery-thumbnail-slider .wvg-gallery-thumbnail-image {
  position: relative;
  width: 10px !important;
  height: 10px !important;
  border-radius: 10px;
  overflow: hidden;
  margin: 0px 6px;
}
.woo-variation-gallery-thumbnail-slider .wvg-gallery-thumbnail-image div {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.woo-variation-gallery-thumbnail-slider .wvg-gallery-thumbnail-image:after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #999;
}
.rtwpvg-images {
  width: 100%;
  max-width: 100% !important;
  margin-bottom: 0;
}
.rtwpvg-images .swiper-pagination {
  text-align: left;
  padding-left: 10px;
}
.rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider-wrapper .rtwpvg-slider::before, .rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider-wrapper .rtwpvg-slider::after {
  display: none;
}
.rtwpvg-images .rtwpvg-thumbnail-slider {
  margin-top: 10px;
  display: block;
  width: 100%;
  display: flex;
  justify-content: center;
}
.rtwpvg-images .rtwpvg-thumbnail-image {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.rtwpvg-images .rtwpvg-thumbnail-image:after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #999;
}
.rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider {
  /* .rtwpvg-gallery-image{
				img{
					mix-blend-mode: multiply;
					width: 100%;
					// height: 500px;
					// max-height: 80vh;
					object-fit: contain;
			    	// filter: brightness(1.1);
				}
			} */
}
.rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider .rtwpvg-single-image-container {
  background: var(--gray-bg);
  height: 500px;
  max-height: 80vh;
}
.rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider .rtwpvg-single-image-container img {
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider .rtwpvg-single-image-container {
    height: 50vh;
  }
}
.rtwpvg-gallery-image {
  display: block !important;
}
/* .woocommerce-cart{

	.woocommerce-cart-form{

		tr.cart_item{
			display: grid;
			grid-template-columns: 1fr 2fr 1fr;
		}
			.product-remove{
				grid-columns: 1 / -1;
			}
	}
} */
.single-product {
  /* section .section-title{
		// margin-top: var(--indent-medium);
		// text-align: center;
		margin-bottom: 20px;

		&.center{
			text-align: center;
		}
	} */
  /* section.top{
		width: 100%;
		display: inline-block;
		// padding-bottom: clamp(40px, 4vw, 60px);
		@include clamp('padding-bottom',40px, 4vw, 60px);

		

		.left-col,
		.right-col{
			width: 100%;
			// display: inline-block;
		}

		@media (min-width: 700px){
			.left-col{
				width: 40%;
				float: left;
			}
			.right-col{
				width: 60%;
				padding-left: 40px;
				float: left;
			}

		}
		
		// mobile design
		@media (max-width: $singleProductMobileBreakpoint){
			.product-gallery{
				// width: calc(100% + 40px);
				// margin-left: -20px;
				// background: var(--gray-bg-light);
			}
		}
	} */
  /* .product-title{
		margin-bottom: 20px;
	} */
  /* .intro{
		// background: var(--gray-bg);
		// @include clamp('padding-top',40px, 4vw, 60px);			
		// padding-top: 60px;
		@include clamp('padding-bottom',40px, 4vw, 60px);			

		.woocommerce-breadcrumb{
			margin-bottom: 30px;
		}
	} */
  /* section.choose-scooter{
		background: #fff;
		@include clamp('padding-top',20px, 2vw, 30px);
		// @include clamp('padding-bottom',20px, 2vw, 30px);
		position: relative;

		.choose-scooter-thumbs{
			// padding: 4px;
			// background: var(--gray-bg);
		}
	} */
  /* section.fits-to-scooter{
		// margin-bottom: clamp(30px, 3vw, 45px);
		@include clamp('margin-bottom',30px, 3vw, 45px);
		.title{
			text-align: center;
		}
		.item{
			cursor: auto;
			pointer-events: none;
		}
	} */
  /* section.product-custom-gallery{
		@include clamp('padding-bottom',20px, 2vw, 30px);

		.swiper-slide{
			
			img{
				mix-blend-mode: multiply;
				filter: brightness(1.1);
			}
		}

		.auto-width{
			img{
				height: 24vh;
				max-height: 300px;
			}
		}
	} */
  /* section.scooter-size{
		.title{
			text-align: center;
		}

		.choose-scooter-thumbs{
			margin-bottom: 0px;
		}
	} */
}
@media (max-width: 700px) {
  .single-product .hide-mobile {
    display: none !important;
  }
}
@media (min-width: 700px) and (max-width: 1000px) {
  .single-product .hide-tablet {
    display: none !important;
  }
}
@media (min-width: 700px) {
  .single-product .hide-desktop {
    display: none !important;
  }
}
.single-product .gray-bg {
  background-color: var(--gray-bg);
}
.single-product .top-block:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.single-product .description-gallery .container, .single-product .description-gallery .container-medium, .single-product .description-gallery .container-narrow, .single-product .description-gallery .container-wide, .single-product .description-gallery body.wc-page .site-main, body.wc-page .single-product .description-gallery .site-main, .single-product .accessories-video .container, .single-product .accessories-video .container-medium, .single-product .accessories-video .container-narrow, .single-product .accessories-video .container-wide, .single-product .accessories-video body.wc-page .site-main, body.wc-page .single-product .accessories-video .site-main {
  display: flex;
}
@media (max-width: 700px) {
  .single-product .description-gallery .container, .single-product .description-gallery .container-medium, .single-product .description-gallery .container-narrow, .single-product .description-gallery .container-wide, .single-product .description-gallery body.wc-page .site-main, body.wc-page .single-product .description-gallery .site-main, .single-product .accessories-video .container, .single-product .accessories-video .container-medium, .single-product .accessories-video .container-narrow, .single-product .accessories-video .container-wide, .single-product .accessories-video body.wc-page .site-main, body.wc-page .single-product .accessories-video .site-main {
    flex-direction: column;
  }
  .single-product .description-gallery .container .accessories, .single-product .description-gallery .container-medium .accessories, .single-product .description-gallery .container-narrow .accessories, .single-product .description-gallery .container-wide .accessories, .single-product .description-gallery body.wc-page .site-main .accessories, body.wc-page .single-product .description-gallery .site-main .accessories, .single-product .accessories-video .container .accessories, .single-product .accessories-video .container-medium .accessories, .single-product .accessories-video .container-narrow .accessories, .single-product .accessories-video .container-wide .accessories, .single-product .accessories-video body.wc-page .site-main .accessories, body.wc-page .single-product .accessories-video .site-main .accessories {
    order: 1;
  }
}
@media (min-width: 700px) {
  .single-product .description-gallery .container, .single-product .description-gallery .container-medium, .single-product .description-gallery .container-narrow, .single-product .description-gallery .container-wide, .single-product .description-gallery body.wc-page .site-main, body.wc-page .single-product .description-gallery .site-main, .single-product .accessories-video .container, .single-product .accessories-video .container-medium, .single-product .accessories-video .container-narrow, .single-product .accessories-video .container-wide, .single-product .accessories-video body.wc-page .site-main, body.wc-page .single-product .accessories-video .site-main {
    gap: 60px;
  }
}
@media (min-width: 700px) {
  .single-product .description-gallery .col, .single-product .accessories-video .col {
    width: calc(50% - 30px);
    flex: 1;
  }
}
.single-product .description-gallery .additional-description {
  margin-top: 40px;
}
.single-product .description-gallery .out-of-stock {
  display: block;
  width: 100%;
  padding: 8px 0;
  color: #fff;
  background-color: #000;
  text-align: center;
}
.single-product .accessories-video .accessories-wrapper {
  display: block;
  width: 100%;
}
.single-product .accessories-video .video iframe {
  width: 100%;
  margin-bottom: 20px;
}
.single-product .show-specs {
  margin-top: 20px;
  cursor: pointer;
}
.single-product .product-specs {
  display: none;
}
.single-product .product-gallery {
  position: relative;
}
.single-product .product-gallery .rtwpvg-single-image-container {
  background-color: var(--gray-bg);
}
.single-product .product-gallery .fits-to {
  text-align: center;
  text-transform: uppercase;
  font-size: 8px;
  bottom: 2px;
  width: 100%;
}
.single-product .price-cart .price {
  text-align: center;
  font-size: 21px;
  margin-bottom: var(--indent-small);
}
.single-product form.cart {
  width: 100%;
}
.single-product form.cart .woocommerce-variation {
  margin-bottom: var(--indent-small);
}
.single-product form.cart .woocommerce-variation-price {
  text-align: center;
}
.single-product form.cart .woocommerce-variation-add-to-cart {
  text-align: center;
  margin-top: 12px;
}
.single-product form.cart button.single_add_to_cart_button {
  line-height: 33px;
}
.single-product form.cart div.quantity {
  display: none !important;
}
.single-product form.cart a.reset_variations {
  display: none !important;
}
.single-product form.cart .single_add_to_cart_button {
  width: 100%;
}
.single-product table.variations {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 700px) {
  .single-product table.variations {
    margin-top: 30px;
  }
}
.single-product table.variations .label {
  display: none;
}
.single-product table.variations td.value .variation-radios + script + select {
  display: none;
}
.single-product table.variations select {
  width: 100%;
  line-height: 2em;
  height: 3em;
}
.single-product .variation-radios {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 3px;
}
.single-product .variation-radios input {
  display: none;
}
.single-product .variation-radios label {
  display: inline-block;
  transition: all 0.2s;
  width: 50px;
  height: 50px;
}
.single-product .variation-radios label.chosen {
  border-color: #ccc;
}
.single-product .variation-radios label[for="white"] {
  border: 1px solid #ccc;
}
.single-product .variation-radios img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.single-product .variation-radios .reset_variations {
  line-height: 26px;
  border: 2px solid #fff;
}
.single-product .woocommerce-variation-availability {
  display: none;
}
.single-product .product-bag .variation-radios img {
  mix-blend-mode: multiply;
}
.single-product .product-scooter .variation-radios label {
  border-radius: 100px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.single-product section.properties, .single-product section.accessories-video {
  padding-top: 30px;
  padding-top: min(max(30px, 3vw), 40px);
  padding-top: clamp(30px, 3vw, 40px);
  padding-bottom: 40px;
  padding-bottom: min(max(40px, 4vw), 60px);
  padding-bottom: clamp(40px, 4vw, 60px);
}
.single-product section.properties .section-title, .single-product section.accessories-video .section-title {
  margin-bottom: 20px;
}
.single-product section.properties .grid {
  display: flex;
  gap: 10px;
}
.single-product .product-gallery-carousel {
  margin-top: 40px;
}
.single-product .product-gallery-carousel a.item {
  width: auto;
}
.single-product .product-gallery-carousel img.thumbnail {
  height: 240px;
  width: auto;
}
.single-product .choose-scooter .block-description {
  padding-top: 40px;
  padding-top: min(max(40px, 4vw), 60px);
  padding-top: clamp(40px, 4vw, 60px);
  text-align: center;
}
.single-product .choose-scooter .choose-scooter-thumbs {
  padding-top: 40px;
  padding-top: min(max(40px, 4vw), 60px);
  padding-top: clamp(40px, 4vw, 60px);
}
.single-product section.choose-bag {
  margin-top: 16px;
  padding-top: 20px;
  padding-top: min(max(20px, 2vw), 30px);
  padding-top: clamp(20px, 2vw, 30px);
  padding-bottom: 20px;
  padding-bottom: min(max(20px, 2vw), 30px);
  padding-bottom: clamp(20px, 2vw, 30px);
}
.single-product section.faq {
  padding: 30px;
  padding: min(max(30px, 3vw), 45px);
  padding: clamp(30px, 3vw, 45px);
  padding-left: 0;
  padding-right: 0;
}
.single-product section.faq .faq-wrapper {
  margin-top: 20px;
}
.single-product section.faq details {
  /* [open]{
				.question{
					&:after{
						content: "-";
					}
				}
			} */
}
.single-product section.faq .question {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
  font-weight: 600;
}
.single-product section.faq .question::marker {
  content: "";
}
.single-product section.faq .question:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "+";
  font-size: 22px;
  color: var(--yellow);
  font-weight: bold;
}
.single-product section.faq .answer {
  padding-top: 12px;
}
/* .product-scooter{
	
	.variation-radios{		
		// grid-gap: 3px;


		label{
			// display: inline-block;
			border: 1px solid transparent;
			border-radius: 100px;
			padding: 3px;
			// transition: all 0.2s;

			// width: 50px;
			// height: 50px;

			&.chosen{
				border-color: #ccc;
			}
		}

		img{
			// width: 100%;
			// height: 100%;
			border-radius: 100px;
		}

		.reset_variations{
			line-height: 26px;
			border: 2px solid #fff;
		}
	}

} */
/* .product-bag{
	
	.variation-radios{
		// grid-gap: 10px;

		label{
			// display: inline-block;
			border: 1px solid transparent;
			// border-radius: 100px;
			// padding: 3px;
			// transition: all 0.2s;

			width: 70px;
			height: 87px;

			&.chosen{
				border-color: #ccc;
			}
		}

		img{
			object-fit: contain;
			mix-blend-mode: multiply;
		}

		.reset_variations{
			line-height: 26px;
			border: 2px solid #fff;
		}
	}
	
} */
body.wc-any .site-main .button, body.wc-any .site-main .single_add_to_cart_button.button.alt {
  /* &:hover{
				@extend %button;
			} */
}
body.wc-any .site-main .coupon {
  display: flex;
  flex-wrap: wrap;
}
body.wc-any .site-main .coupon #coupon_code {
  flex: 1;
  margin-right: 0px;
  margin-bottom: 10px;
}
body.wc-any .site-main .coupon .button {
  margin-right: 0px;
  margin-bottom: 10px;
  flex: 1;
}
body.wc-any .site-main #coupon_code {
  min-width: 220px;
}
body.wc-any .site-main .woocommerce-form-coupon-toggle {
  margin-bottom: 20px;
}
body.wc-any .input-text {
  border-radius: 0px !important;
}
body.wc-any .input-text {
  border-radius: 0px !important;
}
body.wc-any .woocommerce-info, body.wc-any .woocommerce-message {
  border: 1px solid var(--yellow);
  border-top-width: 5px;
}
body.wc-any .woocommerce-info[role="alert"], body.wc-any .woocommerce-message[role="alert"] {
  background-color: #fff;
}
body.wc-any .woocommerce-info:before, body.wc-any .woocommerce-message:before {
  color: var(--yellow);
}
body.wc-any a.remove {
  color: var(--yellow) !important;
  width: 21px;
  height: 21px;
  line-height: 21px;
}
body.wc-any a.remove:hover {
  background-color: var(--yellow) !important;
}
body.wc-any .woocommerce .coupon {
  display: flex;
  flex-wrap: wrap;
}
body.wc-any .woocommerce .coupon #coupon_code {
  flex: 1;
  margin-right: 0px;
  margin-bottom: 10px;
}
body.wc-any .woocommerce .coupon .button {
  margin-right: 0px;
  margin-bottom: 10px;
  flex: 1;
}
body.wc-any .woocommerce #coupon_code {
  min-width: 220px;
}
body.wc-any .woocommerce .woocommerce-form-coupon-toggle {
  margin-bottom: 20px;
}
.price del {
  text-decoration-color: #ff5656;
  text-decoration-thickness: 2px;
  color: #b1b1b1;
}
.price ins {
  text-decoration: none;
}
body.wc-page .site-main .entry-title {
  width: 100%;
}
.wc-cart table.shop_table.cart {
  --border-color: rgba(0,0,0,.1);
  border-color: var(--border-color);
}
.wc-cart table.shop_table.cart .product-thumbnail img {
  width: 160px;
}
.wc-cart table.shop_table.cart .product-quantity input {
  height: 32px;
  border: 1px solid;
}
.wc-cart .cross-sells ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 20px;
}
.wc-cart .cross-sells ul.products:before, .wc-cart .cross-sells ul.products:after {
  display: none;
}
.wc-cart .cross-sells ul.products li {
  width: 100% !important;
}
.wc-cart .cross-sells ul.products h2.post-title {
  margin: 0 0 6px 0;
}
.wc-cart .cross-sells ul.products .button {
  margin-top: 6px !important;
  line-height: 1.6em;
}
@media (max-width: 768px) {
  .wc-cart .cart-collaterals {
    display: flex;
    flex-direction: column;
  }
  .wc-cart .cart-collaterals .cross-sells {
    order: 1;
  }
}
.wc-cart .cart_totals .wc-proceed-to-checkout {
  text-align: right;
}
.wc-cart .cart_totals .button {
  margin: 0 !important;
}
.wc-cart .cart_totals .wc_braintree_cart_gateways {
  margin-left: auto;
}
@media (max-width: 768px) {
  .wc-cart tr.cart_item {
    display: grid !important;
    grid-template-columns: 120px auto 100px;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
  }
  .wc-cart tr.cart_item td {
    border: none;
    background: none !important;
  }
  .wc-cart tr.cart_item .product-remove {
    order: 4;
  }
  .wc-cart tr.cart_item .product-thumbnail {
    order: 1;
    display: block;
  }
  .wc-cart tr.cart_item .product-thumbnail img {
    width: 100%;
  }
  .wc-cart tr.cart_item .product-thumbnail:before {
    display: none;
  }
  .wc-cart tr.cart_item .product-name {
    order: 2;
    text-align: right;
  }
  .wc-cart tr.cart_item .product-name:before {
    display: none;
  }
  .wc-cart tr.cart_item .product-price {
    order: 3;
  }
  .wc-cart tr.cart_item .product-price:before {
    display: none;
  }
  .wc-cart tr.cart_item .product-quantity {
    order: 4;
  }
  .wc-cart tr.cart_item .product-subtotal {
    order: 5;
  }
  .wc-cart tr.cart_item .product-subtotal:before {
    display: none;
  }
}
.wc-any.wc-checkout {
  --border-color: #ccc;
}
.wc-any.wc-checkout form.checkout input {
  height: auto;
  line-height: 28px;
  border: 1px solid;
  padding: 0;
  text-indent: 10px;
  border-color: var(--border-color);
}
.wc-any.wc-checkout form.checkout textarea {
  border-color: var(--border-color);
}
.wc-any.wc-checkout form.checkout .select2-selection {
  border-radius: 0;
  border-color: var(--border-color);
}
.woocommerce-checkout #payment {
  background: transparent !important;
}
#vat_number-description[style="display: inline;"] {
  display: inline-block !important;
  background: var(--yellow);
  color: #000;
}