/* http://themestate.com/demo/geopoint/ */
:root {
  /* EDIT: Settings */
  --actions-gap: 16px;
  --actions-margin: 32px;
  --breadcrumb-gap: 16px;
  --card-logo-aspect-ratio: 1.3;
  --card-logo-img-max-width:  min(180px, 75%);
  --card-logo-img-max-height:  min(60px, 75%);
  --card-logo-shadow: 0 2px 4px rgba(0, 0, 0, .25);
  --pager-btn-size: calc(var(--body-sm-font-size) * 3);
  --pager-gap: var(--width-border-radius);
  --scrollbar-color: var(--color-orange);
  --scrollbar-background: var(--color-white);
  --transition-time: .3s;
  --transition-time-slow: 1s;
  --transition-time-fast: .1s;
  --transition: all var(--transition-time) ease-in-out;
  --transition-slow: all var(--transition-time-slow) ease-in-out;
  --transition-fast: all var(--transition-time-fast) ease-in-out;
 
  --letter-effect-size: 3px;

  --effects-time: .2s;

  --preheader-height: 40px;

  --header-height: 100px;

  --related-height: 280px;

  --border-width-effect: 1px;
  /* scroll */
  --scroll-position-bar-background: var(--color-background);
  --scroll-position-bar-color: var(--color-light_grey);


  --text-shadow: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-white-darker);
  --text-shadow-blue-soft: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-blue-soft);

  --text-shadow-pink-darker: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-pink-darker);

  --box-shadow-closest: 0 0 var(--letter-effect-size) rgba(var(--color-black-rgb), .05);
  --box-shadow: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .2);
  --box-shadow-soft: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .1);
  --box-shadow-soft-hover: 0 var(--width-gap-sm) var(--width-gap) rgba(var(--color-black-rgb), .2);
  --box-shadow-lg: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .1);
  --box-shadow-lg-dark: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .3);
  --box-shadow-outline: 0 0 0 var(--letter-effect-size) rgba(var(--color-white-softer-rgb), .5);
  --box-shadow-letters: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-blue);
  --box-shadow-letters-hover: calc(var(--letter-effect-size) * 1.5) calc(var(--letter-effect-size) * 1.5) 0 rgba(var(--color-blue-rgb), .2);

  --contact-height: 300px;

  --placeholder-font: var(--font-input);
  --fields-gap: var(--width-gap-fields);
  --input-padding: 16px !important;
  --input-outline: var(--width-border-width) solid var(--color-yellow);
  --input-outline-offset: calc(0px - var(--width-border-width));
  --input-hover-outline: var(--width-border-width) solid var(--color-yellow-darker);
  --input-background: var(--color-white-softer);
  --input-border-radius: var(--width-border-radius);
  --input-hover-shadow: var(--box-shadow-lg);
  --input-color: var(--color-text);
  --input-hover-color: var(--color-text-darker);
  --checkbox-background: var(--color-white-darker);
  --checkbox-checked-background: var(--color-white);
  --checkbox-checked-color: var(--color-white-dark);


  --aspect-ratio-poster:  12 / 18;




}



@media only screen and (max-width: 1680px){
}
/* laptop */
@media only screen and (max-width: 1366px){
  :root{
    --header-height: 90px;
    --input-padding: 12px;
    --related-height: 260px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px){
  :root{
    --related-height: 220px;
  }
}
@media only screen and (max-width: 768px){
  :root{

    --header-height: 80px;
    --fields-columns: 1;
    --input-outline: var(--width-border-width) solid var(--color-yellow);
    --input-hover-outline: var(--width-border-width) solid var(--color-yellow-darker);
  }
}
/* mobile */
@media only screen and (max-width: 568px){
  :root{
    --input-padding: 10px;
  }
}

/* body */
html{ background-color:var(--color-white-darker);}
body {background: var(--color-white-soft);color: var(--color-text);}
p {margin: 0;}
p + * {margin-top: var(--width-gap-xs);}
a {color: var(--color-pink);-webkit-transition: var(--transition);transition: var(--transition);text-decoration-style: dotted;text-underline-offset: var(--width-border-width);}
a:is(:hover,:focus) {color: var(--color-orange);outline: none;}
img {image-rendering: auto;}
hr {display: block;border: none;background: var(--gradient-soft);height: calc(var(--border-width-effect) * 2);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
hr + *, * + hr{margin-top: var(--width-gap) !important;}
address {padding: var(--width-gap-sm) var(--width-gap);color: var(--color-text);border-top: var(--border-width-effect) solid var(--color-orange-soft);border-bottom: var(--border-width-effect) solid var(--color-orange-soft);}
address + *, * + address{margin-top: var(--width-gap);}
blockquote{background-color: rgba(var(--color-gray-rgb), .15);color: var(--color-gray-dark);font: var(--item-title-font);font-weight: var(--item-title-font-weight);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);position: relative;padding: var(--width-gap-lg) 25% var(--width-gap-lg) var(--width-gap-lg);margin: 0;overflow: hidden;-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);}
blockquote strong{color: var(--color-gray-dark) !important;font-weight: var(--item-title-font-strong);}
blockquote::after{background-color: var(--color-orange);position: absolute;inset: 0;left: 80%;display: block;content: " ";clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);}
blockquote + *, * + blockquote{margin-top: var(--width-gap);}
video {width: 100%;display: block;}
*:is(h1, h2, h3, h4, h5) {color: var(--color-black);}
*:is(h1, h2, h3, h4, h5) strong {color: var(--color-black-dark);}
iframe{width: 100%;display: block;}
iframe.embed {
  width: 100%;
  height: auto;
  -webkit-border-radius: var(--width-border-radius);
  border-radius: var(--width-border-radius);
}
.fancybox__caption{color: #FFF !important;visibility: visible !important;}
section, .card, .content{display: block;position: relative;}
.grow{flex-grow: 1;}
[class^="material-icons-"]{
  pointer-events: none;
}

/* tns-controls */
.tns-controls{display: flex;justify-content: center;gap: var(--width-gap-xs);}
.tns-controls + *, * + .tns-controls{margin-top: var(--width-gap);}
.tns-controls button{background-color: transparent;border: none;font-size: 24px;padding: 0;display: flex;align-items: center;justify-content: center;
  width: 40px;height: 40px;background-color: rgba(var(--color-blue-rgb), 0);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);
  color: rgba(var(--color-gray-rgb), .75);-webkit-transition: var(--transition);transition: var(--transition);
}
section.slider .tns-controls button{
  color: var(--color-white);
}
.tns-controls button:hover{color: var(--color-yellow-darker);background-color: var(--color-white-softer);}
.tns-controls button:disabled{pointer-events: none;opacity: .1;}



.tns-nav {margin-top: var(--width-gap);display: flex;justify-content: center;}
.tns-nav > button{border: none;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;padding: 0;background-color: transparent;}
.tns-nav > button::before{content: " ";display: block;width: 10px;height: 10px;background-color:var(--color-yellow);-webkit-border-radius:8px;border-radius:8px;-webkit-transition: var(--transition);transition: var(--transition);}
.tns-nav > button:is(:hover,:focus)::before{background-color: var(--color-yellow-dark);}
.tns-nav > button.tns-nav-active::before{background-color: var(--color-yellow-darker);width: 14px;height: 14px;}
/* el-pager */

.el-pager > * {-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);font: var(--body-sm-font);}
.el-pager > a{background-color: var(--color-white);text-decoration: none;color: var(--color-black-soft);}
.el-pager > a:is(:hover, :focus){background-color: var(--color-black);color: var(--color-white-softer);}
.el-pager > span{background-color: var(--color-green);color: var(--color-white-softer);pointer-events: none;}
/* TODO btn */
[data-toggle-related] * {pointer-events: none;}
/* TODO: btn */
:is([class^="btn"], [class^="button"], button).current {
  pointer-events: none;
  
}
[class^="btn"], [class^="button"]{vertical-align: baseline;font: var(--btn-font);line-height: 1;letter-spacing: var(--btn-letter-spacing);text-transform: var(--btn-text-transform);background-color: var(--color-black-soft);color: var(--color-yellow);}
[class^="btn"]:is(:hover, :focus), [class^="button"]:is(:hover, :focus){background-color: var(--color-black-darker);color: var(--color-yellow-softer);}

[class^="btn"][class*="-default"], .button {background-color: var(--color-black-soft);color: var(--color-yellow);}
[class^="btn"][class*="-default"]:is(:hover,:focus), .button:is(:hover,:focus) {background-color: var(--color-black-darker);color: var(--color-yellow-softer);}

[class^="btn"][class*="-black"], .button.wc-backward {background-color: var(--color-black);color: var(--color-white);}
[class^="btn"][class*="-black"]:is(:hover,:focus), .button.wc-backward:is(:hover, :focus) {background-color: var(--color-black-dark);color: var(--color-white);}

[class^="btn"][class*="-white"] {
  color: var(--color-black-soft);
  background: var(--color-white-dark);
}
[class^="btn"][class*="-white"]:is(:hover,:focus, .current) {color: var(--color-black-dark);background: var(--color-white-softer);}

[class^="btn"][class*="-green"] {
  color: var(--color-white-soft);
  background: var(--color-green-dark);
}
[class^="btn"][class*="-green"]:is(:hover,:focus, .current) {color: var(--color-white-softer);background: var(--color-green-softer);}




