@media (max-width: 768px) {
.mobile-full-screen-submenu-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100svh;
    width: 100%;
    z-index: 111;
    background: #fff;
    padding-top: 15px;
    margin: 0;
    transition: all 0.3s ease-in;
    overflow-y: auto;
}
.mobile-full-screen-submenu-wrap .shadow-xs.overflow-hidden {
    height: 100% !important;
    box-shadow: none !important;
    width: 100%;
}
.mobile-full-screen-submenu-wrap .shadow-lg.text-left {
    box-shadow: none !important;
}
.close-submenu {
    position: fixed;
    right: 10px;
    z-index: 22;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    appearance: none;
}
}

/*
 * headerOne mobile drawer: one full-screen panel under the header.
 * Every top-level row (plain link or submenu trigger) gets the same
 * alignment, height and separator; submenus open inline, indented one step.
 * Only the drawer carries these classes (wm-mobile-*), so the desktop menu
 * and the other headers are untouched. --wm-drawer-top is set by the header
 * when the drawer opens (its top edge in the viewport).
 */
.wm-mobile-drawer.origin-top-right {
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: calc(100vh - var(--wm-drawer-top, 4rem));
  height: calc(100dvh - var(--wm-drawer-top, 4rem));
}
.wm-mobile-drawer > .shadow-md {
  height: 100%;
  box-shadow: none;
}
.wm-mobile-drawer > .shadow-md > .bg-white {
  height: 100%;
  max-height: none;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
}
.wm-mobile-drawer .wm-mobile-list {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.wm-mobile-drawer .wm-mobile-list > span {
  display: block;
}
.wm-mobile-drawer .wm-mobile-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 12px 16px;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  line-height: 1.4;
  text-align: left;
}
.wm-mobile-drawer .wm-mobile-item svg {
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
}
.wm-mobile-drawer .wm-mobile-item[aria-expanded='true'] {
  border-bottom-color: transparent;
}
.wm-mobile-drawer .wm-mobile-item[aria-expanded='true'] svg {
  transform: rotate(180deg);
}

/* button-styled items (primary / secondary) keep their look, with the row gutter */
.wm-mobile-drawer .wm-mobile-list > a:not(.wm-mobile-item) {
  display: block;
  width: auto;
  margin: 12px 16px 0;
  text-align: center;
}
.wm-mobile-drawer .wm-mobile-sub {
  margin: 0;
  padding: 0 0 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.wm-mobile-drawer .wm-mobile-sub .shadow-lg,
.wm-mobile-drawer .wm-mobile-sub .shadow-xs {
  box-shadow: none;
}
.wm-mobile-drawer .wm-mobile-sub .bg-white {
  padding: 0 16px 0 32px;
}
.wm-mobile-drawer .wm-mobile-sub .inner_link_link {
  padding-top: 10px;
  padding-bottom: 10px;
}
.wm-mobile-drawer .wm-mobile-account {
  padding: 12px 16px;
  border-top: 0;
}
.wm-mobile-drawer .wm-mobile-account:empty {
  display: none;
}


.logo-fallback-title[data-v-4c7054ee] {
  max-width: 140px;
}
@media (min-width: 768px) {
.logo-fallback-title[data-v-4c7054ee] {
    max-width: 200px;
}
}
.main-menu[data-v-4c7054ee] .submenu .absolute {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}


.logo-fallback-title[data-v-ba4d60ac] {
  max-width: 140px;
}
@media (min-width: 768px) {
.logo-fallback-title[data-v-ba4d60ac] {
    max-width: 200px;
}
}


.logo-fallback-title[data-v-cf1ac3d4] {
  max-width: 140px;
}
@media (min-width: 768px) {
.logo-fallback-title[data-v-cf1ac3d4] {
    max-width: 200px;
}
}


.wm-search-field,
.wm-search-block,
.mf-header-search,
.mf-header-search .c_w,
.mf-header-search .c_c,
.c_w:has(.wm-search-field),
.c_c:has(.wm-search-field) {
  overflow: visible !important;
}
/* Fill the column the search sits in, at most 26rem. A fixed md:w-104 (416px)
   overflowed a narrower header column and the whole page scrolled sideways (S234). */
@media (min-width: 768px) {
.wm-search-block {
    max-width: 26rem;
}
}
/* In a narrow column (header) the suggestions were cut to "Crème brûlée ta…":
   give them room, growing to the left from the field's right edge. */
.wm-search-results {
  min-width: 18rem;
  left: auto;
}


.logo-fallback-title[data-v-41c4d376] {
  max-width: 140px;
}
@media (min-width: 768px) {
.logo-fallback-title[data-v-41c4d376] {
    max-width: 200px;
}
}


.logo-fallback-title[data-v-2de13673] {
  max-width: 140px;
}
@media (min-width: 768px) {
.logo-fallback-title[data-v-2de13673] {
    max-width: 200px;
}
}


.wm-preview-placeholder[data-v-53b8f4e9] {
  width: 100%;
}

/* Fills whatever the map block was sized to, so a preview keeps the same
   footprint the real embed would have taken. */
.wm-preview-placeholder__map[data-v-53b8f4e9] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

/* A separate layer rather than a background on the panel: opacity inherits
   down the subtree, so tinting the panel itself would fade the pin with it. */
.wm-preview-placeholder__map-fill[data-v-53b8f4e9] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: currentColor;
  opacity: 0.08;
}
.wm-preview-placeholder__pin[data-v-53b8f4e9] {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  opacity: 0.25;
}
.wm-preview-placeholder__menu[data-v-53b8f4e9] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.wm-preview-placeholder__form[data-v-53b8f4e9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.wm-preview-placeholder__field[data-v-53b8f4e9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.wm-preview-placeholder__bar[data-v-53b8f4e9] {
  display: block;
  border-radius: 0.25rem;
  background: currentColor;
  opacity: 0.12;
}
.wm-preview-placeholder__bar--menu[data-v-53b8f4e9] {
  width: 3.5rem;
  height: 0.75rem;
}
.wm-preview-placeholder__bar--label[data-v-53b8f4e9] {
  width: 6rem;
  height: 0.625rem;
}
.wm-preview-placeholder__bar--input[data-v-53b8f4e9] {
  width: 100%;
  height: 2.75rem;
  opacity: 0.08;
}
.wm-preview-placeholder__bar--button[data-v-53b8f4e9] {
  width: 9rem;
  height: 2.75rem;
  opacity: 0.2;
}


/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}
30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}
}
@-moz-keyframes passing-through {
0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}
30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}
30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}
30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
}
@-moz-keyframes slide-in {
0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}
30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}
30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
}
@keyframes pulse {
0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
form.dropzone {
  transition: all 0.2s linear !important;
  border: 2px dashed #ccc !important;
  background-color: #fafafa !important;
  min-height: initial !important;
  padding: 0px !important;
  border: 2px dashed #ccc !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
}
form.dropzone:focus {
  border-color: var(--color-primary-500, #ff4500) !important;
  background-color: white;
  /* outline:none; */
}
form.dropzone:hover {
  border-color: var(--color-primary-500, #ff4500) !important;
  background-color: white;
}
.dz-message .dropzone-title {
  color: var(--color-primary-500, #ff4500) !important;
}
.dz-message .dropzone-hint {
  color: rgba(75, 85, 99, 0.9);
}
.dz-message {
  color: #666;
}
.dz-message span {
  line-height: 1.8;
  font-size: 13px;
  letter-spacing: 0.4px;
}
.dz-message .dropzone-title {
  display: block;
  color: #888;
  font-size: 1.25em;
}
.dz-message span.dropzone-info {
  display: block;
  color: #a8a8a8;
}
.dz-remove {
  text-decoration: none;
  color: var(--black);
  margin-top: 25px;
}
.dropzone .dz-preview .dz-remove:hover,
a.dz-remove:hover,
.dz-remove:hover {
  text-decoration: none !important;
  font-weight: bold;
}
.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}
form.dropzone {
  background: transparent;
  border: 1px dashed var(--primary);
}
form.dropzone:hover {
  background: transparent;
  border: 1px dashed var(--primary-dark);
}
.dropzone .dz-preview .dz-image {
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2) !important;
  border-radius: 0px;
  max-width: 106px;
  max-height: 106px;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2) !important;
  border-radius: 0px;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  border-radius: 0px;
}
.dropzone .dz-preview .dz-error-message {
  top: 80px;
  left: -10px;
}
.dropzone.dz-started .dz-message {
  display: block !important;
}
.dropzone .dz-preview .dz-remove {
  display: inline;
}


.slider-outer[data-v-d710fa44] {
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  /* Do NOT use `contain: inline-size` here. Inside templateWrapper's
     shrink-to-fit flex column (`c_c_h flex justify-*` + bare vertical
     child), inline-size containment makes the slider report 0 width and
     the column collapses (blank images on generator/live). max-width +
     overflow already keep wide slides from blowing out the parent. */
  min-width: 0;
  /* Hide content until initialized to prevent flicker */
  opacity: 0;
  transition: opacity 0.2s ease;
}
.slider-outer.slider-initialized[data-v-d710fa44] {
  opacity: 1;
}
.slider-container[data-v-d710fa44] {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: transparent;
}
.slider-track[data-v-d710fa44] {
  display: flex;
  width: 100%;
  will-change: transform;
  transition: transform 0.3s ease;
  user-select: none; /* Prevent text selection while dragging */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.effect-fade .slider-track[data-v-d710fa44] {
  /* Fade now uses same positioning as default effect */
}
.slider-slide[data-v-d710fa44] {
  flex: 0 0 auto;
  box-sizing: border-box;
  padding: 0 0px;
  min-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show slides during dragging for smooth transitions */
.draggable.slider-outer:not(.effect-fade):not(.effect-continuous) .slider-slide[data-v-d710fa44] {
  opacity: 1;
}
.effect-fade .slider-slide[data-v-d710fa44] {
  /* Pairs with trackStyle's grid for fade: every slide is placed in the
     same cell (col 1 / row 1) so they overlap and opacity alone decides
     which is visible. Grid sizes the cell to the tallest slide, matching
     the old flex-row height behavior so existing fade sliders look the
     same after this change. */
  will-change: opacity;
  grid-column: 1;
  grid-row: 1;
}
.slide-inner[data-v-d710fa44] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0px;
  /* Ensure content is properly contained */
  overflow: hidden;
}

/* Active slides */
.slider-slide.active[data-v-d710fa44] {
  opacity: 1;
}

/* Fade slide visibility now controlled by JavaScript getSlideStyle() */

/* Continuous mode styles */
.effect-continuous .slider-container[data-v-d710fa44] {
  overflow: hidden;
}
.effect-continuous .slider-track[data-v-d710fa44] {
  display: flex;
  transition: transform 0.5s ease;
}
.effect-continuous .slider-slide[data-v-d710fa44] {
  opacity: 1;
  flex-shrink: 0;
  position: relative;
}
.effect-continuous:hover .slider-track[data-v-d710fa44] {
  animation-play-state: paused;
}
.slider-bottom-bar[data-v-d710fa44] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  gap: 16px;
}
.slider-bottom-bar.only-dots[data-v-d710fa44] {
  justify-content: center !important;
}
.slider-dots[data-v-d710fa44] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-dot[data-v-d710fa44] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-secondary-500, #ccc);
  margin: 0 5px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}
