/* ! HEADER */
:root {
  --header-height: 115px;
}
.icon {
  display: inline-block;
  vertical-align: revert;
  fill: currentColor;
  font-size: inherit;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
}
.header {
  position: sticky;
  top: 0;
  z-index: 1050;
  background-color: #fff;
  border-bottom: 1px solid rgba(50,43,37,0);
  transition: top .8s cubic-bezier(.23,1,.32,1);
}
.header__wrap {
  display: flex;
  padding-block: 23px;
  padding-inline: 20px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.header--sticky .header__wrap {
  padding-block: 18px;
}
.header__nav,
.header__logo,
.header__links {
  line-height: 1;
  flex: 1 0 auto;
}
.header__nav ul,
.header__links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.header__nav a,
.header__nav a:hover,
.header__nav a:focus,
.header__links a,
.header__links a:hover,
.header__links a:focus {
  color: #322B25;
}
.header__nav {
  text-align: left;
}
.header__nav ul {
  column-gap: 32px;
  text-transform: uppercase;
}
.header__nav a {
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-color: rgba(223,96,72,0);
  transition: text-decoration .8s;
}

@media (hover: hover) {
  .header__nav a {
    transition: all 0.15s ease;
  }
}

.header__nav a:hover, .header__nav a.active {
  text-decoration-color: rgba(223,96,72,1);
}
.header__nav__toggle button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  touch-action: manipulation;
  width: 16px;
  height: 16px;
}
.header__nav__toggle .icon-bar {
  display: block;
  width: 24px;
  height: 1px;
  background-color: #322B25;
}
.header__nav__toggle .icon-bar + .icon-bar {
  margin-top: 8px;
}
.header__nav__toggle .icon-bar:nth-child(1),
.header__nav__toggle .icon-bar:nth-child(3) {
  transform: rotate(0);
  transition: transform 0.25s ease 0.05s, width ease 0.05s;
}
.header__nav__toggle .icon-bar:nth-child(1) {
  transform-origin: 0% 0%;
}
.header__nav__toggle .icon-bar:nth-child(2) {
  opacity: 1;
  transition: opacity 0.25s ease 0.05s;
}
.header__nav__toggle .icon-bar:nth-child(3) {
  transform-origin: 0% 100%;
}
.header__nav__toggle--dismiss .icon-bar:nth-child(1) {
  width: 26px;
  transform: rotate(45deg);
}
.header__nav__toggle--dismiss .icon-bar:nth-child(2) {
  opacity: 0;
}
.header__nav__toggle--dismiss .icon-bar:nth-child(3) {
  width: 25px;
  transform: rotate(-45deg);
}
.header__links {
  text-align: right;
}
.header__links ul {
  column-gap: 10px;
  justify-content: flex-end;
}
.header__links a,
.header__links a:hover,
.header__links a:focus {
  text-decoration: none;
}
.header__logo {
  text-align: center;
}
.header__logo img {
  width: 166px;
  height: auto;
  transform: translateY(6px);
  transition: width 0.3s ease;
}
.header--sticky .header__logo img {
  width: 156px;
}

@media (max-width: 991px) {
  .overflow-mobile{
    display: inline-flex;
    overflow-x: auto;
    /* width: 90%; */
    padding-top: 50px;
    white-space: nowrap;
    background-color: #eae9e8;
    color: #eae9e8;
    justify-content: flex-start;
    align-content: center;
    gap: 10px;
  }
  .offcanvas__menu > li.has-desktop-parent + li:not(.has-desktop-parent) {
    margin-top: min(7.5em, 65px)!important;
  }
  .overflow-mobile > a {
    width: 100%;
    min-width: 128px!important;
    padding-block: 10px;
    color: #322b25!important;
    text-align: left;
    display: flex!important;
    flex-direction: column!important;
  }
  li[class*="sub-menu-overflow"]{
    display: none;
  }
  .header {
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }
  .header--offcanvas {
    background-color: transparent;
    border-bottom-color: rgba(50,43,37,0.1);
  }
  .header__nav__menu,
  .header__links :is(.search, .account) {
    display: none;
    visibility: hidden;
  }
  .menu-item-lastest {
    padding-top: 30px;
  }
  .offcanvas__menu .sub-menu {
    padding-top: 25px;
  }
  .search-item{
    display: block!important;
  }
}

