/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --wpforms-button-background-color: #1c23ba !important;
}

::selection {
  background-color: #1b1b1b;
  color: #fff;
}

html {
  scroll-behavior: unset !important;
  scroll-padding-top: 0 !important;
}

/* .elementor-element {
  scroll-margin-top: 150px;
} */

body {
  overflow-x: hidden;
}

#page {
  overflow-x: clip;
  padding-top: 189px;
}

body.home #page {
  /* padding-top: 300px; */
}

a {
  transition: 0.3s ease all;
}

.hndsm_lang_switcher {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-left: 0;
  list-style: none;
}

.hndsm_lang_switcher li+li::before {
  content: "/";
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.hndsm_lang_switcher li a,
.hndsm_lang_switcher li a.active {
  font-weight: bold;
}

.elementor-element .elementor-icon-wrapper {
  display: flex;
}

.elementor-element {
  scroll-margin-top: 110px;
}

.split {
  opacity: 0;
  /* will-change: transform; */
  font-kerning: none;
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
}

.split * {
  /* will-change: transform; */
}

/* Header */
#masthead {
  top: 0;
  /* position: sticky !important; */
  position: fixed !important;
  right: 0;
  left: 0;
}

#masthead #logo-1 {
  display: flex;
}

#masthead #slogan {
  display: flex;
}

#masthead #logo-2 {
  display: none;
}

#masthead .header-right {
  position: absolute;
  right: 0;
  font-size: 1rem;
}

@media (min-width: 769px) {
  body.fixed-nav-on #masthead #logo-1 {
    display: none;
  }

  body.fixed-nav-on #masthead #slogan {
    display: none;
  }

  body.fixed-nav-on #masthead #logo-2 {
    display: flex;
  }

  body.fixed-nav-on #masthead #logo-2 .elementor-icon-wrapper {
    display: flex;
  }

  body.fixed-nav-on #masthead .e-con-inner {
    --padding-block-start: 1rem;
    --padding-block-end: 0;
  }

  body.fixed-nav-on #masthead .e-con-inner>.elementor-element {
    justify-content: center;
  }

  body.fixed-nav-on #masthead .hndsm_menu a {
    padding: 0.25rem;
    font-size: 1rem;
  }
}


#masthead .header-tagline {
  font-family: "Thernaly", serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1;
  color: var(--e-global-color-text);
}

#masthead .header-tagline svg {
  width: 3em;
  height: 100%;
}

/* Menu */
#masthead .hndsm_menu ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  list-style: none;
}

#masthead .hndsm_menu a {
  font-family: "Fjalla One", serif;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--e-global-color-primary);
  padding: 1rem;
  display: inline-block;
}

#masthead .hndsm_menu a:hover {
  color: var(--e-global-color-text);
}

.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,
.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)) {
  transition: none;
}

/* Hero */
#page {
  /* padding-top: 0 !important; */
}

#hero {
  min-height: 100dvh;
  padding-top: 0 !important;
  transition: none !important;
}

#hero-dish {
  /* transform: scale(0.2); */
  opacity: 0;
}

#hero-watermark-1,
#hero-watermark-2,
#hero-text-1,
#hero-text-2,
#hero-product-1,
#hero-product-2,
#hero-product-3,
#hero-product-4,
#hero-product-5,
#hero-product-6,
#hero-product-7 {
  opacity: 0;
}

#products-shape svg path {
  transition: 0.3s ease all;
  color: var(--e-global-color-secondary);
}

#products-shape svg a:hover path {
  color: #d9c29b;
  /* animation-play-state: paused; */
}

#products-shape svg a:first-child path[fill="currentColor"] {
  /* animation: 1s linear 0s shapeColorChange infinite; */
}

#products-shape svg a:last-child path[fill="currentColor"] {
  /* animation: 1s linear 0.5s shapeColorChange infinite; */
}

@keyframes shapeColorChange {

  0%,
  100% {
    color: var(--e-global-color-secondary);
  }

  50% {
    color: #d9c29b;
  }
}


#products-shape-button a {
  cursor: initial;
}


/* .attention-animation svg a:first-child path:not([fill="currentColor"]) {
  animation: 2s linear heartBeat 0s infinite;
  transform-origin: center;
}

.attention-animation svg a:last-child path:not([fill="currentColor"]) {
  animation: 2s linear heartBeat 1s infinite;
  transform-origin: center;
} */

@keyframes heartBeat {

  0%,
  100% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.05, 1.05);
  }

}

/* @keyframes heartBeat {
  0% {
    transform: scale(1, 1);
  }

  14% {
    transform: scale(1.05, 1.05);
  }

  28% {
    transform: scale(1, 1);
  }

  42% {
    transform: scale(1.05, 1.05);
  }

  70% {
    transform: scale(1, 1);
  }
} */