.slider-dot.active[data-v-d710fa44] {
  background: var(--color-primary-500, #333);
}
.slider-nav-button[data-v-d710fa44] {
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  font-size: 20px;
  color: #333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.slider-nav-button[data-v-d710fa44]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.slider-nav-button[data-v-d710fa44]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 1);
}

/* Responsive styles */
@media (max-width: 768px) {
.slider-outer[data-v-d710fa44] {
    max-width: 100vw;
    overflow: hidden;
    padding: 0 10px;
}
.slider-slide[data-v-d710fa44] {
    padding: 0 5px;
}
.slider-nav-button[data-v-d710fa44] {
    width: 28px;
    height: 28px;
    font-size: 16px;
}
.slider-dot[data-v-d710fa44] {
    width: 8px;
    height: 8px;
    margin: 0 3px;
}
}


/* Own class so theme CSS that retargets Tailwind md:grid-cols-4 cannot
   collapse the filter rail onto the product row. */
.wm-shop-with-filters {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (min-width: 768px) {
.wm-shop-with-filters {
    display: grid;
    grid-template-columns: minmax(11rem, 1fr) minmax(0, 3fr);
    align-items: start;
}
.wm-shop-with-filters__side {
    padding-right: 5rem;
}
}
.wm-shop-with-filters--preview {
  display: grid;
  grid-template-columns: minmax(11rem, 1fr) minmax(0, 3fr);
  align-items: start;
}
.wm-shop-with-filters--preview .wm-shop-with-filters__side {
  padding-right: 2.5rem;
}
/* Mobile Filters FAB sits at bottom-6; keep product title/price clear. */
@media (max-width: 767px) {
.wm-shop-with-filters__main {
    padding-bottom: 5.5rem;
}
}

td[data-v-98ac2448],th[data-v-98ac2448]{padding:2px;background-color:#fff}td.today[data-v-98ac2448]{font-weight:700}td.disabled[data-v-98ac2448]{pointer-events:none;background-color:#eee;border-radius:0;opacity:.6}.fa[data-v-98ac2448]{display:inline-block;width:100%;height:100%;background:transparent no-repeat 50%;background-size:100% 100%;fill:#ccc}.next[data-v-98ac2448]:hover,.prev[data-v-98ac2448]:hover{background-color:transparent!important}.next .fa[data-v-98ac2448]:hover,.prev .fa[data-v-98ac2448]:hover{opacity:.6}.chevron-left[data-v-98ac2448]{width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.chevron-right[data-v-98ac2448]{width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.yearselect[data-v-98ac2448]{padding-right:1px;border:none;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.monthselect[data-v-98ac2448]{border:none}.daterangepicker .ranges{text-align:left;margin:0;width:100%}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee;color:#000}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}.daterangepicker .monthselect,.daterangepicker .yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default;width:calc(50% - 1rem)}.daterangepicker .monthselect{margin-right:1rem}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:2px;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}.daterangepicker .btn{display:inline-block;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent}.daterangepicker .btn-primary,.daterangepicker .btn-success{background-color:#28a745;color:#fff}.daterangepicker .btn-secondary{background-color:#6c757d;color:#fff}.vue-daterange-picker *,.vue-daterange-picker :after,.vue-daterange-picker :before{-webkit-box-sizing:border-box;box-sizing:border-box}.drp-calendar .col .left{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.daterangepicker.hide-calendars.show-ranges .ranges,.daterangepicker.hide-calendars.show-ranges .ranges ul{width:100%}.daterangepicker .calendars-container{display:-webkit-box;display:-ms-flexbox;display:flex}.daterangepicker[readonly]{pointer-events:none}.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-size:15px;line-height:1em}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:""}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:auto;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:auto;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-buttons,.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px;width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse;display:table}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.yearselect{width:40%}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker.show-ranges .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker.show-calendar .ranges{margin-top:8px;width:auto}@media (min-width:564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .drp-calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.ltr .drp-calendar.right{margin-left:0}.daterangepicker.ltr .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .drp-calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.rtl .drp-calendar.right{margin-right:0}.daterangepicker.rtl .drp-calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{padding-left:12px}.daterangepicker.rtl .drp-calendar,.daterangepicker.rtl .ranges{text-align:right}}@media (min-width:730px){.daterangepicker .drp-calendar.left{clear:none!important}}.calendars[data-v-1ebd09d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.reportrange-text[data-v-1ebd09d2]{background:#fff;cursor:pointer;padding:5px 10px;border:1px solid #ccc;width:100%;overflow:hidden}.daterangepicker[data-v-1ebd09d2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}@media screen and (max-width:768px){.daterangepicker.show-ranges .drp-calendar.left[data-v-1ebd09d2]{border-left:0}.daterangepicker.show-ranges .ranges[data-v-1ebd09d2]{border-bottom:1px solid #ddd;width:100%}.daterangepicker.show-ranges .ranges[data-v-1ebd09d2] ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto}}@media screen and (max-width:541px){.daterangepicker .calendars-container[data-v-1ebd09d2]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width:540px){.daterangepicker.show-weeknumbers[data-v-1ebd09d2],.daterangepicker[data-v-1ebd09d2]{min-width:486px}}@media screen and (min-width:768px){.daterangepicker.show-ranges.show-weeknumbers[data-v-1ebd09d2],.daterangepicker.show-ranges[data-v-1ebd09d2]{min-width:682px}}@media screen and (max-width:340px){.daterangepicker.single.show-weeknumbers[data-v-1ebd09d2],.daterangepicker.single[data-v-1ebd09d2]{min-width:250px}}@media screen and (min-width:339px){.daterangepicker.single[data-v-1ebd09d2]{min-width:auto}.daterangepicker.single.show-ranges.show-weeknumbers[data-v-1ebd09d2],.daterangepicker.single.show-ranges[data-v-1ebd09d2]{min-width:356px}.daterangepicker.single.show-ranges .drp-calendar.left[data-v-1ebd09d2]{border-left:1px solid #ddd}.daterangepicker.single.show-ranges .ranges[data-v-1ebd09d2]{max-width:none;-ms-flex-preferred-size:auto;flex-basis:auto;border-bottom:0}.daterangepicker.single.show-ranges .ranges[data-v-1ebd09d2] ul{display:block;width:100%}}.daterangepicker.show-calendar[data-v-1ebd09d2]{display:block;top:auto}.daterangepicker.opensleft[data-v-1ebd09d2]{right:10px;left:auto}.daterangepicker.openscenter[data-v-1ebd09d2]{right:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.daterangepicker.opensright[data-v-1ebd09d2]{left:10px;right:auto}.slide-fade-enter-active[data-v-1ebd09d2]{-webkit-transition:all .2s ease;transition:all .2s ease}.slide-fade-leave-active[data-v-1ebd09d2]{-webkit-transition:all .1s cubic-bezier(1,.5,.8,1);transition:all .1s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-1ebd09d2],.slide-fade-leave-to[data-v-1ebd09d2]{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.vue-daterange-picker[data-v-1ebd09d2]{position:relative;display:inline-block;min-width:60px}.vue-daterange-picker .show-ranges.hide-calendars[data-v-1ebd09d2]{width:150px;min-width:150px}.inline .daterangepicker[data-v-1ebd09d2]{position:static}.inline .daterangepicker[data-v-1ebd09d2]:after,.inline .daterangepicker[data-v-1ebd09d2]:before{display:none}

.custom-week-picker[data-v-09d7ea25] {
@apply w-full;
}
.week-navigation[data-v-09d7ea25] {
@apply flex items-center justify-between mb-4 px-2;
}
.nav-button[data-v-09d7ea25] {
@apply p-2 rounded-lg border border-gray-300 hover:bg-gray-50 focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors;
  --tw-ring-color: var(--color-primary-500, theme('colors.purple.500'));
}
.week-info[data-v-09d7ea25] {
@apply flex-1 text-center;
}
.week-range[data-v-09d7ea25] {
@apply text-sm font-medium text-gray-700;
}
.week-days[data-v-09d7ea25] {
@apply grid grid-cols-7 gap-2 mb-4;
}
.day-card[data-v-09d7ea25] {
@apply relative p-3 rounded-lg border border-gray-200 cursor-pointer transition-all duration-200 hover:shadow-md;
@apply bg-white;
}
.day-card[data-v-09d7ea25]:hover:not(.disabled):not(.unavailable) {
  border-color: var(--color-primary-300, theme('colors.purple.300'));
  background-color: var(--color-primary-100, theme('colors.purple.50'));
}
.day-card.selected[data-v-09d7ea25] {
  border-color: var(--color-primary-500, theme('colors.purple.500'));
  background-color: var(--color-primary-100, theme('colors.purple.100'));
@apply ring-2 shadow-md;
  --tw-ring-color: var(--color-primary-300, theme('colors.purple.200'));
}

/* Today is NOT a selection — keep it neutral so it does not look selected */
.day-card.today[data-v-09d7ea25]:not(.selected) {
@apply bg-white border-gray-300;
}
.today-dot[data-v-09d7ea25] {
@apply absolute bottom-1.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full;
  background-color: var(--color-primary-500, theme('colors.purple.500'));
}
.day-card.disabled[data-v-09d7ea25] {
@apply bg-gray-100 border-gray-200 cursor-not-allowed opacity-60;
}
.day-card.unavailable[data-v-09d7ea25] {
@apply bg-red-50 border-red-200 cursor-not-allowed;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 2px,
    rgba(239, 68, 68, 0.1) 2px,
    rgba(239, 68, 68, 0.1) 4px
  );
}
.day-header[data-v-09d7ea25] {
@apply flex flex-col items-center mb-1;
}
.day-name[data-v-09d7ea25] {
@apply text-xs font-medium text-gray-600 mb-1;
}
.day-number[data-v-09d7ea25] {
@apply text-lg font-semibold text-gray-900;
}
.day-month[data-v-09d7ea25] {
@apply text-xs text-gray-500 text-center;
}
.unavailable-indicator[data-v-09d7ea25] {
@apply absolute top-1 right-1 text-red-400;
}
.no-availability-message[data-v-09d7ea25] {
@apply text-center py-4 px-4 bg-gray-50 rounded-lg border border-gray-200;
}
.no-availability-message p[data-v-09d7ea25] {
@apply text-sm text-gray-600;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  /* "Vandaag" is too wide for a day card on a phone: show the short day name instead.
     The text stays "Vandaag" for screen readers. */
.day-name-today[data-v-09d7ea25] {
    font-size: 0 !important;
}
.day-name-today[data-v-09d7ea25]::after {
    content: attr(data-short);
    font-size: 0.75rem;
}
.week-days[data-v-09d7ea25] {
@apply gap-1;
}
.day-card[data-v-09d7ea25] {
@apply p-2;
}
.day-number[data-v-09d7ea25] {
@apply text-base;
}
.day-name[data-v-09d7ea25] {
@apply text-xs;
}
.day-month[data-v-09d7ea25] {
@apply text-xs;
}
}


/* The site's own colour, not a fixed purple. */
.wm-slot-selected[data-v-6c518d80] {
  background-color: var(--color-primary-500, #ed3326);
  border-color: var(--color-primary-500, #ed3326);
  color: #fff;
}
.wm-slot-open[data-v-6c518d80]:hover {
  border-color: var(--color-primary-300, #f3766e);
  background-color: var(--color-primary-50, #fef2f2);
}
.quick-presets-picker select[data-v-6c518d80] {
  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 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
}

/**
 * Skeleton Loader Shared Styles
 *
 * Common skeleton loading animation for booking picker components
 * Import this file in components that need skeleton loaders
 */

/* Skeleton box base style */
.skeleton-box {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 0.5rem;
}

/* Shimmer animation */
@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}


/* Import shared skeleton loader styles */

/* Fade transition for smooth appearance */
.fade-enter-active[data-v-ddf8a7d6],
.fade-leave-active[data-v-ddf8a7d6] {
  transition: opacity 0.3s ease;
}
.fade-enter[data-v-ddf8a7d6],
.fade-leave-to[data-v-ddf8a7d6] {
  opacity: 0;
}

/* Custom Slider Styling */
.slider-thumb[data-v-ddf8a7d6]::-webkit-slider-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #9333ea 0%, #6366f1 100%);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(147, 51, 234, 0.4);
  transition: all 0.2s ease;
}
.slider-thumb[data-v-ddf8a7d6]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.6);
}
.slider-thumb[data-v-ddf8a7d6]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #9333ea 0%, #6366f1 100%);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(147, 51, 234, 0.4);
  border: none;
  transition: all 0.2s ease;
}
.slider-thumb[data-v-ddf8a7d6]::-moz-range-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.6);
}

