/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 *
 * Frontend Styles
 *
 */
.multi-feature {
  background: linear-gradient(90deg, #E0E1E2 0%, #FFFFFF 49.52%, #E0E1E2 100%);
}
.multi-feature__layout {
  justify-content: flex-start;
}
@media screen and (max-width: 1100px) {
  .multi-feature__layout {
    flex-direction: column;
    align-items: center;
  }
}
/* Desktop version - hide on mobile */
.multi-feature__desktop {
  display: flex;
}
@media screen and (max-width: 768px) {
  .multi-feature__desktop {
    display: none;
  }
}
/* Mobile accordion - hide on desktop */
.multi-feature__mobile {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .multi-feature__mobile {
    display: block;
  }
}
.multi-feature__content {
  width: 100%;
  position: relative;
}
.wp-block-mx-feature-item {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.wp-block-mx-feature-item[style*="display: none"] {
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}
.multi-feature__menu {
  max-width: 300px;
}
@media screen and (max-width: 1100px) {
  .multi-feature__menu {
    margin-bottom: 32px;
  }
}
.multi-feature__menu-item {
  border: none;
  padding: 8px 24px 12px 24px;
  margin-bottom: 12px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  max-width: 300px;
  letter-spacing: 0.15em;
  background: linear-gradient(90deg, rgba(145, 153, 159, 0.6) 0%, #E0E1E2 100%);
  color: #222;
}
.multi-feature__menu-item.is-active {
  background: linear-gradient(90deg, #F7781E 0%, #FB1F1E 100%);
  color: #fff;
}
.is-style-dark-theme.feature-standard,
.is-style-dark-theme.multi-feature {
  background: linear-gradient(90deg, #323E46 0%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
  background-blend-mode: overlay;
  color: #fff;
}
.is-style-dark-theme .multi-feature__menu-item {
  color: #fff;
  background: #323E46;
}
.is-style-dark-theme .multi-feature__menu-item.is-active {
  background: linear-gradient(90deg, #F7781E 0%, #FB1F1E 100%);
  color: #fff;
}
/* Mobile Accordion Styles */
.multi-feature__accordion-item {
  margin-bottom: 16px;
  padding-left: var(--padding-inner);
  padding-right: var(--padding-inner);
}
.multi-feature__accordion-header {
  border: none;
  padding: 16px 24px;
  margin-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  letter-spacing: 0.15em;
  background: linear-gradient(90deg, rgba(145, 153, 159, 0.6) 0%, #E0E1E2 100%);
  color: #222;
  position: relative;
  transition: all 0.3s ease;
}
.multi-feature__accordion-header::after {
  content: "+";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: bold;
  transition: transform 0.3s;
}
.multi-feature__accordion-header.is-active {
  background: linear-gradient(90deg, #F7781E 0%, #FB1F1E 100%);
  color: #fff;
  border-radius: 4px;
}
.multi-feature__accordion-header.is-active::after {
  content: "−";
}
.multi-feature__accordion-header:not(.is-active) + .multi-feature__accordion-content {
  border-radius: 4px;
}
.multi-feature__accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  border-radius: 0 0 6px 6px;
}
.multi-feature__accordion-content.is-active {
  max-height: 2000px;
  overflow: visible;
}
.multi-feature__accordion-content .wp-block-mx-feature-item {
  display: block !important;
  opacity: 1 !important;
}
.is-style-dark-theme .multi-feature__accordion-header {
  color: #fff;
  background: #323E46;
}
.is-style-dark-theme .multi-feature__accordion-header.is-active {
  background: linear-gradient(90deg, #F7781E 0%, #FB1F1E 100%);
  color: #fff;
}

/*# sourceMappingURL=style-index.css.map*/