[class^="svg-"]{display: flex;align-items: center;width: 24px;height: 24px;}
[class^="svg-"]{display: inline-flex;background-position: center center;background-repeat: no-repeat;background-size: 14px 14px;}
[class^="svg-"][class*="-linkedin"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z'/%3E%3C/svg%3E");}
/* INFO: article */
[class^="article"]{font: var(--article-font);}
[class^="article"][class*="-sm"]{font-size: calc(var(--article-font-size) - 1px);}
[class^="article"][class*="-xs"]{font-size: calc(var(--article-font-size) - 2px);}
[class^="article"][class*="-black"]{color: var(--color-black);}
[class^="article"][class*="-white"]{color: var(--color-white);}
.article strong, [class^="article-"] strong{font-weight: var(--article-font-strong);}
[class^="article"] a{font-weight: var(--article-font-strong);text-decoration-style: dotted;text-underline-offset: 3px;color: var(--color-green);}
[class^="article"] a:is(:hover, :focus){color: var(--color-green-softer);}
[class^="article"][class*="-black"] strong{color: var(--color-black-dark);}
[class^="article"][class*="-black"] a{color: var(--color-green);}
[class^="article"][class*="-black"] a:is(:hover, :focus){color: var(--color-green-softer);}
[class^="article"] ul{display: flex;padding-left: var(--width-gap-sm);flex-direction: column;gap: var(--width-gap-xs);list-style:square;}
[class^="article"] ul + * , [class^="article"] * + ul {margin-top: var(--width-gap);}
[class^="article"] ul > li{position: relative;padding-left: var(--width-gap-xs);}

[class^="article"] :is(h1, h2){/*background: var(--gradient-soft);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;*/

  font-weight: bolder;}
[class^="article"] :is(h3){/*background: var(--gradient-orange);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;*/

  display: bolder;}
[class^="article"] :is(h4, h5){
  /*background: var(--gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;*/
  font-weight: bolder;}
[class^="article"] img.size-full{padding: var(--width-gap-xs);background-color: var(--color-white);box-shadow: var(--box-shadow-soft);outline: 1px solid var(--color-white-dark);border-radius: var(--width-border-radius);}
/* INFO: intro */
section.text [class^="article"]{text-align: justify;word-wrap: break-word;-moz-hyphens:auto;-webkit-hyphens:auto;-o-hyphens:auto;hyphens:auto;}
section.text [class^="article"] :is(h1, h2, h3, h4, h5){text-align: left;}
section.text [class^="article"] img.size-full{margin: var(--width-gap) 0;}
@media only screen and (min-width: 1366px){
  section.text [class^="article"] img.size-full{width: calc(100% + var(--width-gap) * 4);max-width: none;-webkit-transform: translateX(calc(0px - var(--width-gap) * 2));transform: translateX(calc(0px - var(--width-gap) * 2));}
}
/* TODO  intro */
.intro{color: var(--color-text-softer);}
.intro a {font-weight: bold;text-decoration: none;}
.intro a:is(:hover, :focus) {color: var(--color-orange-dark);}
.intro.white{color: var(--color-white-softer);}
.intro.yellow{color: var(--color-yellow);}
.intro.half{width: 60%;}
.intro + *, * +  .intro{margin-top: var(--width-gap);}
div[class^="heading"]{ user-select: none;}
div[class^="heading"] + .intro {margin-top: var(--width-gap-sm);}
.intro.centered{ max-width: min(100%, var(--width-layout-xs)); margin-left: auto; margin-right: auto; text-align: center; }
.intro{font-size: calc(var(--body-font-size) * 1.3);}
.intro.xs {font-size: calc(var(--body-font-size) * 1.1);}
.intro.sm {font-size: calc(var(--body-font-size) * 1.2);}
.intro.lg {font-size: calc(var(--body-font-size) * 1.4);}
@media only screen and (max-width: 1366px){
  .intro.half{width: 65%;}
}
@media only screen and (max-width: 1024px){
  .intro.half{width: 75%;} 
}
@media only screen and (max-width: 768px){
  .intro.half{width: 100%;}
}

.item-title{letter-spacing: calc(0px - var(--item-title-font-size) * .05); text-wrap: balance; }
.item-title + *, * + .item-title{margin-top: calc(var(--item-title-font-size) * 1);}
.item-title + :is(.subtitle), :is(.subtitle) + .item-title{margin-top: var(--width-gap-xs);}
.item-title-sm{letter-spacing: calc(0px - var(--item-title-sm-font-size) * .05);  }
.item-title-sm + *, * + .item-title-sm{margin-top: calc(var(--item-title-sm-font-size) * 1);}
.item-title-sm + :is(.subtitle), :is(.subtitle) + .item-title-sm{margin-top: var(--width-gap-xs);}
[class^="item-title"] a{text-decoration: none;}
[class^="item-title"].white {color: var(--color-white-dark);}
[class^="item-title"].white strong{color: var(--color-white);}
[class^="item-title"].gray {color: var(--color-gray-dark);}
[class^="item-title"].gray strong {color: var(--color-gray);}


.notice{
  background-color: var(--color-yellow-softer);
  padding: var(--width-gap-sm);
  font: var(--body-sm-font);
  display: flex;
  align-items: center;
  border-radius: var(--width-border-radius);
  color: var(--color-text-darker);
}

/* TODO: heading */
.holder-heading + *{margin-top: var(--width-gap);}
div[class^="heading"][class*="-shadow"] {text-shadow:  0 1px 8px rgba(var(--color-black-dark-rgb), .25), 0 2px 8px rgba(var(--color-black-rgb), .1), 0 2px 16px rgba(var(--color-black-rgb), .25);}





div[class^="heading"][class*="-white"] .title {color: var(--color-white);}
div[class^="heading"][class*="-white"][class*="-colorized"] .title {text-shadow: var(--text-shadow-blue-soft);}
div[class^="heading"][class*="-white"] .title strong{color: var(--color-white-softer);}
div[class^="heading"][class*="-white"] .subtitle{color: var(--color-white);}
div[class^="heading"][class*="-white"] .title strong{color: var(--color-white-softer);}




div[class^="heading"][class*="-half"]{padding: 0 25% 0 0;}
div[class^="heading"][class*="-centered"][class*="-half"]{padding: 0 25%;}
@media only screen and (max-width: 1366px){
  div[class^="heading"][class*="-half"]{padding: 0 40% 0 0;}
  div[class^="heading"][class*="-centered"][class*="-half"]{padding: 0 20%;}
}
@media only screen and (max-width: 1024px){
  div[class^="heading"][class*="-half"]{padding: 0 30% 0 0;}
  div[class^="heading"][class*="-centered"][class*="-half"]{padding: 0 15%;}
}
@media only screen and (max-width: 768px){
  div[class^="heading"][class*="-half"]{padding: 0 20% 0 0;}
  div[class^="heading"][class*="-centered"][class*="-half"]{padding: 0 10%;}
}
/* TODO:subtitle */
.subtitle{color: var(--color-black-softer);}
.subtitle strong{color: var(--color-orange);}
.subtitle.white {color: var(--color-white-dark);}
.subtitle.white strong {color: var(--color-white);}
.subtitle.sm {font-size: calc(var(--subtitle-font-size) - 2px);}
.subtitle.xs {font-size: calc(var(--subtitle-font-size) - 4px);}
/* TODO: fields */
.field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 2;}
.field-type-info {padding: var(--width-gap-sm);max-height: 150px;background-color: var(--color-gray);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: var(--color-text-soft);font-size: calc(var(--body-font-size) - 3px);overflow-y: auto;}
.field > label + * {margin-top: var(--width-gap-xs);}
@media only screen and (max-width: 768px){
  .field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 1;}
}

/* ELEMENT #preheader */

#preheader{background-color: var(--color-black-dark);color: var(--color-white-dark);position: sticky;z-index: 101;top: 0;font: var(--body-sm-font);font-weight: var(--body-sm-font-strong);height: var(--preheader-height);display: flex;align-items: center;}
#preheader::after{content: "";display: block;position: absolute;inset: 0;background: linear-gradient(to right, var(--color-black-dark) 0%, rgba(var(--color-black-dark-rgb), 0) var(--width-sections-gap), rgba(var(--color-black-dark-rgb), 0) calc(100% - var(--width-sections-gap)), var(--color-black-dark) 100%);}
#preheader .tns-outer{width: 100%;}

/* ELEMENT #usps */

#usps{width: 100vw;}
#usps .tns-item {text-align: center;font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing:  var(--usps-letter-spacing);user-select: none;line-height: var(--preheader-height);white-space: nowrap;overflow: hidden;}

/* ELEMENT empty */

div.empty{background-color: var(--color-danger);padding: var(--width-gap-sm);color: var(--color-text-danger);border-radius: var(--width-border-radius);text-align: center;font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);}

/* ELEMENT header */