/* Slider Track */
.slider-thumb[data-v-ddf8a7d6]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  background: linear-gradient(to right, #e5e7eb 0%, #9333ea 100%);
  border-radius: 6px;
}
.slider-thumb[data-v-ddf8a7d6]::-moz-range-track {
  width: 100%;
  height: 12px;
  background: linear-gradient(to right, #e5e7eb 0%, #9333ea 100%);
  border-radius: 6px;
}


input[type="number"][data-v-2b9bee88]::-webkit-inner-spin-button,
input[type="number"][data-v-2b9bee88]::-webkit-outer-spin-button {
  opacity: 1;
}


/* The site's own colour, not a fixed purple. The waitlist too: amber classes are not
   in the site's CSS (the join button was white on white). The picked teacher too. */
.wm-slot-selected[data-v-05181a54],
.wm-waitlist-pick[data-v-05181a54],
.wm-teacher-pick[data-v-05181a54] {
  background-color: var(--color-primary-500, #ed3326);
  border-color: var(--color-primary-500, #ed3326);
  color: #fff;
}
.wm-slot-open[data-v-05181a54]:hover {
  border-color: var(--color-primary-300, #f3766e);
  background-color: var(--color-primary-50, #fef2f2);
}

/* Import shared skeleton loader styles */

/* Fade transition for smooth appearance */
.fade-enter-active[data-v-05181a54],
.fade-leave-active[data-v-05181a54] {
  transition: opacity 0.3s ease;
}
.fade-enter[data-v-05181a54],
.fade-leave-to[data-v-05181a54] {
  opacity: 0;
}


/* The site's own colour, not a fixed purple. */
.wm-slot-selected[data-v-1748ad98] {
  background-color: var(--color-primary-500, #ed3326);
  border-color: var(--color-primary-500, #ed3326);
  color: #fff;
}
.wm-slot-open[data-v-1748ad98]:hover {
  border-color: var(--color-primary-300, #f3766e);
  background-color: var(--color-primary-50, #fef2f2);
}

/* Import shared skeleton loader styles */

/* Fade transition for smooth appearance */
.fade-enter-active[data-v-1748ad98],
.fade-leave-active[data-v-1748ad98] {
  transition: opacity 0.3s ease;
}
.fade-enter[data-v-1748ad98],
.fade-leave-to[data-v-1748ad98] {
  opacity: 0;
}


/* Custom styles for the booking date picker */
.booking-date-range-picker[data-v-fc138e92] {
  width: 100%;
}

/* Fade transition for smooth appearance */
.fade-enter-active[data-v-fc138e92],
.fade-leave-active[data-v-fc138e92] {
  transition: opacity 0.3s ease;
}
.fade-enter[data-v-fc138e92],
.fade-leave-to[data-v-fc138e92] {
  opacity: 0;
}

/* Fade-slide transition for view switching */
.fade-slide-enter-active[data-v-fc138e92] {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fade-slide-leave-active[data-v-fc138e92] {
  transition: all 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.fade-slide-enter[data-v-fc138e92] {
  opacity: 0;
  transform: translateY(8px);
}
.fade-slide-leave-to[data-v-fc138e92] {
  opacity: 0;
  transform: translateY(-8px);
}
.fade-slide-enter-to[data-v-fc138e92],
.fade-slide-leave[data-v-fc138e92] {
  opacity: 1;
  transform: translateY(0);
}


/* Global styles for inline calendar */
.booking-date-range-picker .vue-daterange-picker {
  display: block !important;
  width: 100% !important;
}

/* Hide ALL input-related elements */
.booking-date-range-picker .reportrange-text,
.booking-date-range-picker .vue-daterange-picker > div:first-child {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  visibility: hidden !important;
}
.booking-date-range-picker .daterangepicker {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

/* Hide ranges panel */
.booking-date-range-picker .ranges {
  display: none !important;
}

/* Make calendars full width */
.booking-date-range-picker .calendars {
  width: 100% !important;
  display: flex !important;
  justify-content: stretch !important;
  gap: 0 !important;
}

/* Make single date picker calendar full width */
.booking-date-range-picker .daterangepicker.single .drp-calendar {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 !important;
}
.booking-date-range-picker .daterangepicker.single .drp-calendar.left {
  width: 100% !important;
  max-width: 100% !important;
}
.booking-date-range-picker .daterangepicker.single .calendar-table {
  width: 100% !important;
  max-width: 100% !important;
}
.booking-date-range-picker .daterangepicker.single .calendars-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Make range (multi-day) date picker calendars full width */
.booking-date-range-picker .drp-calendar {
  flex: 1 !important;
  width: 100% !important;
  max-width: 50% !important;
}
.booking-date-range-picker .drp-calendar.left,
.booking-date-range-picker .drp-calendar.right {
  flex: 1 !important;
  max-width: 50% !important;
}
.booking-date-range-picker .calendar-table {
  width: 100% !important;
}

/* A phone has room for one month: two side by side overlapped and ran off the screen. The
   arrows of the first month move both, so a stay over two months can still be picked. */
@media (max-width: 639px) {
.booking-date-range-picker .daterangepicker:not(.single) .drp-calendar.right {
    display: none !important;
}
.booking-date-range-picker .daterangepicker:not(.single) .drp-calendar.left {
    max-width: 100% !important;
}
}

/* Hide buttons since we're using autoApply */
.booking-date-range-picker .drp-buttons {
  display: none !important;
}

/* Ensure calendar stays visible */
.booking-date-range-picker .daterangepicker.show-calendar {
  display: block !important;
}

/* Show time picker when enabled - FORCE COMPLETE VISIBILITY */
.booking-date-range-picker .calendar-time {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  margin-top: 8px !important;
  border-top: 1px solid #e5e7eb !important;
  background: #f9fafb !important;
  height: auto !important;
  min-height: 50px !important;
  max-height: none !important;
}

/* Style the time picker selects - COMPLETE VISIBILITY */
.booking-date-range-picker .hourselect,
.booking-date-range-picker .minuteselect,
.booking-date-range-picker .ampmselect,
.booking-date-range-picker select.hourselect,
.booking-date-range-picker select.minuteselect,
.booking-date-range-picker select.ampmselect {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 70px !important;
  height: 34px !important;
  padding: 6px 10px !important;
  margin: 0 6px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  background: white !important;
  font-size: 14px !important;
  color: #374151 !important;
  cursor: pointer !important;
  line-height: normal !important;
}
.booking-date-range-picker .calendar-time label {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 8px 0 0 !important;
  font-weight: 500 !important;
  color: #374151 !important;
  font-size: 14px !important;
}

/* Override any parent hiding */
.booking-date-range-picker .drp-calendar .calendar-time,
.booking-date-range-picker .drp-calendar .calendar-time * {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Website-themed booking styles */
.booking-tab-active {
  color: var(--color-primary-500, #dc2626);
}
.booking-placeholder {
  background-color: var(--color-primary-100, #f0f9ff);
  border-color: var(--color-primary-300, #93c5fd);
  color: var(--color-primary-700, #1d4ed8);
}
.booking-info-message {
  background-color: #fffbeb;
  border-color: #fbbf24;
  color: #92400e;
}
.booking-summary-header {
  border-color: var(--color-primary-300, #d1d5db);
}
.booking-summary-box {
  border-color: var(--color-primary-300, #e5e7eb);
}


/* The site's own colour (amber classes are not in the site's CSS). */
/* A neutral card with a left edge in the site's colour: works with any brand colour. */
.wm-waitlist-card[data-v-500a6de7] {
  border-color: #e5e7eb;
  border-left: 4px solid var(--color-primary-500, #ed3326);
  background-color: #f9fafb;
}
.wm-waitlist-leave[data-v-500a6de7] {
  background-color: var(--color-primary-500, #ed3326);
  border-color: var(--color-primary-500, #ed3326);
  color: #fff;
}


.wm-recurring-plan-card[data-v-469547ce] ul,
.wm-recurring-plan-card__features[data-v-469547ce] {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.wm-recurring-plan-card[data-v-469547ce] li,
.wm-recurring-plan-card__features > li[data-v-469547ce] {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.wm-recurring-plan-card[data-v-469547ce] li::marker,
.wm-recurring-plan-card__features > li[data-v-469547ce]::marker {
  content: none !important;
  display: none !important;
}


/* Option chips (select group with display "buttons"). Unscoped and low specificity on
   purpose: the same rules as wemasy-generator's base css, and site css overrides them. */
.wm-option-label { display: block; padding-bottom: 0.25rem;
}
.wm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.wm-option-choices { display: flex; flex-wrap: wrap; gap: 0.5rem;
}
.wm-option-choice { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 2.5rem; padding: 0.5rem 0.9rem; border: 1px solid var(--color-gray-300, #d1d5db); border-radius: 0.5rem; background: #fff; cursor: pointer; text-align: center; line-height: 1.2;
}
.wm-option-choice:hover, .wm-option-choice.is-active { border-color: var(--color-primary-500, #111);
}
.wm-option-choice.is-active { box-shadow: inset 0 0 0 1px var(--color-primary-500, #111);
}
.wm-option-choice:focus-within { outline: 2px solid var(--color-primary-500, #111); outline-offset: 2px;
}
.wm-option-input { position: absolute; opacity: 0; pointer-events: none;
}
.wm-option-price { font-size: 0.8em; opacity: 0.7;
}


.product-images-slider[data-v-8398c5cc] {
  display: flex;
  overflow: hidden;
}
button[data-v-8398c5cc]:disabled {
  pointer-events: none;
}


/* Custom scrollbar for webkit browsers (Chrome, Safari, Edge) */
.overflow-y-scroll[data-v-1f8b3481]::-webkit-scrollbar {
  width: 8px;
}
.overflow-y-scroll[data-v-1f8b3481]::-webkit-scrollbar-track {
  background: #f7fafc;
  border-radius: 4px;
}
.overflow-y-scroll[data-v-1f8b3481]::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 4px;
}
.overflow-y-scroll[data-v-1f8b3481]::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* Ensure scrollbar is always visible */
.overflow-y-scroll[data-v-1f8b3481] {
  overflow-y: scroll !important;
}


.website-webshop-custom-table {
  border: none !important;
  margin-top: 0 !important;
}


/* The site's own colour. */
.wm-move-pick[data-v-026e5487] {
  background-color: var(--color-primary-500, #ed3326);
  border-color: var(--color-primary-500, #ed3326);
  color: #fff;
}
/* A thumb-sized button on a phone. */
@media (max-width: 639px) {
.wm-move-confirm[data-v-026e5487] {
    min-height: 44px;
}
}


/* The site's own colour. */
.wm-waitlist-number[data-v-ff5f9fbe] {
  color: var(--color-primary-500, #ed3326);
  font-weight: 600;
}


.website-webshop-custom-table {
  border: none !important;
  margin-top: 0 !important;
}


/* A global stylesheet higher up paints a 1px border + extra margin on every <table>.
   Scoping the reset to this component keeps the dashboard order list / detail flush
   and leaves any other table styled by that global rule untouched. */
table[data-v-1c16d6fd] {
  border: none !important;
  margin-top: 0 !important;
}


.users-joined-ticker[data-v-daf42d42] {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 8px 0 4px;
  font-size: 13px;
  line-height: 1.35;
  color: #6b7280;
  text-align: left;
  cursor: help;
}
.users-joined-ticker__tip[data-v-daf42d42] {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  width: max-content;
  max-width: 240px;
  padding: 6px 8px;
  background: #111827;
  color: #fff;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  z-index: 40;
}
.users-joined-ticker:hover .users-joined-ticker__tip[data-v-daf42d42] {
  opacity: 1;
}
.users-joined-ticker__dot[data-v-daf42d42] {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  flex-shrink: 0;
  margin-top: 5px;
}
.users-joined-ticker__copy[data-v-daf42d42] {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.users-joined-ticker__period[data-v-daf42d42] {
  font-size: 12px;
  color: #9ca3af;
}


.wm-checkout-trust[data-v-64be08d6] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 0;
  border-top: none;
  cursor: help;
}
.wm-checkout-trust__tip[data-v-64be08d6] {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 220px;
  padding: 6px 8px;
  background: #111827;
  color: #fff;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  z-index: 40;
}
.wm-checkout-trust--stacked .wm-checkout-trust__tip[data-v-64be08d6] {
  left: auto;
  right: 0;
  transform: none;
}
.wm-checkout-trust:hover .wm-checkout-trust__tip[data-v-64be08d6] {
  opacity: 1;
}
.wm-checkout-trust__row[data-v-64be08d6] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}
.wm-checkout-trust__row--stacked[data-v-64be08d6] {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
}
.wm-checkout-trust__row--stacked .wm-checkout-trust__star[data-v-64be08d6] {
  width: 14px;
  height: 14px;
}
.wm-checkout-trust__stars[data-v-64be08d6] {
  display: inline-flex;
  gap: 1px;
  color: #f5b301;
}
.wm-checkout-trust__star[data-v-64be08d6] {
  display: block;
}
.wm-checkout-trust__logos[data-v-64be08d6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.wm-checkout-trust__logo[data-v-64be08d6] {
  height: 30px;
  width: 56px;
  object-fit: contain;
  display: block;
}


.list-enter-active[data-v-1a350c8f] {
    transition: all 0.5s ease;
}
.list-enter-from[data-v-1a350c8f] {
    opacity: 0;
    transform: translateX(-30px);
}
.list-leave-active[data-v-1a350c8f] {
    transition: all 0.4s ease;
    position: absolute;
    width: 100%;
}
.list-leave-to[data-v-1a350c8f] {
    opacity: 0;
    transform: translateX(30px);
}
.list-move[data-v-1a350c8f] {
    transition: transform 0.5s ease;
}
.h-78px[data-v-1a350c8f] {
    height: 78px;
}
.text-14px[data-v-1a350c8f] {
    font-size: 14px
}
.price-no-mb[data-v-1a350c8f] {
    margin-bottom: 0 !important;
}
.saving-mb[data-v-1a350c8f] {
    margin-bottom: 0.25rem !important;
}
.wm-pricing-users-joined[data-v-1a350c8f] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 21px;
    padding-bottom: 4px;
}
.wm-pricing-users-joined--combined[data-v-1a350c8f] {
    justify-content: space-between;
}
.wm-pricing-users-joined[data-v-1a350c8f] .users-joined-ticker {
    justify-content: flex-start;
    padding: 0;
}
.wm-pricing-users-joined[data-v-1a350c8f] .wm-checkout-trust {
    margin-top: 0;
}
.wm-pricing-users-joined--combined[data-v-1a350c8f] .wm-checkout-trust {
    align-items: flex-end;
    text-align: right;
}
.wm-pricing-users-joined--combined[data-v-1a350c8f] .wm-checkout-trust__row {
    justify-content: flex-end;
    align-items: flex-end;
}
.wm-pricing-users-joined--combined[data-v-1a350c8f] .wm-checkout-trust--stacked .wm-checkout-trust__tip {
    left: auto;
    right: 0;
    transform: none;
}
.trial-badge a[data-v-1a350c8f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #4a9c6d !important;
    font-size: 13px !important;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none !important;
}
.trial-badge a[data-v-1a350c8f]::before {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-color: #4a9c6d;
    -webkit-mask-image: url('https://niku-solutions-dev.s3.eu-west-3.amazonaws.com/102907/images/1754981094408_05jepi_check.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('https://niku-solutions-dev.s3.eu-west-3.amazonaws.com/102907/images/1754981094408_05jepi_check.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}
.patternpricingbg_340[data-v-1a350c8f] {
    background-image: linear-gradient(to right, #E42919, #9B190E);
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
.patternpricingbg_340[data-v-1a350c8f]:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url(https://niku-solutions-dev.s3.eu-west-3.amazonaws.com/102907/images/1758631467862_eg64t_Pattern.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    background-attachment: fixed;
}
.sp-button-1[data-v-1a350c8f]:hover {
    color: white !important;
}
.tp-14px[data-v-1a350c8f] {
    top: 14px !important;
}
.free_forever .no-account-badge[data-v-1a350c8f] {
    justify-content: center;
}


.external-page[data-v-265c849a] {
    width: 100%;
}
.rounded-2xl[data-v-265c849a] {
    border-radius: 1rem;
}

/* Green check color for bonus-list ✓ icons (right column). Pinned via CSS
   because the live Tailwind whitelist purges color utilities like
   `text-green-500` — same reason this file already pins `flex-shrink-0`
   and the float positioning rules. `currentColor` on the SVG `fill`
   then picks this up. Color #10b981 = Tailwind's emerald-500, a standard
   "success" green that reads cleanly against the white card. Applied
   outside the @media block so the green also renders on mobile. */
.wm-mkt-check-green[data-v-265c849a] {
    color: #10b981;
}

/* Responsive breakpoint tiers for the floating "scattered note" layout.
 *
 *   < 992px (mobile / tablet)    → 1-col stack via Tailwind `grid-cols-1`.
 *                                   768–991 used to be 3-across (`md:`) and
 *                                   clipped the Why WEMASY card.
 *
 *   992px-1279px (tablet /       → Scoped `.wm-mkt-compare-grid` puts cards
 *      portrait laptop)             in a 3+6+3 in-flow row. No absolute, no
 *                                   rotation, no overlap. Flat side-by-side.
 *
 *   1280px-1535px (standard       → Float layout BUT with reduced offsets
 *      laptop / small desktop)      and NO rotation. Cards peek slightly past
 *                                   their grid cells and overlap the center
 *                                   card a little — the design intent reads,
 *                                   but no card bleeds past the viewport
 *                                   edges or gets clipped. (This was the
 *                                   regression: the previous code applied
 *                                   the full -5rem/-6rem offsets here, which
 *                                   pushed the LEFT card past the visible
 *                                   content area at 1280×800 — see screenshot
 *                                   from 2026-05-23.)
 *
 *   >= 1536px (2xl / wide desktop) → Full scattered-note design — LEFT card
 *                                    tilted -6°, full -5rem/-6rem outer
 *                                    offsets, max overlap. Only kicks in
 *                                    where there's enough horizontal room
 *                                    for the cards to actually breathe.
 *
 * Shared rules (position/box-shadow/etc) live in the >= 1280px block so the
 * 1280-1535 range and the >= 1536 range share the "float" baseline; only
 * the offsets + rotation differ between them.
 */
@media (min-width: 1280px) {
.wm-mkt-float-parent[data-v-265c849a] {
        position: relative;
}
.wm-mkt-float-left[data-v-265c849a],
    .wm-mkt-float-right[data-v-265c849a] {
        position: absolute;
        /* Vertically centered relative to the row's tallest sibling
           (the centre pricing card sets the cell height). `top: 50%`
           anchors the card's TOP edge to the cell's midpoint;
           `translateY(-50%)` pulls it back up by half its own height
           so the card's CENTRE lines up with the cell's centre. Works
           for any flank content length — no magic-number height
           needed. Earlier this block was `top: 2rem; bottom: 0` to
           stretch both cards to match the centre card's height (Nick
           2026-05-23 v1) and then `top: 2rem` alone (shrink-to-content
           top-anchored, Nick 2026-05-23 v2); centering (this version)
           is the v3 ask — left/right should sit in the MIDDLE of the
           centre card, not top-aligned. */
        top: 50%;
        transform: translateY(-50%);
        min-width: 18rem;
        /* Pinned via CSS (not just Tailwind's `rounded-2xl` on the element)
           because the live wemasy.com Tailwind whitelist also purges utility
           radii on these dynamic cards — same issue as the absolute/rotate
           classes above. 1rem matches `rounded-2xl` (the radius used across
           the rest of the marketing site) so the flanks read consistently
           with the center pricing card. */
        border-radius: 1rem;
        z-index: 10;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12),
            0 8px 10px -6px rgba(0, 0, 0, 0.08);
}

    /* Reduced offsets for the 1280-1535 range — the float layout is on, but
       the LEFT card only peeks 1.5rem past its grid cell on the outer edge,
       and similarly for the RIGHT card. Cards stay inside the viewport
       AND overlap the center card by 1rem so the design intent reads.
       The >= 1536px block below overrides these for the full design. */
.wm-mkt-float-left[data-v-265c849a] {
        left: -1.5rem;
        right: -1rem;
        /* No rotation in this range — the tilt + reduced offsets compounded
           into a visible "card crashes into center" look on standard
           laptops. Rotation moves to the >= 1536px block where the cards
           have actual room to breathe. */
}
.wm-mkt-float-right[data-v-265c849a] {
        left: -1rem;
        right: -1.5rem;
}
}

/* Tablet / laptop range (992px-1279px) — in-flow 3-col grid polish.
 *
 * The 992px rule above lays the three cards into a 3+6+3 row. We just
 * need to make sure the flank cards visually carry the same shadow +
 * radius polish they get in the >=1280px float layout, otherwise they
 * read as flat unstyled blocks alongside the center pricing card's
 * shadow. No transform, no overlap — cards sit flat and side-by-side. */
@media (min-width: 992px) and (max-width: 1279.98px) {

    /* Flank cells shrink-to-content instead of stretching to match the
       center pricing card's height. Per client feedback 2026-05-23: in the
       in-flow layout, the LEFT (6 competitor rows) and RIGHT (5 bonus rows)
       cards were both being stretched by CSS Grid's default `align-items:
       stretch` to match the very tall center card — producing a big block
       of empty whitespace below the bonus list and the competitor list.
       The client's phrasing: "make sure the border ends when the text ends".
       `align-self: start` makes the grid item only as tall as its inner
       content; the inner card div has no fixed height so it follows.
       Scoped to this @media so the >=1280px floating tier (which DOES want
       fixed heights via `top: 2rem; bottom: 0`) is untouched. */
.wm-mkt-float-parent[data-v-265c849a] {
        align-self: start;
}
.wm-mkt-float-left[data-v-265c849a],
    .wm-mkt-float-right[data-v-265c849a] {
        border-radius: 1rem;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08),
            0 4px 6px -4px rgba(0, 0, 0, 0.05);
}
}

/* Wide desktop (>= 1536px / Tailwind 2xl) — full scattered-note design.
 *
 * Restores the original aggressive offsets + the LEFT card's -6° tilt.
 * Only kicks in at 2xl because that's where the viewport (≈1500+ px)
 * actually has the ~11rem of horizontal room these offsets need without
 * clipping cards off-screen or overlapping the center too aggressively.
 *
 * Selector specificity matches the >= 1280px block (single class), so
 * these rules just override the 1280-1535 offsets via cascade ordering —
 * this block sits below the >= 1280px one so it wins when both match. */
@media (min-width: 1536px) {

    /* IMPORTANT: keep `translateY(-50%)` ahead of the rotate so the
       vertical centering set in the >= 1280px block above survives.
       Without it the `transform: rotate(...)` override would wipe the
       translate and the cards would snap to the top of the cell again
       on wide desktop. Order matters: translate first (relative to the
       already-positioned top: 50%), then rotate around that point. */
.wm-mkt-float-left[data-v-265c849a] {
        left: -5rem;
        /* peek out 5rem past the page's left edge */
        right: -2rem;
        /* overlap 2rem into the center column */
        transform: translateY(-50%) rotate(-6deg);
}
.wm-mkt-float-right[data-v-265c849a] {
        left: -4rem;
        /* overlap 3rem into the center column from the right side */
        right: -3rem;
        /* peek out 6rem past the page's right edge */
        transform: translateY(-50%) rotate(6deg);
        /* RIGHT card stays upright — Nick wants the bonus list readable.
           Only the LEFT competitor card carries the tilt. */
}
}


/* Unscoped on purpose: Vue [data-v-*] lost to live `grid-cols-1`. */
@media (min-width: 992px) {
.wm-mkt-compare-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.wm-mkt-compare-grid > .wm-mkt-span-3 {
        grid-column: span 3 / span 3 !important;
}
.wm-mkt-compare-grid > .wm-mkt-span-6 {
        grid-column: span 6 / span 6 !important;
}
}


.onboarding-card-grid--countries {
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 8px;
}
.onboarding-card-grid--countries .onboarding-choice-card {
  min-height: 64px;
  padding: 10px 12px;
}
.onboarding-card-grid--countries .onboarding-choice-card-desc {
  font-size: 11px;
}


/* Split layout: left loading + right carousel */
.setting-up-split-layout[data-v-3a761277] {
  display: flex;
  min-height: 100vh;
  width: 100%;
  background: #fff;
}
.setting-up-split-left[data-v-3a761277] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.setting-up-split-left__inner[data-v-3a761277] {
  max-width: 420px;
  width: 100%;
}
.setting-up-split-right[data-v-3a761277] {
  flex: 1;
  background: #f9fafb;
  display: flex;
  align-items: stretch;
}

/* Mobile: fullscreen loading, hide carousel */
@media (max-width: 768px) {
.setting-up-split-layout[data-v-3a761277] {
    flex-direction: column;
    position: fixed;
    inset: 0;
    z-index: 10;
    min-height: 100dvh;
}
.setting-up-split-right[data-v-3a761277] {
    display: none;
}
.setting-up-split-left[data-v-3a761277] {
    flex: 1;
    min-height: 100%;
    padding: 32px 24px;
}
.setting-up-split-left__inner[data-v-3a761277] {
    max-width: 360px;
}
}

/* Designer mode override */
.designer-mode.website .setting-up-split-layout[data-v-3a761277] {
  min-height: 100% !important;
  height: 100% !important;
}


/* CMS section is not .slider-component on this page — that old selector
   never fired. Zero the wrapper that contains the split so the sidebar
   iframe is not inset by pt-8 / max-w-screen-xl. */
[id^="section_"]:has(.setting-up-split-layout) {
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Hide cookie banner on setting up account page */
.onboarding-sidebar-iframe-html .cookieControl {
    display: none;
}


html.onboarding-sidebar-iframe-html,
body.onboarding-sidebar-iframe {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.onboarding-carousel {
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(160deg, var(--color-primary-900) 0%, var(--color-primary-700) 50%, var(--color-primary-500) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  font-family: DashboardDefaultFont, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.onboarding-carousel__content {
  position: relative;
  width: 100%;
  max-width: 420px;
  min-height: 320px;
}
.onboarding-carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.onboarding-carousel__label {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 24px;
}
.onboarding-carousel__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-light);
  margin: 0 0 16px 0;
}
.onboarding-carousel__text {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 28px 0;
}
.onboarding-carousel__tagline {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  letter-spacing: 0.01em;
}
.onboarding-carousel__dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 24px;
}
.onboarding-carousel__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}
.onboarding-carousel__dot:hover {
  background: rgba(255, 255, 255, 0.4);
}
.onboarding-carousel__dot--active {
  background: rgba(255, 255, 255, 0.9);
  width: 24px;
  border-radius: 4px;
}
.onboarding-carousel__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.7);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
  line-height: 1;
}
.onboarding-carousel__arrow:hover {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-text-light);
}
.onboarding-carousel__arrow--left {
  left: -50px;
}
.onboarding-carousel__arrow--right {
  right: -50px;
}
@media (max-width: 600px) {
.onboarding-carousel {
    padding: 40px 24px;
}
.onboarding-carousel__content {
    max-width: 340px;
    min-height: 280px;
    padding-bottom: 56px;
}
.onboarding-carousel__title {
    font-size: 19px;
}
.onboarding-carousel__text {
    font-size: 13px;
    line-height: 1.6;
}
.onboarding-carousel__arrow {
    top: auto;
    bottom: -48px;
    transform: none;
}
.onboarding-carousel__arrow--left {
    left: calc(50% - 40px);
    right: auto;
}
.onboarding-carousel__arrow--right {
    right: auto;
    left: calc(50% + 4px);
}
}
.carousel-fade-enter-active {
  transition: opacity 0.5s ease;
}
.carousel-fade-leave-active {
  transition: opacity 0.4s ease;
}
.carousel-fade-enter {
  opacity: 0;
}
.carousel-fade-leave-to {
  opacity: 0;
}

/* Same designer-height break as wm_setting_up_account_p3k7n2: raw 100vh
   inside #designer-frame grows with the iframe (vh → taller canvas →
   taller vh) and the page keeps scrolling. */
.designer-mode.website .onboarding-carousel {
  min-height: 100% !important;
  height: 100% !important;
}
.slider-component [id^="section_"] {
  padding: 0 !important;
}
.onboarding-sidebar-iframe-html .cookieControl {
  display: none;
}


.theme-marketplace-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.theme-marketplace-card {
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid var(--color-gray-100, #f3f4f6);
  padding: 16px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.theme-marketplace-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15);
}
.theme-marketplace-card-preview {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 46px 36px 0;
}
.theme-marketplace-card-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, #e32a1a, #9d180e);
  z-index: 0;
}
.theme-marketplace-card-logo {
  position: absolute;
  top: 6px;
  right: 16px;
  height: 36px;
  width: auto;
  z-index: 2;
  filter: brightness(0) invert(1);
}
.theme-marketplace-browser-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #fff;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s;
}
.theme-marketplace-browser-content {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f9fafb;
}
.theme-marketplace-browser-content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
  transform: translateY(0);
}
.theme-marketplace-browser-content img.is-short-image {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  min-height: auto;
  object-fit: contain;
  object-position: center;
}
.theme-marketplace-card-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  background: #f3f4f6;
}
.theme-marketplace-card-content {
  padding: 12px 0 0;
}
.theme-marketplace-card-title {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937 !important;
  margin: 0 0 6px 0;
}
.theme-marketplace-card-preview-link {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary-500, rgba(162, 29, 18, 1)) !important;
  cursor: pointer;
  text-decoration: none !important;
}
.theme-marketplace-card-preview-link:hover {
  text-decoration: none !important;
}
.theme-marketplace-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.theme-marketplace-error {
  text-align: center;
  padding: 60px 20px;
  color: #6b7280;
}
.theme-marketplace-retry-btn {
  margin-top: 12px;
  padding: 8px 20px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
}
.theme-marketplace-retry-btn:hover {
  background: #4f46e5;
}
.theme-marketplace-empty {
  text-align: center;
  padding: 60px 20px;
  color: #9ca3af;
  font-size: 16px;
}
.theme-marketplace-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.theme-marketplace-page-btn {
  padding: 8px 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: border-color 0.2s, background-color 0.2s;
}
.theme-marketplace-page-btn:hover {
  border-color: #6366f1;
}
.theme-marketplace-page-btn.active {
  background: #6366f1;
  color: #fff;
  border-color: #6366f1;
}
@media (max-width: 1024px) {
.theme-marketplace-grid {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.theme-marketplace-grid {
    grid-template-columns: 1fr;
}
.theme-marketplace-card-preview {
    padding: 28px 12px 0;
}
.theme-marketplace-card-logo {
    height: 28px;
    top: 10px;
    right: 10px;
}
}
.preview-title {
  font-size: var(--textsizes-textbase, 16px);
}


.wm-domain-checker[data-v-73d47892] {
    width: 100%;
}


.product-images-slider[data-v-29884797] {
  display: flex;
  overflow: hidden;
}
button[data-v-29884797]:disabled {
  pointer-events: none;
}


.wm-course-btn[data-v-9857dc0a] {
  display: inline-block;
  padding: 0.6rem 1.1rem;
  border-radius: var(--button-radius, 0.375rem);
  color: var(--button-primary-text-color, #fff);
  font-weight: 600;
  text-align: center;
}
.wm-course-btn[data-v-9857dc0a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


/* Responsive aspect-ratio when --wm-ar-* vars are set (tablet/mobile overrides). */
.wm-image-responsive[style*='--wm-ar-mobile'] {
  aspect-ratio: var(--wm-ar-mobile, auto);
}
@media (min-width: 768px) {
.wm-image-responsive[style*='--wm-ar-tablet'] {
    aspect-ratio: var(--wm-ar-tablet, var(--wm-ar-mobile, auto));
}
}
@media (min-width: 1024px) {
.wm-image-responsive[style*='--wm-ar-desktop'] {
    aspect-ratio: var(--wm-ar-desktop, var(--wm-ar-tablet, auto));
}
}


/* Escape parent .editorstyles list/heading rules that add discs + odd margins */
.wm-membership-plans[data-v-f791cc48] ul,
.wm-membership-plans__features[data-v-f791cc48] {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.wm-membership-plans[data-v-f791cc48] li,
.wm-membership-plans__feature[data-v-f791cc48] {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.wm-membership-plans[data-v-f791cc48] li::marker,
.wm-membership-plans__feature[data-v-f791cc48]::marker {
  content: none !important;
  display: none !important;
}
.wm-membership-plans__title[data-v-f791cc48] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


.wm-menu-fade-enter-active[data-v-885a518a],
.wm-menu-fade-leave-active[data-v-885a518a] {
  transition: opacity 0.15s ease;
}
.wm-menu-fade-enter[data-v-885a518a],
.wm-menu-fade-leave-to[data-v-885a518a] {
  opacity: 0;
}
.wm-menu-slide-enter-active[data-v-885a518a],
.wm-menu-slide-leave-active[data-v-885a518a] {
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.wm-menu-slide-enter[data-v-885a518a],
.wm-menu-slide-leave-to[data-v-885a518a] {
  opacity: 0;
  transform: translateY(0.25rem);
}
.wm-menu-nav__submenu--overlay > .shadow-lg[data-v-885a518a] {
  max-width: 28rem;
  margin: 2rem auto;
  background: #fff;
  border-radius: 0.5rem;
  position: relative;
}
.wm-menu-nav__submenu--overlay > .shadow-lg.mobile-full-screen-submenu[data-v-885a518a] {
  max-width: none;
  margin: 0;
  min-height: 100%;
  border-radius: 0;
}
.wm-menu-nav__link--current[data-v-885a518a] {
  color: inherit;
}
.wm-menu-nav--vertical[data-v-885a518a] {
  width: 100%;
}
.wm-menu-nav--vertical .wm-menu-nav__list[data-v-885a518a],
.wm-menu-nav--vertical .wm-menu-nav__parent[data-v-885a518a] {
  width: 100%;
}
/* Items and links fill the row through the list's own stretch (a block-level link), not a
   forced width: a list the theme centres (a footer on a phone) or lays out as a row (a
   centred footer) keeps that layout. The mobile drawer stretches, so its links stay full width. */
.wm-menu-nav--vertical .wm-menu-nav__link[data-v-885a518a] {
  display: flex;
}
.wm-menu-nav__mobile-bar[data-v-885a518a] {
  width: 100%;
}
.wm-menu-nav__panel--drawer[data-v-885a518a] {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  z-index: 200;
  margin-top: 0;
  padding: 0.75rem 1rem 1rem;
  background: #fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  box-sizing: border-box;
  /* Body is overflow:hidden while the drawer is open — this panel must scroll. */
  max-height: min(70vh, calc(100vh - 5rem));
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.wm-menu-nav__submenu--mobile-flow[data-v-885a518a] {
  box-sizing: border-box;
  max-width: 100%;
}
.wm-menu-nav__submenu--mobile-flow > .shadow-lg[data-v-885a518a] {
  box-shadow: none;
}
/* Full-width mega: box comes from fixed inline style; clip any residual bleed. */
.wm-menu-nav__submenu--full[data-v-885a518a] {
  box-sizing: border-box;
  overflow-x: hidden;
}


.wm-menu-nav,
.mf-header-nav,
.c_w:has(.wm-menu-nav),
.c_c:has(.wm-menu-nav) {
  overflow: visible !important;
}


/* Initials avatar — shared across all styles. Used when no image URL is set. */
.wm-review-initials[data-v-c6a4c840] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary-500);
  color: var(--color-text-light);
  border-radius: 50%;
  font-weight: 600;
  text-transform: uppercase;
  object-fit: cover;
}
.wm-review-initials-sm[data-v-c6a4c840] {
  width: 40px;
  height: 40px;
  font-size: 14px;
  letter-spacing: 0.02em;
}

/* ============ Style 2: card (starter-theme testimonial-card) ============ */
.wm-review-card[data-v-c6a4c840] {
  padding: 32px;
  border-radius: 12px;
  border: 1px solid var(--color-gray-300);
  background: var(--color-gray-100);
}
.wm-review-card-stars[data-v-c6a4c840] {
  color: var(--color-contrast-500);
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.wm-review-card-quote[data-v-c6a4c840] {
  font-size: var(--textsizes-textbase);
  line-height: 1.7;
  color: var(--color-default-text);
  margin: 0 0 24px;
  padding: 0;
  border: none;
  font-style: normal;
}
.wm-review-card-author[data-v-c6a4c840] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wm-review-card-avatar[data-v-c6a4c840] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.wm-review-card-avatar-initials[data-v-c6a4c840] {
  font-size: 14px;
}
.wm-review-card-meta[data-v-c6a4c840] {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.wm-review-card-name[data-v-c6a4c840] {
  font-size: var(--textsizes-textbase);
  font-weight: 600;
  color: var(--color-default-text);
}
.wm-review-card-role[data-v-c6a4c840] {
  font-size: var(--textsizes-textsm);
  color: var(--color-gray-700);
}

/* ============ Style 3: quote-card ============ */
.wm-review-quote-card[data-v-c6a4c840] {
  position: relative;
  max-width: 540px;
  margin: 32px auto 0;
  padding: 32px;
  padding-top: 56px;
  background: var(--color-text-light);
  border: 1px solid var(--color-gray-300);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.04);
}
.wm-review-quote-mark[data-v-c6a4c840] {
  position: absolute;
  top: -22px;
  left: 24px;
  width: 44px;
  height: 44px;
  color: var(--color-primary-500);
}
.wm-review-quote-card-text[data-v-c6a4c840] {
  font-size: var(--textsizes-textbase);
  line-height: 1.7;
  color: var(--color-default-text);
  margin: 0 0 24px;
}
.wm-review-quote-card-footer[data-v-c6a4c840] {
  text-align: center;
}
.wm-review-quote-card-name[data-v-c6a4c840] {
  font-size: var(--textsizes-textbase);
  font-weight: 700;
  color: var(--color-default-text);
  margin-bottom: 4px;
}
.wm-review-quote-card-company[data-v-c6a4c840] {
  font-size: var(--textsizes-textsm);
  color: var(--color-gray-700);
  margin-bottom: 12px;
}
.wm-review-stars[data-v-c6a4c840] {
  display: inline-flex;
  gap: 4px;
  font-size: 18px;
  line-height: 1;
}
.wm-review-star[data-v-c6a4c840] {
  color: var(--color-gray-300);
}
.wm-review-star-filled[data-v-c6a4c840] {
  color: var(--color-contrast-500);
}


.social-links-block[data-v-9a92f494] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.social-links-horizontal[data-v-9a92f494] { flex-direction: row;
}
.social-links-vertical[data-v-9a92f494] { flex-direction: column; align-items: flex-start; flex-wrap: nowrap;
}
.social-links-item[data-v-9a92f494] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.15s;
}
.social-links-item[data-v-9a92f494]:hover {
  transform: translateY(-1px);
}

/* Size variants apply to both the wrapper hit-target and the inner icon. */
.social-links-sm .social-links-item[data-v-9a92f494] { width: 28px; height: 28px;
}
.social-links-sm .social-links-icon[data-v-9a92f494] { width: 14px; height: 14px;
}
.social-links-md .social-links-item[data-v-9a92f494] { width: 36px; height: 36px;
}
.social-links-md .social-links-icon[data-v-9a92f494] { width: 18px; height: 18px;
}
.social-links-lg .social-links-item[data-v-9a92f494] { width: 44px; height: 44px;
}
.social-links-lg .social-links-icon[data-v-9a92f494] { width: 22px; height: 22px;
}

/* Shape: border-radius. `none` removes the wrapper sizing so icons render bare. */
.social-links-shape-none .social-links-item[data-v-9a92f494] {
  width: auto;
  height: auto;
  background: transparent !important;
  border: 0 !important;
  color: var(--color-default-text);
}
.social-links-shape-none.social-links-sm .social-links-icon[data-v-9a92f494] { width: 18px; height: 18px;
}
.social-links-shape-none.social-links-md .social-links-icon[data-v-9a92f494] { width: 22px; height: 22px;
}
.social-links-shape-none.social-links-lg .social-links-icon[data-v-9a92f494] { width: 28px; height: 28px;
}
.social-links-shape-none .social-links-item[data-v-9a92f494]:hover { color: var(--color-primary-500);
}
.social-links-shape-square .social-links-item[data-v-9a92f494] { border-radius: 0;
}
.social-links-shape-rounded .social-links-item[data-v-9a92f494] { border-radius: 6px;
}
.social-links-shape-circle .social-links-item[data-v-9a92f494] { border-radius: 50%;
}

/* Fill: knockout = filled primary bg with light icon. */
.social-links-fill-knockout .social-links-item[data-v-9a92f494] {
  background: var(--color-primary-500);
  color: var(--color-text-light);
  border: 1px solid var(--color-primary-500);
}
.social-links-fill-knockout .social-links-item[data-v-9a92f494]:hover {
  background: var(--color-primary-700);
  border-color: var(--color-primary-700);
}

/* Fill: outline = transparent bg, border + icon in primary, fills on hover. */
.social-links-fill-outline .social-links-item[data-v-9a92f494] {
  background: transparent;
  color: var(--color-primary-500);
  border: 1px solid var(--color-primary-500);
}
.social-links-fill-outline .social-links-item[data-v-9a92f494]:hover {
  background: var(--color-primary-500);
  color: var(--color-text-light);
}

/* Fill: solid = default-text bg with light icon — neutral, monochrome look. */
.social-links-fill-solid .social-links-item[data-v-9a92f494] {
  background: var(--color-default-text);
  color: var(--color-text-light);
  border: 1px solid var(--color-default-text);
}
.social-links-fill-solid .social-links-item[data-v-9a92f494]:hover {
  background: var(--color-primary-500);
  border-color: var(--color-primary-500);
}

/* Screen-reader-only label so the icon has accessible text. */
.sr-only[data-v-9a92f494] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.wm-timetable[data-v-f4b86cba] ul,
.wm-timetable__list[data-v-f4b86cba] {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.wm-timetable__class[data-v-f4b86cba] {
  list-style: none !important;
  margin-bottom: 0;
}
.wm-timetable h3[data-v-f4b86cba] {
  margin-top: 0;
}


.wm-field-ai[data-v-380aaee7] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-dashboard-primary-500, #ed3326);
  cursor: pointer;
  border-radius: 6px;
}
.wm-field-ai[data-v-380aaee7]:hover:not(:disabled) { background: color-mix(in srgb, var(--color-dashboard-primary-500, #ed3326) 10%, #fff);
}
.wm-field-ai[data-v-380aaee7]:disabled { opacity: 0.4; cursor: not-allowed;
}
.wm-field-ai--inside[data-v-380aaee7] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  justify-content: center;
}
.wm-field-ai--shift[data-v-380aaee7] { right: 34px;
}
.wm-field-ai--below[data-v-380aaee7] { font-size: 12px; font-weight: 500; padding: 2px 6px;
}


.wm-field-ai[data-v-63c1d582] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-dashboard-primary-500, #ed3326);
  cursor: pointer;
  border-radius: 6px;
}
.wm-field-ai[data-v-63c1d582]:hover:not(:disabled) { background: color-mix(in srgb, var(--color-dashboard-primary-500, #ed3326) 10%, #fff);
}
.wm-field-ai[data-v-63c1d582]:disabled { opacity: 0.4; cursor: not-allowed;
}
.wm-field-ai--inside[data-v-63c1d582] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  justify-content: center;
}
.wm-field-ai--shift[data-v-63c1d582] { right: 34px;
}
.wm-field-ai--below[data-v-63c1d582] { font-size: 12px; font-weight: 500; padding: 2px 6px;
}


.conditional-wrapper[data-v-58944eb0] {
  display: contents;
}


.popup-close-button[data-v-cbd06406] {
  cursor: pointer;
  background-color: var(--color-dashboard-neutral-light-200, #eef0f2);
  border: none;
  border-radius: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  opacity: 1;
  color: var(--color-dashboard-primary-500, #ed3326);
  flex-shrink: 0;
  padding: 0;
}
.popup-close-button[data-v-cbd06406]:hover {
  background-color: var(--color-dashboard-neutral-light-500, #d5d8dc);
}
.popup-close-button--outside[data-v-cbd06406] {
  position: absolute;
  z-index: 2100;
  top: 10px;
  right: 10px;
}


.import-button-class .flex, .export-button-class .flex {
  justify-content: flex-end !important;
}

/* Fork chat: keep vue-multiselect dropdown above popup chrome / siblings */
.ai-fork-chat-popup .dashboard_multiselect {
  position: relative;
  z-index: 20;
}
.ai-fork-chat-popup .dashboard_multiselect .multiselect--active {
  z-index: 30;
}
.ai-fork-chat-popup .dashboard_multiselect .multiselect__content-wrapper {
  z-index: 40 !important;
}

/* Nick's new-page picker draws its own card (fixed inset). Hide the empty
   popup shell so it does not show as a gray bar at the top center. */
.new-page-picker-popup {
  background: transparent !important;
  box-shadow: none !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.library-fullscreen-popup {
  position: fixed !important;
  top: 32px !important;
  left: 32px !important;
  right: 32px !important;
  bottom: 32px !important;
  width: calc(100vw - 64px) !important;
  max-width: none !important;
  height: calc(100vh - 64px) !important;
  max-height: calc(100vh - 64px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
}
.library-popup-close-outside {
  top: 10px;
  right: 10px;
}
.library-popup-html-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.library-fullscreen-popup.library-fullscreen-popup--chromeless {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  left: 32px !important;
  right: 32px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.library-fullscreen-popup:not(.library-fullscreen-popup--chromeless) {
  overflow-y: auto !important;
}
@media (max-width: 620px) {
.popup-scroll-container {
    padding: 16px !important;
}
.popup-scroll-container > div[role="dialog"] {
    margin-top: auto !important;
    margin-bottom: auto !important;
    border-radius: 12px !important;
}
}
@media (max-width: 620px) {
.library-fullscreen-popup {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
}
.library-fullscreen-popup.library-fullscreen-popup--chromeless {
    left: 0 !important;
    right: 0 !important;
}
}
.library-fullscreen-popup--mobile .library-sidebar {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}
.library-fullscreen-popup--mobile .library-mobile-bar {
  display: block !important;
  flex-shrink: 0;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}
.library-fullscreen-popup--mobile .library-grid-content {
  flex-direction: column !important;
}
.library-fullscreen-popup--mobile .library-grid-main {
  width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.library-fullscreen-popup--mobile .library-grid-main__scroll {
  padding: 12px !important;
}
.inline-designer-form-scroll {
  overflow-y: scroll !important;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e0 #f7fafc;
  overscroll-behavior: contain;
}
.inline-designer-form-scroll::-webkit-scrollbar {
  width: 8px;
}
.inline-designer-form-scroll::-webkit-scrollbar-track {
  background: #f7fafc;
  border-radius: 4px;
}
.inline-designer-form-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 4px;
}
.inline-designer-form-scroll::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}
.inline-designer-form-scroll-more {
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--color-dashboard-primary-500, #ed3326) 16%, #fff) 0%,
    color-mix(in srgb, var(--color-dashboard-primary-500, #ed3326) 8%, #fff) 55%,
    transparent 100%
  );
}
.popup-images-view__frame {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-images-view__img {
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 767px) {
.popup-import-export .export-code-editor,
  .popup-import-export .import-code-editor {
    min-width: 0;
}
.popup-import-export .export-code-editor >>> .monaco-editor,
  .popup-import-export .import-code-editor >>> .monaco-editor,
  .popup-import-export .export-code-editor >>> .CodeMirror,
  .popup-import-export .import-code-editor >>> .CodeMirror,
  .popup-import-export .export-code-editor >>> textarea,
  .popup-import-export .import-code-editor >>> textarea {
    min-height: 140px !important;
    max-height: 220px !important;
}

  /* Form popups (create page / conversion settings): full width on phone
     instead of half-width desktop class that leaves a tiny dialog. */
.popup-scroll-container > div[role='dialog'].w-1\/2,
  .popup-scroll-container > div[role='dialog'].conversion-setting-popup {
    width: calc(100% - 1.5rem) !important;
    max-width: 28rem !important;
}
}


.wm-wa-dock {
  position: fixed;
  right: 80px;
  bottom: 80px;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  pointer-events: none;
  font-family: inherit;
  transition: top 0.2s ease, bottom 0.2s ease;
}
.wm-wa-dock a,
.wm-wa-dock .wm-wa-icon {
  pointer-events: auto;
}
.wm-wa-dock--box {
  will-change: transform;
  backface-visibility: hidden;
}
.wm-wa-dock--left {
  align-items: flex-start;
}
.wm-wa-dock--top {
  flex-direction: column-reverse;
}
.wm-wa-dock--left .wm-wa-chip {
  border-radius: 16px 16px 16px 4px;
}
.wm-wa-dock--top .wm-wa-chip {
  border-radius: 16px 4px 16px 16px;
}
.wm-wa-dock--top.wm-wa-dock--left .wm-wa-chip {
  border-radius: 4px 16px 16px 16px;
}
.wm-wa-icon-wrap {
  position: relative;
}
.wm-wa-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.35);
  text-decoration: none;
}
.wm-wa-pulse {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid #25d366;
  animation: wm-wa-pulse 1.8s infinite;
  pointer-events: none;
}
@keyframes wm-wa-pulse {
0% { transform: scale(0.85); opacity: 0.7;
}
100% { transform: scale(1.25); opacity: 0;
}
}
.wm-wa-chip {
  background: #fff;
  border-radius: 16px 16px 4px 16px;
  padding: 10px 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  max-width: 220px;
  font-size: 13px;
  line-height: 1.35;
  color: #111827;
  pointer-events: none;
}
.wm-wa-chip small {
  color: #6b7280;
  display: block;
  margin-top: 4px;
  font-size: 11px;
}
.wm-wa-chat {
  width: 300px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
  pointer-events: auto;
}
.wm-wa-chat-h {
  background: #075e54;
  color: #fff;
  padding: 12px 14px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.wm-wa-ava {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #128c7e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
  overflow: hidden;
}
.wm-wa-ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wm-wa-chat-h strong {
  display: block;
  font-size: 14px;
  color: #fff;
}
.wm-wa-chat-h span {
  font-size: 11px;
  opacity: 0.85;
}
.wm-wa-chat-b {
  background: #ece5dd;
  padding: 14px;
  min-height: 120px;
}
.wm-wa-bubble {
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  max-width: 92%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
  color: #111827;
}
.wm-wa-bubble b {
  display: block;
  font-size: 11px;
  color: #128c7e;
  margin-bottom: 3px;
}
.wm-wa-chat-f {
  padding: 10px;
  background: #fff;
}
.wm-wa-send {
  display: block;
  width: 100%;
  border: 0;
  background: #25d366;
  color: #fff;
  font-weight: 700;
  border-radius: 999px;
  padding: 11px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.wm-wa-send--off {
  cursor: default;
}


@keyframes unifiedEmptyStateFloat-6da37da7 {
0%, 100% { transform: translateY(0px) rotate(0deg);
}
50% { transform: translateY(-10px) rotate(1.5deg);
}
}
@keyframes unifiedEmptyStateFadeUp-6da37da7 {
from { opacity: 0; transform: translateY(20px);
}
to { opacity: 1; transform: translateY(0);
}
}
@keyframes unifiedEmptyStatePulse-6da37da7 {
0%, 100% { opacity: 0.4;
}
50% { opacity: 0.8;
}
}
.unified-empty-state[data-v-6da37da7] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #ffffff;
  min-height: 420px;
  padding: 32px 24px;
  position: relative;
  overflow: hidden;
}
.unified-empty-state--centered[data-v-6da37da7] {
  min-height: 80vh;
}
.unified-empty-state--plain[data-v-6da37da7] {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.unified-empty-state__inner[data-v-6da37da7] {
  text-align: center;
  max-width: 540px;
  position: relative;
  z-index: 1;
  animation: unifiedEmptyStateFadeUp-6da37da7 0.5s ease;
}
.unified-empty-state__inner[data-v-6da37da7]::before {
  content: var(--watermark-content);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -58%);
  font-family: 'Space Mono', monospace;
  font-size: 104px;
  font-weight: 700;
  color: #000;
  opacity: 0.025;
  pointer-events: none;
  line-height: 1;
}
.unified-empty-state__pill[data-v-6da37da7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  padding: 5px 12px;
  margin-bottom: 28px;
}
.unified-empty-state__pill-dot[data-v-6da37da7] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  animation: unifiedEmptyStatePulse-6da37da7 2s ease infinite;
}
.unified-empty-state--danger .unified-empty-state__pill[data-v-6da37da7] {
  background: #fff5f5;
  border: 1px solid #fddede;
}
.unified-empty-state--danger .unified-empty-state__pill-dot[data-v-6da37da7] {
  background: #e74c5c;
}
.unified-empty-state--danger .unified-empty-state__pill span[data-v-6da37da7] {
  color: #d94452;
}
.unified-empty-state--danger .unified-empty-state__icon[data-v-6da37da7] {
  background: #fff5f5;
  border: 1px solid #fddede;
}
.unified-empty-state--danger .unified-empty-state__dot-1[data-v-6da37da7] {
  background: #fddede;
}
.unified-empty-state--danger .unified-empty-state__dot-2[data-v-6da37da7] {
  background: #fee8e8;
}
.unified-empty-state--neutral .unified-empty-state__pill[data-v-6da37da7] {
  background: #f4f7fb;
  border: 1px solid #dce4ec;
}
.unified-empty-state--neutral .unified-empty-state__pill-dot[data-v-6da37da7] {
  background: #6b7280;
}
.unified-empty-state--neutral .unified-empty-state__pill span[data-v-6da37da7] {
  color: #4b5563;
}
.unified-empty-state--neutral .unified-empty-state__icon[data-v-6da37da7] {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
.unified-empty-state--neutral .unified-empty-state__dot-1[data-v-6da37da7] {
  background: #e2e8f0;
}
.unified-empty-state--neutral .unified-empty-state__dot-2[data-v-6da37da7] {
  background: #eef2f7;
}
.unified-empty-state__pill span[data-v-6da37da7] {
  font-size: 12px;
  font-weight: 500;
}
.unified-empty-state__icon[data-v-6da37da7] {
  width: 80px;
  height: 80px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  animation: unifiedEmptyStateFloat-6da37da7 4s ease infinite;
  position: relative;
}
.unified-empty-state__dot-1[data-v-6da37da7] {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 10px;
  border-radius: 4px;
  animation: unifiedEmptyStateFloat-6da37da7 3s ease 0.5s infinite;
}
.unified-empty-state__dot-2[data-v-6da37da7] {
  position: absolute;
  bottom: -3px;
  left: -7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  animation: unifiedEmptyStateFloat-6da37da7 3.5s ease 1s infinite;
}
.unified-empty-state__title[data-v-6da37da7] {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.unified-empty-state__desc[data-v-6da37da7] {
  font-size: 14px;
  color: #8e8ea0;
  line-height: 1.7;
  margin-bottom: 6px;
}
.unified-empty-state__subdesc[data-v-6da37da7] {
  font-size: 13px;
  color: #b0b0bf;
  margin-top: 6px;
  margin-bottom: 36px;
}
.unified-empty-state__slug[data-v-6da37da7] {
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  color: #555;
  background: #ededf0;
  padding: 2px 10px;
  border-radius: 5px;
  display: inline-block;
}
.unified-empty-state__actions[data-v-6da37da7] {
  display: flex;
  margin-top: 20px;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}


.gen-404__btn[data-v-54b0d330] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 11px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
}
.gen-404__btn--primary[data-v-54b0d330] {
  background: #ef4444;
  color: #fff;
  font-weight: 600;
}
.gen-404__btn--primary[data-v-54b0d330]:hover {
  background: #dc2626;
  transform: translateY(-2px);
}
.gen-404__btn--secondary[data-v-54b0d330] {
  background: #fff;
  color: #555;
  border: 1px solid #E2E8F0;
}
.gen-404__btn--secondary[data-v-54b0d330]:hover {
  border-color: #CBD5E1;
  background: #F8FAFC;
  transform: translateY(-2px);
}


.gen-empty__btn[data-v-602635ff] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 11px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
}
.gen-empty__btn--primary[data-v-602635ff] {
  background: #ef4444;
  color: #fff;
  font-weight: 600;
}
.gen-empty__btn--primary[data-v-602635ff]:hover {
  background: #dc2626;
  transform: translateY(-2px);
}


/* Factory board (8765) / framed theme preview — hide cookie consent bar */
html[data-wm-hide-cookie="1"] .cookieControl {
  display: none !important;
}

/* Made with WEMASY badge */
.wemasy-badge {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background-image: linear-gradient(to right, #E42919, #9B190E);
  border: none;
  border-radius: 50px;
  box-shadow: 0 4px 14px rgba(228, 41, 25, 0.35);
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
  letter-spacing: 0.02em;
}
.wemasy-badge:hover {
  box-shadow: 0 6px 20px rgba(228, 41, 25, 0.45);
  transform: translateY(-1px);
  color: #fff;
}
.wemasy-badge--dev {
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.wemasy-badge--dev:hover,
.wemasy-badge--dev:hover span {
  color: #fff;
}
.wemasy-badge--live {
  cursor: pointer;
}
.wemasy-badge-logo {
  height: 20px;
  width: auto;
  flex-shrink: 0;
  padding: 3px;
}
.wemasy-badge-text-logo {
  height: 18px;
  width: 80px;
  flex-shrink: 0;
  object-fit: contain;
}
.wemasy-badge-tag {
  background: #fff;
  color: #E42919;
  padding: 3px 10px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.03em;
}


.wmc {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  color: #1f2937;
}
.wmc-bar {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2147483000;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 16px 24px;
  padding: 16px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.wmc-text {
  margin: 0;
  flex: 1 1 auto;
}
.wmc-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.wmc .wmc-btn {
  min-width: 132px;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  background: var(--wmc-accent);
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.wmc .wmc-btn:hover {
  filter: brightness(0.92);
}
.wmc .wmc-link {
  padding: 10px 8px;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.wmc .wmc-btn:focus-visible,
.wmc .wmc-link:focus-visible,
.wmc .wmc-switch:focus-visible,
.wmc .wmc-reopen:focus-visible {
  outline: 2px solid var(--wmc-accent);
  outline-offset: 2px;
}
.wmc-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.45);
}
.wmc-dialog {
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  outline: none;
}
.wmc-title {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.wmc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wmc-item {
  padding: 12px 0;
  border-top: 1px solid #e5e7eb;
}
.wmc-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.wmc-item-name {
  font-weight: 600;
}
.wmc-item-text {
  margin: 4px 0 0;
  color: #4b5563;
}
.wmc-always {
  color: #6b7280;
  font-size: 13px;
}
.wmc .wmc-switch {
  position: relative;
  width: 44px;
  height: 24px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: #d1d5db;
  cursor: pointer;
  transition: background 0.15s;
}
.wmc .wmc-switch[aria-checked='true'] {
  background: var(--wmc-accent);
}
.wmc-knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s;
}
.wmc .wmc-switch[aria-checked='true'] .wmc-knob {
  transform: translateX(20px);
}
.wmc-actions--dialog {
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 16px;
}
.wmc .wmc-reopen {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 2147482999;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  background: #fff;
  color: #374151;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  opacity: 0.85;
}
.wmc .wmc-reopen:hover {
  opacity: 1;
}
@media (max-width: 640px) {
.wmc-bar {
    flex-direction: column;
    align-items: stretch;
}
.wmc-actions {
    flex-wrap: wrap;
}
.wmc .wmc-btn {
    flex: 1 1 0;
    min-width: 0;
}
.wmc .wmc-link {
    width: 100%;
    order: 3;
}
}