@media (min-width: 992px) {
  .header__nav,
  .header__logo,
  .header__links {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .header__nav__toggle {
    display: none;
    visibility: hidden;
  }
  .overflow-mobile{
    display: none;
  }
    .home .header__wrap {
    padding-block: 28px;
    padding-inline: 40px;
    transition: padding 0.3s ease;
  }
  .header__wrap {
    padding-block: 22px;
    padding-inline: 40px;
    transition: padding 0.3s ease;
  }
}

@media (min-width: 1200px) {
  .header__logo img {
    transition: width 0.3s ease;
    width: 185px;
  }
   .home .header__logo img {
    transition: width 0.3s ease;
    width: 314px;
  }
  .header--sticky .header__logo img {
    width: 185px;
  }

  .header--sticky .header__wrap {
    padding-block: 22px;
  }
}

@media screen and (max-width:1200px){
  .offcanvas__menu li.menu-item-gallery {
  margin-top: 40px!important;
  padding-right: 20px!important;
  }

  .menu-item-gallery > h6 {
    margin-bottom: 15px!important;
  }
}

/* ! OFFCANVAS */
body.offcanvas-is-open {
  overflow: hidden;
}
.offcanvas,
.offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.offcanvas {
  width: 70vw;
  z-index: 1040;
  background-color: #EAE9E8;
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 1400ms cubic-bezier(0.19,1,0.22,1),visibility 1200ms;
}
.offcanvas--open {
  transform: translateX(0%);
  visibility: visible;
}
.offcanvas__wrap,
.offcanvas__menu {
  height: 100%;
}
.offcanvas__wrap {
  position: relative;
}
.offcanvas__menu {
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
}
.offcanvas__menu,
.offcanvas__menu .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
  padding-inline: 20px;
}
.offcanvas__menu a,
.offcanvas__menu a:hover,
.offcanvas__menu a:focus {
  color: inherit;
}
.offcanvas__menu a {
  text-underline-offset: 5px;
  text-decoration-color: rgba(50,43,37,0);
}
.offcanvas__menu a:hover {
  text-decoration-color: rgba(50,43,37,1);
}
.offcanvas__menu li[class*="has-children"] .icon {
  margin-left: -33px;
  margin-right: 0px;
}
li.menu-item-lang.menu-item-has-children .icon {
    margin-left: -37px;
    margin-right: 0px;
    display: flex;
    align-items: center;
}
li.menu-item-lang.menu-item-has-children a {
    display: flex;
    align-items: center;
}
.offcanvas__menu .sub-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  visibility: hidden;
  transform: translateX(-100%);
  background-color: #EAE9E8;
  transition: transform 1400ms cubic-bezier(0.19,1,0.22,1),visibility 1200ms;
}
.offcanvas__menu .sub-menu{
  padding-left: 33px;
}
.offcanvas__menu li[class*="has-children"].active > .sub-menu {
  visibility: visible;
  transform: translateX(0%);
  transition: transform 1400ms cubic-bezier(0.19,1,0.22,1),visibility 1200ms;
}
.offcanvas__menu > li + li {
  margin-top: min(1.9em, 28px);
}
.offcanvas__menu > li.has-desktop-parent + li:not(.has-desktop-parent),
.offcanvas__menu > li.menu-item + li.menu-item-lang {
  margin-top: min(7.5em, 75px);
}
.offcanvas__menu > li.has-desktop-parent > a {
  font-size: 1.3em;
  font-weight: 500;
  display: flex;
}
.offcanvas__menu > li.has-desktop-parent > a {
  text-decoration-color: rgba(223,96,72,0);
}
.offcanvas__menu > li.has-desktop-parent > a:hover, .offcanvas__menu > li.has-desktop-parent > a:focus {
  text-decoration-color: rgba(223,96,72,1);
  text-underline-offset: 5px;
}
.offcanvas__menu li.menu-item-panel {
  position: sticky;
  top: 0;
  font-size: 12px;
  margin-bottom: 40px;
  background-color: #EAE9E8;
}
.offcanvas__menu .sub-menu li.menu-item-panel a:first-child {
  font-size: 11px;
}
.offcanvas__menu li.menu-item-gallery {
  margin-top: 55px;
}
.offcanvas__menu li.menu-item-panel > a,
.offcanvas__menu li.menu-item-panel > a:hover,
.offcanvas__menu li.menu-item-panel > a:focus {
  text-decoration: none;
}
.offcanvas__menu .menu-item > a > img {
  width: 324px;
  height: 324px;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  position: absolute;
  top: 66px;
  right: -85px;
  opacity: 0;
}