#header{left: 0;width: 100%;position: fixed;top: var(--preheader-height);z-index: 100;-webkit-transition: var(--transition);transition: var(--transition);height: var(--header-height);background: var(--color-white-softer);-webkit-box-shadow: var(--box-shadow-closest), var(--box-shadow);box-shadow: var(--box-shadow-closest), var(--box-shadow);background-color: rgba(var(--color-white-softer-rgb), .5);backdrop-filter: blur(8px) grayscale(.1) brightness(1);}
body.scrolling #header{ background-color: rgba(var(--color-white-softer-rgb), .85);backdrop-filter: blur(24px) grayscale(.5) brightness(1.25);}
#header > [class^="package"] {position: relative;z-index: 1;}
#header .content {display: flex;height: var(--header-height);align-items: center;gap: 0;justify-content: flex-start;}
#header .content > .logo{z-index: 2;position: relative;flex-shrink: 0;}
#header .content > .logo > picture {position: relative;}
#header .content > .logo img{height: calc(var(--header-height) / 2);width: auto;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);filter: drop-shadow(0 var(--width-gap-xs) var(--width-gap-xs) rgba(var(--color-blue-dark-rgb), .25));}
#header .content > .cart{display: flex;align-items: center;gap: var(--width-gap-xs);text-decoration: none;font: var(--btn-font);text-transform: var(--menu-text-transform);height: var(--header-height);padding: 0 var(--width-gap-sm);}
#header .content > .cart:is(:hover, :focus){background-color: var(--color-yellow);}
#header .content > .cart > .count{font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);}
#header .content > .cart > .total{background-color: var(--color-black);color: var(--color-yellow);padding: calc(var(--btn-font-size) / 2);border-radius: var(--width-border-radius);}
#header .content > .cart > [class^="material"]{font-size: 18px;}


#header .search > a { display: flex; align-items: center; justify-content: center;  height: var(--header-height);text-decoration: none;padding: 0 var(--width-gap-sm);}
body.search-opened #header .search > a,
#header .search > a:is(:hover){background-color: var(--color-yellow);}
#header .search > a > span[class='meaterial']{font-size: 18px;}
#header .search > form{display: flex;align-items: center;z-index: 2;opacity: 0;overflow: hidden;top: calc(100% - var(--width-gap-xs));right:0;-webkit-transform: translateY(var(--width-gap-xs)) scale(0);transform: translateY(var(--width-gap-xs)) scale(0);-webkit-transform-origin: right top;transform-origin: right top;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);min-width:min(50vw, 300px);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);clip-path: circle(0.0% at 100% 0);background: var(--color-white);pointer-events: none;position: absolute;padding: var(--width-gap-xs);}
body.search-opened #header .search > form{clip-path: circle(200% at 100% 0);opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);pointer-events: all;}
#header .search > form > input{border: none;border-radius: var(--width-border-radius);padding: var(--width-gap-xs);font: var(--font-input);outline: none;-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
#header .search > form > button{font: var(--font-input);background-color: transparent;border: none;outline: none;line-height: 1;cursor: pointer;padding: var(--width-gap-xs);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
body.scrolling #header .content > .logo img{filter: drop-shadow(0 var(--width-gap-xs) var(--width-gap-xs) rgba(var(--color-blue-dark-rgb), .1));}
@media only screen and (max-width: 1366px){
  #header .content{gap: 8px;}
}
@media only screen and (max-width: 768px){
  #header .btn-featured > span:not([class^="material-icons"]){display: none;}
  #header .content > .logo img{height: calc(var(--header-height) / 3);}
  #header .content{gap: 0;}
  #header .content > .cart > .count{display: none;}
}

/* ELEMENT #menu */

#menu{display: flex;font: var(--menu-font);text-transform: var(--menu-text-transform);}
#menu .menu-item > a {display: inline-flex;font: var(--btn-font);text-transform: var(--btn-text-transform);padding: 0 var(--btn-padding);text-decoration: none;color: var(--color-blue-dark);white-space: nowrap;display: block;position: relative;letter-spacing: var(--btn-letter-spacing);}
#menu .menu-item.current > a {color: var(--color-blue-soft);}
#menu .menu-item.current > a:is(:hover, :focus){color: var(--color-blue-soft);}
#menu .menu-item:is(:hover, :focus){z-index: 2;position: relative;}
#menu .menu-item > a:is(:hover, :focus){background: var(--color-white-softer);color: var(--color-blue-dark);-wekbit-box-shadow: var(--box-shadow-letters-hover);box-shadow: var(--box-shadow-letters-hover);}
#menu .menu-item > a[featured]{background-color: var(--color-yellow-darker);color: var(--color-white-softer);}
#menu .menu-item > a[featured]:is(:hover, :focus, .current){background-color: var(--color-pink);color: var(--color-white-softer);}
#menu > .menu-item > .submenu{opacity: 0;overflow: hidden;top: calc(100% - var(--width-gap-xs));background-color: var(--color-white-softer);left: 0px;transform: translateY(var(--width-gap-xs)) scale(0);-webkit-transform-origin: left top;transform-origin: left top;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);min-width: calc(100% + var(--width-gap-xs));-webkit-transition: var(--transition);transition: var(--transition);clip-path: circle(0.0% at 100% 0);-webkit-box-shadow: var(--box-shadow-soft-hover);box-shadow: var(--box-shadow-soft-hover);}
#menu > .menu-item:hover > .submenu, #menu > .menu-item > a:focus + .submenu{clip-path: circle(200% at 100% 0);opacity: 1;-webkit-transition-delay: .1s;transition-delay: .1s;-webkit-transform: translateY(0);transform: translateY(0);}
#menu > .menu-item > .submenu > .menu-item > a{padding: var(--width-gap-sm);}
#menu > .menu-item > .submenu > .menu-item > a{font-size: calc(var(--btn-font-size) - 1px);}
#menu > .menu-item > .submenu > .menu-item > a:is(:hover, :focus){background-color: var(--color-yellow-softer);color: var(--color-black);box-shadow: none;transform: none;}
#menu > .menu-item > .submenu > .menu-item.current > a{background-color: var(--color-yellow-softer);color: var(--color-black);}
#menu > .menu-item > a {height: var(--header-height);display: flex;align-items: center;}
#menu > .menu-item.current > a, #menu > .menu-item > a:is(:hover, :focus) {background-color: var(--color-yellow-soft);}

/* ELEMENT mobile-menu */

#header .mobile-menu-show{text-decoration: none;display: flex;align-items: center;justify-content: center;width: calc( var(--header-height) - var(--width-gap));aspect-ratio: 1;background-image: url(../images/hamburger-menu-svgrepo-com.svg);background-size: cover;}
body[mobile-menu] #header .mobile-menu-show{background-image: url(../images/close-svgrepo-com.svg);}
#main::after{content: " ";pointer-events: none;position: fixed;inset: 0;background:rgba(var(--color-white-softer-rgb), .9);backdrop-filter: blur(20px);z-index: 10;opacity: 0;}
body[mobile-menu] > #main::after{opacity: 1;}
#mobile-menu{position: fixed;inset: calc(var(--header-height) + var(--preheader-height)) 0 0 0;z-index: 90;pointer-events: none;}
#mobile-menu > .content{padding: var(--width-gap-xl);position: absolute;inset:0; opacity: 0;overflow-y: auto; padding-bottom: calc(var(--width-gap-xl) + 40px);}
body[mobile-menu] #mobile-menu > .content{opacity: 1;transform: translateY(0);}
body[mobile-menu] #mobile-menu{opacity: 1;pointer-events: all;transform: translateY(0);}
#mobile-menu .menu-item + .menu-item {margin-top: var(--width-gap);}
#mobile-menu .menu-item > a {display: block;font: var(--mobile-menu-btn-font);text-transform: var(--mobile-menu-btn-text-transform);letter-spacing: var(--mobile-menu-btn-text-transform);text-align: left;text-decoration: none;color: var(--color-black);}
#mobile-menu .submenu .menu-item > a { color: var(--color-black-softer);}
#mobile-menu .submenu {margin-top: var(--width-gap);padding-left: var(--width-gap);}
#mobile-menu .submenu .menu-item + .menu-item{margin-top: var(--width-gap-sm);}

/* ELEMENT #notification */

#notification-holder{position: fixed;bottom: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 5;-webkit-transition: var(--transition);transition: var(--transition);transform-origin: bottom right;}
#notification {border-radius: var(--width-border-radius);-webkit-border-radius: var(--width-border-radius);width: min(400px, 75vw);background-color: var(--color-white-softer);padding: var(--width-gap);-webkit-transition: var(--transition);transition: var(--transition);display: flex;flex-direction: column;gap: var(--width-gap-sm);justify-content: center;align-items: center;text-align: center;-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);background: rgba(255,255,255,.95);backdrop-filter: blur(8px);user-select: none;}
#notification > [class^="material"]{width: 64px;height: 64px;background-color: var(--color-white-softer);-webkit-border-radius: 50%;border-radius: 50%;color: var(--color-green);display: flex;align-items: center;justify-content: center;-webkit-animation: bellAnimation 3s ease-in-out infinite;animation: bellAnimation 3s ease-in-out infinite;transform-origin: center top;box-shadow: var(--box-shadow-soft-hover);}
#notification picture{width: 100%;}
#notification picture > img{-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
#notification > a {text-decoration: none;}
#notification > a:not(.hide-notification):is(:hover, :focus) {transform: scale(1.025);}
body.scrollingDown #notification-holder, body[notification-hidden] #notification-holder{transform: translateY(100%) scale(.5);pointer-events: none;opacity: 0;}
@-webkit-keyframes bellAnimation {
  0%, 30% { -webkit-transform: rotate(0); }
	10% { -webkit-transform: rotate(-15deg); }
  20% { -webkit-transform: rotate(15deg); }
}
@keyframes bellAnimation {
	0%, 40% { transform: rotate(0); }
	5% { transform: rotate(-15deg); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-5deg); }
  30% { transform: rotate(5deg); }
}
@media only screen and (max-width: 768px){
  #notification{padding:var(--width-gap) var(--width-gap-sm);}
  #notification > [class^="material"]{display: none;}
}

