/*
 * VideoKing v3 colour modes
 *
 * The legacy light theme stays untouched. Dark mode is an additive layer
 * selected by the root data-vk-theme attribute before the page is painted.
 */

:root {
  --vk3-accent-blue: #4f63f6;
  --vk3-accent-magenta: #c23a8e;
  --vk3-accent-gradient: linear-gradient(135deg, var(--vk3-accent-blue), var(--vk3-accent-magenta));
  --vk3-focus-ring: 0 0 0 3px rgba(79, 99, 246, 0.28);
  --vk3-radius-sm: 6px;
  --vk3-radius-md: 8px;
  --vk3-motion: 180ms ease;
}

.vk-site-logo-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.site-logo-dark {
  display: none !important;
}

html[data-vk-theme="dark"] .site-logo-light {
  display: none !important;
}

html[data-vk-theme="dark"] .site-logo-dark {
  display: block !important;
}

.vk-theme-toggle-topbar {
  float: right;
  margin: 0 0 0 12px;
}

.vk-theme-toggle {
  position: relative;
  display: inline-flex;
  width: 64px;
  min-width: 64px;
  height: 44px;
  min-height: 44px;
  padding: 3px;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--vk3-radius-sm);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  cursor: pointer;
  line-height: 1;
  transition: border-color var(--vk3-motion), background var(--vk3-motion), color var(--vk3-motion), box-shadow var(--vk3-motion);
  -webkit-appearance: none;
  appearance: none;
}

.vk-theme-toggle::before {
  position: absolute;
  z-index: 0;
  top: 3px;
  left: 3px;
  width: 28px;
  height: 36px;
  border-radius: 4px;
  content: '';
  background: #f5f7fa;
  box-shadow: 0 4px 12px rgba(20, 27, 52, 0.24);
  transition: transform var(--vk3-motion), background var(--vk3-motion);
}

html[data-vk-theme="dark"] .vk-theme-toggle::before {
  transform: translateX(30px);
}

.vk-theme-toggle:hover,
.vk-theme-toggle:focus-visible {
  border-color: var(--vk3-accent-blue);
  background: rgba(79, 99, 246, 0.14);
  color: #ffffff;
}

.vk-theme-toggle:focus-visible {
  outline: 0;
  box-shadow: var(--vk3-focus-ring);
}

.vk-theme-toggle__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 0 0 28px;
  width: 28px;
  height: 36px;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.52);
  transition: color var(--vk3-motion);
}

.vk-theme-toggle__icon svg {
  display: block;
  width: 17px;
  height: 17px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vk-theme-toggle__icon--sun {
  color: #111318;
}

html[data-vk-theme="dark"] .vk-theme-toggle__icon--sun {
  color: rgba(255, 255, 255, 0.52);
}

html[data-vk-theme="dark"] .vk-theme-toggle__icon--moon {
  color: #111318;
}

.vk-theme-toggle-mobile-item {
  display: none !important;
}

/* Dark design tokens */
html[data-vk-theme="dark"] {
  --vk3-bg: #111318;
  --vk3-header: #0d0f13;
  --vk3-surface: #191c23;
  --vk3-surface-raised: #20242d;
  --vk3-surface-hover: #272c36;
  --vk3-text: #f5f7fa;
  --vk3-text-muted: #aeb5c0;
  --vk3-text-subtle: #858e9c;
  --vk3-border: #343a46;
  --vk3-border-soft: #282e38;
  --vk3-image-surface: #e3e6eb;
  --vk3-image-border: #4a515e;
  --vk3-product-media-filter: brightness(0.88) contrast(0.98) saturate(0.96);
  --vk3-widget-media-filter: brightness(0.80) contrast(0.96) saturate(0.92);
  --vk3-shadow: 0 16px 36px rgba(0, 0, 0, 0.26);
  background: var(--vk3-bg);
}

html[data-vk-theme="dark"] body,
html[data-vk-theme="dark"] #page-wrap,
html[data-vk-theme="dark"] #page-wrap .boxed-layout,
html[data-vk-theme="dark"] .off-content,
html[data-vk-theme="dark"] .site-content,
html[data-vk-theme="dark"] #content,
html[data-vk-theme="dark"] .main-content,
html[data-vk-theme="dark"] .content-area,
html[data-vk-theme="dark"] .blog-content-area {
  background-color: var(--vk3-bg) !important;
  color: var(--vk3-text-muted);
}

html[data-vk-theme="dark"] body,
html[data-vk-theme="dark"] p,
html[data-vk-theme="dark"] li,
html[data-vk-theme="dark"] dt,
html[data-vk-theme="dark"] dd,
html[data-vk-theme="dark"] label,
html[data-vk-theme="dark"] address,
html[data-vk-theme="dark"] .entry-content,
html[data-vk-theme="dark"] .entry-summary {
  color: var(--vk3-text-muted);
}

html[data-vk-theme="dark"] h1,
html[data-vk-theme="dark"] h2,
html[data-vk-theme="dark"] h3,
html[data-vk-theme="dark"] h4,
html[data-vk-theme="dark"] h5,
html[data-vk-theme="dark"] h6,
html[data-vk-theme="dark"] .entry-title,
html[data-vk-theme="dark"] .page-title,
html[data-vk-theme="dark"] .product-title,
html[data-vk-theme="dark"] .product_title {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] a {
  color: #c8cdd6;
}

html[data-vk-theme="dark"] a:hover,
html[data-vk-theme="dark"] a:focus {
  color: #ffffff;
}

html[data-vk-theme="dark"] :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 0;
  box-shadow: var(--vk3-focus-ring);
}

html[data-vk-theme="dark"] hr,
html[data-vk-theme="dark"] table,
html[data-vk-theme="dark"] th,
html[data-vk-theme="dark"] td {
  border-color: var(--vk3-border) !important;
}

/* Header, navigation and search */
html[data-vk-theme="dark"] #header-top-bar,
html[data-vk-theme="dark"] .l-header,
html[data-vk-theme="dark"] #page_header_wrap,
html[data-vk-theme="dark"] #header-st,
html[data-vk-theme="dark"] #header-st.sticky-header-not-top,
html[data-vk-theme="dark"] .header-main-section,
html[data-vk-theme="dark"] .l-nav,
html[data-vk-theme="dark"] #site-nav {
  background-color: var(--vk3-header) !important;
  color: var(--vk3-text);
  border-color: var(--vk3-border-soft) !important;
}

html[data-vk-theme="dark"] #header-top-bar {
  background: #15181e !important;
}

html[data-vk-theme="dark"] #page_header_wrap .header-main-section {
  border-bottom: 1px solid var(--vk3-border-soft);
}

html[data-vk-theme="dark"] nav#nav ul li > a,
html[data-vk-theme="dark"] nav#st-nav ul li > a,
html[data-vk-theme="dark"] #header-top-bar a,
html[data-vk-theme="dark"] .contact-info,
html[data-vk-theme="dark"] .contact-info a,
html[data-vk-theme="dark"] .l-header-shop,
html[data-vk-theme="dark"] .l-header-shop .amount,
html[data-vk-theme="dark"] .l-header-shop .bag-items-number {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] nav#nav ul ul.sub-menu,
html[data-vk-theme="dark"] nav#st-nav ul ul.sub-menu,
html[data-vk-theme="dark"] #page_header_wrap .tdl-megamenu-wrapper,
html[data-vk-theme="dark"] #header-st .tdl-megamenu-wrapper,
html[data-vk-theme="dark"] .main-navigation ul ul,
html[data-vk-theme="dark"] .contact-info .inside-area .inside-area-content {
  background-color: var(--vk3-surface-raised) !important;
  color: var(--vk3-text-muted) !important;
  border-color: var(--vk3-border) !important;
  box-shadow: var(--vk3-shadow);
}

html[data-vk-theme="dark"] #page_header_wrap .tdl-megamenu-wrapper :is(a, .tdl-megamenu-title),
html[data-vk-theme="dark"] nav#nav ul ul li a,
html[data-vk-theme="dark"] nav#st-nav ul ul li a {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] #page_header_wrap .tdl-megamenu-wrapper li,
html[data-vk-theme="dark"] nav#nav ul ul li,
html[data-vk-theme="dark"] nav#st-nav ul ul li {
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] .l-search .woodstock-search-form form input[type="text"],
html[data-vk-theme="dark"] .l-search input[type="search"],
html[data-vk-theme="dark"] .dgwt-wcas-sf-wrapp,
html[data-vk-theme="dark"] .dgwt-wcas-search-input,
html[data-vk-theme="dark"] .contact-info,
html[data-vk-theme="dark"] .mobile-menu-button a,
html[data-vk-theme="dark"] .mobile-search .mobile-search-button {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] :is(.dgwt-wcas-search-input, .ajax-search-input, input[type="search"])::placeholder {
  color: var(--vk3-text-subtle) !important;
  opacity: 1;
}

