.mejs-container {
  direction: ltr;
  border-radius: 12px;
  overflow: hidden
}

.editor-content {
  line-height: 2;
}

.editor-content em {
  font-style: italic
}

.editor-content code,
.editor-content pre {
  display: block;
  overflow-x: auto;
  direction: ltr;
  text-align: left;
  background: #1e1e1e;
  color: var(--c-white);
  border-radius: var(--br-20);
  padding: 1rem 2.4rem;
  white-space: pre;
  font-size: var(--fs-14);
  font-family: monospace;
  box-shadow: 0 19px 24px 0 #0000001a;
  line-height: 1.8
}

code {
  direction: ltr;
  width: 100%;
  text-align: left;
  display: block
}

.editor-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.7rem, 0));
  gap: 1rem;
  justify-content: center
}

.desktop .editor-gallery {
  /* grid-template-columns: repeat(auto-fit, minmax(13%, 0)); */
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
}

.editor-content img:not(.img_gallery, .bg-cta-m) {
  max-width: 100%;
  border-radius: 3.2rem;
  background: var(--bg-img)
}

.section--editor #websima-cta-content:only-child {
  margin-top: 0;
  margin-bottom: 0
}

.sw-auto-center .swiper-slide {
  height: auto;
  width: 14.5rem
}

.tabs-nav {
  display: flex;
  position: relative
}

.tabs-nav::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  background-color: var(--bg-neutral-300);
  pointer-events: none;
  height: 4px
}

.tabs-nav .tablinks {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  position: relative;
  padding: 0 1rem 2rem;
  font-weight: 700;
  font-size: var(--fs-18);
  transition: 0.3s ease-out
}

.tabs-nav .tablinks img {
  max-width: 3.5rem;
  height: auto;
  filter: brightness(0)
}

[data-theme="dark"] .tabs-nav .tablinks img {
  filter: brightness(0) invert(1)
}

.tabs-nav .tablinks.active img {
  filter: brightness(0) saturate(100%) invert(42%) sepia(94%) saturate(5329%) hue-rotate(327deg) brightness(89%) contrast(97%);
  -webkit-filter: brightness(0) saturate(100%) invert(42%) sepia(94%) saturate(5329%) hue-rotate(327deg) brightness(89%) contrast(97%)
}

.tabs-nav .tablinks.active {
  color: var(--c-primary)
}

.editor__editor {
  font-size: var(--fs-editor);
  line-height: 2.4
}

.tab-content__editor {
  line-height: 2.4;
  padding: 3rem 0 0;
  font-size: var(--fs-editor)
}

.tabs-nav .tablinks::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 4px;
  left: 0;
  right: 0;
  border-radius: 10px;
  opacity: 0;
  background-color: var(--c-primary);
  transition: var(--anim);
  z-index: 2
}

.tabs-nav .tablinks.active::before {
  opacity: 1
}

.gallery_item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 3.2rem
}

.gallery_item img {
  transition: var(--anim);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 3.2rem;
  aspect-ratio: 1/1;
  -webkit-filter: blur(0);
  filter: blur(0)
}

.gallery_item+p {
  text-align: center;
  margin-top: 1.4rem;
  font-size: var(--fs-15);
  font-weight: 700
}

.gallery_item:after {
  opacity: 0;
  content: "\e93e";
  font-family: var(--ff-icon);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--anim);
  z-index: 1;
  position: absolute;
  color: var(--c-white);
  font-size: 4.8rem;
  line-height: 1;
  text-decoration: initial
}

.gallery_item:before {
  opacity: 0;
  content: "";
  position: absolute;
  height: 100%;
  background: #cc967b91;
  backdrop-filter: blur(4px);
  opacity: 0;
  left: 0;
  right: 0;
  transition: var(--anim);
  z-index: 1;
}

.gl--box {
  margin: 2rem 0 4rem !important
}

.alignleft,
.alignright {
  float: none;
  margin-inline: auto;
  margin-bottom: 2rem
}

.aligncenter {
  text-align: center;
  display: block;
  margin-inline: auto;
  margin-bottom: 2rem
}

.blockquote {
  position: relative
}

.editor-content li :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
  display: inline;
  line-height: 1.5
}

img.alignnone {
  margin: 0 .5rem
}

.editor-content :is(h3, h4, h5, h6) {
  line-height: 2;
  font-weight: 700
}

.editor-content :is(h1, h2) {
  line-height: 1.8;
  font-weight: 700
}

.editor-content h1 {
  font-size: var(--fs-32)
}

.editor-content h2 {
  font-size: var(--fs-26)
}

.editor-content h3 {
  font-size: var(--fs-24)
}

.editor-content h4 {
  font-size: var(--fs-22)
}

.editor-content h5 {
  font-size: var(--fs-20)
}

.editor-content h6 {
  font-size: var(--fs-18)
}

.editor-content ul:not(.acf-checkbox-list, .acf-radio-list, .acf-bl) li {
  margin-bottom: .5rem;
  list-style: disc;
  list-style-position: inside;
  text-indent: -2rem;
  padding-right: 2rem
}

