/* PCRobot theme switcher: light mode remains the original Electrify design. */

/* Preserve product colours and keep a neutral image surface in dark mode. */
html[data-theme="dark"] body .product-thumb .image {
  background: #ecf0eb !important;
  border-radius: 6px;
}
html[data-theme="dark"] body .product-thumb .image img {
  background: #ecf0eb !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}
html[data-theme="dark"] #gws_vertical_category_menu #gws-mega > li > a {
  display: flex;
  align-items: center;
}
html[data-theme="dark"] #gws_vertical_category_menu #gws-mega > li > a > img.cate_img_cls {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  padding: 0;
  object-fit: contain;
  vertical-align: middle;
  border-radius: 4px;
}

.pcr-theme-toggle-item {
  vertical-align: middle;
}

#top-links .list-inline > li.pcr-theme-toggle-item {
  padding-right: 5px;
  padding-left: 5px;
}

.pcr-theme-toggle {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  margin: 0;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font: inherit;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  gap: 6px;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.pcr-theme-toggle:hover {
  border-color: #5bb112;
  background: rgba(91, 177, 18, 0.18);
  color: #ffffff;
}

.pcr-theme-toggle:focus {
  outline: 2px solid #83d34a;
  outline-offset: 2px;
}

.pcr-theme-toggle:active {
  transform: translateY(1px);
}

.pcr-theme-toggle__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: #73c936;
}

.pcr-theme-toggle__icon .fa {
  margin: 0;
  color: inherit !important;
  font-size: 14px;
}

.pcr-theme-toggle__sun,
html[data-theme="dark"] .pcr-theme-toggle__moon {
  display: none;
}

html[data-theme="dark"] .pcr-theme-toggle__sun {
  display: inline-block;
}

.pcr-theme-toggle__text {
  display: none;
  white-space: nowrap;
  color: inherit;
}

#top-links .dropdown-menu > .pcr-theme-toggle-item--account {
  margin-top: 4px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

#top-links .dropdown-menu > .pcr-theme-toggle-item--account > .pcr-theme-toggle {
  width: 100%;
  min-width: 170px;
  height: auto;
  min-height: 34px;
  padding: 8px 20px;
  justify-content: flex-start;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #5bb112;
  text-align: left;
  transform: none;
}

#top-links .dropdown-menu > .pcr-theme-toggle-item--account > .pcr-theme-toggle:hover,
#top-links .dropdown-menu > .pcr-theme-toggle-item--account > .pcr-theme-toggle:focus {
  background: rgba(255, 255, 255, 0.08);
  color: #73c936;
}

#top-links .dropdown-menu > .pcr-theme-toggle-item--account > .pcr-theme-toggle:focus {
  outline: 2px solid #5bb112;
  outline-offset: -2px;
}

#top-links .dropdown-menu > .pcr-theme-toggle-item--account .pcr-theme-toggle__text {
  display: inline;
}

@media (min-width: 1200px) {
  .pcr-theme-toggle__text {
    display: inline;
  }
}

@media (max-width: 767px) {
  #top-links .list-inline > li.pcr-theme-toggle-item {
    padding-right: 3px;
    padding-left: 3px;
  }

  .pcr-theme-toggle {
    width: 30px;
    padding: 0;
  }
}

html[data-theme="dark"] {
  color-scheme: dark;
  /* Shared green surfaces connect the catalogue to the sale artwork. */
  --dm-canvas: #141d13;
  --dm-surface: #1c291a;
  --dm-surface-2: #25341f;
  --dm-surface-3: #2d4026;
  --dm-border: #3e5434;
  --dm-border-soft: #34462d;
  --dm-text: #dfe5e9;
  --dm-muted: #a7b0b7;
  --dm-heading: #f5f7f8;
  --dm-brand: #5bb112;
  --dm-brand-light: #78cc40;
  --dm-action: #357a0b;
  --dm-action-hover: #3d8510;
  --dm-image-well: #b8b8b8;
  --dm-media-brightness: .72;
  --pcr-canvas: var(--dm-canvas);
  --pcr-surface: var(--dm-surface);
  --pcr-surface-soft: var(--dm-surface-2);
  --pcr-ink: var(--dm-heading);
  --pcr-text: var(--dm-text);
  --pcr-muted: var(--dm-muted);
  --pcr-line: var(--dm-border);
}

html[data-theme="dark"] #top-links .dropdown-menu > .pcr-theme-toggle-item--account {
  border-color: var(--dm-border);
}

html[data-theme="dark"] #top-links .dropdown-menu > .pcr-theme-toggle-item--account > .pcr-theme-toggle {
  color: var(--dm-text);
}

html[data-theme="dark"] #top-links .dropdown-menu > .pcr-theme-toggle-item--account > .pcr-theme-toggle:hover,
html[data-theme="dark"] #top-links .dropdown-menu > .pcr-theme-toggle-item--account > .pcr-theme-toggle:focus {
  background: var(--dm-surface-3);
  color: var(--dm-brand-light);
}

html[data-theme="dark"] body {
  background:
    radial-gradient(ellipse 1050px 620px at 50% 460px, rgba(91, 177, 18, .12), transparent 80%),
    radial-gradient(ellipse 900px 1000px at 50% 1600px, rgba(91, 177, 18, .045), transparent 85%),
    var(--dm-canvas) !important;
  color: var(--dm-text);
}

html[data-theme="dark"] #main-content,
html[data-theme="dark"] #main-content p,
html[data-theme="dark"] #main-content li,
html[data-theme="dark"] #main-content dt,
html[data-theme="dark"] #main-content dd {
  color: var(--dm-text);
}

html[data-theme="dark"] #main-content h1,
html[data-theme="dark"] #main-content h2,
html[data-theme="dark"] #main-content h3,
html[data-theme="dark"] #main-content h4,
html[data-theme="dark"] #main-content h5,
html[data-theme="dark"] #main-content h6,
html[data-theme="dark"] #main-content legend,
html[data-theme="dark"] #main-content label,
html[data-theme="dark"] #main-content .page-title,
html[data-theme="dark"] #main-content .product-title,
html[data-theme="dark"] #main-content .product-name,
html[data-theme="dark"] #main-content .name a {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] #main-content a:not(.btn):not(.button):not(.quickbox),
html[data-theme="dark"] .breadcrumb a {
  color: var(--dm-text);
}

