:root {
  --mc-color-surface: #fff;
  --mc-color-text: #0f172a;
  --mc-color-text-strong: #000;
  --mc-color-text-muted: #475569;
  --mc-color-text-subtle: #3f3f46;
  --mc-color-heading: #1f2937;
  --mc-color-icon-muted: #64748b;
  --mc-color-border: #d4d4d8;
  --mc-color-border-light: #e2e8f0;
  --mc-color-border-soft: rgba(16, 22, 28, 0.25);
  --mc-color-black: #02273e;
  --mc-color-grey: #8ca4ab;
  --mc-color-black-hover: #345264;
  --mc-color-sand: #dcded1;
  --mc-bg-neutral-50: #f8fafc;
  --mc-bg-neutral-100: #f3f3f3;
  --mc-bg-neutral-150: #f2f4f7;
  --mc-bg-neutral-200: #f1f5f9;
  --mc-bg-hover: #eaf2f8;

  --mc-gradient-primary: linear-gradient(180deg, #103a60 0%, #0b2c49 100%);

  --mc-shadow-card: 0 10px 24px rgba(13, 32, 56, 0.08);
  --mc-shadow-popover: 0 10px 24px rgba(13, 32, 56, 0.12);

  --mc-header-height: 86px;
  --mc-filter-width: 305px;
  --mc-filter-padding: 20px;

  --mc-chamfer-sm: 6px;
  --mc-chamfer-md: 8px;
  --mc-chamfer-lg: 12px;
  --mc-chamfer-xl: 24px;
  --mc-radius-pill: 999px;

  --mc-transition-fast: 0.1s;
  --mc-transition-base: 0.3s;
}

.breakdance-menu-toggle {
  clip-path: polygon(15% 0%, 100% 0%, 100% 70%, 90% 100%, 0% 100%, 0% 30%);
}

/* Global styling for titles and slider navigation */
.titles-sliders {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
.titles-sliders .titles-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.titles-sliders .titles-left .sec-subtitle {
  opacity: 0.6;
}
.titles-sliders .slider-navs {
  width: 84px;
  display: flex;
  gap: 16px;
}

@media (max-width: 767px) {
  .titles-sliders {
    gap: 12px;
  }

  .titles-sliders .slider-navs {
    width: 72px;
    gap: 10px;
    flex: 0 0 auto;
  }

  .titles-sliders .titles-left .text-44 {
    font-size: clamp(22px, 6.2vw, 30px);
    line-height: 1.15;
    overflow-wrap: break-word;
  }
}

@media (max-width: 390px) {
  .titles-sliders .titles-left .text-44 {
    font-size: clamp(20px, 5.8vw, 24px);
  }
}
.swiper-pagination {
  .swiper-pagination-bullet {
    margin: 0 !important;
  }
}

/* |Hide the html entity if that div is empty */
.product-shortcode:empty {
  display: none;
}

/* View transitions */

@view-transition {
  navigation: auto;
}

header {
  view-transition-name: mc-header-static;
}

#wpadminbar {
  view-transition-name: mc-adminbar-static;
}

#adminmenuback {
  view-transition-name: mc-adminmenuback-static;
}

::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
  animation-duration: 0.3s;
}

::view-transition-group(mc-header-static),
::view-transition-old(mc-header-static),
::view-transition-new(mc-header-static),
::view-transition-group(mc-adminbar-static),
::view-transition-old(mc-adminbar-static),
::view-transition-new(mc-adminbar-static),
::view-transition-group(mc-adminmenuback-static),
::view-transition-old(mc-adminmenuback-static),
::view-transition-new(mc-adminmenuback-static) {
  animation-duration: 0s !important;
}