.editor-content ul li::marker {
  color: var(--c-primary);
  line-height: 1
}

.comment-single li::marker {
  content: none
}

.editor-content .wp-caption-text {
  text-align: center
}

.editor-content .wp-caption {
  width: auto !important
}

.editor-content a:not(.btn, .acf-icon, .product-card__img, .title, .product-card__cart) {
  color: var(--c-primary);
  font-weight: 700;
  display: inline;
  vertical-align: middle
}

.editor-content a:not(.btn, .acf-icon):hover {
  color: var(--c-primary-200)
}

.editor-content strong {
  font-weight: 700
}

.editor-content blockquote {
  padding: 6rem min(6rem, 4vw) 2.5rem;
  background: var(--c-secondary);
  color: var(--c-white);
  position: relative;
  display: block;
  margin: 5rem 0 2rem !important;
  isolation: isolate;
  border-radius: 2.4rem;
  font-weight: 700;
}

.editor-content blockquote .bg {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="420" height="26" fill="none" viewBox="0 0 420 26"><path fill="%23fff" fill-rule="evenodd" d="M209.664 26c26.773 0 50.859-9.523 67.6-13.412 20.311-4.72 43.484-9.39 67.326-9.39H420V0H0v3.199h74.737c23.843 0 47.016 4.67 67.328 9.389C158.805 16.477 182.891 26 209.664 26Z" clip-rule="evenodd"/></svg>');
  position: absolute;
  top: -4px;
  height: 3rem;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top;
  left: 0;
  background-size: contain;
  pointer-events: none;
}

.editor-content blockquote::before {
  content: "\e90b";
  position: absolute;
  font-family: var(--ff-icon);
  color: var(--c-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translate(-50%, -16%);
  top: 0;
  font-size: 5.4rem;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
}

.editor-content ol {
  list-style: none;
  margin-left: 0;
  padding: 0
}

.editor-content ol li {
  counter-increment: item;
  position: relative;
  margin-bottom: 1rem;
  text-indent: -2rem;
  padding-right: 2rem
}

.editor-content ol li:before {
  content: counter(item) ".";
  color: var(--c-primary);
  padding-left: 1rem;
  font-size: var(--fs-26);
  line-height: 1;
  font-weight: 700
}

hr {
  border: 1px solid var(--c-neutral-100);
}

.editor-wrapper {
  padding: 0 var(--space-md-x)
}

.editor-content>*+* {
  margin-top: 1.5rem;
  clear: both
}

.editor-content .wp-video {
  display: block;
  border-radius: 3.2rem;
  margin-inline: auto;
  max-width: 100% !important;
  overflow: hidden
}

.editor-content .wp-video video {
  width: min(85rem, 100%);
  margin-right: auto;
  margin-left: auto;
  border-radius: 3.2rem
}

.editor-content table:not(.acf-table) th,
.editor-content table:not(.acf-table) td {
  white-space: nowrap;
  word-break: break-word;
  border-bottom: none;
  padding: 0.5rem 1rem;
  font-size: inherit;
  line-height: 2;
  vertical-align: middle;
  border: 1px solid #eee;

}

.editor-content table:not(.acf-table) tr:nth-child(odd) td {
  background-color: #f5f5f5;
}

.editor-content table:not(.acf-table) tr:nth-child(even) td {
  background-color: #fff;
}

.editor-content table:not(.acf-table) tr:first-child th {
  background: var(--c-primary);
  color: #fff;
}

/* .editor-content table:not(.acf-table) tr:first-child th:first-child {
  border-radius: 0 8px 8px 0
}

.editor-content table:not(.acf-table) tr:first-child th:last-child {
  border-radius: 8px 0 0 8px
} */

.editor-content table:not(.acf-table) :is(tbody, thead) {
  /* display: table; */
  width: 100%
}

.editor-content table:not(.acf-table) {
  border-collapse: collapse;
  width: 100%;
  border-bottom: 0;
  display: table;
}

@media (max-width: 1023.9px) {
  .editor-content table:not(.acf-table) {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}

/* .editor-content table:not(.acf-table) tr {
  border-bottom: 1px solid var(--c-primary)
} */
.has-text-align-right {
  text-align: right;
}

.has-text-align-center {
  text-align: center;
}

.editor-content table:not(.acf-table) th {
  font-weight: 700
}

.editor-content table:not(.acf-table):not(.acf-table)::-webkit-scrollbar {
  height: 4px !important;
  width: 3px !important
}

.editor-content table:not(.acf-table)::-webkit-scrollbar-track {
  background: #eae8e4 !important;
  height: 4px !important
}

.editor-content table:not(.acf-table)::-webkit-scrollbar-thumb {
  background: #7b7b7b !important;
  height: 4px !important
}

.editor-content table:not(.acf-table)::-webkit-scrollbar-thumb:hover {
  background: var(--c-primary) !important
}

.editor-content table::-webkit-scrollbar {
  height: 8px;
  width: 8px
}

.editor-content table::-webkit-scrollbar-track {
  border-radius: 0 0 4px 4px;
  background-color: #ececec
}

.editor-content table::-webkit-scrollbar-thumb {
  background: #aca9a9;
  border-radius: 0 0 4px 4px
}

.editor-content table::-webkit-scrollbar-thumb:hover {
  background: var(--c-primary)
}

.editor-content table {
  scrollbar-color: var(--c-primary);
  scrollbar-width: thin;
  height: auto !important
}

.form-pattern :is(input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .select2) {
  font-family: inherit;
  padding: 1.6rem 2.1rem;
  height: 6rem;
  background-color: var(--c-neutral-50);
  border: 1px solid transparent;
  transition: 0.3s var(--ease2);
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  border-radius: 6rem;
  color: var(--c-neutral-900);
  font-size: var(--fs-16);
}


.form-pattern .select2.select2-container,
.form-pattern select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: left 1.2rem center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  padding-right: 4rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-pattern form.submitted :is(input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .select2):invalid:required {
  border-color: var(--danger)
}

.form-pattern textarea {
  height: 12.1rem !important;
  border-radius: 2rem !important;
}

.form-pattern :is(input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .select2):focus-visible {
  border-color: var(--c-primary)
}

.form-pattern :is(input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .select2):focus-visible::-webkit-input-placeholder {
  color: var(--c-primary)
}

.form-pattern :is(input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .select2):focus-visible::-moz-placeholder {
  color: var(--c-primary)
}

.form-pattern :is(input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .select2):focus-visible:-ms-input-placeholder {
  color: var(--c-primary)
}

.form-pattern :is(input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, select, .select2):focus-visible::placeholder {
  color: var(--c-primary)
}

.form-pattern :is(textarea, input)::-webkit-input-placeholder {
  color: var(--text-neutral-550);
  font-size: var(--fs-16);
  transition: 0.3s var(--ease2)
}

.form-pattern :is(textarea, input)::-moz-placeholder {
  color: var(--c-blue-150);
  font-size: var(--fs-14);
  transition: 0.3s var(--ease2)
}

.form-pattern :is(textarea, input):-ms-input-placeholder {
  color: var(--c-blue-150);
  font-size: var(--fs-14);
  transition: 0.3s var(--ease2)
}

.form-pattern :is(textarea, input)::placeholder {
  color: var(--c-blue-150);
  font-size: var(--fs-14);
  transition: 0.3s var(--ease2)
}

.form-pattern label {
  line-height: 1;
  display: inline-block;
  margin-bottom: 1.3rem;
  font-size: var(--fs-14);
  transition: 0.3s var(--ease2);
  font-weight: bold;
}

.form-pattern label.error {
  font-size: var(--fs-12);
  color: var(--danger);
  display: block;
  padding: 1rem;
  margin-bottom: 0
}

.form-pattern input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.5rem
}

.form-pattern input[type="checkbox"]::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  transform: scale(0);
  background-color: var(--c-neutral-600);
  transition: 120ms transform ease-in-out;
  transform-origin: bottom left;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)
}