/* ELEMENT footer */

#footer{padding: var(--width-gap-lg) 0;color: var(--color-white-darker);position: relative;background: var(--color-black-darker);border-top: var(--width-border-width) solid var(--color-black);box-shadow: var(--box-shadow);z-index: 3;}
#footer > [class^="package"] + * {margin-top: var(--width-gap-lg);}
#footer .content {display: flex;flex-direction: column;gap: var(--width-gap);align-items: center;text-align: center;}
#footer .content .logo-social img{height: 50px;width: auto;filter: drop-shadow(0 0 var(--width-gap-sm) rgba(var(--color-white-darker-rgb),1));}
#footer .content .logo{display: block;position: relative;}
#footer .content .logo:hover > span{opacity: 1;filter: contrast(1.5);-webkit-transform:translateX(-50%) translateY(calc(0px - var(--width-gap-xs))) scale(1.1);transform:translateX(-50%) translateY(calc(0px - var(--width-gap-xs))) scale(1.1);}

#footer .content > .logos {display: flex;flex-wrap: wrap;gap: var(--width-gap-sm);width: 100%;}
#footer .content > .logos > a{width: 150px;aspect-ratio: 1.5;display: flex;align-iclass="card-showroom-item"tems: center;justify-content: center;opacity: .5;}
#footer .content > .logos > a:hover{opacity: 1;}
#footer .content > .logos > a > img{width: 100%;height: 100%;object-fit: contain;}
#footer .logo-social, #footer .message{display: flex;justify-content: space-between;width: 100%;gap: var(--width-gap);align-items: center;}
#footer .social_networks {display: flex;justify-content: center;gap: var(--width-gap-xs);}
#footer .social_networks > a {display: flex;width: 24px;height: 24px;justify-content: center;align-items: center;}
#footer .social_networks > a:is(:hover, :focus) {-webkit-transform: scale(1.2);transform: scale(1.2);}
#footer .social_networks img{width: 18px;}
#footer .content > .message{font: var(--body-sm-font);color: var(--color-black-softer);font-weight: var(--body-sm-font-strong);}
#footer .content > .message > nav{display: flex;gap: var(--width-gap-sm);justify-content: center;}
#footer .content > .message > nav > a {text-decoration: none;font-weight: var(--body-sm-font-strong);color: var(--color-white);}

@media only screen and (max-width: 1024px){
  #footer .content > .logos > a{width: 120px;}
  #footer .logo-social, #footer .message, #footer .content > .logos{flex-direction: column;align-items: center;}
}

/* */
.layout-grid-search{gap: var(--width-gap-xs) !important;}
.layout-grid-search > .item{display: flex;align-items: stretch;}
.card-search-result {width: 100%;user-select: none;background: var(--color-white);padding: var(--width-gap);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);display: flex;flex-direction: column;gap: var(--width-gap-sm);color: var(--color-text-dark);text-decoration: none;}
.card-search-result:is(:hover, :focus){background-color: var(--color-yellow-softer);}
.card-search-result > .icon {width: 80px;height: 80px;position: relative;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background: var(--color-white-softer);-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);display: flex;align-items: center;justify-content: center;}
.card-search-result > .info{display: flex;flex-direction: column;gap: var(--width-gap-xs);flex-grow: 1;}
.card-search-result > .info > * + *{margin-top: 0;}
@media only screen and (max-width: 768px){
  .card-search-result{flex-direction: row;align-items: center;}
  .card-search-result > .icon {width: 64px;height: 64px;}
}



/* TODO:section.contact_methods */
section.contact_methods .layout-grid-contact-methods{gap: var(--width-gap-xs);}
section.contact_methods .layout-grid-contact-methods > .item {display: flex;align-items: stretch;}
.card-contact-method {width: 100%;user-select: none;background: var(--color-white);padding: var(--width-gap);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);display: flex;flex-direction: column;gap: var(--width-gap-sm);color: var(--color-text-dark);}
.card-contact-method > .icon {width: 80px;height: 80px;position: relative;padding: 20px;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background: var(--color-white-softer);-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);}
.card-contact-method > .icon > img {object-fit: contain;}
.card-contact-method > .info{display: flex;flex-direction: column;gap: var(--width-gap-xs);flex-grow: 1;}
.card-contact-method > .info > * + *{margin-top: 0;}
@media only screen and (max-width: 768px){
  .card-contact-method > .icon {width: 64px;height: 64px;}
}
/* ELEMENT contact-methods */
#contact-methods {position: fixed;right: 0;bottom: var(--width-gap);background-color: var(--color-white);display: flex;flex-direction: column;z-index: 999;border-radius: var(--width-border-radius) 0 0 var(--width-border-radius);overflow: hidden;opacity: 0;transform: translateX(100%);transition: var(--transition-fast);-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
body.scrollingDown #contact-methods{transform: translateX(0);opacity: 1;}
#contact-methods > a{width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;text-decoration: none;color: var(--color-black-darker);}
#contact-methods > a > [class^="material"]{font-size: 20px;}
#contact-methods > a:is(:hover, :focus){background-color: var(--color-black-darker);color: var(--color-yellow-soft);}

/* SECTION error404 */
section.error404 .content{
  padding: calc(var(--width-sections-gap) * 5) 0
}