html[data-vk-theme="dark"] .dgwt-wcas-suggestions-wrapp,
html[data-vk-theme="dark"] .dgwt-wcas-details-wrapp,
html[data-vk-theme="dark"] .ajax-search-results,
html[data-vk-theme="dark"] .search-results-wrapper .woodstock-scroll {
  background: var(--vk3-surface-raised) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .dgwt-wcas-suggestion,
html[data-vk-theme="dark"] .ajax_autosuggest_suggestions li {
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] .dgwt-wcas-suggestion-selected,
html[data-vk-theme="dark"] .dgwt-wcas-suggestion:hover {
  background: var(--vk3-surface-hover) !important;
}

html[data-vk-theme="dark"] .l-search button.searchsubmit::after,
html[data-vk-theme="dark"] .woocommerce-product-search::after,
html[data-vk-theme="dark"] .mobile-search .mobile-search-button::before,
html[data-vk-theme="dark"] .contact-info .contact-info-icon::after,
html[data-vk-theme="dark"] .l-header-shop .icon-shop::before {
  color: var(--vk3-text) !important;
}

/* Keep the search affordance crisp without turning the whole submit area white. */
html[data-vk-theme="dark"] .l-search .woodstock-search-form form .searchsubmit,
html[data-vk-theme="dark"] .dgwt-wcas-search-submit {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-vk-theme="dark"] .l-search .woodstock-search-form form .searchsubmit::after {
  top: 9px;
  right: 9px;
  width: 37px;
  height: 37px;
  box-sizing: border-box;
  border: 1px solid var(--vk3-border);
  border-radius: 50%;
  background: var(--vk3-header);
  color: #ffffff !important;
  font-size: 21px;
  line-height: 37px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

html[data-vk-theme="dark"] .dgwt-wcas-search-submit,
html[data-vk-theme="dark"] .dgwt-wcas-search-submit:hover,
html[data-vk-theme="dark"] .dgwt-wcas-search-submit:focus-visible {
  border: 1px solid var(--vk3-border) !important;
  border-radius: 50% !important;
  background: var(--vk3-header) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24) !important;
}

html[data-vk-theme="dark"] .dgwt-wcas-search-submit :is(svg, path),
html[data-vk-theme="dark"] :is(.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler) {
  fill: #ffffff !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] .l-header-shop .shopbag_items_number {
  border-color: var(--vk3-text) !important;
  background: var(--vk3-header) !important;
  color: var(--vk3-text) !important;
}

/* Mobile drawers and sticky controls */
html[data-vk-theme="dark"] .off-menu,
html[data-vk-theme="dark"] .off-menu .nano-content,
html[data-vk-theme="dark"] .offcanvas-left-content,
html[data-vk-theme="dark"] .offcanvas-right-content,
html[data-vk-theme="dark"] .slide-from-right,
html[data-vk-theme="dark"] .mobile-navigation,
html[data-vk-theme="dark"] .mobile-navigation ul,
html[data-vk-theme="dark"] .mobile-navigation li {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .mobile-navigation a,
html[data-vk-theme="dark"] .off-menu a,
html[data-vk-theme="dark"] .off-menu .widget-title {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .close-icon::before,
html[data-vk-theme="dark"] .close-icon::after {
  background-color: var(--vk3-text) !important;
}

/* Shared forms, panels and WooCommerce notices */
html[data-vk-theme="dark"] input[type="text"],
html[data-vk-theme="dark"] input[type="email"],
html[data-vk-theme="dark"] input[type="tel"],
html[data-vk-theme="dark"] input[type="number"],
html[data-vk-theme="dark"] input[type="password"],
html[data-vk-theme="dark"] input[type="search"],
html[data-vk-theme="dark"] textarea,
html[data-vk-theme="dark"] select,
html[data-vk-theme="dark"] .select2-container .select2-choice,
html[data-vk-theme="dark"] .select2-container .select2-selection,
html[data-vk-theme="dark"] .select2-dropdown {
  background-color: var(--vk3-surface-raised) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .select2-results,
html[data-vk-theme="dark"] .select2-results__option,
html[data-vk-theme="dark"] .select2-drop {
  background-color: var(--vk3-surface-raised) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] .select2-results__option--highlighted,
html[data-vk-theme="dark"] .select2-highlighted {
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] .woocommerce-message,
html[data-vk-theme="dark"] .woocommerce-info,
html[data-vk-theme="dark"] .woocommerce-error,
html[data-vk-theme="dark"] .woocommerce-notice,
html[data-vk-theme="dark"] .woocommerce-form-coupon,
html[data-vk-theme="dark"] .woocommerce-form-login,
html[data-vk-theme="dark"] .woocommerce-terms-and-conditions {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] .woocommerce-message::before,
html[data-vk-theme="dark"] .woocommerce-info::before {
  color: var(--vk3-accent-blue) !important;
}

html[data-vk-theme="dark"] .woocommerce a.button,
html[data-vk-theme="dark"] .woocommerce button.button,
html[data-vk-theme="dark"] .woocommerce input.button,
html[data-vk-theme="dark"] input[type="submit"],
html[data-vk-theme="dark"] button[type="submit"] {
  border: 1px solid #ffffff !important;
  background: #f7f8fb !important;
  color: #111318 !important;
}

html[data-vk-theme="dark"] .woocommerce a.button:hover,
html[data-vk-theme="dark"] .woocommerce button.button:hover,
html[data-vk-theme="dark"] .woocommerce input.button:hover,
html[data-vk-theme="dark"] input[type="submit"]:hover,
html[data-vk-theme="dark"] button[type="submit"]:hover {
  border-color: var(--vk3-accent-blue) !important;
  background: #ffffff !important;
  color: #111318 !important;
  box-shadow: var(--vk3-focus-ring);
}

/* Shop archive and product grids */
html[data-vk-theme="dark"] .site_header.without_featured_img,
html[data-vk-theme="dark"] .shop-page .site_header.without_featured_img,
html[data-vk-theme="dark"] .site_header.woo-pages.without_featured_img {
  background-color: var(--vk3-surface) !important;
}

html[data-vk-theme="dark"] #archive-categories,
html[data-vk-theme="dark"] #archive-categories .category-box,
html[data-vk-theme="dark"] .category-box,
html[data-vk-theme="dark"] .categories_grid,
html[data-vk-theme="dark"] .categories_grid .category_item,
html[data-vk-theme="dark"] .woocommerce-ordering,
html[data-vk-theme="dark"] .shop-layout-opts {
  background-color: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] #archive-categories :is(h4, a),
html[data-vk-theme="dark"] .categories_grid :is(h4, a) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] #archive-categories .category-box:hover,
html[data-vk-theme="dark"] .categories_grid .category_item:hover {
  background: var(--vk3-surface-hover) !important;
}

html[data-vk-theme="dark"] #products li.product-item,
html[data-vk-theme="dark"] #products li.product-item figure.product-inner,
html[data-vk-theme="dark"] ul.products li.product,
html[data-vk-theme="dark"] .wc-block-grid__product {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border-soft) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] #products li.product-item:hover,
html[data-vk-theme="dark"] #products li.product-item figure.product-inner:hover,
html[data-vk-theme="dark"] ul.products li.product:hover {
  background: var(--vk3-surface-raised) !important;
  border-color: var(--vk3-border) !important;
  box-shadow: var(--vk3-shadow);
}

html[data-vk-theme="dark"] #products .product_thumbnail,
html[data-vk-theme="dark"] #products .product_thumbnail_wrapper,
html[data-vk-theme="dark"] #products .product_thumbnail img,
html[data-vk-theme="dark"] ul.products li.product img,
html[data-vk-theme="dark"] .wc-block-grid__product-image {
  background: var(--vk3-image-surface) !important;
}

html[data-vk-theme="dark"] #products :is(.product_thumbnail img, .product_thumbnail_background),
html[data-vk-theme="dark"] ul.products li.product img,
html[data-vk-theme="dark"] .wc-block-grid__product-image img,
html[data-vk-theme="dark"] .woocommerce-cart-form .product-thumbnail img,
html[data-vk-theme="dark"] .woocommerce-checkout-review-order .product-image img {
  filter: var(--vk3-product-media-filter) !important;
}

html[data-vk-theme="dark"] #products h4 a,
html[data-vk-theme="dark"] ul.products .woocommerce-loop-product__title,
html[data-vk-theme="dark"] ul.products .woocommerce-loop-product__title a,
html[data-vk-theme="dark"] .wc-block-grid__product-title {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] #products .price,
html[data-vk-theme="dark"] ul.products .price,
html[data-vk-theme="dark"] .wc-block-grid__product-price {
  color: #ffffff !important;
}

html[data-vk-theme="dark"] .product_after_shop_loop,
html[data-vk-theme="dark"] .product_after_shop_loop_buttons {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] .category_item .cat-count,
html[data-vk-theme="dark"] #products .product-category-link,
html[data-vk-theme="dark"] ul.products .product-category-link {
  color: var(--vk3-text-subtle) !important;
}

html[data-vk-theme="dark"] :is(#products, ul.products) .vksa-badge,
html[data-vk-theme="dark"] :is(#products, ul.products) .vksa-badge :is(.vksa-label, .vksa-status-line) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] :is(#products, ul.products) .vksa-badge .vksa-details {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] .select2-container .select2-selection,
html[data-vk-theme="dark"] .select2-container .select2-choice {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .select2-container :is(.select2-selection__rendered, .select2-chosen, .select2-selection__arrow) {
  color: var(--vk3-text-muted) !important;
}

/* Product page */
html[data-vk-theme="dark"] body.single-product {
  --vk-ink: var(--vk3-text);
  --vk-muted: var(--vk3-text-muted);
  --vk-line: var(--vk3-border);
  --vk-soft: var(--vk3-surface);
  --vk-surface: var(--vk3-surface-raised);
  --vk-focus-ring: var(--vk3-focus-ring);
}

html[data-vk-theme="dark"] body.single-product .single-product,
html[data-vk-theme="dark"] body.single-product .product_infos,
html[data-vk-theme="dark"] body.single-product .product_meta,
html[data-vk-theme="dark"] body.single-product .woocommerce-tabs,
html[data-vk-theme="dark"] body.single-product .related,
html[data-vk-theme="dark"] body.single-product .upsells {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product #product-images-carousel,
html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-stage-outer,
html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item,
html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item > div,
html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item a,
html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item img {
  background: var(--vk3-image-surface) !important;
}

html[data-vk-theme="dark"] body.single-product #product-images-carousel {
  border-color: var(--vk3-border) !important;
  box-shadow: var(--vk3-shadow);
}

html[data-vk-theme="dark"] body.single-product .product_thumbnails .swiper-slide:not(.vk-brand-thumbnail) img,
html[data-vk-theme="dark"] body.single-product .fr-thumbnail-image {
  filter: var(--vk3-product-media-filter) !important;
}

/* Owl uses a transformed stage; a neutral overlay is more stable than filtering
   the full-size image and keeps the product's black point colour-accurate. */
html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item .easyzoom {
  position: relative;
}

html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item .easyzoom::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: '';
  pointer-events: none;
  background: rgba(17, 19, 24, 0.12);
}

html[data-vk-theme="dark"] body.single-product #product-images-carousel .product_image_zoom_button {
  z-index: 2;
}

html[data-vk-theme="dark"] body.single-product .product_thumbnails .swiper-slide {
  background: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] body.single-product .product_thumbnails .swiper-slide img,
html[data-vk-theme="dark"] body.single-product .product_thumbnails .vk-brand-thumbnail__link {
  background: var(--vk3-image-surface) !important;
}

html[data-vk-theme="dark"] body.single-product .product_thumbnails .vk-brand-thumbnail__name {
  color: #151515 !important;
}

/* White VideoKing brand artwork needs a dark tile instead of the neutral photo surface. */
html[data-vk-theme="dark"] body.single-product .product_thumbnails .vk-brand-thumbnail__link:has(img[src*="videoking-logo-white"]) {
  background: var(--vk3-header) !important;
}

html[data-vk-theme="dark"] body.single-product .product_images .product_image_zoom_button,
html[data-vk-theme="dark"] body.single-product .product_images #product-images-carousel .owl-nav div,
html[data-vk-theme="dark"] body.single-product .vk-gallery-thumb-control {
  background: rgba(25, 28, 35, 0.94) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .product_images #product-images-carousel .owl-nav :is(.owl-prev, .owl-next)::after {
  border-color: #ffffff !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body.single-product .product_infos form.cart,
html[data-vk-theme="dark"] body.single-product .vk-product-benefits,
html[data-vk-theme="dark"] body.single-product .vk-product-promo,
html[data-vk-theme="dark"] body.single-product .product_infos .vkpe-box,
html[data-vk-theme="dark"] body.single-product .product_infos [class*="vkpe-"][class*="strip"],
html[data-vk-theme="dark"] body.single-product .product_meta,
html[data-vk-theme="dark"] body.single-product .woocommerce-tabs .panel {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .vk-product-benefit,
html[data-vk-theme="dark"] body.single-product .vk-product-benefit strong,
html[data-vk-theme="dark"] body.single-product .vk-product-promo strong {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .vk-product-benefit small,
html[data-vk-theme="dark"] body.single-product .vk-product-promo small,
html[data-vk-theme="dark"] body.single-product .product_meta,
html[data-vk-theme="dark"] body.single-product .product_meta a {
  color: var(--vk3-text-muted) !important;
}

/* The purchase-benefit PNGs are monochrome; invert them into true dark-mode icons. */
html[data-vk-theme="dark"] body.single-product .vk-product-benefit img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.92;
}

/* Quantity control mirrors the white icon treatment from the dark-mode reference. */
html[data-vk-theme="dark"] .woocommerce .quantity :is(.qty-plus, .qty-minus),
html[data-vk-theme="dark"] #jckqv_summary .quantity :is(.qty-plus, .qty-minus) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] .woocommerce .quantity :is(.qty-plus, .qty-minus):hover,
html[data-vk-theme="dark"] .woocommerce .quantity :is(.qty-plus, .qty-minus):focus-visible,
html[data-vk-theme="dark"] #jckqv_summary .quantity :is(.qty-plus, .qty-minus):hover,
html[data-vk-theme="dark"] #jckqv_summary .quantity :is(.qty-plus, .qty-minus):focus-visible {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body.single-product .product_infos form.cart .single_add_to_cart_button {
  border-color: #ffffff !important;
  background: #f7f8fb !important;
  color: #111318 !important;
}

/* Product data and plugin copy that carries hard-coded light-theme colours. */
html[data-vk-theme="dark"] .contact-info :is(.contact-info-title, .contact-info-subtitle),
html[data-vk-theme="dark"] body.single-product .product_infos .price,
html[data-vk-theme="dark"] body.single-product .product_infos .price :is(span, bdi),
html[data-vk-theme="dark"] body.single-product .vkpe-box__headline,
html[data-vk-theme="dark"] body.single-product .vkpe-box__promo-price,
html[data-vk-theme="dark"] body.single-product .vksa-badge,
html[data-vk-theme="dark"] body.single-product .vksa-badge :is(.vksa-label, .vksa-status-line),
html[data-vk-theme="dark"] body.single-product .product_meta :is(span, a, strong) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-message,
html[data-vk-theme="dark"] body.single-product .vksa-badge small,
html[data-vk-theme="dark"] body.single-product .vksa-badge [class*="detail"] {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-price-watch-strip__button,
html[data-vk-theme="dark"] body.single-product .vkpe-price-watch-strip__button :is(strong, span),
html[data-vk-theme="dark"] body.single-product .vka-context :is(strong, span) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .vka-context {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .vkpe-price-watch-modal__dialog,
html[data-vk-theme="dark"] .vkpe-price-watch-modal__content,
html[data-vk-theme="dark"] .vkpe-price-watch-modal__header,
html[data-vk-theme="dark"] .vkpe-price-watch-modal__body {
  background: var(--vk3-surface-raised) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .vkpe-price-watch-modal__dialog :is(h1, h2, h3, h4, p, span, strong, label),
html[data-vk-theme="dark"] .vkpe-price-watch-modal__identity,
html[data-vk-theme="dark"] .vkpe-price-watch-modal__product {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .vkpe-price-watch-modal__close {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .vkpe-price-watch-modal__thumbnail {
  background: var(--vk3-image-surface) !important;
  border-color: var(--vk3-border) !important;
}

/* Product Enhancer accessory recommender, including loading, empty and card states. */
html[data-vk-theme="dark"] .vkpe-ai-box {
  --vkpe-ai-ink: var(--vk3-text);
  --vkpe-ai-muted: var(--vk3-text-muted);
  --vkpe-ai-line: var(--vk3-border);
  --vkpe-ai-soft: var(--vk3-surface);
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] .vkpe-ai-showcase {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  box-shadow: var(--vk3-shadow);
}

html[data-vk-theme="dark"] .vkpe-ai-box__title,
html[data-vk-theme="dark"] .vkpe-ai-card__title,
html[data-vk-theme="dark"] .vkpe-ai-card__price,
html[data-vk-theme="dark"] .vkpe-ai-showcase__nav-item strong,
html[data-vk-theme="dark"] .vkpe-ai-setup-booster__copy strong {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] :is(.vkpe-ai-menu-status, .vkpe-ai-loading) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] .vkpe-ai-showcase__nav {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
}

html[data-vk-theme="dark"] :is(.vkpe-ai-showcase__quick-button, .vkpe-ai-showcase__nav-item) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
  box-shadow: none;
}

html[data-vk-theme="dark"] :is(.vkpe-ai-showcase__quick-button, .vkpe-ai-showcase__nav-item):is(:hover, :focus-visible, .is-active) {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
  box-shadow: inset 4px 0 0 var(--vk3-accent-blue), inset 7px 0 0 rgba(194, 58, 142, 0.72);
}

html[data-vk-theme="dark"] .vkpe-ai-showcase__nav-item span,
html[data-vk-theme="dark"] .vkpe-ai-card__meta,
html[data-vk-theme="dark"] .vkpe-ai-setup-booster__copy :is(span, small) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] .vkpe-ai-grid::-webkit-scrollbar-track {
  background: var(--vk3-border-soft);
}

html[data-vk-theme="dark"] .vkpe-ai-card {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
}

html[data-vk-theme="dark"] .vkpe-ai-card__image-link {
  border-bottom: 1px solid var(--vk3-border);
  background: var(--vk3-image-surface) !important;
}

html[data-vk-theme="dark"] .vkpe-ai-card__image {
  filter: var(--vk3-product-media-filter) !important;
}

html[data-vk-theme="dark"] :is(.vkpe-ai-card__reason, .vkpe-ai-card__setup-badge) {
  background: var(--vk3-surface) !important;
  color: var(--vk3-text-muted) !important;
  box-shadow: inset 0 0 0 1px var(--vk3-border);
}

html[data-vk-theme="dark"] .vkpe-ai-setup-booster {
  border-color: var(--vk3-border) !important;
  background: linear-gradient(90deg, rgba(79, 99, 246, 0.16), rgba(194, 58, 142, 0.12) 58%, transparent), var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .vkpe-ai-setup-booster__step,
html[data-vk-theme="dark"] .vkpe-ai-card__debug {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text-muted) !important;
}

/* VideoKing Assistant: only its own chrome is darkened; product media remains neutral. */
html[data-vk-theme="dark"] :is(.vka-panel, .vka-dialog, .vka-window, .vka-chat, [class*="vka-"][class*="panel"], [class*="vka-"][class*="dialog"]) {
  background: var(--vk3-surface-raised) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] :is(.vka-header, .vka-footer, .vka-composer, .vka-input-wrap) {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .vka-message--assistant,
html[data-vk-theme="dark"] :is(.vka-quick-action, .vka-chip, .vka-suggestion) {
  background: var(--vk3-surface-hover) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .woocommerce-tabs ul.tabs,
html[data-vk-theme="dark"] body.single-product .woocommerce-tabs ul.tabs li,
html[data-vk-theme="dark"] body.single-product .woocommerce-tabs ul.tabs li a {
  background: transparent !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .woocommerce-tabs ul.tabs li.active a {
  color: #ffffff !important;
  border-bottom-color: var(--vk3-accent-blue) !important;
}

/* Fresco lightbox */
html[data-vk-theme="dark"] .fr-window,
html[data-vk-theme="dark"] .fr-box,
html[data-vk-theme="dark"] .fr-container,
html[data-vk-theme="dark"] .fr-content,
html[data-vk-theme="dark"] .fr-thumbnails,
html[data-vk-theme="dark"] .fr-thumbnails-wrapper {
  background: rgba(13, 15, 19, 0.98) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .fr-overlay {
  z-index: 999998 !important;
}

html[data-vk-theme="dark"] .fr-window {
  z-index: 999999 !important;
}

html[data-vk-theme="dark"] .fr-content-image {
  background: var(--vk3-image-surface) !important;
}

html[data-vk-theme="dark"] .fr-thumbnail-frame {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
}

html[data-vk-theme="dark"] .fr-thumbnail-active .fr-thumbnail-frame {
  border-color: var(--vk3-accent-blue) !important;
  box-shadow: var(--vk3-focus-ring);
}

html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco .fr-side-button-background,
html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco .fr-close-outside .fr-close-background,
html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-fullclick .fr-close-background {
  background: rgba(25, 28, 35, 0.96) !important;
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco .fr-side-button-icon::before {
  border-color: #ffffff !important;
}

html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco .fr-close-outside .fr-close-icon::before,
html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco .fr-close-outside .fr-close-icon::after,
html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-fullclick .fr-close-icon::before,
html[data-vk-theme="dark"] body.single-product .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-fullclick .fr-close-icon::after {
  background: #ffffff !important;
}

/* Cart, checkout and account */
html[data-vk-theme="dark"] .woocommerce-cart-form,
html[data-vk-theme="dark"] .cart-collaterals,
html[data-vk-theme="dark"] .cart_totals,
html[data-vk-theme="dark"] .checkout,
html[data-vk-theme="dark"] .woocommerce-checkout-review-order,
html[data-vk-theme="dark"] #payment,
html[data-vk-theme="dark"] .woocommerce-MyAccount-navigation,
html[data-vk-theme="dark"] .woocommerce-MyAccount-content,
html[data-vk-theme="dark"] .my_account_container,
html[data-vk-theme="dark"] .account-tab-list,
html[data-vk-theme="dark"] .account-tab-content {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] .woocommerce table.shop_table,
html[data-vk-theme="dark"] .woocommerce table.shop_table th,
html[data-vk-theme="dark"] .woocommerce table.shop_table td,
html[data-vk-theme="dark"] .woocommerce-checkout-review-order-table {
  background: transparent !important;
  color: var(--vk3-text-muted) !important;
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] .woocommerce table.shop_table th,
html[data-vk-theme="dark"] .cart_totals h2,
html[data-vk-theme="dark"] .woocommerce-billing-fields h3,
html[data-vk-theme="dark"] .woocommerce-shipping-fields h3,
html[data-vk-theme="dark"] #order_review_heading,
html[data-vk-theme="dark"] .woocommerce-MyAccount-navigation a {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] #payment ul.payment_methods,
html[data-vk-theme="dark"] #payment div.payment_box,
html[data-vk-theme="dark"] .woocommerce-MyAccount-navigation li {
  background: var(--vk3-surface-raised) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] #payment div.payment_box::before {
  border-bottom-color: var(--vk3-surface-raised) !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .woocommerce :is(h1, h2, h3, .woocommerce-MyAccount-content h2),
html[data-vk-theme="dark"] body.woocommerce-account .account-forms-container :is(h1, h2, h3) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.woocommerce-account :is(.login-form, .register-form, form.login, form.register) {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
}

/* My Account login and registration panel */
html[data-vk-theme="dark"] body.woocommerce-account .account-forms-container {
  width: min(100%, 820px);
  margin: 68px auto 90px;
  padding: 0 20px;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-tab-list {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  margin: 0 !important;
  padding: 18px 24px !important;
  border: 1px solid var(--vk3-border) !important;
  border-bottom: 0 !important;
  border-radius: 10px 10px 0 0;
  background: var(--vk3-surface-raised) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
}

html[data-vk-theme="dark"] body.woocommerce-account .account-tab-item {
  margin: 0 20px !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link,
html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link.current,
html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link:visited {
  padding: 0 0 8px;
  border-bottom: 2px solid transparent;
  color: var(--vk3-text) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.1;
  text-decoration: none;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link.current {
  border-image: linear-gradient(90deg, var(--vk3-accent-blue), var(--vk3-accent-magenta)) 1;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link:not(.current):hover,
html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link:not(.current):focus-visible {
  border-bottom-color: var(--vk3-accent-blue);
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms {
  border: 0 !important;
  background: transparent !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms form.login-form,
html[data-vk-theme="dark"] body.woocommerce-account .account-forms form.register {
  margin: 0 !important;
  padding: 36px 32px 34px !important;
  border: 1px solid var(--vk3-border) !important;
  border-radius: 0 0 10px 10px !important;
  background: var(--vk3-surface) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.26);
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms form :is(label, .woocommerce-form-row label) {
  color: #e4e8ef !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms form label:not(.inline) {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms form .required {
  color: var(--vk3-accent-magenta) !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms :is(input[type="text"], input[type="email"], input[type="password"]) {
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid var(--vk3-border) !important;
  border-radius: 5px;
  background: var(--vk3-surface-raised) !important;
  box-shadow: none !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms :is(input[type="text"], input[type="email"], input[type="password"]):focus {
  border-color: var(--vk3-accent-blue) !important;
  outline: 2px solid rgba(79, 99, 246, 0.28);
  outline-offset: 2px;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .password-input {
  position: relative;
  display: block;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .password-input input {
  padding-right: 52px;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .show-password-input {
  top: 50% !important;
  right: 5px !important;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border: 0 !important;
  border-radius: 4px;
  background: transparent !important;
  color: #ffffff !important;
  opacity: 0.82;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .show-password-input::before {
  filter: invert(1) brightness(1.8);
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .show-password-input:hover,
html[data-vk-theme="dark"] body.woocommerce-account .account-forms .show-password-input:focus-visible {
  background: var(--vk3-surface-hover) !important;
  opacity: 1;
  outline: 2px solid var(--vk3-accent-blue);
  outline-offset: 1px;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0 7px 0 0;
  accent-color: var(--vk3-accent-blue);
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms label.inline {
  display: inline-flex !important;
  align-items: center;
  min-height: 45px;
  margin: 0 0 0 24px !important;
  color: var(--vk3-text) !important;
  font-weight: 700;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-login__submit,
html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-register__submit {
  min-width: 140px !important;
  height: 45px !important;
  border-color: #f7f8fb !important;
  border-radius: 5px;
  background: #f7f8fb !important;
  color: #111318 !important;
  font-weight: 700;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-login__submit:hover,
html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-login__submit:focus-visible,
html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-register__submit:hover,
html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-register__submit:focus-visible {
  border-color: var(--vk3-accent-blue) !important;
  background: #e3e6eb !important;
  outline: 2px solid rgba(79, 99, 246, 0.42);
  outline-offset: 2px;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .lost_password {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .lost_password a {
  color: #c8cdd6 !important;
  text-decoration: none;
}

html[data-vk-theme="dark"] body.woocommerce-account .account-forms .lost_password a:hover,
html[data-vk-theme="dark"] body.woocommerce-account .account-forms .lost_password a:focus-visible {
  color: var(--vk3-accent-blue) !important;
  text-decoration: underline;
}

@media (max-width: 640px) {
  html[data-vk-theme="dark"] body.woocommerce-account .account-forms-container {
    margin: 38px auto 64px;
    padding: 0 15px;
  }

  html[data-vk-theme="dark"] body.woocommerce-account .account-tab-list {
    min-height: 70px;
    padding: 15px 18px !important;
  }

  html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link,
  html[data-vk-theme="dark"] body.woocommerce-account .account-tab-link.current {
    font-size: 29px !important;
  }

  html[data-vk-theme="dark"] body.woocommerce-account .account-forms form.login-form,
  html[data-vk-theme="dark"] body.woocommerce-account .account-forms form.register {
    padding: 26px 18px 28px !important;
  }

  html[data-vk-theme="dark"] body.woocommerce-account .account-forms form .form-row:has(.woocommerce-form-login__submit),
  html[data-vk-theme="dark"] body.woocommerce-account .account-forms form .form-row:has(.woocommerce-form-register__submit) {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }

  html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-login__submit,
  html[data-vk-theme="dark"] body.woocommerce-account .account-forms .woocommerce-form-register__submit {
    width: 100% !important;
  }

  html[data-vk-theme="dark"] body.woocommerce-account .account-forms label.inline,
  html[data-vk-theme="dark"] body.woocommerce-account .account-forms .lost_password {
    float: none;
    margin: 0 !important;
  }
}

/* WooCommerce Cart and Checkout Blocks use their own typography contracts. */
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-product-name,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-product-price,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-formatted-money-amount,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-totals-item__label,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-totals-item__value,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-title,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) h2,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) h3 {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-product-metadata,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-product-details,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-totals-coupon__content,
html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) .wc-block-components-checkout-step__description {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) :is(.wc-block-cart-items, .wc-block-components-sidebar, .wc-block-components-main) {
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] :is(.wc-block-cart, .wc-block-checkout) :is(.wc-block-components-quantity-selector, .wc-block-components-totals-coupon, .wc-block-components-order-summary) {
  background: var(--vk3-surface) !important;
  border-color: var(--vk3-border) !important;
  color: var(--vk3-text) !important;
}

/* Widgets, blog cards and common plugin surfaces */
html[data-vk-theme="dark"] .widget,
html[data-vk-theme="dark"] .shop_sidebar .widget,
html[data-vk-theme="dark"] .sidebar .widget,
html[data-vk-theme="dark"] article,
html[data-vk-theme="dark"] .post,
html[data-vk-theme="dark"] .page-content,
html[data-vk-theme="dark"] .comment-body,
html[data-vk-theme="dark"] .vkpe-box,
html[data-vk-theme="dark"] [class*="vkpe-"][class*="panel"],
html[data-vk-theme="dark"] [class*="vkpe-"][class*="card"] {
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] .widget-title,
html[data-vk-theme="dark"] .widget a,
html[data-vk-theme="dark"] .post-title a,
html[data-vk-theme="dark"] .entry-meta a {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] .widget_product_categories li,
html[data-vk-theme="dark"] .widget_layered_nav li,
html[data-vk-theme="dark"] .widget_recent_entries li,
html[data-vk-theme="dark"] .widget_recent_comments li {
  border-color: var(--vk3-border) !important;
}

/* Bright editorial banners are softened more than colour-critical product media. */
html[data-vk-theme="dark"] body.single-product .shop_sidebar .widget > :is(a, p) > img,
html[data-vk-theme="dark"] body.single-product .shop_sidebar .widget_media_image img,
html[data-vk-theme="dark"] body.single-product .shop_sidebar .wp-block-image img,
html[data-vk-theme="dark"] .sidebar .widget_media_image img,
html[data-vk-theme="dark"] .sidebar .wp-block-image img {
  border: 1px solid var(--vk3-image-border);
  border-radius: var(--vk3-radius-md);
  background: var(--vk3-image-surface);
  filter: var(--vk3-widget-media-filter) !important;
  transition: filter var(--vk3-motion), border-color var(--vk3-motion);
}

html[data-vk-theme="dark"] body.single-product .shop_sidebar .widget > :is(a, p):hover > img,
html[data-vk-theme="dark"] body.single-product .shop_sidebar .widget > :is(a, p):focus-visible > img,
html[data-vk-theme="dark"] .sidebar .widget_media_image a:hover img,
html[data-vk-theme="dark"] .sidebar .widget_media_image a:focus-visible img {
  border-color: var(--vk3-accent-blue);
  filter: brightness(0.86) contrast(0.98) saturate(0.96) !important;
}

/* Footer stays dark but is aligned to the v3 palette. */
html[data-vk-theme="dark"] footer#site-footer {
  background: #0d0f13 !important;
  border-top: 1px solid var(--vk3-border-soft);
}

html[data-vk-theme="dark"] footer#site-footer .f-copyright {
  background: #090b0e !important;
  border-top-color: var(--vk3-border-soft) !important;
}

html[data-vk-theme="dark"] footer#site-footer,
html[data-vk-theme="dark"] footer#site-footer p,
html[data-vk-theme="dark"] footer#site-footer a {
  color: var(--vk3-text-muted) !important;
}

/* Final component-level overrides intentionally follow generic button/plugin rules. */
html[data-vk-theme="dark"] body .dgwt-wcas-search-submit,
html[data-vk-theme="dark"] body .dgwt-wcas-search-submit:hover,
html[data-vk-theme="dark"] body .dgwt-wcas-search-submit:focus-visible {
  border: 1px solid var(--vk3-border) !important;
  border-radius: 50% !important;
  background: var(--vk3-header) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24) !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-search-submit :is(svg, path),
html[data-vk-theme="dark"] body :is(.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler) {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Mini-cart drawer: restore readable hierarchy on the graphite surface. */
html[data-vk-theme="dark"] body #minicart-offcanvas,
html[data-vk-theme="dark"] body #minicart-offcanvas :is(.widget_shopping_cart, .widget_shopping_cart_content, .mini-cart-content) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body #minicart-offcanvas :is(.cart-login-link, .mini-cart-title, .minicart-title, .product-name a, .woocommerce-mini-cart-item a:not(.remove), h2, h3, h4, strong) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body #minicart-offcanvas :is(.quantity, .variation, .variation dt, .variation dd, .product-meta, .delivery, small) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body #minicart-offcanvas :is(.total, .total strong, .total .amount, .subtotal, .subtotal .amount) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body #minicart-offcanvas :is(table, tr, td, .total) {
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] body #minicart-offcanvas :is(.remove, .remove-product, .product-remove, .close-icon) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body #minicart-offcanvas .close-icon {
  border: 1px solid var(--vk3-border);
  border-radius: 50%;
  background: var(--vk3-header) !important;
}

html[data-vk-theme="dark"] body #minicart-offcanvas .close-icon::before,
html[data-vk-theme="dark"] body #minicart-offcanvas .close-icon::after {
  background: #ffffff !important;
}

/* Delivery estimate and saved-cart modules used by Cart/Assistant integrations. */
html[data-vk-theme="dark"] body :is(.vksa-delivery-panel, .vkpe-saved-cart-box) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text-muted) !important;
  box-shadow: var(--vk3-shadow);
}

html[data-vk-theme="dark"] body :is(.vksa-delivery-panel, .vkpe-saved-cart-box) :is(h2, h3, strong) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body :is(.vksa-delivery-panel, .vkpe-saved-cart-box) :is(p, small, span:not(.vksa-delivery-dot):not(.vksa-cart-delivery-dot)) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body :is(.vkpe-saved-cart-box__accent, .vksa-delivery-panel)::before,
html[data-vk-theme="dark"] body .vkpe-saved-cart-box__accent {
  background: var(--vk3-accent-gradient) !important;
}

html[data-vk-theme="dark"] body .vkpe-saved-cart-open {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-header) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vkpe-saved-cart-open :is(svg, path) {
  stroke: currentColor !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body :is(.vkpe-saved-cart-modal, .vkpe-saved-cart-dialog, .vkpe-saved-cart-modal__dialog, .vkpe-saved-cart-modal__content) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

/* VideoKing Assistant: darken the complete conversation canvas and its states. */
html[data-vk-theme="dark"] body .vka-panel {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
  box-shadow: var(--vk3-shadow);
}

html[data-vk-theme="dark"] body :is(.vka-header, .vka-composer) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vka-body,
html[data-vk-theme="dark"] body :is(.vka-handoff, .vka-archive, .vka-feedback) {
  background: var(--vk3-bg) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vka-header :is(h2, b),
html[data-vk-theme="dark"] body :is(.vka-quick__title, .vka-handoff, .vka-archive, .vka-feedback) :is(h2, h3, strong, label, legend) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vka-header p,
html[data-vk-theme="dark"] body :is(.vka-handoff, .vka-archive, .vka-feedback) p {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vka-icon-button {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vka-icon-button:is(:hover, :focus-visible) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-icon-button :is(svg, path) {
  stroke: currentColor !important;
}

html[data-vk-theme="dark"] body .vka-message--assistant {
  border: 1px solid var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vka-message--assistant :is(p, span) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vka-message--user {
  background: linear-gradient(135deg, rgba(79, 99, 246, 0.92), rgba(194, 58, 142, 0.88)) !important;
  color: #ffffff !important;
}

/* Assistant product recommendations keep the photo neutral while the card chrome follows dark mode. */
html[data-vk-theme="dark"] body .vka-card {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3) !important;
}

html[data-vk-theme="dark"] body .vka-card:hover {
  border-color: rgba(79, 99, 246, 0.72) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4) !important;
}

html[data-vk-theme="dark"] body .vka-card__image {
  border-color: var(--vk3-border) !important;
  background: #f7f8fb !important;
}

html[data-vk-theme="dark"] body .vka-card__body h3,
html[data-vk-theme="dark"] body .vka-card__price {
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-card__leasing {
  color: #b9c2ff !important;
}

html[data-vk-theme="dark"] body .vka-card__badge--availability {
  border-color: rgba(44, 172, 102, 0.42) !important;
  background: rgba(44, 172, 102, 0.13) !important;
  color: #8de0b2 !important;
}

html[data-vk-theme="dark"] body .vka-card__badge--gift {
  border-color: rgba(194, 58, 142, 0.48) !important;
  background: rgba(194, 58, 142, 0.13) !important;
  color: #f1a9d2 !important;
}

html[data-vk-theme="dark"] body .vka-card__badge--offer {
  border-color: rgba(79, 99, 246, 0.5) !important;
  background: rgba(79, 99, 246, 0.14) !important;
  color: #b9c2ff !important;
}

html[data-vk-theme="dark"] body .vka-card__cart {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--vk3-accent-blue), var(--vk3-accent-magenta)) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-card__detail {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vka-card__detail:is(:hover, :focus-visible) {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-card-carousel__count,
html[data-vk-theme="dark"] body .vka-recommendation-history-label {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vka-root .vka-card-carousel__nav {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-root .vka-card-carousel__nav:hover:not(:disabled) {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-root .vka-card-carousel__dot {
  background: #4b5261 !important;
}

html[data-vk-theme="dark"] body .vka-quick button,
html[data-vk-theme="dark"] body :is(.vka-handoff__back, .vka-archive__clear-all, .vka-feedback__rating button) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vka-quick button:is(:hover, :focus-visible),
html[data-vk-theme="dark"] body :is(.vka-handoff__back, .vka-archive__clear-all, .vka-feedback__rating button):is(:hover, :focus-visible) {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-quick button[data-vka-handoff] {
  border-color: rgba(79, 99, 246, 0.72) !important;
  box-shadow: inset 3px 0 0 var(--vk3-accent-blue), inset 6px 0 0 rgba(194, 58, 142, 0.72);
}

html[data-vk-theme="dark"] body .vka-composer textarea,
html[data-vk-theme="dark"] body :is(.vka-handoff, .vka-feedback) :is(input, textarea) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vka-composer textarea:focus {
  border-color: var(--vk3-accent-blue) !important;
  box-shadow: var(--vk3-focus-ring) !important;
}

html[data-vk-theme="dark"] body .vka-composer button[type="submit"] {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-header) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .vka-composer button[type="submit"] :is(svg, path) {
  stroke: currentColor !important;
  fill: none !important;
}

html[data-vk-theme="dark"] body .vka-composer button[type="submit"]:is(:hover, :focus-visible) {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
  box-shadow: var(--vk3-focus-ring) !important;
}

html[data-vk-theme="dark"] body :is(.vka-confirm, .vka-confirm__dialog) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body :is(.dgwt-wcas-suggestions-wrapp, .dgwt-wcas-details-wrapp, .dgwt-wcas-overlay-mobile, .dgwt-wcas-om-bar) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
  border-color: var(--vk3-border-soft) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:is(:hover, :focus, .dgwt-wcas-suggestion-selected) {
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp :is(.dgwt-wcas-st-title, .dgwt-wcas-st-title strong, .dgwt-wcas-sp, .dgwt-wcas-sp ins, .dgwt-wcas-sp bdi) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp :is(.dgwt-wcas-sd, .dgwt-wcas-st-more, .dgwt-wcas-st-more-total, .dgwt-wcas-meta) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more:hover :is(.dgwt-wcas-st-more, .dgwt-wcas-st-more-total) {
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-si {
  border: 1px solid var(--vk3-image-border);
  border-radius: 4px;
  background: var(--vk3-image-surface) !important;
  overflow: hidden;
}

html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-si img {
  background: var(--vk3-image-surface) !important;
  filter: var(--vk3-product-media-filter) !important;
}

html[data-vk-theme="dark"] body :is(.dgwt-wcas-close, .dgwt-wcas-om-return, .dgwt-wcas-preloader) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-mfg-badge {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-header) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
}

html[data-vk-theme="dark"] body.single-product .vkpe-mfg-badge :is(.vkpe-mfg-badge__value, .vkpe-mfg-badge__label, .vkpe-mfg-badge__amount) {
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-mfg-badge__tooltip {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .product_infos .vkpe-price-watch-strip [class*="vkpe-"][class*="strip"].vkpe-price-watch-strip__accent {
  background-color: transparent !important;
  background-image: var(--vk3-accent-gradient) !important;
}

html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item a.product_image_zoom_button {
  border: 1px solid var(--vk3-border) !important;
  border-radius: var(--vk3-radius-sm);
  background: rgba(25, 28, 35, 0.94) !important;
  color: #ffffff !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.24);
}

html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item a.product_image_zoom_button:is(:hover, :focus-visible) {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
  box-shadow: var(--vk3-focus-ring);
}

html[data-vk-theme="dark"] body.single-product #product-images-carousel .owl-item a.product_image_zoom_button :is(i, i::before) {
  color: #ffffff !important;
}

/* Brand marks remain colour-accurate even while product photography is softened. */
html[data-vk-theme="dark"] :is(.vk-brand-thumbnail__link, .brand-logo, .product-brand) img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Legacy benefit-widget PNG icons are dark artwork and need a white dark-mode treatment. */
html[data-vk-theme="dark"] body.single-product .shipping-box > img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.92;
}

@media only screen and (max-width: 61.94em) {
  .vk-theme-toggle-topbar {
    display: none;
  }

  #page_header_wrap .header-main-section {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    min-height: 76px;
    padding: 12px 10px !important;
  }

  #page_header_wrap .header-main-section .l-logo {
    display: flex;
    align-items: center;
    flex: 0 0 128px;
    width: 128px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #page_header_wrap .header-main-section .l-logo .vk-site-logo-link,
  #page_header_wrap .header-main-section .l-logo img {
    width: 128px !important;
    max-width: 128px !important;
    height: auto !important;
  }

  #page_header_wrap .header-main-section .header-tools {
    display: flex !important;
    align-items: center;
    flex: 1 1 auto;
    width: auto !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #page_header_wrap .header-main-section .header-tools > ul {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 4px;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #page_header_wrap .header-main-section .header-tools > ul > li {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    flex: 0 0 44px;
    width: 44px !important;
    min-width: 44px;
    height: 44px !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
  }

  #page_header_wrap .header-main-section .header-tools > ul > li.mobile-menu-button {
    flex-basis: 74px;
    width: 74px !important;
  }

  #page_header_wrap .header-main-section .header-tools > ul > li.contact-area {
    display: none !important;
  }

  #page_header_wrap .mobile-menu-button a,
  #page_header_wrap .mobile-search-button,
  #page_header_wrap .shop-bag .l-header-shop {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .vk-theme-toggle-mobile-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .vk-theme-toggle--mobile {
    width: 64px;
    min-width: 64px;
    height: 44px;
    min-height: 44px;
    border-color: #343a46;
    background: #15181e;
    color: #ffffff;
  }

  html[data-vk-theme="dark"] .vk-theme-toggle--mobile {
    border-color: var(--vk3-border);
    background: var(--vk3-surface);
    color: var(--vk3-text);
  }

  html[data-vk-theme="dark"] #page_header_wrap .mobile-menu-button a,
  html[data-vk-theme="dark"] #page_header_wrap .mobile-menu-button a::before,
  html[data-vk-theme="dark"] #page_header_wrap .mobile-menu-button :is(span, strong) {
    color: var(--vk3-text) !important;
  }

  html[data-vk-theme="dark"] .header-main-section {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  html[data-vk-theme="dark"] .header-main-section .l-logo img {
    max-width: 128px;
    height: auto !important;
  }

  html[data-vk-theme="dark"] .header-main-section .header-tools,
  html[data-vk-theme="dark"] .header-centered .search-area {
    padding-top: 0 !important;
  }
}

@media only screen and (max-width: 40em) {
  .vk-theme-toggle-mobile-item {
    flex: 0 0 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    margin-left: 0 !important;
  }

  .vk-theme-toggle--mobile {
    width: 64px;
    min-width: 64px;
    height: 44px;
    min-height: 44px;
  }

  html[data-vk-theme="dark"] .header-main-section .l-logo img {
    max-width: 128px;
  }

  #page_header_wrap .header-main-section {
    gap: 2px;
  }

  #page_header_wrap .header-main-section .l-logo {
    flex-basis: 116px;
    width: 116px !important;
  }

  #page_header_wrap .header-main-section .l-logo .vk-site-logo-link,
  #page_header_wrap .header-main-section .l-logo img,
  html[data-vk-theme="dark"] .header-main-section .l-logo img {
    width: 116px !important;
    max-width: 116px !important;
  }

  html[data-vk-theme="dark"] body.single-product .single-product-images,
  html[data-vk-theme="dark"] body.single-product .product_infos,
  html[data-vk-theme="dark"] body.single-product .product_meta {
    background: transparent !important;
  }
}

@media only screen and (min-width: 40.01em) and (max-width: 61.94em) {
  #page_header_wrap .header-main-section .l-logo {
    flex-basis: 175px;
    width: 175px !important;
  }

  #page_header_wrap .header-main-section .l-logo .vk-site-logo-link,
  #page_header_wrap .header-main-section .l-logo img,
  html[data-vk-theme="dark"] .header-main-section .l-logo img {
    width: 175px !important;
    max-width: 175px !important;
  }
}

/* Legacy header contact card: all inherited text and pictograms must stay readable. */
html[data-vk-theme="dark"] body .contact-info .contact-info-icon::after,
html[data-vk-theme="dark"] body .contact-info .contact-info-arrow::after,
html[data-vk-theme="dark"] body .contact-info .contact-info-title,
html[data-vk-theme="dark"] body .contact-info .contact-info-title a,
html[data-vk-theme="dark"] body .contact-info .contact-info-title .contact-info-subtitle {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .contact-info .inside-area .inside-area-content :is(.town, .phone, .phone a) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .contact-info .inside-area .inside-area-content :is(.address, p) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .contact-info .inside-area .inside-area-content hr {
  background: var(--vk3-border) !important;
}

/* Shop product widgets and archive view switcher. */
html[data-vk-theme="dark"] body :is(.shop_sidebar, #filters-offcanvas, footer#site-footer, .f-columns) ul.product_list_widget li :is(.amount, ins .amount, .woocommerce-Price-currencySymbol) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body :is(.shop_sidebar, #filters-offcanvas, footer#site-footer, .f-columns) ul.product_list_widget li del,
html[data-vk-theme="dark"] body :is(.shop_sidebar, #filters-offcanvas, footer#site-footer, .f-columns) ul.product_list_widget li del :is(.amount, .woocommerce-Price-currencySymbol) {
  color: var(--vk3-text-subtle) !important;
}

html[data-vk-theme="dark"] body .woocommerce .shop-ordering .shop-layout-opts a i::after,
html[data-vk-theme="dark"] body.woocommerce-page .shop-ordering .shop-layout-opts a i::after {
  background: var(--vk3-surface-raised) !important;
  color: #ffffff !important;
}

html[data-vk-theme="dark"] body .woocommerce .shop-ordering .shop-layout-opts a i.active::after,
html[data-vk-theme="dark"] body .woocommerce .shop-ordering .shop-layout-opts a:hover i::after,
html[data-vk-theme="dark"] body.woocommerce-page .shop-ordering .shop-layout-opts a i.active::after,
html[data-vk-theme="dark"] body.woocommerce-page .shop-ordering .shop-layout-opts a:hover i::after {
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

/* The drawer has its own cart pictogram, separate from the main header cart. */
html[data-vk-theme="dark"] body #minicart-offcanvas .minicart_title .l-header-shop .icon-shop::before {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Leasing strip follows the same compact graphite treatment as Price Watch. */
html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip {
  isolation: isolate;
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text) !important;
}

/* Keep the VideoKing accent visible even if a Product Enhancer update omits
   or layers over its optional .vkpe-leasing-strip__accent element. */
html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 5;
  width: 4px;
  background: linear-gradient(180deg, var(--vk3-accent-blue), var(--vk3-accent-magenta)) !important;
  pointer-events: none;
}

html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip__accent {
  z-index: 5;
  width: 4px !important;
  background: linear-gradient(180deg, var(--vk3-accent-blue), var(--vk3-accent-magenta)) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip :is(.vkpe-leasing-strip__button, .vkpe-leasing-strip__notice),
html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip :is(.vkpe-leasing-strip__copy, .vkpe-leasing-strip__price, .vkpe-leasing-strip__notice) strong,
html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip__arrow {
  background: transparent !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip :is(.vkpe-leasing-strip__copy, .vkpe-leasing-strip__price, .vkpe-leasing-strip__notice) small {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip__button:hover,
html[data-vk-theme="dark"] body.single-product .vkpe-leasing-strip__button:focus-visible {
  background: var(--vk3-surface-hover) !important;
  color: #ffffff !important;
}

/* Leasing detail modal. */
html[data-vk-theme="dark"] body .vkpe-leasing-details-modal__overlay {
  background: rgba(4, 5, 8, 0.78) !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal__dialog {
  border: 1px solid var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55) !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal .vkpe-leasing-box {
  --vkpe-leasing-ink: var(--vk3-text);
  --vkpe-leasing-muted: var(--vk3-text-muted);
  --vkpe-leasing-line: var(--vk3-border);
  --vkpe-leasing-soft: var(--vk3-surface);
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal .vkpe-leasing-box__accent {
  background: var(--vk3-accent-gradient) !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal :is(.vkpe-leasing-box__headline, .vkpe-leasing-box__price strong, .vkpe-leasing-compact__metric strong) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal :is(.vkpe-leasing-box__subhead, .vkpe-leasing-box__minimum, .vkpe-leasing-box__disclaimer, .vkpe-leasing-box__price span, .vkpe-leasing-box__price small, .vkpe-leasing-compact__select span, .vkpe-leasing-compact__metric span) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal .vkpe-leasing-compact__row,
html[data-vk-theme="dark"] body .vkpe-leasing-details-modal .vkpe-leasing-compact__select select {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal .vkpe-leasing-compact__select select:focus {
  border-color: var(--vk3-accent-blue) !important;
  box-shadow: var(--vk3-focus-ring) !important;
  outline: none;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal .vkpe-leasing-cta.button {
  border: 1px solid #ffffff !important;
  background: #f7f8fb !important;
  color: #111318 !important;
}

html[data-vk-theme="dark"] body .vkpe-leasing-details-modal .vkpe-leasing-modal__close {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-header) !important;
  color: #ffffff !important;
}

/* Price Watch graph and form: remove the remaining white-on-white surfaces. */
html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart {
  border: 1px solid var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart__heading strong,
html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart__event-card > strong,
html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart__tooltip > strong,
html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart__tooltip dd {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal :is(.vkpe-price-watch-chart__heading span, .vkpe-price-watch-chart__legend, .vkpe-price-watch-chart__loading, .vkpe-price-watch-chart__empty, .vkpe-price-watch-chart__event-card > small, .vkpe-price-watch-chart__event-card > em, .vkpe-price-watch-chart__tooltip p, .vkpe-price-watch-chart__tooltip dt, .vkpe-price-watch-chart__tooltip-head em) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart__grid line {
  stroke: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal :is(.vkpe-price-watch-chart__grid text, .vkpe-price-watch-chart__date) {
  fill: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart__point {
  fill: var(--vk3-surface-raised) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-chart__events {
  border-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal :is(.vkpe-price-watch-chart__event-card, .vkpe-price-watch-chart__tooltip) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form legend,
html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form__target label,
html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form__email {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form fieldset label,
html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form__consent--sales {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form fieldset label:has(input:checked) {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-hover) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form :is(input[type="email"], input[type="number"]) {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form :is(input[type="radio"], input[type="checkbox"]) {
  accent-color: var(--vk3-accent-blue);
}

html[data-vk-theme="dark"] body .vkpe-price-watch-modal .vkpe-price-watch-form__consent {
  color: var(--vk3-text-muted) !important;
}

/* Live legacy WPBakery contact page. */
html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1774439291818,
html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456090660314 {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1774439291818 :is(h1, h2, h3, h4, h5, h6, strong),
html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456090660314 :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1774439291818 :is(p, li, span),
html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456090660314 :is(p, li, span) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456151127599 > .wpb_wrapper > h1.vc_custom_heading {
  margin: 0 0 10px !important;
  color: var(--vk3-text) !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: 1.06 !important;
}

html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456151127599 > .wpb_wrapper > h6.vc_custom_heading {
  margin: 0 0 24px !important;
  color: var(--vk3-text-muted) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}

html[data-vk-theme="dark"] body.page-id-17134 .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select) {
  border: 1px solid var(--vk3-border) !important;
  background: var(--vk3-surface-raised) !important;
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.page-id-17134 .wpcf7 :is(input, textarea)::placeholder {
  color: var(--vk3-text-subtle) !important;
  opacity: 1;
}

html[data-vk-theme="dark"] body.page-id-17134 .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select):focus {
  border-color: var(--vk3-accent-blue) !important;
  box-shadow: var(--vk3-focus-ring) !important;
  outline: none;
}

/* WPBakery text separators become a consistent VideoKing accent throughout dark mode. */
html[data-vk-theme="dark"] body .vc_separator.vc_separator-has-text h4 {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .vc_separator.vc_separator-has-text .vc_sep_holder .vc_sep_line {
  height: 3px !important;
  border: 0 !important;
  background: var(--vk3-accent-gradient) !important;
}

/* Live WPBakery homepage: blend the light JPG artwork into the dark surfaces. */
html[data-vk-theme="dark"] body.home .entry-content .wpb-content-wrapper > .vc_row:first-child,
html[data-vk-theme="dark"] body.home .entry-content .wpb-content-wrapper > .vc_row:first-child .vc_column-inner,
html[data-vk-theme="dark"] body.home .entry-content .wpb-content-wrapper > .vc_row:first-child .vc_single_image-wrapper {
  background: var(--vk3-image-border) !important;
}

html[data-vk-theme="dark"] body.home .entry-content .wpb-content-wrapper > .vc_row:first-child .vc_single_image-wrapper {
  display: block;
  isolation: isolate;
}

html[data-vk-theme="dark"] body.home .entry-content .wpb-content-wrapper > .vc_row:first-child .vc_single_image-img {
  mix-blend-mode: darken;
}

html[data-vk-theme="dark"] body.home .entry-content .vc_col-has-fill > .vc_column-inner {
  background-color: var(--vk3-surface-raised) !important;
  background-blend-mode: normal !important;
}

html[data-vk-theme="dark"] body.home .entry-content .vc_col-has-fill > .vc_column-inner > .wpb_wrapper {
  position: relative;
  z-index: 1;
}

html[data-vk-theme="dark"] body.home .entry-content .vc_col-has-fill > .vc_column-inner :is(h1, h2, h3, h4, h5, h6, p, a) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.home .entry-content .vc_col-has-fill > .vc_column-inner :is(.vc_btn3, .wpb_button) {
  border-color: var(--vk3-image-border) !important;
  background: rgba(17, 19, 24, 0.46) !important;
  color: var(--vk3-text) !important;
}

/* Replace the legacy grey-backed upload with the transparent white theme logo. */
html[data-vk-theme="dark"] body footer img[src*="footer-videoking-logo-new.png"],
html[data-vk-theme="dark"] body #site-footer img[src*="footer-videoking-logo-new.png"] {
  content: url("../images/videoking-logo-white.png");
  width: min(260px, 100%) !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
  box-shadow: none !important;
}

/* Product gift card. The product photo keeps a neutral studio surface. */
html[data-vk-theme="dark"] body.single-product .vkpe-gift-box {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-surface) !important;
  color: var(--vk3-text) !important;
  box-shadow: var(--vk3-shadow);
}

html[data-vk-theme="dark"] body.single-product .vkpe-gift-box__accent {
  background: var(--vk3-accent-gradient) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-gift-box__image-wrap {
  border-color: var(--vk3-border) !important;
  background: var(--vk3-image-surface) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-gift-box :is(.vkpe-gift-box__name, .vkpe-gift-box__badge) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-gift-box__badge {
  border-color: var(--vk3-accent-blue) !important;
  background: var(--vk3-surface-raised) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-gift-box :is(.vkpe-gift-box__message, .vkpe-gift-box__meta, .vkpe-gift-box__meta span) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-gift-box__meta a {
  color: #aeb8ff !important;
}

/* Product metadata labels follow the same muted highlight as the GPSR control. */
html[data-vk-theme="dark"] body.single-product .product_meta :is(.sku_wrapper, .hwp-gtin, .posted_in) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .product_meta .sku_wrapper .sku,
html[data-vk-theme="dark"] body.single-product .product_meta .hwp-gtin > span,
html[data-vk-theme="dark"] body.single-product .product_meta .posted_in a {
  color: var(--vk3-text) !important;
}

/* GPSR popover: readable dark panel with a restrained VideoKing accent. */
html[data-vk-theme="dark"] body.single-product .product_meta .vkpe-safety-ultra > summary {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .product_meta .vkpe-safety-ultra > summary::after {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .product_meta .vkpe-safety-ultra > summary:focus-visible {
  border-radius: var(--vk3-radius-sm);
  outline: none;
  box-shadow: var(--vk3-focus-ring);
}

html[data-vk-theme="dark"] body.single-product .vkpe-safety-ultra__content {
  z-index: 1000;
  padding: 16px 17px 15px;
  border-color: var(--vk3-image-border) !important;
  border-radius: var(--vk3-radius-md);
  background:
    linear-gradient(90deg, var(--vk3-accent-blue), var(--vk3-accent-magenta)) top / 100% 3px no-repeat,
    var(--vk3-surface-raised) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-safety-ultra__operator + .vkpe-safety-ultra__operator {
  border-top-color: var(--vk3-border) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-safety-ultra__content :is(.vkpe-safety-ultra__heading, strong) {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-safety-ultra__content :is(.vkpe-safety-ultra__name, span, a) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body.single-product .vkpe-safety-ultra__content a {
  text-decoration-color: var(--vk3-text-subtle) !important;
}

/* FiboSearch result list and desktop detail panel prices/SKU. */
html[data-vk-theme="dark"] body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-sku,
html[data-vk-theme="dark"] body .dgwt-wcas-details-wrapp .dgwt-wcas-details-product-sku {
  color: var(--vk3-text-muted) !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-details-wrapp .dgwt-wcas-pd-price,
html[data-vk-theme="dark"] body .dgwt-wcas-details-wrapp .dgwt-wcas-pd-price :is(.amount, bdi, .woocommerce-Price-currencySymbol) {
  color: var(--vk3-text) !important;
}

html[data-vk-theme="dark"] body .dgwt-wcas-details-wrapp .dgwt-wcas-pd-price .woocommerce-price-suffix,
html[data-vk-theme="dark"] body .dgwt-wcas-details-wrapp .dgwt-wcas-pd-price .woocommerce-price-suffix :is(.amount, bdi, .woocommerce-Price-currencySymbol) {
  color: var(--vk3-text-muted) !important;
}

@media only screen and (max-width: 48em) {
  html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456151127599,
  html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456090660314 {
    padding: 24px 18px !important;
  }

  html[data-vk-theme="dark"] body.page-id-17134 .entry-content .vc_custom_1456151127599 > .wpb_wrapper > h1.vc_custom_heading {
    font-size: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vk-theme-toggle,
  html[data-vk-theme="dark"] * {
    scroll-behavior: auto !important;
  }

  .vk-theme-toggle {
    transition: none;
  }
}
