#features:has(> [data-manufacturer-scene^="xiaomi-multi-function-flashlight__"]),
.ndovu-manufacturer-preview #features:has(> [data-manufacturer-scene^="xiaomi-multi-function-flashlight__"]) {
  display: block;
  gap: 0;
  padding-inline: 0;
}

[data-manufacturer-scene^="xiaomi-multi-function-flashlight__"] {
  margin: 0;
}

[data-manufacturer-scene^="xiaomi-multi-function-flashlight__"] > .ndovu-canvas-mobile {
  display: none !important;
}

@media (width < 768px) {
  [data-manufacturer-scene^="xiaomi-multi-function-flashlight__"] > .ndovu-canvas-desktop {
    display: none !important;
  }

  [data-manufacturer-scene^="xiaomi-multi-function-flashlight__"] > .ndovu-canvas-mobile:not(:empty) {
    display: block !important;
  }
}

.ndovu-november {
  container-type: inline-size;
  width: 100%;
  color: #191919;
  background: #f5f5f5;
  font: 400 16px/1.2 'November MiSans', sans-serif;
}

.ndovu-november .overview-con > .november-screen {
  max-width: 100%;
}

.ndovu-november img {
  display: block;
  margin: 0;
  border-radius: 0;
}

.ndovu-november .november-heading {
  margin-block-end: 0;
  font-family: inherit;
  letter-spacing: normal;
}

.ndovu-november .november-hidden-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ndovu-november [data-november-carousel] {
  transform: none !important;
}

.ndovu-november [data-november-viewport] {
  width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  transform: none !important;
  padding: 0 !important;
}

.ndovu-november .november-track {
  display: flex !important;
  width: 100% !important;
  height: 100%;
  margin: 0;
  overflow: visible !important;
  transform: none !important;
}

.ndovu-november .november-slide {
  display: block !important;
  flex: 0 0 var(--november-card-width, 100%) !important;
  width: var(--november-card-width, 100%) !important;
  min-width: 0;
  height: 100%;
  scroll-snap-align: start;
}

.ndovu-november [data-november-carousel="fade"] [data-november-viewport] {
  overflow: hidden !important;
  touch-action: pan-y;
}

.ndovu-november [data-november-carousel="fade"] .november-track {
  display: grid !important;
}

.ndovu-november [data-november-carousel="fade"] .november-slide {
  grid-area: 1 / 1;
  width: 100%;
}

.ndovu-november .november-slide[hidden] {
  display: none !important;
}

.ndovu-november .november-controls {
  position: absolute;
  z-index: 10;
  inset-inline-end: max(12px, 3cqw);
  inset-block-end: max(8px, 1cqw);
  display: flex;
  gap: 7px;
}

.ndovu-november .november-controls button {
  display: grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  margin: 0;
  place-items: center;
  border: 1px solid rgb(20 20 20 / 18%);
  border-radius: 50%;
  color: #191919;
  background: rgb(255 255 255 / 76%);
  backdrop-filter: blur(10px);
  cursor: pointer;
}

.ndovu-november .november-controls button:hover { background: #fff; }
.ndovu-november .november-controls button:focus-visible { outline: 2px solid #191919; outline-offset: 2px; }
.ndovu-november .november-controls button:disabled { opacity: .35; cursor: default; }

.ndovu-november .november-controls span {
  position: relative;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
}

.ndovu-november .november-controls span::before {
  content: '';
  box-sizing: border-box;
}

.ndovu-november [data-november-step] span::before {
  width: 8px;
  height: 8px;
  border: solid currentColor;
  border-width: 2px 2px 0 0;
  transform: translateX(-2px) rotate(45deg);
}

.ndovu-november [data-november-step="-1"] span::before { transform: translateX(2px) rotate(-135deg); }
.ndovu-november [data-november-play] span::before {
  border: 6px solid transparent;
  border-left: 9px solid currentColor;
  transform: translateX(4px);
}

.ndovu-november [data-november-play][aria-pressed="true"] span::before {
  width: 9px;
  height: 12px;
  border: solid currentColor;
  border-width: 0 3px;
  transform: none;
}

@media (width < 768px) {
  .ndovu-november .november-controls { inset-inline-end: 12px; }
}