/* SECTION map */
section.map > div{background-color: var(--color-yellow-softer);position: relative;}
section.map > div::after{content: " ";display: block;inset: 0;background: -webkit-radial-gradient(circle at center, rgba(var(--color-yellow-softer-rgb), 0) 0%, rgba(var(--color-yellow-softer-rgb), 1) 100%);background: radial-gradient(circle at center, rgba(var(--color-yellow-softer-rgb), 0) 0%, rgba(var(--color-yellow-softer-rgb), 1) 100%);z-index: 2;position: absolute;mix-blend-mode: multiply;pointer-events: none;}
section.map google-maps{height: 35vh;}
@media only screen and (max-width: 1366px){
  section.map google-maps{height: 30vh;}
}
@media only screen and (max-width: 568px){
  section.map google-maps{height: 25vh;}
}
/* SECTION map_street_view */
section.map_street_view .holder-iframe{width: 100%;position: relative;aspect-ratio: 3;}
section.map_street_view .holder-iframe > iframe{border: none;display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
@media only screen and (max-width: 568px){
  section.map_street_view .holder-iframe{aspect-ratio: 1;}
}

/* NEW:  */
.card-slide{overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;user-select: none;background-color: var(--color-white);}
.card-slide::before {content: " ";display: block;position: absolute;inset: 0;background: var(--color-black);z-index: 2;mix-blend-mode: soft-light;}

.card-slide > [class^="package-"]{max-width: min(1000px, 100%);}

section.slider{background-color: var(--color-white-softer);position: relative;}

.price.lg{font-size: calc(var(--price-font-size) * 2.5);font-weight: var(--price-font-strong);display: flex;align-items: center;gap: var(--width-gap-xs);}
.price.lg::before{font: var(--price-font);}

section.slider:not(.section_0) .card-slide{aspect-ratio: 3;margin:  0 auto;position: relative;}
section.slider.section_0 .card-slide{height: calc(100dvh - var(--preheader-height) - var(--header-height));}
section.slider .card-slide .cover{-webkit-filter: sepia(.25);filter: sepia(.25);-webkit-transition: var(--transition-slow);transition: var(--transition-slow);}


section.slider .tns-slide-active .card-slide .cover{-webkit-filter: sepia(.25) brightness(1.25) contrast(.75);filter: sepia(.25) brightness(1.25) contrast(.75);}
section.slider  [class^="heading-"] > .title{
  display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;
  word-wrap: break-word;
  hyphens: auto;
  /*
  */
}
section.slider .card-slide > .package{-webkit-transition: var(--transition);transition: var(--transition);-webkit-transform: translateY(var(--width-sections-gap));transform: translateY(var(--width-sections-gap));opacity: 0;}
section.slider .tns-slide-active .card-slide > .package{-webkit-transition-delay: .3s;transition-delay: .3s;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
section.slider .tns-controls{position: absolute;top: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 10;}
@media only screen and (max-width: 1366px){
 
}
@media only screen and (max-width: 768px){
 
}
@media only screen and (max-width: 568px){
 
}
/* SECTION call_to_action */
section.call_to_action {z-index: 5;overflow: hidden;background-color: var(--color-black-soft);}
section.call_to_action .content {padding: calc(var(--width-sections-gap) * 2) 0;display: flex;align-items: center;justify-content: center;}
section.call_to_action.has-background .content{padding: calc(var(--width-sections-gap) * 3) 0;}
section.call_to_action .content > .info{display: grid;grid-template-columns: 1fr;grid-gap: var(--width-gap-xs);z-index: 2;}
section.call_to_action > picture{z-index: 1;mix-blend-mode: soft-light;-webkit-animation: callToAction 20s ease-in-out infinite;animation: callToAction 20s  ease-in-out infinite;}
@-webkit-keyframes callToAction {
	0%, 100% { -webkit-transform: scale(1); -webkit-filter: contrast(1); }
	50% { -webkit-transform: scale(1.02); -webkit-filter: contrast(1.5); }
}
@keyframes callToAction {
	0%, 100% { transform: scale(1); filter: contrast(1); }
	50% { transform: scale(1.02); filter: contrast(1.5); }
}

/* INFO: section.call_to_action_alternative */
section.call_to_action_alternative .info{display: flex; gap: var(--width-gap-lg); justify-content: space-between;align-items: center;padding: var(--width-gap-xl);background: var(--gradient);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
section.call_to_action_alternative .info::after{position: absolute;right: 0;top: 0;bottom: 0;width: 50%;content: " ";z-index: 2;background: url(../images/effect-001.png);mix-blend-mode: multiply;background-size: cover;pointer-events: none;}
section.call_to_action_alternative .info > * {margin: 0;}
@media only screen and (max-width: 1366px){
  section.call_to_action_alternative .info{flex-direction: column;text-align: center;align-items: center;}
}

/* SECTION title */
section.counter_0::before{content: " ";display: block;height: var(--header-height);}
section.title {padding: var(--width-sections-gap) 0;background-color: var(--color-white-dark);overflow: hidden;position: relative;background-color: var(--color-white-darker);}
section.title.has-background{padding: calc(var(--width-sections-gap) * 5) 0 calc(var(--width-sections-gap) * 2) 0;background: linear-gradient(45deg, var(--color-white-softer) 25%, var(--color-yellow-darker) 80%, var(--color-black-softer) 100%);}
section.title .content > .info{width: 60%;}
section.title > .cover{ left: 35%; pointer-events: none; user-select: none;mix-blend-mode: multiply;}
section.title > .cover img{-webkit-filter: contrast(1.1);filter: contrast(1.1);}
section.title > .cover::after{position: absolute;inset: 0;content: " ";z-index: 2;background: -wekit-linear-gradient(90deg, rgba(var(--color-white-softer-rgb), 1) 0%, rgba(var(--color-white-softer-rgb), .5) 100%);background: linear-gradient(90deg, rgba(var(--color-white-softer-rgb), 1) 0%, rgba(var(--color-white-softer-rgb), .5) 100%);}
section.title .categories {margin-top: var(--width-gap-lg);}
section.title .categories > nav{display: flex;flex-wrap: wrap;gap: var(--width-gap-xs);}
@media only screen and (max-width: 1024px){
  section.title > .cover{left: 25%;}
}
@media only screen and (max-width: 568px){
  section.title .content > .info{width: 100%;}
  section.title.has-background{padding-top: 15vh;}
  section.title > .cover{left: 0%;bottom: auto;height: 20vh;}
  section.title > .cover::after{background: linear-gradient(to top, rgba(var(--color-white-softer-rgb), 1) 0%, rgba(var(--color-white-softer-rgb), .25) 100%);}
}

/* SECTION project */
section.project {padding: calc(var(--width-sections-gap) * 2) 0;overflow: hidden;position: relative;background-color: var(--color-white);--actions-margin-overwrite: var(--width-sections-gap);}
section.project .tns-ovh{overflow: visible !important;}
section.project.odd{ background-color: var(--color-white-soft);}
section.project > [class^="package"] > .content{display: flex;flex-direction: column;gap: var(--width-gap);}
section.project > [class^="package"] > .content > * {margin: 0;}
section.project .project-gallery a > picture{aspect-ratio: 1.5;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);overflow: hidden;transition: var(--transition);box-shadow: var(--box-shadow-soft);}
section.project .project-gallery a > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;transition: var(--transition-slow);}
section.project .project-gallery a:is(:hover, :focus) > picture{box-shadow: var(--box-shadow-soft-hover);}
section.project .project-gallery a:is(:hover, :focus) > picture > img{transform: scale(1.02);filter: contrast(1.1);}
section.project .layout-grid-featured_links {gap: var(--width-gap-xs);}
@media only screen and (max-width: 1024px){
  section.project > .cover{left: 25%;}
}
@media only screen and (max-width: 568px){
  section.project .content > .info{width: 100%;}
  section.project.has-background{padding-top: 15vh;}
  section.project > .cover{left: 0%;bottom: auto;height: 20vh;}
  section.project > .cover::after{background: linear-gradient(to top, rgba(var(--color-white-softer-rgb), 1) 0%, rgba(var(--color-white-softer-rgb), .25) 100%);}
}
/* CARD  card-mini-showroom-item */
.card-mini-showroom-item {align-items: center;display: flex;gap: var(--width-gap-sm);padding: var(--width-gap-sm);background-color: var(--color-yellow);-webkit-border-radius: calc(var(--width-border-radius) * 2);border-radius: calc(var(--width-border-radius) * 2);text-decoration: none;user-select: none;}
.card-mini-showroom-item:is(:hover, :focus){background-color: var(--color-black);color: var(--color-yellow);}
.card-mini-showroom-item picture{outline: 0 solid rgba(255,255,255,0);width: 48px;-webkit-border-radius: 50%;border-radius: 50%;flex-shrink: 0;transition: var(--transition-fast);}
.card-mini-showroom-item:is(:hover, :focus) picture{outline: var(--width-border-radius) solid var(--color-yellow-softer);}
.card-mini-showroom-item img{-webkit-border-radius: 50%;border-radius: 50%;}
.card-mini-showroom-item > .name{font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
@media only screen and (max-width: 1024px){
  .card-mini-showroom-item picture{width: 40px;}
}


[class^="terms-"] {display: flex;gap: var(--width-gap-xs);}
[class^="terms-"] > a{background-color: rgba(var(--color-black-dark-rgb), .5);color: var(--color-white-dark);border-left: 4px solid var(--color-orange);text-transform: uppercase;line-height: 1;padding: 8px 12px;font-size: 10px;font-weight: var(--body-font-strong);max-width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: none;}
[class^="terms-"] > a:is(:hover, :focus){border-color: var(--color-white);background-color: var(--color-black);color: var(--color-white);}



/* OK section.gallery */

section.gallery [class^="layout-"] {gap: var(--width-gap-sm);}
section.gallery .card-image{aspect-ratio: 1.4;}

/* OK card-image */
.card-image {position: relative;display: block;border-radius: var(--width-border-radius);overflow: hidden;--icon-size: 32px;}
.card-image > picture{transition: var(--transition);pointer-events: none;user-select: none;filter:sepia(.5) contrast(.75);}
.card-image:is(:hover,:focus) > picture{filter:sepia(0) contrast(1.2);-webkit-transform: scale(1.02);transform: scale(1.02);}
.card-image > .icon{position: absolute;bottom: 0;right: 0;line-height: 1;display: block;width: calc( var(--icon-size) * 2.2);height: calc( var(--icon-size) * 2.2);padding: calc( var(--icon-size) / 3);display: flex;align-items: flex-end;justify-content: flex-end;z-index: 2;opacity: 0;-webkit-transform: translate(8px,8px);transform: translate(8px, 8px);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
.card-image:is(:hover,:focus) > .icon{-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);opacity: 1;}
.card-image > .icon::after{content: " ";display: block;inset: 0;position: absolute;clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);background-color: rgba(var(--color-orange-rgb), .75);}
.card-image > .icon > span{font-size: var(--icon-size);color: var(--color-white);z-index: 2;}

/* OK card-image */
.layout-grid-samples-featured{gap: 6px !important;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
.layout-grid-samples-featured > .item:nth-child(1),
.layout-grid-samples-featured > .item:nth-child(2){grid-column: auto / span 2;grid-row: auto / span 2;}
@media only screen and (max-width: 1024px){
  .layout-grid-samples-featured{grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));}
}
.card-sample-image {position: relative;display: block;border-radius: var(--width-border-radius);overflow: hidden;}
.card-sample-image > picture{transition: var(--transition);pointer-events: none;user-select: none;aspect-ratio: 1;}
.card-sample-image > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-sample-image:is(:hover,:focus) > picture{-webkit-transform: scale(1.02);transform: scale(1.02);}


/* CARD showroom */