/* #products-shape-button a::after {
  content: "";
  display: block;
  width: 1px;
  height: 3rem;
  position: absolute;
  top: 100%;
  background: red;
  left: 70%;
  transform: rotate(50deg);
  transform-origin: top;
} */

.touchon {
  position: absolute;
  top: 100%;
  left: 30%;
  transform: translate(-50%, -50%);
  animation: 6s moveHand linear infinite;
}

@keyframes moveHand {
  0% {
    opacity: 0;
    top: 100%;
    left: 30%;
  }

  10%,
  30% {
    opacity: 1;
    top: 70%;
    left: 30%;
  }

  40%,
  60% {
    opacity: 1;
    top: 70%;
    left: 70%;
  }

  71%,
  100% {
    opacity: 0;
    top: 100%;
    left: 70%;
  }
}

.touchon svg {
  width: 4rem;
  height: auto;
}

.touchon-hand-fill {
  fill: #ffffff;
  filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.5));
}

.touchon-hand-stroke {
  stroke: var(--e-global-color-primary);
  stroke-width: 12;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.touchon-hand-fill,
.touchon-hand-stroke {
  animation: 2s linear 0.6s infinite handTouch;
  transform-origin: 50% 50%;
}

.hand-touch-1,
.hand-touch-2,
.hand-touch-3 {
  stroke: #fff;
  filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.4));
}

.hand-touch-1 {
  animation: 2s linear 0s infinite touch-1;
}

.hand-touch-2 {
  animation: 2s linear 0s infinite touch-2;
  opacity: 0;
}

.hand-touch-3 {
  animation: 2s linear 0s infinite touch-3;
  opacity: 0;
}

@keyframes touch-1 {
  0% {
    r: 0;
  }

  70% {
    r: 0;
  }

  80% {
    r: 50;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes touch-2 {
  0% {
    r: 0;
  }

  50% {
    r: 0;
  }

  80% {
    r: 110;
    opacity: 0.8;
  }

  95% {
    opacity: 0;
  }
}

@keyframes touch-3 {
  30% {
    r: 0;
    opacity: 0;
  }

  80% {
    r: 160;
    opacity: 0.7;
  }

  90% {
    opacity: 0;
  }
}

@keyframes handTouch {
  0% {
    transform: scale(1, 1);
  }

  10% {
    transform: scale(0.7, 0.7);
  }

  20% {
    transform: scale(1, 1);
  }
}


.hndsm_grid_circles>div:nth-of-type(1) {
  justify-self: center;
  margin-bottom: -3rem;
}

.hndsm_grid_circles>div:nth-of-type(2) {
  justify-self: flex-end;
}

.hndsm_grid_circles>div:nth-of-type(3) {
  justify-self: flex-start;
}

.aspect-ratio-square {
  aspect-ratio: 1;
}

/* Filters */
.hndsm_products_archive_breadcrumbs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.hndsm_products_archive_breadcrumbs h2 {
  font-family: "Fjalla One", serif;
  font-size: 3rem;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--e-global-color-text);
  margin: 0;
}

.hndsm_products_archive_breadcrumbs h2 span {
  color: var(--e-global-color-primary);
}

.hndsm_products_archive_breadcrumbs svg {
  width: 2rem;
  height: auto;
}

.hndsm_products_archive_breadcrumbs img {
  width: 6rem;
  height: auto;
}


.hndsm_products_archive_breadcrumbs>a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  opacity: 0.4;
}

.hndsm_products_archive_breadcrumbs>a:hover,
.hndsm_products_archive_breadcrumbs>a.active {
  opacity: 1;
}


.hndsm_products_archive_breadcrumbs>a:nth-child(2n) {
  flex-direction: row-reverse;
  text-align: right;
}

.hndsm_products_archive_breadcrumbs>div:nth-child(2n) svg {
  transform: scaleX(-100%);
}

.hndsm_products_archive_filters {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}

.hndsm_products_archive_filters span {
  font-family: "Fjalla One", serif;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--e-global-color-primary);
  padding: 1rem;
  display: inline-block;
  cursor: pointer;
  transition: 0.3s ease all;
  flex-shrink: 0;
}

.hndsm_products_archive_filters span.active,
.hndsm_products_archive_filters span:hover {
  color: var(--e-global-color-text);
}

.hide {
  display: none;
}