html[data-theme="dark"] #main-content a:not(.btn):not(.button):hover,
html[data-theme="dark"] #main-content a:not(.btn):not(.button):focus,
html[data-theme="dark"] .breadcrumb a:hover {
  color: var(--dm-brand-light);
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .help-block,
html[data-theme="dark"] .price-tax,
html[data-theme="dark"] .desc,
html[data-theme="dark"] small,
html[data-theme="dark"] .small {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .page-container,
html[data-theme="dark"] .content-bottom > .container,
html[data-theme="dark"] #content,
html[data-theme="dark"] .quickview,
html[data-theme="dark"] .quickview .container {
  background-color: transparent !important;
}

html[data-theme="dark"] .panel,
html[data-theme="dark"] .well,
html[data-theme="dark"] .list-group,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .box,
html[data-theme="dark"] .box-content,
html[data-theme="dark"] .category-left-box,
html[data-theme="dark"] .hometab,
html[data-theme="dark"] .categorytab,
html[data-theme="dark"] #tabs_info .tab-content,
html[data-theme="dark"] .product-thumb,
html[data-theme="dark"] .product-block,
html[data-theme="dark"] .service-area,
html[data-theme="dark"] .date-comment {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text);
}

html[data-theme="dark"] .service-area {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .service-third,
html[data-theme="dark"] .service-inner,
html[data-theme="dark"] .service-content,
html[data-theme="dark"] .service-heading {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .service-description,
html[data-theme="dark"] .service-content span {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .panel-default > .panel-heading,
html[data-theme="dark"] .panel-footer,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .service-icon,
html[data-theme="dark"] .product-tab .nav-tabs > li > a,
html[data-theme="dark"] .nav-tabs > li > a {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .panel-default > .panel-heading + .panel-collapse > .panel-body,
html[data-theme="dark"] .panel-body,
html[data-theme="dark"] .product-tab .tab-content,
html[data-theme="dark"] .tab-content {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text);
}

html[data-theme="dark"] .nav-tabs {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .nav-tabs > li.active > a,
html[data-theme="dark"] .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .nav-tabs > li.active > a:focus {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  border-bottom-color: var(--dm-surface) !important;
  color: var(--dm-brand-light) !important;
}

/* Keep brand headings green. */
html[data-theme="dark"] .box-heading,
html[data-theme="dark"] .category .box-heading {
  background-color: var(--dm-brand) !important;
  color: #ffffff !important;
}

/* Keep catalogue titles, tabs and carousel controls inside one aligned strip. */
html[data-theme="dark"] #content .hometab > .tab-head,
html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .box-head {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px 20px;
  margin: 0 0 20px !important;
  padding: 12px 14px !important;
  background: #25351d !important;
  border: 1px solid #3c542f !important;
  border-radius: 0;
  text-align: start;
}

html[data-theme="dark"] #content .hometab > .tab-head {
  flex-wrap: wrap;
  min-height: 64px;
}

html[data-theme="dark"] #content .hometab > .tab-head > .box-heading,
html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .box-head > .box-heading {
  box-sizing: border-box;
  float: none !important;
  display: block;
  width: auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--dm-heading) !important;
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}

html[data-theme="dark"] #content .hometab > .tab-head > .box-heading::after,
html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .box-head > .box-heading::after {
  display: none;
}

html[data-theme="dark"] #content .hometab > .tab-head > .box-heading {
  flex: 1 1 220px;
}

html[data-theme="dark"] #content .hometab .htabs {
  float: none;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  margin: 0;
}

html[data-theme="dark"] #content .hometab .htabs .etabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  float: none;
  width: auto;
  margin: 0 !important;
  padding: 0;
}

html[data-theme="dark"] #content .hometab .htabs .etabs > li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}

html[data-theme="dark"] #content .hometab .htabs .etabs a {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 7px 0;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--dm-text) !important;
  font-size: 12px;
  line-height: 1.45;
}

html[data-theme="dark"] #content .hometab .htabs .etabs a.selected,
html[data-theme="dark"] #content .hometab .htabs .etabs a.active,
html[data-theme="dark"] #content .hometab .htabs .etabs a:hover,
html[data-theme="dark"] #content .hometab .htabs .etabs a:focus-visible {
  color: #b4ed7d !important;
  border-bottom-color: var(--dm-brand-light);
}

html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .box-head {
  height: 64px;
  padding-inline-end: 106px !important;
}

html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .box-content > .customNavigation {
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  inset: -70px 14px auto auto;
  width: auto;
  margin: 0;
}

html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .customNavigation :is(a, button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid #597347;
  border-radius: 0;
  background: #1c2817;
  color: var(--dm-heading);
  font-size: 0;
  line-height: 1;
}

html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .customNavigation :is(a, button)::before {
  color: inherit;
  font-size: 22px;
  line-height: 1;
}

html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .customNavigation :is(a, button):hover,
html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .customNavigation :is(a, button):focus-visible {
  border-color: var(--dm-brand-light);
  background: #355322;
  color: #ffffff;
}

html[data-theme="dark"] #content .box-product :is(.product-items, .slider-item) {
  border-color: var(--dm-border-soft);
}

/* Older modules have a direct heading instead of a .box-head wrapper. */
html[data-theme="dark"] #content .box:is(.latest, .special, .bestseller) > .container > .box-heading {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  float: none;
  width: 100%;
  min-height: 64px;
  margin: 0 0 20px !important;
  padding: 12px 106px 12px 14px !important;
  border: 1px solid #3c542f !important;
  border-radius: 0;
  background: #25351d !important;
  color: var(--dm-heading) !important;
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}

html[data-theme="dark"] #content .box:is(.latest, .special, .bestseller) > .container > .box-heading::after {
  display: none;
}