@media (hover: hover) {
  .offcanvas__menu a {
    transition: all 0.15s ease;
  }
  .offcanvas__menu .menu-item:not(.active) > a > img {
    transition: opacity 0.15s ease;
  }
  .offcanvas__menu .menu-item:not(.active) > a:hover > img {
    opacity: 1;
  }
}

.offcanvas__close {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 35px;
  z-index: 20;
  cursor: pointer;
  touch-action: manipulation;
}
.offcanvas-overlay {
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255,255,255,1);
  transition: opacity 800ms cubic-bezier(0.19,1,0.22,1), visibility 900ms;
}
.offcanvas--open ~ .offcanvas-overlay {
  z-index: 1030;
  visibility: visible;
  background-color: rgba(255,255,255,1);
  opacity: 1;
  transition:  opacity 800ms cubic-bezier(0.19,1,0.22,1),  visibility 900ms;
}

@media (max-width: 991px) {
  .offcanvas__menu {
    margin-left: 20px;
    padding-top: 49px;
  }
  .offcanvas__close,
  .offcanvas__menu .menu-item > a > img {
    display: none;
    visibility: hidden;
  }
  .offcanvas__menu li.menu-item-panel {
    text-align: center;
  }
  .offcanvas__menu li.menu-item-panel a {
    display: block!important;
    /* padding-right: 11px; */
  }
  .offcanvas__menu li.menu-item-panel .icon {
    position: absolute;
    left: -10px;
    margin: 0 !important;
  }
  .offcanvas__menu > li.has-desktop-parent {
    display: list-item !important;
  }
  .offcanvas__menu > li + li {
    margin-top: min(2.5em, 17px);
  }
  .offcanvas__menu .sub-menu:not(.lang) {
    column-count: 2;
  }
  .offcanvas__menu .sub-menu:not(.lang) > li:is(.menu-item-panel, .menu-item-gallery) {
    column-span: all;
    padding: 0;
  }
 
}

@media screen and (max-width:768px){
  .offcanvas__menu > li + li {
    margin-top: min(1.2em, 23px);
  }
  .menu-item-lastest {
    padding-top: 23px;
  }
  .offcanvas__menu > li.has-desktop-parent + li:not(.has-desktop-parent) {
    margin-top: min(3.5em, 100px)!important;
  }
  .offcanvas__menu .sub-menu li {
    padding-inline: 0!important;
  }
}


@media screen and (max-width:425px){
  .offcanvas__menu {
    padding-top: 50px;
  }
  .offcanvas__menu > li + li {
    margin-top: min(1em, 27px);
  }
  .offcanvas__menu .sub-menu li.menu-item-gallery {
    margin-top: 31px;
    /* padding-inline: 6px!important; */
  }
  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-dropdown a,
  .menu-item-lang-preferences a.js-wpml-ls-item-toggle.wpml-ls-item-toggle,
  .menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item a {
    width: 359px!important;
}
.menu-item-lang-preferences li{
  padding-top: 18px!important;
}
li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item,
li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-first-item {
  padding-top: 18px!important;
}
  .collections {
    padding: 0;
    margin-inline:0px;
  }
  .offcanvas__menu > li:not(.has-desktop-parent) {
    margin-block: 9px;
  }
  .cart .icon {
    width: 24px;
    height: 24px;
  }
  .wpml_content {
    width: auto!important;
  }
  .header__nav__toggle .icon-bar + .icon-bar {
    margin-top: 8px;
  }
  .header__nav__toggle .icon-bar {
      width: 18px;
  }
  .overflow-mobile > a {
    min-width: 112px!important;
    padding-bottom: 15px;
    text-align: left;
  }
  .offcanvas__menu li.menu-item-panel {
    margin-top: 23px;
    margin-bottom: 40px;
  }
}