.show {
  animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Archive - Product */
.archive.tax-product_categories h1 span {
  color: var(--e-global-color-primary);
}

.archive.tax-product_categories article {
  border-right: 1px solid var(--e-global-color-primary);
  border-bottom: 1px solid var(--e-global-color-primary);
}

.archive.tax-product_categories article header {
  padding: 1rem;
  border-bottom: 1px solid var(--e-global-color-primary);
}

.archive.tax-product_categories article header h2 {
  color: var(--e-global-color-primary);
  margin: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.archive.tax-product_categories article header h2:first-child {
  color: var(--e-global-color-text);
  font-size: 2rem;
}

.archive.tax-product_categories article footer {
  padding: 1rem;
  text-align: center;
}

.archive.tax-product_categories article footer img {
  width: 75%;
  margin-top: -2rem;
}


.hndsm_products_archive_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
  border-top: 1px solid var(--e-global-color-primary);
  border-left: 1px solid var(--e-global-color-primary)
}

.hndsm_products_archive_list:not(:has(article.show ~ article.show)) {
  border-top: none;
}

.hndsm_products_archive_list:not(:has(article.show ~ article.show)) article.show {
  border-top: 1px solid var(--e-global-color-primary);
}

/* Single - Product */
.hndsm_product_breadcrumbs {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: nowrap;
}

.hndsm_product_breadcrumbs svg {
  width: 2rem;
  height: auto;
  vertical-align: middle;
}

.hndsm_product_breadcrumbs ul {
  display: flex;
  gap: 0;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}

.hndsm_product_breadcrumbs li {
  text-transform: uppercase;
  position: relative;
}

.hndsm_product_breadcrumbs li+li::before {
  content: "/";
  padding: 0 0.5rem;
}

.hndsm_product_breadcrumbs li a:hover {
  color: var(--e-global-color-text);
}

.hndsm_products_single article {
  border: 1px solid var(--e-global-color-primary);
}

.hndsm_products_single article header {
  border-bottom: 1px solid var(--e-global-color-primary);
  padding: 1rem;
}

.hndsm_products_single article header h2 {
  color: var(--e-global-color-primary);
  margin: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.hndsm_products_single article header h2:first-child {
  color: var(--e-global-color-text);
  font-size: 2rem;
}

.hndsm_products_single_content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 2rem
}

.hndsm_products_single_content_text {
  display: flex;
  justify-content: center;
}

.hndsm_products_single_content_image {
  background: var(--e-global-color-text) url("/wp-content/uploads/2026/05/watermark.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.hndsm_products_single_details {
  margin: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}

.hndsm_products_single_details dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.hndsm_products_single_details dt {
  font-weight: bold;
}

.hndsm_products_single_details dd {
  margin: 0;
}

.hndsm_products_single_details button {
  all: unset;
  border: 1px solid var(--e-global-color-primary);
  border-radius: 11rem;
  display: flex;
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
  gap: 0.5rem;
  align-items: center;
  align-self: flex-start;
  font-family: "Fjalla One", serif;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--e-global-color-primary);
  font-size: 1rem;
  transition: 0.3s ease all;
  cursor: pointer;
}

.hndsm_products_single_details button:hover {
  background-color: var(--e-global-color-primary);
  color: #fff
}


/* Swiper */
.swiper-elements {
  height: 4rem;
}

#page .swiper {
  width: 100%;
  max-width: 100%;
  max-height: 100vh;
  min-height: 0;
  min-width: 0;
}

#page .swiper-wrapper {
  min-width: 0;
  display: flex;
  max-width: 100%;
}

#page .swiper .swiper-slide {
  user-select: none;
  flex-grow: initial;
  flex-shrink: 0;
  min-width: 0;
  display: flex;
}

.content-slider {
  position: relative;
}

.content-slider.swiper-initialized {
  overflow: hidden;
}

.content-slider .swiper-navigation [type="button"] {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="129.819px" height="238.001px" viewBox="0 0 129.819 238.001" enable-background="new 0 0 129.819 238.001" xml:space="preserve"><g><path fill="%23ffffff" d="M129.819,119c0,2.767-1.058,5.536-3.17,7.648L18.467,234.831c-4.227,4.227-11.072,4.227-15.297,0c-4.224-4.229-4.227-11.073,0-15.297L103.704,119L3.17,18.466c-4.227-4.227-4.227-11.072,0-15.297c4.227-4.224,11.073-4.227,15.297,0l108.182,108.183C128.762,113.464,129.819,116.233,129.819,119z"/></g></svg>');
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center;
  border: none;
  border-radius: 0;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 9;
  transform: translateY(-50%) rotate(180deg);
}

.content-slider .swiper-navigation [type="button"]:last-child {
  transform: translateY(-50%) rotate(0);
  left: initial;
  right: 0;
}

.content-slider .swiper-navigation [type="button"]:hover {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="129.819px" height="238.001px" viewBox="0 0 129.819 238.001" enable-background="new 0 0 129.819 238.001" xml:space="preserve"><g><path fill="%23000000" d="M129.819,119c0,2.767-1.058,5.536-3.17,7.648L18.467,234.831c-4.227,4.227-11.072,4.227-15.297,0c-4.224-4.229-4.227-11.073,0-15.297L103.704,119L3.17,18.466c-4.227-4.227-4.227-11.072,0-15.297c4.227-4.224,11.073-4.227,15.297,0l108.182,108.183C128.762,113.464,129.819,116.233,129.819,119z"/></g></svg>');
  background-color: var(--e-global-color-accent);
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  opacity: 1;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  border-radius: 0.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #fff;
}