/* Sidebar modules use the same strip palette and lose the old white glow. */
html[data-theme="dark"] :is(#column-left, #column-right) .box {
  box-shadow: none !important;
  border: 1px solid var(--dm-border) !important;
  border-radius: 0;
}

html[data-theme="dark"] :is(#column-left, #column-right) .box:is(.featured, .latest, .special, .bestseller, .related) {
  padding: 14px !important;
}

html[data-theme="dark"] :is(#column-left, #column-right) .box > .container {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none;
  margin: 0;
  padding: 0;
}

html[data-theme="dark"] :is(#column-left, #column-right) .box > .box-heading,
html[data-theme="dark"] :is(#column-left, #column-right) .box > .container > .box-heading {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  width: 100%;
  min-height: 52px;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  border: 1px solid #3c542f !important;
  border-radius: 0;
  background: #25351d !important;
  color: var(--dm-heading) !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: start;
}

html[data-theme="dark"] :is(#column-left, #column-right) .box > .box-heading::after,
html[data-theme="dark"] :is(#column-left, #column-right) .box > .container > .box-heading::after {
  display: none;
}

html[data-theme="dark"] :is(#column-left, #column-right) .box.category > .box-heading {
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0;
}

@media (max-width: 767px) {
  html[data-theme="dark"] #content .hometab > .tab-head {
    gap: 10px;
  }
  html[data-theme="dark"] #content .hometab > .tab-head > .box-heading,
  html[data-theme="dark"] #content .box:is(.featured, .latest, .special, .bestseller, .related, .blogs, .banners-slider-carousel) .box-head > .box-heading,
  html[data-theme="dark"] #content .box:is(.latest, .special, .bestseller) > .container > .box-heading {
    font-size: 18px;
    line-height: 1.2;
  }
  html[data-theme="dark"] #content .hometab .htabs {
    flex: 1 1 100%;
    width: 100%;
  }
  html[data-theme="dark"] #content .hometab .htabs .etabs {
    gap: 6px 14px;
  }
  html[data-theme="dark"] #content .hometab .htabs .etabs > li {
    flex: 1 1 120px;
  }
  html[data-theme="dark"] #content .hometab .htabs .etabs a {
    width: 100%;
    font-size: 11px;
  }
}

html[data-theme="dark"] #gws-mega,
html[data-theme="dark"] .gws-mega-menu,
html[data-theme="dark"] .gws-mega-menu .sub-container,
html[data-theme="dark"] .gws-mega-menu .sub-menu,
html[data-theme="dark"] .mega-hdr-a,
html[data-theme="dark"] #column-left .box.category .box-content {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .gws-mega-menu a,
html[data-theme="dark"] .box.category a,
html[data-theme="dark"] .list-group-item a {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .gws-mega-menu a:hover,
html[data-theme="dark"] .box.category a:hover {
  color: var(--dm-brand-light) !important;
}

/* Header and navigation are already dark; only their popup surfaces need theming. */
html[data-theme="dark"] #top .dropdown-menu,
html[data-theme="dark"] header .dropdown-menu,
html[data-theme="dark"] #cart .dropdown-menu,
html[data-theme="dark"] .dropdown.myaccount .myaccount-menu,
html[data-theme="dark"] .main-menu > ul > li > ul,
html[data-theme="dark"] #menu .dropdown-menu,
html[data-theme="dark"] #nav-one > li > .dropdown-menu,
html[data-theme="dark"] .responsive-menu .main-navigation,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .popover {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.36);
}