@media screen and (max-width:375px){
  .menu-item-lastest {
    padding-top: 13px;
  }
  .overflow-mobile > a {
    min-width: 95px!important;
    padding-bottom: 15px;
    text-align: left;
  }
  .menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-dropdown a,
  .menu-item-lang-preferences a.js-wpml-ls-item-toggle.wpml-ls-item-toggle,
  .menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item a {
    width: 329px!important;
  }
  .offcanvas__menu .overflow-mobile a {
    /* padding-right: 22px!important; */
    /* min-width: 105px!important; */
  }
  .offcanvas__menu > li:not(.has-desktop-parent) {
    margin-block: 6px!important;
  }
  .offcanvas__menu > li + li {
    margin-top: min(1.6em, 14px);
  }
  .offcanvas {
    padding-top: calc(var(--header-height) + 12px);
  }
}


@media screen and (max-width:320px){
   .overflow-mobile > a {
    min-width: 76px!important;
    padding-bottom: 15px;
    text-align: left;
  }
  .menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-dropdown a, .menu-item-lang-preferences a.js-wpml-ls-item-toggle.wpml-ls-item-toggle, .menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item a {
    width: 277px!important;
}
}


@media  screen and (min-width:992px) and (max-width:1199px){
  .offcanvas{
    width:80vw;
  }
}

@media (min-width: 992px) {

  .offcanvas__menu {
    padding-inline: unset;
    padding-block: unset;
    padding-top: 30px;
    padding-left: 120px;
  }
  .offcanvas__menu li.menu-item-panel .icon {
    margin-left: -23px !important;
    margin-right: 64px!important;
  }
  .offcanvas__menu > li.has-desktop-parent {
    display: none;
  }
  .offcanvas__menu .sub-menu > li.menu-item {
    display: inline-block;
    width: calc(25% - 3px);
  }
  .offcanvas__menu .sub-menu > li.menu-item:nth-child(n+4) {
    margin-top: 15px;
  }

}

@media screen and (max-width:991px){
  .offcanvas{
    width:100%!important;
  }
}