.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid #a28750;
}

.content-slider .swiper-slide img {
  padding: 3rem
}

/* Footer */
#colophon a:hover {
  color: var(--e-global-color-text);
}

#page .wpforms-form input,
#page .wpforms-form input::placeholder,
#page .wpforms-form select,
#page .wpforms-form select::placeholder,
#page .wpforms-form textarea,
#page .wpforms-form textarea::placeholder {
  font-family: "Saira Condensed", serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--e-global-color-primary);
  opacity: 1;
}

#page .wpforms-form input,
#page .wpforms-form select,
#page .wpforms-form textarea {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--e-global-color-primary);
  padding: 0.25rem;
}

#page .wpforms-form input:focus,
#page .wpforms-form select:focus,
#page .wpforms-form textarea:focus {
  box-shadow: 0 0 0 1px var(--e-global-color-primary), 0px 1px 2px rgba(0, 0, 0, 0.15);
}

.wpforms-container .wpforms-submit-container {
  display: flex;
  justify-content: center;
}

#page .wpforms-form button[type="submit"] {
  background-color: transparent;
  font-family: "Fjalla One", serif;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  fill: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-primary);
  border-radius: 99rem 99rem 99rem 99rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  transition: all .3s;
  display: inline-block;
  height: auto;
  opacity: 1;
}

#page .wpforms-form button[type="submit"]:focus:after {
  border: 0
}

#page .wpforms-form button[type="submit"]:hover {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-accent);
}

.rotate .elementor-icon,
img.rotate {
  will-change: transform;
  animation: 15s linear rotate infinite;
  transform: rotate(0deg);
}

.hndsm_products_archive_breadcrumbs a:not(.active) .rotate {
  animation-play-state: paused;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.pum-container {
  max-width: 90%;
}


@media (max-width: 1024px) {
  #masthead .header-tagline {
    font-size: 1.7rem;
  }

  #page .hndsm_grid_circles>div {
    justify-self: center;
  }

  .hndsm_grid_circles>div:nth-of-type(1) {
    margin-bottom: 0;
  }

  .hndsm_products_archive_filters {
    gap: 0;
    justify-content: flex-start;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
    overflow: auto;
    background: linear-gradient(90deg, var(--e-global-color-accent) 30%, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(255, 255, 255, 0), var(--e-global-color-accent) 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), var(--e-global-color-accent)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), var(--e-global-color-accent)) 0 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top left, top right, top left, top right;
    background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%;
    background-attachment: local, local, scroll, scroll;
  }


  .hndsm_products_archive_filters::-webkit-scrollbar {
    display: none;
  }

  .hndsm_products_archive_filters span,
  .archive.tax-product_categories article header h2 {
    font-size: 1rem;
  }

  .archive.tax-product_categories article header h2:first-child {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  #masthead #logo-1 {
    display: none;
  }

  #masthead #slogan {
    display: none;
  }

  #masthead #logo-2 {
    display: flex;
  }

  #page {
    padding-top: 160px;
  }

  .hide_on_mobile {
    display: none !important;
  }

  #masthead .header-tagline {
    font-size: 0.85rem;
  }

  #masthead .hndsm_menu a {
    padding: 0.2rem;
    font-size: 0.85rem !important;
  }

  .archive.tax-product_categories article footer img {
    margin-top: -1.5rem;
  }

  .archive.tax-product_categories article header {
    padding: 0.5rem;
  }

  .archive.tax-product_categories article header h2 {
    font-size: 0.7rem;
  }

  .archive.tax-product_categories article header h2:first-child {
    font-size: 1rem;
  }

  .hndsm_products_single_content {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .hndsm_product_breadcrumbs {
    font-size: 0.7rem;
  }

  #products-shape,
  #products-shape div,
  #products-shape svg {
    width: 100%;
    height: auto;
  }

  .hndsm_products_single_details dl {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .hndsm_products_single_details dd+dt {
    margin-top: 1rem
  }

  .hndsm_product_breadcrumbs {
    gap: 1rem;
  }

  .hndsm_products_archive_breadcrumbs {
    gap: 0;
  }

  .hndsm_products_archive_breadcrumbs>a {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hndsm_products_archive_breadcrumbs>a:nth-child(2n) {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .hndsm_products_archive_breadcrumbs h2 {
    font-size: 1.3rem;
  }

  .hndsm_products_archive_breadcrumbs img {
    height: 4rem;
    width: auto;
  }
}