.form-pattern input[type="checkbox"]:checked::before {
  transform: scale(1)
}

.form-pattern input[type="radio"]:checked {
  border: 2px solid var(--c-neutral-400) !important;
  box-sizing: border-box !important;
  background: var(--c-neutral-600) !important;
  box-shadow: inset 0 0 0 4px #fff !important;
}

.form-pattern input[type="radio"] {
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 50%;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  border: 2px solid #ccc;
  margin-left: 0.7rem;
  vertical-align: middle;
  flex: none
}

.form-pattern input::autofill,
.form-pattern input:-webkit-autofill,
.form-pattern input:-webkit-autofill:active,
.form-pattern input:-webkit-autofill:hover,
.form-pattern input:-webkit-autofill:focus {
  /* -webkit-animation-name: autofill;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  -webkit-box-shadow: none !important; */
  /* background-color: transparent !important; */
}

#form-pattern input:-webkit-autofill,
#form-pattern input:-webkit-autofill:active,
#form-pattern input:-webkit-autofill:hover,
#form-pattern input:-webkit-autofill:focus {
  /* -webkit-animation-name: autofill;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  -webkit-box-shadow: 0 0 0 100px var(--c-neutral-000) inset !important;
  -webkit-box-shadow: none; */
}

.grid-cols.cols--gallery .swiper-wrapper {
  grid-auto-columns: min(16rem, 100%)
}

.desktop .grid-cols.cols--gallery .swiper-wrapper {
  grid-auto-columns: min(16rem, 100%)
}

.desktop .gallery_item:hover img {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

.desktop .alignleft {
  float: left;
  margin-right: 3rem
}

.desktop .alignright {
  float: right;
  margin-left: 3rem
}

.tabs-nav .tablinks:active,
.desktop .tabs-nav .tablinks:hover {
  color: var(--c-primary)
}

.editor-content a:not(.btn):active,
.desktop.editor-content a:not(.btn):hover {
  color: var(--c-primary)
}

.gallery_item:active:after,
.desktop .gallery_item:hover:after {
  opacity: 1
}

.gallery_item:active::before,
.desktop .gallery_item:hover::before {
  opacity: .6
}