/* ! OTHER */
.menu-item-lang-preferences label {
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.menu-item-lang-preferences button {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  font-family: 'Playfair Display', serif;
  min-width: 200px;
  padding: 10px 24px;
  border-radius: 0;
  color: #ffffff;
  background: #DF6048;
}
.menu-item-gallery > h6 {
  font-size: 18px !important;
  font-weight: 500 !important;
  margin-bottom: 25px;
}
.menu-item-gallery > a {
  display: inline-block;
  margin-top: 20px;
}
.collections {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 3px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

@media screen and (min-width:1500px){
  .offcanvas__menu .menu-item > a > img {
    width: 420px;
    height: 420px;
    right: -120px;
  }
}

@media (hover: hover) {
  .collections::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
  .collections--grab {
    cursor: grabbing;
    scroll-snap-type: none;
  }
 
}


.collections__item {
  margin: 0;
  flex: 0 0 152px;
  max-width: 152px;
  scroll-snap-align: start;
}
.collections__item img {
  width: 152px;
  height: 152px;
  object-fit: cover;
  object-position: center;
}
.collections__item figcaption {
  display: block;
  margin-top: 10px;
  text-align: center;
}


@media (max-width: 991px) {
  .collections {
    margin-inline: -20px;
    padding-bottom: 18px;
  }
  .header__wrap {
    padding-block: 16px;
  }
  .offcanvas{
    width:100%!important;
  }
}

.offcanvas__menu > li:not(.has-desktop-parent) {
  margin-block: 10px;
}


@media screen and (max-width: 1119px){
  .offcanvas__menu .menu-item > a > img {
    width: 282px;
    height: 282px;
    transform: translate3d(75px, -50%, 0);
    top: calc(46% - var(--header-height) / 2);
  }
  .offcanvas__menu li.menu-item-panel .icon {
    /* margin-right: min(calc(6% - 0px), 62px)!important; */
  }
}

.offcanvas__menu li > .sub-menu a:hover {
  text-decoration: none!important;
  text-underline-offset: unset;
}
.wpml_content {
  width: 409px;
  position: relative;
  margin: 20px 0;
}
.wpml_content select {
  display: none;
}
li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-dropdown a {
  background: #be007100;
  padding: 16px 10px;
  color: #000;
  cursor: pointer;
  z-index: 99;
  border: 1px solid #80808059;
  width: 409px;
}
li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-dropdown {
    padding-inline: 0;
}
.selected-item:after {
  background-image: url('../img/arrow-downs.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 10px;
  height: 20px;
  content: "";
  transition: 0.3s;
  position: absolute;
  right: 10px;
}
.arrowanim.selected-item:after {
  transform: rotate(180deg);
}
.item {
  background: #be007100;
  padding: 14px 10px;
  color: #000;
  cursor: pointer;
  border: 1px solid #80808059;
}
.item:hover {
  background: rgba(223,96,72,1);
  color: #fff;
  border: none;
  transition: .3s cubic-bezier(0.4, 0, 1, 1);
}
.all-items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
}
.all-items-hide {
  display: none;
}
.sdf {
  border: 1px solid red;
}
.upward-scroll .header {
  transition: top .8s;
  top: 0px;
}
.downward-scroll .header {
  top: -117px;
  transition: top 2s cubic-bezier(.23,1,.32,1);
}
li.menu-item-lang.menu-item-has-children {
  margin-top: 20px!important;
  margin-bottom: 70px!important;
  margin-inline: 7px;
}
.header--offcanvas {
  top: 0px!important;
}
.search-item{
  display: none;
}
.search-item a {
  font-size: 1.3em;
  font-weight: 500;
}
.offcanvas__menu .sub-menu li {
  padding-inline: 90px;
}
li.menu-item-panel {
  padding-inline: unset!important;
}
.content-img {
  background-color: #fff;
}

.header .menu-item-has-children a {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1441px){
  .offcanvas__menu li.menu-item-panel .icon {
    margin-right: min(calc(6% - 11px), 63px);
    margin-left: -3px !important;
  }
}


@media screen and (max-width: 1440px){
  .offcanvas__menu .sub-menu {
    /* padding-left: 48px; */
  }
  .offcanvas__menu li.menu-item-panel .icon {
    margin-left: -2px !important;
    margin-right: min(calc(9% - 24px), 67px);
  }
}

@media screen and (max-width:1200px){
  .home nav.offcanvas.offcanvas--open {
    padding-top: 114px;
  }
  .offcanvas__close {
      top: -8px;
  }
  .offcanvas__menu .sub-menu {
    /* padding-left: 50px; */
}
}


@media screen and (max-width:1024px){
  .offcanvas__menu .sub-menu li:first-child {
    padding-top: 0px!important;
    padding-inline: 0px!important;
  }
  .offcanvas__menu .menu-item > a > img {
    top: calc(42% - var(--header-height) / 2);
  }
  .offcanvas__menu li.menu-item-panel .icon {
    margin-left: 0;
    margin-right: 64px!important;
  }
  .menu-item-gallery a {
    text-decoration: underline;
    margin-top: 15px;
  }
  .collections a {
      text-decoration: none;
      margin-top: unset;
  }
}


@media screen and (max-width:991px){
  .offcanvas__menu {
    padding-top: 23px;
  }
  .secondary-menu a, .menu-item-lang a, .menu-item-gallery a {
    text-decoration: underline!important;
    text-underline-offset: 5px!important;
    text-decoration-color: #000!important;
    display: flex;
    align-items: center;
  }
  .collections a {
    text-decoration: none!important;
}
}


@media screen and (max-width: 768px){
  .offcanvas__menu .sub-menu li {
    padding-inline: min(0vw, 72px)!important;
    top: 0px;
    padding-top: 0!important;
  }
  .sub-menu.lang li.menu-item-lang-preferences {
    padding: 0!important;
  }
  .overflow-mobile {
    padding-top: 30px;
    width: 100%;
  }
  .overflow-mobile > a {
    min-width: fit-content!important;
  }
  .home nav.offcanvas.offcanvas--open,
  nav.offcanvas.offcanvas--open {
    padding-top: 95px!important;
  }
  .offcanvas__menu li.menu-item-panel .icon {
    margin-left: 0px!important;
  }
  .offcanvas__menu li.menu-item-panel a:first-child {
      display: flex;
      justify-content: center;
  }
  .sub-menu.lang li.menu-item-lang-preferences .form-group {
    padding-left: 21px;
  }

}


@media screen and (max-width: 475px){
  .collections {
    padding-bottom: 14px;
    margin-inline: -26px;
  }
  .offcanvas__menu .sub-menu li:first-child {
    padding-inline: 8px!important;
    margin-bottom: 51px;
    padding-top: 44px!important;
    margin-top: -18px;
  }
  .offcanvas__menu li.menu-item-panel a:first-child{
    justify-content: center;
  }
  .offcanvas__menu .overflow-mobile a:first-child {
    justify-content: flex-start!important;
    min-width: fit-content!important;
  }
  .offcanvas__menu li.menu-item-panel a:first-child {
    padding-left: 0px;
  }
  .offcanvas__menu .overflow-mobile a {
      min-width: fit-content!important;
  }
  li.menu-item-lang.menu-item-has-children {
    margin-bottom: 70px!important;
    margin-top: 24px!important;
  }
  .offcanvas__menu li.menu-item-panel .icon {
    top: 38px;
  }
  .overflow-mobile a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  ul.sub-menu {
    margin-top: -37px!important;
    padding-bottom: 37px!important;
    padding-inline: 14px!important;
  } 
  .offcanvas__menu li[class*="has-children"].active > .sub-menu {
    overflow-x: hidden;
  }
}

@media screen and (max-width:420px){
  .offcanvas__menu > li.has-desktop-parent + li:not(.has-desktop-parent){
    margin-top: 50px!important;
  }
}

@media screen and (max-width:375px){
  .overflow-mobile {
      gap: 6px;
  }
}

@media screen and (max-width:320px){
  .offcanvas__menu .overflow-mobile  a {
    min-width: fit-content!important;
    padding-right: 11px!important;
  }
  .offcanvas__menu .sub-menu li.menu-item-gallery {
    padding-inline: 7px!important;
  }
  .offcanvas__menu .sub-menu li.menu-item-panel a:first-child {
    min-width: fit-content!important;
  }
  .overflow-mobile{
    gap:5px!important
  }
}


.offcanvas__menu .sub-menu li a {
  display: flex;
  align-items: center;
}
.offcanvas__menu .sub-menu .collections a {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  text-align: center;
}
.home nav.offcanvas.offcanvas--open,
nav.offcanvas.offcanvas--open,
.home nav.offcanvas,
nav.offcanvas {
  padding-top: 120px;
}

::-webkit-scrollbar {
  width: 0px;  
  background: transparent; 
}
.offcanvas__menu .sub-menu.lang li a {
  text-decoration: none!important;
}



.menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-first-item,
.menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-last-item {
  padding-inline: 0;
}

.menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-last-item a:hover, .menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item a:hover {
  background: rgba(223,96,72,1);
  color: #fff;
  border: none;
  transition: .3s cubic-bezier(0.4, 0, 1, 1);
}
.menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-last-item a:hover::after, .menu-item-lang-preferences li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item a:hover::after {
    transform: rotate(180deg);
}

.menu-item-lang-preferences.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
  width: 409px;
  position: relative;
  margin: 20px 0;
}
.menu-item-lang-preferences  a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
  background: #be007100;
  padding: 14px 10px;
  color: #000;
  cursor: pointer;
  z-index: 99;
  border: 1px solid #80808059;
  width: 409px;
  display: flex;
  flex-direction: row;
  align-items: center;
}


.menu-item-lang-preferences  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item a {
  background: #be007100;
  padding: 14px 10px;
  color: #000;
  cursor: pointer;
  z-index: 99;
  border: 1px solid #80808059;
  width: 409px;
  /* padding-inline: 0; */
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  background-image: url('../img/arrow-downs.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 10px;
  height: 20px;
  content: "";
  transition: 0.3s;
  position: absolute;
  right: 10px;
  top: 13px;
  border: navajowhite;
}
.arrowanim.menu-item-lang-preferences  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item a:after {
  transform: rotate(180deg);
}
.menu-item-lang-preferences  ul.wpml-ls-sub-menu {
  width: 409px;
  border-top: 0;
}

.menu-item-lang-preferences  li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-last-item {
  width: 100%;
  padding-inline: 0;
}
.selected-item {
  display: none;
}
.menu-item-lang-preferences  span.wpml-ls-display {
  display: none;
}