.card-showroom-item{user-select: none;display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-showroom-item > .image{display: block;position: relative;overflow: hidden;aspect-ratio: 1.8;display: flex;border-radius: var(--width-border-radius);-webkit-transition: var(--transition);transition: var(--transition);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
.card-showroom-item picture img{-webkit-transition: var(--transition-slow);transition: var(--transition-slow);filter: contrast(1);}
.card-showroom-item > .image:is(:hover, :focus) picture img{-webkit-filter: contrast(1);filter: contrast(1);}
.card-showroom-item > .image > picture + picture{opacity: 0;transform: scale(1.1);z-index: 2;transition: var(--transition);}
.card-showroom-item:is(:hover, :focus) > .image > picture + picture{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.card-showroom-item > .info{display: flex;gap: var(--width-gap-xs);}
.card-showroom-item > .info > .holder-title >  [class^="item-title"]{text-decoration: none;color: var(--color-black-soft);}
.card-showroom-item > .info > .holder-title >  [class^="item-title"]:is(:hover, :focus){color: var(--color-black-darker);}

/* SECTION showroom_list */
section.showroom_list {--actions-margin-overwrite: var(--width-sections-gap);}
section.showroom_list .categories{display: flex;flex-direction: column;gap: var(--width-sections-gap);}
section.showroom_list .categories > .category:not(.opened) > [class^="layout"] > .item:nth-child(n+5){display: none;}
section.showroom_list .categories > .category:not(.opened) [toggle-category] > .less{display: none;}
section.showroom_list .categories > .category.opened [toggle-category] > .more{display: none;}

/* CARD showroom-alternative */
.card-showroom-alternative-item{user-select: none;display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-showroom-alternative-item > .image{display: block;position: relative;overflow: hidden;aspect-ratio: 1.5;display: flex;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);-webkit-transition: var(--transition);transition: var(--transition);outline: var(--letter-effect-size) solid rgba(var(--color-pink-rgb), 0);}
.card-showroom-alternative-item > .image:is(:hover, :focus){box-shadow: var(--box-shadow-soft);}
.card-showroom-alternative-item picture img{-webkit-transition: var(--transition-slow);transition: var(--transition-slow);filter:  contrast(1);}
.card-showroom-alternative-item > .image:is(:hover, :focus) picture img{-webkit-filter: contrast(1);filter: contrast(1);}
.card-showroom-alternative-item > .image > picture + picture{opacity: 0;transform: scale(1.1);z-index: 2;transition: var(--transition);}
.card-showroom-alternative-item:is(:hover, :focus) > .image > picture + picture{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.card-showroom-alternative-item > .info{display: flex;gap: var(--width-gap-sm);flex-direction: column;}
.card-showroom-alternative-item > .info > .holder-title > [class^="item-title"]{text-decoration: none;color: var(--color-black-soft);}
.card-showroom-alternative-item > .info > .holder-title > [class^="item-title"]:is(:hover, :focus){color: var(--color-black-darker);}
.card-showroom-alternative-item > .info > .price{font-weight: var(--usps-font-strong);color: var(--color-black-darker);}
.card-showroom-alternative-item > .info > .samples {display: flex;align-items: center;gap: 2px;}
.card-showroom-alternative-item > .info > .samples::after{font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);color: var(--color-yellow);margin-left: var(--width-gap-xs);}
.card-showroom-alternative-item > .info > .samples > picture{width: 28px;border-radius: 28px;display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-white-softer);-webkit-border-radius: 28px;border-radius: 28px;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 2){width: 24px;border-radius: 24px;margin-left: -12px;z-index: -1;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 3){z-index: -2;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 4){z-index: -3;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 5){display: none;}
.card-showroom-alternative-item > .info > .samples > picture > img{width: calc(100% - 4px);height: calc(100% - 4px);object-fit: cover;display: block;border-radius: 50%;}





[append-before]::before { content: attr(append-before); }
[append-after]::after { content: attr(append-after); }


/* NEW related_woocommerce_products */

body.has-products main{padding-bottom: var(--related-height);}
section.related_woocommerce_products{
  
  
 background-color: var(--color-white);
  background: -webkit-linear-gradient(to bottom, rgba(var(--color-white-softer-rgb),.5) 0%, rgba(var(--color-white-softer-rgb),1) 100%);
  background: linear-gradient(to bottom, rgba(var(--color-white-softer-rgb),.5) 0%, rgba(var(--color-white-softer-rgb),1) 100%);
  backdrop-filter: blur(5px);
  z-index: 10 !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  

}


section.related_woocommerce_products  > [class^="package"] > .holder-content > .content{

  height: var(--related-height);
  display: flex;
  flex-direction: column;
  justify-content: center;


}



/* NEW .card-product */
.card-product{transition: var(--transition);outline: var(--width-border-width) solid var(--color-pink);
  background-color: var(--color-white-softer);outline-offset: calc(0px - var(--width-border-width));
  height: calc(var(--related-height) - var(--width-gap) * 2);padding: var(--width-gap-sm);border-radius: var(--width-border-radius);display: flex;flex-direction: column;justify-content: center;}
.card-product:is(:hover){outline-color: var(--color-pink-dark);}
.card-product > [class^="item-title"]{color: var(--color-pink);}
.card-product .price{font: var(--item-title-xs-font);color: var(--color-pink);}
.card-product .price del{color: var(--color-pink-softer);}

/* OK tags */
.tags{display: flex;flex-wrap: wrap;gap: var(--width-gap-xs);}
.tags > *{font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);background-color: var(--color-white-darker);color: var(--color-white-softer);text-decoration: none;padding: var(--width-gap-xs);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);user-select: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;max-width: 200px;overflow: hidden;white-space: nowrap;}
.tags > .featured{background-color: var(--color-pink);}
.tags > .price{background-color: var(--color-yellow-darker);}
.tags > span.price del {opacity: .25;}
.tags > span.price ins {text-decoration: none !important;}
.tags > a{background-color: var(--color-yellow-darker);}
.tags > a:is(:hover, :focus){background: var(--color-yellow-darker);color: var(--color-white-softer);}

/* SECTION .woocommerce */
section.woocommerce{padding: var(--width-sections-gap) 0;}

/* SECTION product_featured */

section.product_featured{background-color: var(--color-white);position: relative;overflow: hidden;}
section.product_featured.odd{background-color: var(--color-white-dark);}
section.product_featured .content {padding: calc(var(--width-sections-gap) * 3) 0;display: flex;width: 100%;}
section.product_featured.image_position_left .content{justify-content: flex-end;}
section.product_featured.image_position_right .content{justify-content: flex-start;}
section.product_featured > picture{mix-blend-mode: multiply;position: absolute;width: 50%;height: 100%;top: 50%;transform: translateY(-50%);max-height: 50vh;}
section.product_featured.image_position_left > picture{left: 0;}
section.product_featured.image_position_right > picture{right: 0;}
section.product_featured > picture > img{width: 100%;height: 100%;object-fit: contain;}
section.product_featured .content > .info{width: 50%;display: flex;flex-direction: column;gap: var(--width-gap);}
section.product_featured .content > .info > * {margin: 0;}
@media only screen and (max-width: 1366px){
  section.product_featured > picture{width: 40%;}
  section.product_featured .content > .info{width: 60%;}
}
@media only screen and (max-width: 768px){
  section.product_featured .content {padding: calc(var(--width-sections-gap) * 3) 0 var(--width-sections-gap) 0;}
  section.product_featured .content > .info{width: 100%;} 
  section.product_featured > picture{position: relative;top: auto;transform: translateY(0);width: 100%;height: 20vh;margin-bottom: var(--width-sections-gap);}
}

/* SECTION product_sheet */

section.product_sheet .content {display: flex;gap: var(--width-gap-lg);}
section.product_sheet .content.no-gallery{justify-content: center;}
section.product_sheet .content .gallery {display: grid;gap:4px;grid-template-columns: repeat(6, 1fr);}
section.product_sheet .content .gallery picture {aspect-ratio: 1;}
section.product_sheet .content .gallery picture > img{width: 100%;height: 100%;object-fit: cover;}
@media only screen and (min-width: 1201px){
  section.product_sheet .content .gallery > a{grid-column: auto / span 2;}
  section.product_sheet .content .gallery > a:nth-child(-n+2){grid-column: auto / span 3;}
  section.product_sheet .content .gallery > a:nth-child(1n+6){grid-column: auto / span 3;}
  section.product_sheet .content .gallery > a:nth-child(1n+8){grid-column: auto / span 2;}
  section.product_sheet .content.no-gallery > .content-right{width: 50%;}
}
section.product_sheet .content > .content-left{width: 60%;}
section.product_sheet .content > .content-right{width: 40%;display: flex;flex-direction: column;gap: var(--width-gap);}
section.product_sheet .content > .content-right > * {margin: 0 !important;}
section.product_sheet .related{display: grid;grid-template-columns: repeat(2, 1fr);gap:4px;}
section.product_sheet .options{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--width-gap-xs);}
section.product_sheet .options.options-1{display: none;}
section.product_sheet .options > .information_on_options {font: var(--body-sm-font);color: var(--color-black-soft);grid-column: 1 / span 3;}
section.product_sheet .options > .item{padding: var(--width-gap-sm);outline: var(--border-width-effect) solid var(--color-black-soft);outline-offset: calc(0px - var(--border-width-effect));color: var(--color-black-soft);display: flex;align-items: center;justify-content: center;text-align: center;font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);line-height: 1.5;background-color: var(--color-white-softer);text-decoration: none;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
section.product_sheet .options > .item > span{display:-webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
section.product_sheet .options > .item:is(:hover, :focus){outline-color: var(--color-black-darker);color: var(--color-black-darker);}
section.product_sheet .options > .item.current{background-color: var(--color-black-dark);color: var(--color-yellow);outline-color: var(--color-black-dark);pointer-events: none;}
section.product_sheet .option-details > .item{display: flex;flex-direction: column;gap: var(--width-gap);}
section.product_sheet .option-details > .item > *{margin: 0;}
section.product_sheet .option-details > .item:not(.current) {display: none;}
section.product_sheet .option-details .price{justify-content: flex-end;}
section.product_sheet .option-details dl{background-color: var(--color-white-softer);border: var(--border-width-effect) solid var(--color-yellow);box-shadow: var(--box-shadow-soft);border-radius: var(--width-border-radius);display: grid;grid-template-columns: repeat(2, 1fr);padding: var(--width-gap-sm);font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);}
section.product_sheet .option-details dl > *{padding: var(--width-gap-xs);margin: 0;}
section.product_sheet .option-details dl > dd{text-align: right;font-weight: var(--usps-font-strong);}
section.product_sheet .price_info{display: flex;justify-content: space-between;gap: var(--width-gap-sm);}
@media only screen and (max-width: 1200px){
  section.product_sheet .content{flex-direction: column;}
  section.product_sheet .content > .content-left, section.product_sheet .content > .content-right{width: 100%;}
  section.product_sheet .content .gallery picture {aspect-ratio: 1;}
  section.product_sheet .content .gallery > a:nth-child(-n+3){grid-column: auto / span 2;}
  section.product_sheet .content .gallery > a:nth-child(n+10){display: none;}
}
@media only screen and (max-width: 768px){
  section.product_sheet .price_info{flex-direction: column;align-items: center;gap: var(--width-gap);}
  section.product_sheet .options{grid-template-columns: repeat(2, 1fr);}
  section.product_sheet .options > .information_on_options {grid-column: 1 / span 2;}
}
@media only screen and (max-width: 568px){
  section.product_sheet .options{grid-template-columns: 1fr;}
  section.product_sheet .options > .information_on_options {grid-column: 1 / span 1;}
  section.product_sheet .content .gallery > a:nth-child(-n+2){grid-column: auto / span 3;}
  section.product_sheet .content .gallery > a:nth-child(n+3){grid-column: auto / span 1;}
  section.product_sheet .content .gallery > a:nth-child(n+9){display: none;}

  section.product_sheet .content .plan-your-visit{
    justify-content: center !important;
  }
}