html[data-theme="dark"] .dropdown-menu > li > a,
html[data-theme="dark"] .popover-title,
html[data-theme="dark"] .popover-content {
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .dropdown-menu > li > a:hover,
html[data-theme="dark"] .dropdown-menu > li > a:focus {
  background-color: var(--dm-surface-3) !important;
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] hr,
html[data-theme="dark"] .separator,
html[data-theme="dark"] .divider,
html[data-theme="dark"] .dropdown-menu .divider {
  border-color: var(--dm-border) !important;
  background-color: var(--dm-border) !important;
}

/* Neutral grey lowers white photo glare without inverting or cropping media. */
html[data-theme="dark"] .product-thumb .image,
html[data-theme="dark"] .product-block .image,
html[data-theme="dark"] #product-product .product-image .image,
html[data-theme="dark"] #product-product .thumbnails,
html[data-theme="dark"] .product-image .thumbnail,
html[data-theme="dark"] .product-image .image-additional .product-block,
html[data-theme="dark"] .recent-bestseller-image,
html[data-theme="dark"] .pcrobot-upsell-notify__product-image-wrap,
html[data-theme="dark"] .live-search .product-image,
html[data-theme="dark"] .blog-image,
html[data-theme="dark"] .blog-card-media,
html[data-theme="dark"] .single-blog .blog-img {
  background-color: var(--dm-image-well) !important;
  border-color: var(--dm-border) !important;
  isolation: isolate;
}

html[data-theme="dark"] .product-thumb .image img,
html[data-theme="dark"] .product-block .image img,
html[data-theme="dark"] .product-image .thumbnail img,
html[data-theme="dark"] .thumbnails img,
html[data-theme="dark"] .recent-bestseller-image img,
html[data-theme="dark"] .pcrobot-upsell-notify__product-image-wrap img,
html[data-theme="dark"] .live-search .product-image img,
html[data-theme="dark"] .blog-image img,
html[data-theme="dark"] .blog-card-media img,
html[data-theme="dark"] .single-blog .blog-img img {
  background-color: #ffffff !important;
  mix-blend-mode: multiply;
  filter: none !important;
}

html[data-theme="dark"] .pcr-mobile-category__photo,
html[data-theme="dark"] .pcr-mobile-sale__photo {
  background: var(--dm-image-well) !important;
  border-color: var(--dm-border) !important;
  isolation: isolate;
}

html[data-theme="dark"] .pcr-mobile-category__photo img,
html[data-theme="dark"] .pcr-mobile-sale__photo img {
  background: #ffffff;
  mix-blend-mode: multiply;
}

html[data-theme="dark"] img.cate_img_cls {
  background: #ffffff !important;
  border-radius: 0;
  filter: brightness(var(--dm-media-brightness));
}

html[data-theme="dark"] .product-thumb .image {
  border-radius: 0;
  overflow: hidden;
}

/* Black logos remain readable on the same muted, neutral stage. */
html[data-theme="dark"] .banners-slider-carousel .product-block {
  background: transparent !important;
}

html[data-theme="dark"] .banners-slider-carousel .product-block-inner {
  margin: 0 8px;
  border-radius: 0;
  background: var(--dm-image-well) !important;
  isolation: isolate;
}

html[data-theme="dark"] .banners-slider-carousel img {
  opacity: 1;
  background-color: #ffffff;
  mix-blend-mode: multiply;
}

html[data-theme="dark"] .product-thumb img,
html[data-theme="dark"] .product-block img,
html[data-theme="dark"] #logo img,
html[data-theme="dark"] .thumbnails img {
  filter: none !important;
}

/* Standalone thumbnails and enlarged photos have no isolated image well.
   Use one luminance adjustment here, never multiply plus brightness together. */
html[data-theme="dark"] img.img-thumbnail:not(.blog-image img):not(.blog-img img):not(.blog-card-media img),
html[data-theme="dark"] .paiement_logo_block img,
html[data-theme="dark"] .UniModulInstallmentHtml img,
html[data-theme="dark"] .pcr-rich-content img,
html[data-theme="dark"] .single-blog .blog-desc img,
html[data-theme="dark"] #tab-description img,
html[data-theme="dark"] .pcr-shipping-choice__image,
html[data-theme="dark"] .lb-image,
html[data-theme="dark"] .mfp-img,
html[data-theme="dark"] .zoomWindowContainer .zoomWindow {
  background-color: #ffffff !important;
  mix-blend-mode: normal;
  filter: brightness(var(--dm-media-brightness)) !important;
}

html[data-theme="dark"] .lb-outerContainer {
  background-color: var(--dm-image-well) !important;
}

/* Small benefit badges retain their meaning without bright pastel discs. */
html[data-theme="dark"] .labelbox {
  background: #d2c4a2 !important;
  border-color: rgba(28, 41, 26, .25) !important;
}
html[data-theme="dark"] .labelbox.day.return,
html[data-theme="dark"] .labelbox.delivery { background: #bfd0c4 !important; }
html[data-theme="dark"] .labelbox.RMA,
html[data-theme="dark"] .labelbox.gift { background: #bdc7d2 !important; }
html[data-theme="dark"] .labelbox.warranty { background: #bed3df !important; }
html[data-theme="dark"] .labelbox.popular { background: #cdbddc !important; }
html[data-theme="dark"] .labelbox.featured { background: #bdd4d7 !important; }

html[data-theme="dark"] .bf-slider-container.ui-slider .ui-slider-handle,
html[data-theme="dark"] .bf-slider-range .ui-slider-handle {
  background: #a9c887 !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .pcr-bf-filter-count,
html[data-theme="dark"] .skip-link {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .product-image .customNavigation :is(a, button) {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .pcr-comment-auth__icon {
  background: var(--dm-surface-3) !important;
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] .product-thumb .caption,
html[data-theme="dark"] .product-block .product-details,
html[data-theme="dark"] .product-details {
  background-color: var(--dm-surface) !important;
  color: var(--dm-text);
}

html[data-theme="dark"] .price,
html[data-theme="dark"] .price-new,
html[data-theme="dark"] .product-price {
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] .price-old {
  color: var(--dm-muted) !important;
}

/* Forms and controls. */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .input-group-addon,
html[data-theme="dark"] .btn-default,
html[data-theme="dark"] .open > .dropdown-toggle.btn-default {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] option {
  background: var(--dm-surface-2);
  color: var(--dm-text);
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #8f989f !important;
  opacity: 1;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .btn-default:focus {
  border-color: var(--dm-brand) !important;
  box-shadow: 0 0 0 2px rgba(91, 177, 18, 0.22) !important;
  outline: 0;
}

html[data-theme="dark"] .form-control[disabled],
html[data-theme="dark"] .form-control[readonly],
html[data-theme="dark"] fieldset[disabled] .form-control {
  background-color: #171a1d !important;
  color: #7f8990 !important;
}

/* Keep primary actions clearly visible on dark surfaces. */
html[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):not([disabled]),
html[data-theme="dark"] .btn-success:not(:disabled):not(.disabled):not([disabled]),
html[data-theme="dark"] .nav-container .nav-search #search button[type="submit"]:not(:disabled) {
  background: var(--dm-action) !important;
  border-color: var(--dm-action) !important;
  color: #ffffff !important;
  box-shadow: none;
}

html[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):not([disabled]):hover,
html[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):not([disabled]):focus,
html[data-theme="dark"] .btn-success:not(:disabled):not(.disabled):not([disabled]):hover,
html[data-theme="dark"] .btn-success:not(:disabled):not(.disabled):not([disabled]):focus,
html[data-theme="dark"] .nav-container .nav-search #search button[type="submit"]:not(:disabled):hover,
html[data-theme="dark"] .nav-container .nav-search #search button[type="submit"]:not(:disabled):focus {
  background: var(--dm-action-hover) !important;
  border-color: var(--dm-action-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(91, 177, 18, 0.24) !important;
  outline: 0;
}

html[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):not([disabled]):active,
html[data-theme="dark"] .btn-primary.active:not(.disabled):not([disabled]),
html[data-theme="dark"] .btn-success:not(:disabled):not(.disabled):not([disabled]):active,
html[data-theme="dark"] .nav-container .nav-search #search button[type="submit"]:not(:disabled):active {
  background: #2d6809 !important;
  border-color: #2d6809 !important;
  color: #ffffff !important;
}

/* Tables, cart and account pages. */
html[data-theme="dark"] .table,
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > thead > tr > td,
html[data-theme="dark"] .table > tbody > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tfoot > tr > th,
html[data-theme="dark"] .table > tfoot > tr > td,
html[data-theme="dark"] #content table thead tr td,
html[data-theme="dark"] .table-bordered {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
html[data-theme="dark"] .table-hover > tbody > tr:hover {
  background-color: var(--dm-surface-2) !important;
}

html[data-theme="dark"] .shopping-cart,
html[data-theme="dark"] #accordion .panel,
html[data-theme="dark"] #accordion .panel-heading {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* Filters, category controls and pagination. */
html[data-theme="dark"] .category_filter,
html[data-theme="dark"] .pagination-wrapper,
html[data-theme="dark"] .product-filter,
html[data-theme="dark"] .compare-total {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > .active > span,
html[data-theme="dark"] .pagination > li > a:hover {
  background-color: var(--dm-brand) !important;
  border-color: var(--dm-brand) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .bf-panel-wrapper,
html[data-theme="dark"] .brainyfilter-panel,
html[data-theme="dark"] .bf-attr-header,
html[data-theme="dark"] .bf-attr-group-header,
html[data-theme="dark"] .bf-cell,
html[data-theme="dark"] input.bf-search,
html[data-theme="dark"] .bf-float-submit {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* Header live search. */
html[data-theme="dark"] .nav-container .nav-search .live-search,
html[data-theme="dark"] .live-search,
html[data-theme="dark"] .live-search-option,
html[data-theme="dark"] .live-search .result-text,
html[data-theme="dark"] .live-search .product-description {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .live-search-option:hover,
html[data-theme="dark"] .live-search-option:focus {
  background-color: #24321d !important;
}

html[data-theme="dark"] .live-search-name,
html[data-theme="dark"] .live-search-name a,
html[data-theme="dark"] .live-search-description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .live-search-icon,
html[data-theme="dark"] .live-search .product-image {
  background-color: var(--dm-image-well) !important;
  border-color: var(--dm-border) !important;
}

/* Full search results. */
html[data-theme="dark"] .search-page-results {
  --search-ink: var(--dm-heading);
  --search-muted: var(--dm-muted);
  --search-line: var(--dm-border);
}

html[data-theme="dark"] #product-search .search-page-form,
html[data-theme="dark"] .search-page-summary,
html[data-theme="dark"] .search-page-count,
html[data-theme="dark"] .search-page-card,
html[data-theme="dark"] .search-page-card-quick,
html[data-theme="dark"] .search-page-more > summary,
html[data-theme="dark"] .search-page-state {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .search-page-content-drawer,
html[data-theme="dark"] .search-page-content-drawer > summary,
html[data-theme="dark"] .search-page-drawer-body,
html[data-theme="dark"] .search-page-group,
html[data-theme="dark"] #products {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .search-page-content-drawer > summary:hover,
html[data-theme="dark"] .search-page-content-drawer[open] > summary {
  background-color: var(--dm-surface-2) !important;
}

html[data-theme="dark"] .search-page-drawer-title,
html[data-theme="dark"] .search-page-drawer-title strong,
html[data-theme="dark"] .search-page-drawer-toggle,
html[data-theme="dark"] .search-page-group-heading h3,
html[data-theme="dark"] .search-page-card-copy strong,
html[data-theme="dark"] .search-page-card-action {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .search-page-drawer-counts span,
html[data-theme="dark"] .search-page-group-count,
html[data-theme="dark"] .search-page-drawer-toggle {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .search-page-card-copy small {
  color: var(--dm-muted) !important;
}

/* Recent bestseller component. */
html[data-theme="dark"] .recent-bestsellers {
  background: linear-gradient(145deg, #1a2018, var(--dm-surface)) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text);
}

html[data-theme="dark"] .recent-bestsellers-heading {
  background: linear-gradient(135deg, #20291d, #1b201c 78%) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .recent-bestseller-card,
html[data-theme="dark"] .recent-bestsellers-period,
html[data-theme="dark"] .recent-bestseller-more summary {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .recent-bestsellers-heading,
html[data-theme="dark"] .recent-bestseller-title,
html[data-theme="dark"] .recent-bestseller-title a {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .category_description,
html[data-theme="dark"] .category_description p {
  color: var(--dm-muted) !important;
}

/* Product detail benefits. */
html[data-theme="dark"] #product-product .product-left .product-info,
html[data-theme="dark"] .benefit-bar,
html[data-theme="dark"] .benefit-item,
html[data-theme="dark"] .product-info,
html[data-theme="dark"] .product-info .option {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #product-product .product-right .attr,
html[data-theme="dark"] #product-product .product-right .attr li,
html[data-theme="dark"] #product-product .product-right .attr span,
html[data-theme="dark"] #product-product .UniModulInstallmentHtml,
html[data-theme="dark"] #product-product .UniModulInstallmentHtml a,
html[data-theme="dark"] #product-product .UniModulInstallmentHtml div {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .benefit-bar .benefit,
html[data-theme="dark"] .benefit-bar .benefit > span:first-of-type,
html[data-theme="dark"] .benefit-title,
html[data-theme="dark"] .benefit-item strong,
html[data-theme="dark"] #product-product .product-tab .tab-content strong,
html[data-theme="dark"] #product-product .product-tab .tab-content b,
html[data-theme="dark"] #product-product .product-tab .tab-content font,
html[data-theme="dark"] #product-product .product-tab .tab-content span:not(.label):not(.badge):not(.fa) {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .benefit-bar small,
html[data-theme="dark"] .benefit-bar .benefit-sub,
html[data-theme="dark"] .benefit-item p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #product-product .variant__header__specs-grid__item {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #product-product .variant__header__specs-grid__item span,
html[data-theme="dark"] #product-product .variant__header__specs-grid__item font {
  color: var(--dm-text) !important;
}

/* QuickCheckout and standard checkout. */
html[data-theme="dark"] body.checkout-checkout .quickcheckout-heading,
html[data-theme="dark"] body.checkout-checkout .quickcheckout-content,
html[data-theme="dark"] body.extension-quickcheckout-checkout .quickcheckout-heading,
html[data-theme="dark"] body.extension-quickcheckout-checkout .quickcheckout-content,
html[data-theme="dark"] .quickcheckout-heading,
html[data-theme="dark"] .quickcheckout-content,
html[data-theme="dark"] #voucher-heading,
html[data-theme="dark"] #coupon-heading,
html[data-theme="dark"] #reward-heading,
html[data-theme="dark"] #shipping-method label,
html[data-theme="dark"] #payment-method label,
html[data-theme="dark"] #quickcheckoutconfirm {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .quickcheckout-cart thead td,
html[data-theme="dark"] .quickcheckout-cart tbody td,
html[data-theme="dark"] .quickcheckout-cart tfoot td {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* Dialogs and overlays. */
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .mfp-content,
html[data-theme="dark"] .magnific-popup {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .close {
  color: #ffffff !important;
  text-shadow: none;
  opacity: 0.8;
}

html[data-theme="dark"] .alert-success {
  background-color: #173b25;
  border-color: #2f6c43;
  color: #d8f4df;
}

html[data-theme="dark"] .alert-info {
  background-color: #183545;
  border-color: #32617a;
  color: #d9edf7;
}

html[data-theme="dark"] .alert-warning {
  background-color: #44351b;
  border-color: #765e2e;
  color: #fff1c8;
}

html[data-theme="dark"] .alert-danger {
  background-color: #441f23;
  border-color: #77383e;
  color: #ffdfe2;
}

/* Custom notification and consent surfaces. */
html[data-theme="dark"] .pcrobot-upsell-notify {
  --pcrobot-bg: #1b1f22;
  --pcrobot-text: #eef2f4;
  --pcrobot-accent: #5bb112;
}

html[data-theme="dark"] #cc-main {
  --cc-bg: var(--dm-surface);
  --cc-primary-color: var(--dm-heading);
  --cc-secondary-color: var(--dm-muted);
  --cc-btn-primary-bg: var(--dm-action);
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: var(--dm-action);
  --cc-btn-primary-hover-bg: var(--dm-action-hover);
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: var(--dm-action-hover);
  --cc-btn-secondary-bg: var(--dm-surface-3);
  --cc-btn-secondary-color: var(--dm-text);
  --cc-btn-secondary-hover-bg: var(--dm-surface-2);
  --cc-btn-secondary-hover-color: var(--dm-heading);
  --cc-separator-border-color: var(--dm-border);
  --cc-cookie-category-block-bg: var(--dm-surface-2);
  --cc-cookie-category-block-border: var(--dm-border);
  --cc-cookie-category-block-hover-bg: var(--dm-surface-3);
}

html[data-theme="dark"] #cc-main .cm,
html[data-theme="dark"] #cc-main .pm,
html[data-theme="dark"] #cc-main .pm__section,
html[data-theme="dark"] .pcr-cookie-settings,
html[data-theme="dark"] .pcr-cookie-settings__dialog {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #cc-main .cm__title,
html[data-theme="dark"] #cc-main .pm__title,
html[data-theme="dark"] #cc-main .pm__section-title,
html[data-theme="dark"] .pcr-cookie-settings__title {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] #cc-main .cm__desc,
html[data-theme="dark"] #cc-main .pm__body,
html[data-theme="dark"] .pcr-cookie-settings__description {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .brevo-panel,
html[data-theme="dark"] .newsletter-popup,
html[data-theme="dark"] .newsletter-container {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* Content pages: old CMS/HTML editors can store light-only text colors. */
html[data-theme="dark"] :is(.pcr-rich-content, .single-blog .blog-desc, .category_description, #tab-description)
  :is(p, li, dt, dd, address, span, font, b, strong, em, div[style*="color"]):not(.fa):not(.btn):not(.btn *):not(.label):not(.badge) {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] :is(.pcr-rich-content, .single-blog .blog-desc, .category_description, #tab-description)
  :is(h1, h2, h3, h4, h5, h6) {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .faq-accordion .panel-body a[style*="background"] {
  background: transparent !important;
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] #information-contact :is(strong, b, address, p),
html[data-theme="dark"] .aboutus .info-item strong {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #information-contact a[href^="https://wa.me/"]:not(.benefit-link) {
  background: var(--dm-action) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .benefit-bar .benefit:not(:last-child)::after {
  background: var(--dm-border) !important;
}

html[data-theme="dark"] .faq-accordion .panel-title a:hover,
html[data-theme="dark"] .faq-accordion .panel-title a:focus-visible {
  background: var(--dm-surface-2) !important;
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .single-blog > .blog-date,
html[data-theme="dark"] .blog-card-meta,
html[data-theme="dark"] .blog-card-meta .blog-date,
html[data-theme="dark"] .pcr-comment-item__meta time,
html[data-theme="dark"] .blog-filter-hint,
html[data-theme="dark"] .blog-filter-results {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .manufacturer-list,
html[data-theme="dark"] .manufacturer-content,
html[data-theme="dark"] .smart-importer-description-intro,
html[data-theme="dark"] .pcr-stock-alert {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .manufacturer-heading {
  background: var(--dm-surface-2) !important;
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .pcr-stock-alert {
  border-left-color: var(--dm-brand) !important;
}

html[data-theme="dark"] .pcr-stock-alert__title {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] .pcr-stock-alert p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #product-product .product-right .attr .baru {
  background: #203019 !important;
  color: #b4ed7d !important;
}

html[data-theme="dark"] #product-product .product-right .attr .bekas {
  background: #3a2e1b !important;
  color: #ffd79a !important;
}

/* Pastel benefits and photographic wells need dark ink, not inherited white. */
html[data-theme="dark"] .labelbox small {
  color: #273142 !important;
}

html[data-theme="dark"] .product-thumb .image .minimalprice {
  color: #33402f !important;
}

html[data-theme="dark"] .recent-bestsellers-eyebrow,
html[data-theme="dark"] .recent-bestseller-price strong,
html[data-theme="dark"] .live-search .current-price,
html[data-theme="dark"] .live-search .view-all-results {
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] .live-search .live-search-group-title {
  color: var(--dm-muted) !important;
}

/* Brainy moves its responsive panel outside #main-content on phones. */
html[data-theme="dark"] :is(.bf-panel-wrapper, .brainyfilter-panel) :is(label, .bf-category-navigation-link, .bf-attr-header, .bf-attr-group-header) {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] :is(.bf-panel-wrapper, .brainyfilter-panel) .box-heading {
  background: #25351d !important;
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] :is(.bf-panel-wrapper, .brainyfilter-panel) .bf-count {
  background: #293923 !important;
  color: #b4ed7d !important;
}

html[data-theme="dark"] #product-special .pcr-special-count {
  background: var(--dm-surface-3) !important;
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] #product-special :is(.pcr-special-segment, .pcr-special-discount).is-active,
html[data-theme="dark"] .blog-filter-chip.is-active {
  background: var(--dm-action) !important;
  border-color: var(--dm-action) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #product-special .pcr-special-segment.is-active > span {
  color: #ffffff !important;
}

html[data-theme="dark"] #product-special .pcr-special-segment.is-active .pcr-special-count {
  background: rgba(0, 0, 0, .18) !important;
}

html[data-theme="dark"] :is(.btn-primary, .btn-success) :is(span, i) {
  color: inherit !important;
}

html[data-theme="dark"] .text-danger,
html[data-theme="dark"] .pcr-stock-alert__message.is-error,
html[data-theme="dark"] #brevo-panel #brevo-msg.is-error {
  color: #ffadb5 !important;
}

html[data-theme="dark"] .text-success,
html[data-theme="dark"] .pcr-stock-alert__message.is-success,
html[data-theme="dark"] #brevo-panel #brevo-msg.is-success {
  color: #b4ed7d !important;
}

/* Shared drawers/popups have their own typography instead of inheriting body. */
html[data-theme="dark"] .cart-upsell-wrap,
html[data-theme="dark"] .cart-upsell-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .cart-upsell-label {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .cart-upsell-price .price-normal {
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] .cart-upsell-image {
  background: var(--dm-image-well) !important;
  isolation: isolate;
}

html[data-theme="dark"] .cart-upsell-image img {
  mix-blend-mode: multiply;
}

html[data-theme="dark"] .cart-upsell-arrow {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] #extended-services-box,
html[data-theme="dark"] #extended-services-box .es-item {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #extended-services-box .es-item.is-active {
  background: #203019 !important;
  border-color: var(--dm-brand) !important;
}

html[data-theme="dark"] #extended-services-box :is(.es-box__title, .es-item__title) {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] #extended-services-box :is(.es-box__subtitle, .es-item__desc, .es-item__price--muted) {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #extended-services-box .es-item__price:not(.es-item__price--muted) {
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] #extended-services-box .es-item__icon {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #extended-services-box .es-item.is-active .es-item__icon {
  background: #293923 !important;
  color: #b4ed7d !important;
}

html[data-theme="dark"] body:is(.checkout-cart, .checkout-checkout, .extension-quickcheckout-checkout)
  td.text-right :is(strong, b) > span {
  color: var(--dm-brand-light) !important;
}

html[data-theme="dark"] body:is(.checkout-checkout, .extension-quickcheckout-checkout) .pcr-zbozi-trust__result {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #brevo-tab.brevo-tab {
  background: linear-gradient(180deg, var(--dm-action), var(--dm-action-hover)) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #brevo-tab.brevo-tab:hover,
html[data-theme="dark"] #brevo-tab.brevo-tab:focus-visible {
  background: var(--dm-action-hover) !important;
}

html[data-theme="dark"] .pcr-side-sale__cta {
  background: var(--dm-action) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .pcr-side-sale__cta:hover {
  background: var(--dm-action-hover) !important;
}

html[data-theme="dark"] #cart .dropdown-menu :is(li, p, strong, a:not(.btn)) {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #brevo-panel .brevo-head h3,
html[data-theme="dark"] #brevo-panel .brevo-close {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] #brevo-panel :is(.brevo-head p, .brevo-gdpr, #brevo-msg) {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #brevo-panel .brevo-gdpr a {
  color: var(--dm-brand-light) !important;
  text-decoration: underline;
}

html[data-theme="dark"] #brevo-panel .brevo-close:hover,
html[data-theme="dark"] #brevo-panel .brevo-close:focus-visible {
  background: var(--dm-surface-3) !important;
}

html[data-theme="dark"] #pcr-vacation-notice .pcr-vacation-box {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #pcr-vacation-notice :is(.pcr-vacation-title, .pcr-vacation-text, .pcr-vacation-text strong) {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #pcr-vacation-notice .pcr-vacation-title {
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] #pcr-vacation-notice .pcr-vacation-close {
  background: var(--dm-surface-3) !important;
  color: var(--dm-heading) !important;
}

html[data-theme="dark"] #pcr-vacation-notice .pcr-vacation-icon {
  background: #183545 !important;
  color: #96d0f0 !important;
}

html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .wrap-breadcrumb {
  color: var(--dm-muted);
  border-color: var(--dm-border) !important;
}

@media (prefers-reduced-motion: no-preference) {
  html.pcr-theme-ready body,
  html.pcr-theme-ready .panel,
  html.pcr-theme-ready .box,
  html.pcr-theme-ready .product-thumb,
  html.pcr-theme-ready .product-block,
  html.pcr-theme-ready .dropdown-menu,
  html.pcr-theme-ready .form-control {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pcr-theme-toggle,
  html.pcr-theme-ready body,
  html.pcr-theme-ready .panel,
  html.pcr-theme-ready .box,
  html.pcr-theme-ready .product-thumb,
  html.pcr-theme-ready .product-block,
  html.pcr-theme-ready .dropdown-menu,
  html.pcr-theme-ready .form-control {
    transition: none !important;
  }
}
html[data-theme="dark"] #product-special .pcr-special-toolbar {
  border-color: var(--pcr-line);
  background: var(--pcr-surface);
}

html[data-theme="dark"] #product-special .pcr-special-segment,
html[data-theme="dark"] #product-special .pcr-special-discount {
  border-color: var(--pcr-line);
  background: var(--pcr-surface-soft);
  color: var(--pcr-text);
}

html[data-theme="dark"] #product-special .pcr-special-segment:hover,
html[data-theme="dark"] #product-special .pcr-special-segment:focus,
html[data-theme="dark"] #product-special .pcr-special-discount:hover,
html[data-theme="dark"] #product-special .pcr-special-discount:focus {
  border-color: var(--dm-brand);
  background: var(--dm-surface-3);
  color: var(--dm-brand-light);
}

html[data-theme="dark"] #product-special .pcr-special-segment.is-active,
html[data-theme="dark"] #product-special .pcr-special-discount.is-active {
  border-color: var(--dm-brand);
  background: var(--dm-brand);
  color: #fff;
}

html[data-theme="dark"] #product-special .pcr-special-condition-note {
  border-color: var(--dm-brand);
  background: var(--pcr-surface-soft);
  color: var(--pcr-muted);
}

html[data-theme="dark"] #product-special .pcr-used-product-badge {
  border-color: #bf852e;
  background: rgba(54, 42, 25, .96);
  color: #ffd79a;
}

/* Semantic headings retain the existing layout; light-mode text meets normal-text contrast. */
.hometab .hometab-heading { margin: 0; }
.product-thumb .pcr-card-title { font-weight:400; margin:0 0 8px; text-overflow:ellipsis; width:100%; white-space:nowrap; overflow:hidden; font-size:14px; line-height:18px; }
.product-thumb .pcr-card-title a { color:#161616; font-size:14px; text-decoration:none; font-weight:300; padding-bottom:7px; }
html[data-theme="dark"] .product-thumb .pcr-card-title a { color:var(--pcr-text, #f1f1f1); }
html:not([data-theme="dark"]) .product-thumb .price-new,
html:not([data-theme="dark"]) .product-thumb .pcr-card-title a:hover { color:#357a0b !important; }
html:not([data-theme="dark"]) .product-thumb .price-old { color:#707070; }
.product-thumb .percentsaving { background:#357a0b !important; border-color:#357a0b !important; color:#fff !important; }
html:not([data-theme="dark"]) #content .product-block button.addtocart:not(:hover) span { color:#555 !important; }
html:not([data-theme="dark"]) #content .product-block button.addtocart:hover span { background:#357a0b !important; color:#fff !important; }
footer h2 { font:400 16px/26px "Montserrat",sans-serif; text-transform:uppercase; color:#fff; margin:0 0 15px; cursor:pointer; }
/* Override .container h2 only for footer section headings, without changing their layout. */
footer #footer h2 { color:#fff; }

/* Footer social links: repair the low-contrast legacy CMS presentation. */
#footer .footer-blocks .footerleft .social-block .text {
  color: #c7c7c7;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}
#footer .footer-blocks .footerleft .social-block ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 10px 0 18px;
  padding: 0;
}
#footer .footer-blocks .footerleft .social-block ul > i.fa {
  display: none;
}
#footer .footer-blocks .footerleft .social-block ul li {
  display: block;
  margin: 0;
}
#footer .footer-blocks .footerleft .social-block ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #fff;
  background: rgba(91, 177, 18, .14);
  border: 1px solid rgba(126, 211, 33, .58);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
#footer .footer-blocks .footerleft .social-block ul li a::before {
  width: auto;
  height: auto;
  padding: 0;
  color: inherit;
  line-height: 1;
}
#footer .footer-blocks .footerleft .social-block ul li.instagram a::before {
  content: "\f16d";
}
#footer .footer-blocks .footerleft .social-block ul li a:hover,
#footer .footer-blocks .footerleft .social-block ul li a:focus-visible {
  color: #fff;
  background: #5bb112;
  border-color: #78ce2f;
  box-shadow: 0 6px 16px rgba(91, 177, 18, .26);
  transform: translateY(-1px);
}
#footer .footer-blocks .footerleft .social-block ul li a:focus-visible {
  outline: 2px solid #a8e56f;
  outline-offset: 3px;
}
#footer button.mobile_togglemenu { appearance:none; border:0; background-color:transparent; border-radius:0; padding:0; color:inherit; cursor:pointer; }
#footer button.mobile_togglemenu:focus-visible { outline:2px solid #a8db79; outline-offset:2px; }
@media (max-width:991px) { footer h2 { font-size:16px; position:relative; padding-top:15px; padding-bottom:15px; margin-bottom:0; } }
/* Real buttons retain the carousel/sidebar geometry and have keyboard focus. */
.customNavigation button { appearance:none; border-radius:0; font-family:inherit; }
.customNavigation button:focus-visible, .box-heading button:focus-visible { outline:2px solid #357a0b; outline-offset:2px; }
.box-heading button.mobile_togglemenu { appearance:none; border:0; background-color:transparent; border-radius:0; padding:0; color:inherit; cursor:pointer; }
.blog-right .blog_title { font-size:18px; line-height:1.1; font-weight:500; }
html:not([data-theme="dark"]) .blog-right .date-time,
html:not([data-theme="dark"]) .blog-right .write-comment a { color:#707070; }
html:not([data-theme="dark"]) .subscribe-btn .btn.btn-lg { background-color:#357a0b; }
footer #powered .pcr-powered__credit { color:#a0a0a0; }
.swiper-pager button { appearance:none; border:0; border-radius:0; }
.swiper-pager button:focus-visible { outline:2px solid #357a0b; outline-offset:2px; }
.main-slider .swiper-pager button.swiper-button-prev { left:0; opacity:0; }
.main-slider .swiper-pager button.swiper-button-next { right:0; opacity:0; }
.main-slider:hover .swiper-pager button,
.main-slider:focus-within .swiper-pager button { opacity:1; }
html:not([data-theme="dark"]) .product-thumb .price { color:#357a0b; }
html:not([data-theme="dark"]) .viewmore .btn { background-color:#357a0b; }
.lb-data .lb-close { appearance:none; border:0; padding:0; }
.lb-data .lb-close:focus-visible { outline:2px solid #83d34a; outline-offset:2px; }