/* ELEMENT more-information-tabs */

.more-information-tabs {display: flex;flex-direction: column;border: var(--border-width-effect) solid var(--color-yellow);border-radius: var(--width-border-radius);background-color: var(--color-white-softer);overflow: hidden;box-shadow: var(--box-shadow-soft);}
.more-information-tabs > .item + .item{border-top: var(--border-width-effect) solid var(--color-yellow);}
.more-information-tabs > .item > .title{font: var(--usps-font);font-weight: var(--usps-font-strong);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);padding: var(--width-gap-sm);display: flex;align-items: center;cursor: pointer;}
.more-information-tabs > .item > .title:is(:hover){background-color: var(--color-white);}
.more-information-tabs > .item > .title > span{flex-grow: 1;}
.more-information-tabs > .item > .title::after{font-family: 'Material Icons Outlined';content: "\e145";text-shadow: none;font-weight: normal;line-height: 0;font-size: 14px;}
.more-information-tabs > .item.current > .title{background-color: var(--color-yellow-softer);color: var(--color-black-darker);}
.more-information-tabs > .item.current > .title::after{content: "\e15b";}
.more-information-tabs > .item > .description{padding: var(--width-gap);display: flex;flex-direction: column;gap: var(--width-gap);border-top: 1px solid var(--color-yellow);}
.more-information-tabs > .item:not(.current) > .description{display: none;}
.more-information-tabs > .item > .description > .products{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--width-gap-xs);}
.more-information-tabs > .item > .description > [class^="actions"]{margin: 0;}

/* CARD card-mini-product */

.card-mini-product{display: flex;flex-direction: column;background-color: var(--color-white);border-radius: var(--width-border-radius);overflow: hidden;}
.card-mini-product > .image > picture{aspect-ratio: 1;}
.card-mini-product > .image > picture > img{width: 100%;height: 100%;object-fit: cover;mix-blend-mode: multiply;}
.card-mini-product > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);padding: var(--width-gap-sm);flex-grow: 1;}
.card-mini-product > .info > * {margin: 0;}
.card-mini-product > .info > .title{font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);text-align: center;}

/* CARD related */

.card-related {overflow: hidden;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: var(--color-yellow);}
.card-related picture{aspect-ratio: 1.5;transform: scale(1.02);transition: var(--transition-slow);filter: grayscale(.75);}
.card-related:is(:hover, :focus) > picture{transform: scale(1);filter: grayscale(0);}
.card-related picture > img{width: 100%;height: 100%;object-fit: cover;}



/* SECTION image */

section.image .image{display: block;position: relative;border-radius: var(--width-border-radius);overflow: hidden;text-decoration: none;color: var(--color-white);background-color: var(--color-black-dark);}
section.image .image > img{width: auto;margin: 0 auto;}
section.image .image > figcaption{display: block;background: rgba(var(--color-white-darker-rgb), .8);color: var(--color-black-darker);text-align: center;font: var(--body-sm-font);padding: var(--width-gap-sm);-webkit-box-shadow: var(--box-shadow-soft-hover);box-shadow: var(--box-shadow-soft-hover);position: absolute;bottom: var(--width-gap-sm);right: var(--width-gap-sm);z-index: 2;border-radius: var(--width-border-radius);}


/* SECTION image_text */

section.image_text {overflow: hidden;}
section.image_text .content{display: flex;gap: var(--width-sections-gap);align-items: center;}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > .image{width: 45%;}
section.image_text .content > .text{width: 55%;}
section.image_text .content > .image{position: relative;}
section.image_text img{-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column-reverse;}
  section.image_text.image_position_right .content {flex-direction: column-reverse;}
  section.image_text .content > :is(.image, .text){width: 100%;}
}

/* SECTION video_text */

section.video_text{position: relative;background-color: var(--color-black);}
section.video_text > .video{position: absolute;bottom: 0;top: 0;width: 65%;display: block;pointer-events: none;}
section.video_text.image_position_left > .video {left: 0;}
section.video_text.image_position_right > .video {right: 0;}
section.video_text > .video::after{content: "";display: block;position: absolute;inset: 0;z-index: 2;}
section.video_text.image_position_left > .video::after {left: 0;background: linear-gradient(to right, rgba(var(--color-black-rgb),0) 0%, var(--color-black) 100%);}
section.video_text.image_position_right > .video::after {right: 0;background: linear-gradient(to left, rgba(var(--color-black-rgb),0) 0%, var(--color-black) 100%); }
section.video_text > .video > video{width: 100%;height: 100%;object-fit: cover;display: block;}
section.video_text .content{display: flex;gap: var(--width-gap-lg);padding: calc(var(--width-sections-gap) * 3) 0;align-items: center;}
section.video_text.image_position_left .content{justify-content: flex-end;}
section.video_text.image_position_right .content {justify-content: flex-start;}
section.video_text .content > .text{width: 55%;}
@media only screen and (max-width: 1024px){
  section.video_text > .video {width: 100%;left: 0;right: 0;bottom: 15vh;}
  section.video_text > .video::after{left: 0;right: 0;background: linear-gradient(to bottom, rgba(var(--color-black-rgb),0) 0%, var(--color-black) 100%) !important;}
  section.video_text .content > .text{width: 100%;}
  section.video_text .content{ padding: 25vh 0 var(--width-sections-gap) 0;}
}

/* OK section.video */

section.video [class^="layout-grid-videos"]{gap: var(--width-gap-lg);}
.card-youtube {display: block;aspect-ratio: 16 / 9;width: 100%;}
.card-youtube > iframe {width: 100%;height: 100%;
  -webkit-box-shadow: var(--box-shadow-closed), var(--box-shadow-xl);
  box-shadow: var(--box-shadow-outline), var(--box-shadow-lg-dark);
  -webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);
}

  /* TODO: section.text */

section.text{overflow: hidden;}
section.text .article hr{position: relative;background-color: transparent;}
section.text .article hr::after{display: block;content: " ";position: absolute;height: var(--width-border-width);width: 100vw;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: var(--color-orange-soft)}
section.text .article blockquote{margin-left: calc(0px - var(--width-gap-lg));margin-right: calc(0px - var(--width-gap-lg));}
@media only screen and (max-width: 768px){
  section.text .article blockquote{margin-left: 0;margin-right: 0;}
}

/* SECTION divider */

section.divider{pointer-events: none;padding:calc(var(--width-sections-gap) * 1) 0;}
section.divider .holder-divider{display: flex;align-items: center;justify-content: center;}
section.divider .holder-divider > .divider > picture{display: flex;align-items: center;gap: var(--width-gap-sm);}
section.divider .holder-divider > .divider > picture > img{height: 48px;width: auto;}
section.divider .holder-divider > .divider > picture::before, section.divider .holder-divider > .divider > picture::after{display: block;content: "";background-color: var(--color-black-dark);height: 2px;width: 36px;}


/* SECTION samples */

body .layout-grid-samples{gap: var(--width-gap-sm);}
section.samples{background-color: var(--color-black);position: relative;}
section.samples select{outline: 2px solid var(--color-black-softer);background: var(--color-black-dark);color: var(--color-white-dark);font-size: var(--body-sm-font-size);}
section.samples select:focus{outline-color: var(--color-white);color: var(--color-white-softer);}
section.samples > [class^='package'] > .holder-content > .content {padding: calc(var(--width-sections-gap) * 2) 0;}
section.samples .filters{display: flex;gap: var(--width-gap-sm);align-items: flex-end;margin: var(--width-gap) 0;}
section.samples .filters label{color: var(--color-white);}
section.samples .filters > .field{width: auto !important;}

/* CARD card-sample */

.card-sample > picture{aspect-ratio: 1;}
.card-sample > picture{overflow: hidden;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);outline: var(--width-border-width) solid var(--color-black-soft);}
.card-sample > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-sample > .info{position: absolute;bottom: 0;padding: var(--width-gap-sm);z-index: 2;color: var(--color-yellow);user-select: none;}
.card-sample > .info > .label{font: var(--usps-font);font-weight: var(--usps-font-strong);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);}

/* SECTION featured_links */

body .layout-grid-featured_links{gap: var(--width-gap-sm);}
body .layout-grid-featured_links > .item:nth-child(1){grid-column: auto / span 2;grid-row: auto / span 2;}
.card.featured_link {display:flex;position: relative;flex-direction: column;gap: var(--width-gap-sm);-webkit-transition: all;transition: all;aspect-ratio: 1;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);overflow: hidden;}
.card.featured_link > .image{display: block;position: relative;}
.card.featured_link > .image img{-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);user-select: none;}
.card.featured_link > a {position: absolute;inset: 0;padding: var(--gap);display: flex;align-items: center;justify-content: center;z-index: 3;font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);text-decoration: none;user-select: none;background-color: rgba(var(--color-black-rgb), .8);opacity: 0;color: var(--color-yellow);-webkit-transition: var(--transition);transition: var(--transition);}
.card.featured_link > a:is(:hover, :focus) {opacity: 1;}
.card.featured_link > .info{z-index: 2;display: flex;flex-direction: column;gap: var(--width-gap-xs);position: absolute;bottom: 0;left: 0;right: 0;padding: var(--width-gap);color: var(--color-white);background: linear-gradient(to bottom,rgba(var(--color-black-rgb), 0) 0%, rgba(var(--color-black-rgb), 1) 100%);-webkit-transition: var(--transition);transition: var(--transition);}
.card.featured_link > a:is(:hover, :focus) + .info {opacity: 0;-webkit-transform: translateY(var(--width-gap));transform: translateY(var(--width-gap));}
.card.featured_link > .info > [class^="item-title"]{padding-right: 25%;}
body .layout-grid-featured_links > .item:nth-child(1) > .card.featured_link > .info > [class^="item-title"]{font-size: var(--item-title-font-size);}
.card.featured_link > .info > .intro{margin-top: 0; padding-right: 25%;}
body .layout-grid-featured_links > .item:nth-child(n+2) > .card.featured_link > .info > .intro{display: none;}
.card.featured_link > .actions{margin: 0;}
@media only screen and (max-width: 1024px){
  body .layout-grid-featured_links > .item:nth-child(1){grid-column: auto / span 2;grid-row: auto / span 1;}
  body .layout-grid-featured_links > .item:nth-child(1) > .card.featured_link {aspect-ratio: 2;}
  .card.featured_link > .image{aspect-ratio: 2;}
  .card.featured_link > .info {padding: calc(var(--width-gap) * .75);}
  .card.featured_link > .info > [class^="item-title"]{padding-right: 0;}
  .card.featured_link > .info > {padding-right: 20%;}
}
@media only screen and (max-width: 768px){
  body .layout-grid-featured_links > .item{grid-column: auto / span 2;grid-row: auto / span 1;}
  body .layout-grid-featured_links > .item:nth-child(1){grid-column: auto / span 2;grid-row: auto / span 2;}
  body .layout-grid-featured_links > .item > .card.featured_link {aspect-ratio: 2.5;}
  body .layout-grid-featured_links > .item:nth-child(1) > .card.featured_link{aspect-ratio: 1.5;}
}

/* TODO:card.post */
.card.post {display: grid;grid-template-columns: 1fr;gap: var(--width-gap);}
.card.post > .image {aspect-ratio: 1.5;overflow: hidden;overflow: hidden;-webkit-transition: var(--transition);transition: var(--transition);position: relative;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);display: block;position: relative;}
.card.post > .image:is(:hover, :focus){-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);-webkit-transform: translateY(calc(0px - var(--width-gap-xs))) scale(1.02);transform: translateY(calc(0px - var(--width-gap-xs))) scale(1.02);}
.card.post > .image::after{content: " ";display: block;position: absolute;inset: 0;opacity: 0;background: -webkit-linear-gradient(to top,  rgba(var(--color-orange-rgb),.75) 0%, rgba(var(--color-orange-rgb),0) 100%);background: linear-gradient(to top,  rgba(var(--color-orange-rgb),.75) 0%, rgba(var(--color-orange-rgb),0) 100%);mix-blend-mode:lighten;z-index: 2;transition: var(--transition);clip-path: polygon(0 0, 80% 0, 40% 100%, 0% 100%);}
.card.post > .image:is(:hover, :focus)::after{opacity: 1;}
.card.post > .image > .date{position: absolute;bottom: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 2;padding: var(--width-gap-xs);line-height: 1;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: rgba(var(--color-orange-dark-rgb), .9);-webkit-transition: var(--transition);transition: var(--transition);-webkit-transform-origin: right bottom;  transform-origin: right bottom;}
.card.post > .image:is(:hover, :focus) > .date{-webkit-transition-delay: .2s;transition-delay: .2s;opacity: 0;-webkit-transform: translateY(var(--width-gap-xs)) scale(.8);transform: translateY(var(--width-gap-xs)) scale(.8);}
.card.post > .info > .intro{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden;}



/* TODO:card.post */

#restrict{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--color-white);z-index: 1;display: flex;align-items: center;justify-content: center;}
#restrict form {position: relative;z-index: 2;max-width: calc(100vw - var(--width-gap) * 2);background-color: var(--color-white);padding: var(--width-gap-lg);-webkit-box-shadow: var(--box-shadow-soft);  box-shadow: var(--box-shadow-soft);}
#restrict + #main{display: none;}
/* TODO:card-counter */
.layout-grid-categories{  gap: var(--width-gap-sm) !important;--picture-size: 54px;}
.card-category{background-color: var(--color-white);padding: calc( var(--width-gap-sm) + 10px );-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);-webkit-transition: var(--transition);transition: var(--transition);outline: 2px solid rgba(255,255,255,0);}
.layout-grid-categories:hover .card-category:not(:hover){background-color: transparent;-webkit-box-shadow: none;box-shadow: none;}
.card-category:hover{outline: 2px solid var(--color-black);}
.card-category > .label{display: flex;align-items: center;gap: var(--width-gap-sm);cursor: pointer;}
.card-category > .label > picture {width: var(--picture-size);height: var(--picture-size);-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.card-category > .label > picture > img{object-fit: cover;width: 100%;height: 100%;}
.card-category > .label > .name{font: var(--h-font);font-size: var(--item-title-sm-font-size);flex-grow: 1;}
.card-category > .label > [class^="material"]{font-size: 32px;color: var(--color-gray-dark);-webkit-transition: var(--transition);transition: var(--transition);flex-shrink: 0;}
.card-category.active > .label > [class^="material"]{-webkit-transform: rotate(45deg);transform: rotate(45deg);color: var(--color-black);}
.card-category > .info{padding: 0 0 0 calc(var(--picture-size) + var(--width-gap-sm));padding-top: 0;-webkit-transition: var(--transition);transition: var(--transition);display: none;}
.card-category.active > .info{-webkit-transform: scale(1);transform: scale(1);padding: var(--width-gap-sm) 0 0 calc(var(--picture-size) + var(--width-gap-sm));display: block;}
@media only screen and (max-width: 768px){
  .layout-grid-categories{--picture-size: 32px;}
  .card-category > .label > [class^="material"]{font-size: 20px;}
}
.tns-item img {pointer-events: none !important;}




section.product_form {
  background-color: rgba(var(--color-white-rgb), .95);
  backdrop-filter: blur(20px);
  box-shadow: var(--box-shadow);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 200;
  width: min(700px, calc(100vw - var(--width-gap-xl)));
  pointer-events: none;

  opacity: .5;
  transform: translateX(100%);
  
  transition: var(--transition-fast);
}

section.product_form > a.close{
  position: absolute;
  top: var(--width-gap);
  right: var(--width-gap);
  z-index: 6;
}

section.product_form.opened {
  opacity: 1;
  transform: translateX(0%);
  pointer-events: all;
}


section.product_form > [class^="package"]{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--width-sections-gap);
}


/* SECTION reviews */

section.reviews {background-color: var(--color-yellow-softer);padding: calc(var(--width-sections-gap) * 1) 0;overflow: hidden;}
section.reviews .tns-ovh{overflow: visible !important;}
section.reviews .layout-carousel-reviews{display: flex;align-items: center;}
section.reviews .tns-nav{margin: 0;}

section.reviews .tns-item:not(.tns-item-active){
  opacity: .5;
}

/* CARD card-review */

.card-review{height: 100%;display: flex;flex-direction: column;gap: var(--width-gap-sm);text-align: center;align-items: center;padding: var(--width-sections-gap);}
.card-review > picture{aspect-ratio: 1;width: min(25vmin, 100px);}
.card-review > picture > img{width: 100%;height: 100%;object-fit: cover;-webkit-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
.card-review > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-review > .info > * {margin-top: 0;margin-bottom: 0;}