@charset "UTF-8";
:root {
  --colorBrand: hsl(32, 100%, 83%);
  --colorBrand-h: 32;
  --colorBrand-s: 100;
  --colorBrand-l: 83;
  --colorBrand-contrast: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  --colorBrandSecondary: hsl(205, 79%, 95%);
  --colorBrandSecondary-h: 205;
  --colorBrandSecondary-s: 79;
  --colorBrandSecondary-l: 95;
  --colorBodyBg: hsl(0, 0%, 100%);
  --colorBodyBg-h: 0;
  --colorBodyBg-s: 0;
  --colorBodyBg-l: 100;
  --colorSecondaryBg: hsl(0, 0%, 91%);
  --colorSecondaryBg-h: 0;
  --colorSecondaryBg-s: 0;
  --colorSecondaryBg-l: 91;
  --colorContrastBg: hsl(203, 28%, 8%);
  --colorContrastBg-h: 203;
  --colorContrastBg-s: 28;
  --colorContrastBg-l: 8;
  --colorThemeAccent: hsl(0, 0%, 100%);
  --colorThemeAccent-h: 0;
  --colorThemeAccent-s: 0;
  --colorThemeAccent-l: 100;
  --colorBrandBg: hsla(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1%), 0.4);
  --colorBrandBgDark: hsla(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1%), 0.25);
  --colorShadeBg: rgba(0,0,0,.8);
  --colorShadeBgLight: hsla(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1%), 0.1);
  --colorBoxShadow: rgba(238, 115, 56, 0.25);
  --colorOutlines: #e3e3e3;
  --colorOutlinesLight: #f5f5f5;
  --colorHighlighted: #ba0000;
  --starsColor: #fcad00;
  --colorBlack: #000000;
  --colorWhite: #ffffff;
  --colorHeaderLink: #000;
  --colorHeaderLinkUnderline: var(--colorBrand);
  --colorHeaderBackground: #fff;
  --colorHeaderGradient: transparent;
  --colorErrorsDefault: hsl(352, 100%, 43%);
  --colorErrorsDefault-h: 352;
  --colorErrorsDefault-s: 100;
  --colorErrorsDefault-l: 43;
  --colorText: hsl(330, 8%, 23%);
  --colorText-h: 330;
  --colorText-s: 8;
  --colorText-l: 23;
  --colorTextHeading: var(--colorText);
  --colorTextSubtle: #4a4a4a;
  --colorLinkText: var(--colorBrand);
  --colorLinkTextActive: var(--colorText);
  --colorInputBorder: var(--colorOutlines);
  --colorInputBackground: var(--colorThemeAccent);
  --colorInputBorderFocus: #383838;
  --colorInputBackgroundFocus: var(--colorThemeAccent);
  --colorInputBackgroundInvalid: var(--colorThemeAccent);
  --colorButtonBg: var(--colorBrand);
  --colorButtonDisabledBg: gray;
  --colorButtonText: white;
  --colorBorderConfigurator: #DFE1ED;
  --colorMainDark: #363530;
  --colorConfiguratorBg: #efefef;
  --colorLightInactive: hsl(0, 0%, 52%, 0.2);
  --colorFrameHover: #f5f5f5;
  --colorLightBorders: #f5f5f5;
  --colorDarkBorders: rgb(114, 114, 114);
  --colorActiveBorderStepper: 1px solid var(--colorBrand);
  --colorInactiveTexts: hsla(186, 0%, 0%, 0.5);
  --configuratorPrimaryColor: hsl(28, 25%, 42%);
  --configuratorPrimaryColor-h: 28;
  --configuratorPrimaryColor-s: 25;
  --configuratorPrimaryColor-l: 42;
  --configuratorPrimaryColor-contrast: hsl(0, 0%, calc((var(--configuratorPrimaryColor-l) - 60) * -100%));
  --configuratorFooterBackground: hsl(197, 100%, 95%);
  --configuratorButtonHoverBackground: hsl(197, 100%, 36%);
  --stateInfo: #5895f5;
  --stateSuccess: #4dab00;
  --stateWarning: #f58c59;
  --stateError: #dc2727;
  --colorStockIn: var(--stateSuccess);
  --colorStockOut: var(--stateError);
  --colorBackgroundProductListItem: transparent;
  --colorTagRecommended: hsl(204, 70%, 53%);
  --colorTagRecommended-h: 204;
  --colorTagRecommended-s: 70;
  --colorTagRecommended-l: 53;
  --colorTagRecommended-contrast: hsl(0, 0%, calc((var(--colorTagRecommended-l) - 60) * -100%));
  --colorTagDiscounted: hsl(6, 78%, 57%);
  --colorTagDiscounted-h: 6;
  --colorTagDiscounted-s: 78;
  --colorTagDiscounted-l: 57;
  --colorTagDiscounted-contrast: hsl(0, 0%, calc((var(--colorTagDiscounted-l) - 60) * -100%));
  --colorTagNew: hsl(145, 63%, 42%);
  --colorTagNew-h: 145;
  --colorTagNew-s: 63;
  --colorTagNew-l: 42;
  --colorTagNew-contrast: hsl(0, 0%, calc((var(--colorTagNew-l) - 60) * -100%));
  --colorTagSale: hsl(37, 90%, 51%);
  --colorTagSale-h: 37;
  --colorTagSale-s: 90;
  --colorTagSale-l: 51;
  --colorTagSale-contrast: hsl(0, 0%, calc((var(--colorTagSale-l) - 60) * -100%));
  --colorTagUsed: hsl(210, 29%, 29%);
  --colorTagUsed-h: 210;
  --colorTagUsed-s: 29;
  --colorTagUsed-l: 29;
  --colorTagUsed-contrast: hsl(0, 0%, calc((var(--colorTagUsed-l) - 60) * -100%));
  --colorTagAction: hsl(283, 39%, 53%);
  --colorTagAction-h: 283;
  --colorTagAction-s: 39;
  --colorTagAction-l: 53;
  --colorTagAction-contrast: hsl(0, 0%, calc((var(--colorTagAction-l) - 60) * -100%));
  --colorTagFreeStorePickup: hsl(210, 29%, 24%);
  --colorTagFreeStorePickup-h: 210;
  --colorTagFreeStorePickup-s: 29;
  --colorTagFreeStorePickup-l: 24;
  --colorTagFreeStorePickup-contrast: hsl(0, 0%, calc((var(--colorTagFreeStorePickup-l) - 60) * -100%));
  --colorTagFreeDelivery: hsl(210, 29%, 24%);
  --colorTagFreeDelivery-h: 210;
  --colorTagFreeDelivery-s: 29;
  --colorTagFreeDelivery-l: 24;
  --colorTagFreeDelivery-contrast: hsl(0, 0%, calc((var(--colorTagFreeDelivery-l) - 60) * -100%));
}

:root {
  --durationAnimationBase: .25s;
  --easingAnimationBase: ease-in-out;
  --animationBase: all var(--durationAnimationBase) var(--easingAnimationBase);
}

:root {
  --layerNegativeZIndex: -1;
  --layerNullZIndex: 0;
  --layerPageZIndex: 1;
  --layerPageSecondaryZIndex: 2;
  --layerHeaderZIndex: 10;
  --layerDropdownZIndex: 20;
  --layerModalZIndex: 21;
  --layerPopoverZIndex: 22;
  --layerTooltipZIndex: 23;
  --cookiePopupLayer: 24;
  --layerSpinnerZIndex: 25;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html.is-not-smooth {
  scroll-behavior: unset;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background: var(--colorBodyBg);
  margin: 0;
  font-size: var(--textBaseSize);
  font-family: var(--font-primary);
  font-weight: var(--font-weight);
  color: var(--colorText);
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: var(--bodyLineHeight);
}

body.is-not-overflowed {
  overflow: hidden;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}

::selection {
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  background: var(--colorBrand);
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  --sizeContentOffset: 1.25rem;
  --sizeContentWidth: 100rem;
  --sizeInputFont: var(--textSm);
  --sizeInputPaddingVertical: var(--spaceSm);
  --sizeInputPaddingHorizontal: var(--spaceMd);
  --sizeInputPadding: var(--sizeInputPaddingVertical) var(--sizeInputPaddingHorizontal);
  --sizeInputBorder: 1px;
  --sizeInputBorderRadius: 0;
  --sizeButtonFont: var(--textSm);
  --sizeButtonPaddingVertical: var(--spaceSm);
  --sizeButtonPaddingHorizontal: var(--spaceLg);
  --sizeButtonPadding: var(--sizeButtonPaddingVertical) var(--sizeButtonPaddingHorizontal);
  --sizeButtonBorder: 1px;
  --sizeButtonBorderRadius: 0;
  --sizeContentFullHd: 120rem;
  --sizePagerBorderRadius: 50%;
  --sizeRangeSliderBorderRadius: 50%;
  --sizeCategoryFiltersBorderRadius: 1rem;
  --sizeCategoryFiltersInputBorderRadius: 0.375rem;
  --sizeCategoryNavBorderRadius: 1rem;
  --sizeProductDetailCountControlBorderRadius: 50%;
  --sizeProductDetailContactBoxBorderRadius: 0.5rem;
  --sizeProductDetailContactFormInputBorderRadius: 0.25rem;
  --sizeProductDetailBoxBorderRadius: 1rem;
  --sizeProductDetailImageBorderRadius: 1rem;
  --sizeProductDetailVariantBorderRadius: 1rem;
  --sizeSwiperArrowBorderRadius: 50%;
  --contactPersonsBorderRadius: 0.5rem;
}

@media (min-width: 100rem) {
  :root {
    --sizeContentOffset: 1.25rem;
  }
}

@media (min-width: 64rem) {
  :root {
    --sizeContentOffset: 3rem;
  }
}

/*
	!! DO NOT FORGET TO ADD FONTS TO '@preload.php' FILE AS WELL !!
	----
	Overwrite $font-list object in _font-list.scss file !!
*/
@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-bold-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-semibold-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-regular-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Nunito;
  src: url("/frontend/fonts/Nunito/Nunito-bold-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Nunito;
  src: url("/frontend/fonts/Nunito/Nunito-semibold-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

.u-frame {
  max-width: calc(var(--sizeContentWidth) + var(--sizeContentOffset) * 2);
  padding-left: var(--sizeContentOffset);
  padding-right: var(--sizeContentOffset);
}

.u-clearfix::after {
  clear: both;
  content: '';
  display: table;
}

.u-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

[class*="u-frame"] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.u-fullWidth {
  width: 100%;
}

.u-block {
  display: block;
}

.u-flex {
  display: flex;
}

.u-hidden {
  display: none !important;
}

.u-hiddenVisually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-invisibleScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.u-invisibleScrollBar::-webkit-scrollbar {
  display: none;
}

.u-customScrollBar {
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  scrollbar-width: thin;
}

.u-customScrollBar::-webkit-scrollbar {
  width: .4rem;
}

.u-customScrollBar::-webkit-scrollbar-track {
  background: transparent;
}

.u-customScrollBar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  transition: all .25s ease-in-out;
}

.u-customScrollBar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.u-textCenter {
  text-align: center;
}

.u-textRight {
  text-align: right;
}

.u-flexJustifyStart {
  justify-content: flex-start;
}

.u-flexJustifyEnd {
  justify-content: flex-end;
}

.u-flexJustifyCenter {
  justify-content: center;
}

.u-flexJustifyBetween {
  justify-content: space-between;
}

.u-flexJustifyAround {
  justify-content: space-around;
}

.u-flexAlignItemsStart {
  align-items: flex-start;
}

.u-flexAlignItemsEnd {
  align-items: flex-end;
}

.u-flexAlignItemsCenter {
  align-items: center;
}

.u-spanRow {
  grid-column: 1 / -1;
}

.u-hiddenOverflow {
  overflow: hidden;
}

.u-noWrap {
  white-space: nowrap;
}

.u-textUppercase {
  text-transform: uppercase;
}

.u-textLowercase {
  text-transform: lowercase;
}

.u-responsiveTable {
  overflow-x: auto;
}

:root {
  --font-primary: Inter, sans-serif;
  --font-secondary: serif;
  --font-weight: 300;
  /* set base values */
  --textBaseSize: 1rem;
  --textScaleRatio: 1.2;
  /* type scale */
  --textXxs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio)));
  --textXs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio)));
  --textSm: calc(1em / var(--textScaleRatio));
  --textRg: 1em;
  --textMd: calc(1em * var(--textScaleRatio));
  --textLg: calc(1em * var(--textScaleRatio) * var(--textScaleRatio));
  --textXl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --bodyLineHeight: 1.5;
  --headingLineHeight: 1.2;
}

@media (min-width: 48.01rem) {
  :root {
    --textBaseSize: 1.15rem;
  }
}

@media (min-width: 64.01rem) {
  :root {
    --textBaseSize: 1.25rem;
  }
}

h1, h2, h3, h4, form legend {
  color: var(--colorTextHeading);
  margin-bottom: var(--spaceXs);
  line-height: var(--headingLineHeight);
}

/* text size */
.u-textXxxl {
  font-size: var(--textXxxl);
}

h1, .u-textXxl {
  font-size: var(--textXxl);
}

h2, .u-textXl {
  font-size: var(--textXxl);
  margin-bottom: var(--spaceSm);
}

h3, .u-textLg {
  font-size: var(--textLg);
}

h4, .u-textMd {
  font-size: var(--textMd);
}

.u-textSm, small {
  font-size: var(--textSm);
}

.u-textXs {
  font-size: var(--textXs);
}

p {
  line-height: var(--bodyLineHeight);
}

a {
  color: var(--colorLinkText);
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: var(--colorLinkTextActive);
  text-decoration: underline;
}

:root {
  --spaceUnit:  1em;
  --spaceXxxxs: calc(0.125 * var(--spaceUnit));
  --spaceXxxs:  calc(0.25 * var(--spaceUnit));
  --spaceXxs:   calc(0.375 * var(--spaceUnit));
  --spaceXs:    calc(0.5 * var(--spaceUnit));
  --spaceSm:    calc(0.75 * var(--spaceUnit));
  --spaceRg:    var(--spaceUnit);
  --spaceMd:    calc(1.25 * var(--spaceUnit));
  --spaceLg:    calc(2 * var(--spaceUnit));
  --spaceXl:    calc(3.25 * var(--spaceUnit));
  --spaceXxl:   calc(5.25 * var(--spaceUnit));
  --spaceXxxl:  calc(8.5 * var(--spaceUnit));
  --spaceXxxxl: calc(13.75 * var(--spaceUnit));
  --sizeModuleHorizontalOffset: 5rem;
}

.u-spaceUnit {
  margin-bottom: var(--spaceUnit);
}

.u-spaceXxxxs {
  margin-bottom: var(--spaceXxxxs);
}

.u-spaceXxxs {
  margin-bottom: var(--spaceXxxs);
}

.u-spaceXxs {
  margin-bottom: var(--spaceXxs);
}

.u-spaceXs {
  margin-bottom: var(--spaceXs);
}

.u-spaceSm {
  margin-bottom: var(--spaceSm);
}

.u-spaceMd {
  margin-bottom: var(--spaceMd);
}

.u-spaceLg {
  margin-bottom: var(--spaceLg);
}

.u-spaceXl {
  margin-bottom: var(--spaceXl);
}

.u-spaceXxl {
  margin-bottom: var(--spaceXxl);
}

.u-spaceXxxl {
  margin-bottom: var(--spaceXxxl);
}

.u-spaceXxxxl {
  margin-bottom: var(--spaceXxxxl);
}

[data-tooltip] {
  position: relative;
  display: inline-block;
}

[data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 11px);
  background: #000000de;
  color: #fff;
  transform-origin: bottom center;
  transition: var(--animationBase);
  transform: translateX(-50%);
  padding: 17px;
  font-size: 14px;
  width: 249px;
  text-align: center;
  line-height: 1.4;
  border-radius: 4px;
  border-bottom: 3px solid var(--colorBrand);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:after {
  content: '▾';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 249px;
  font-size: 32px;
  line-height: 17px;
  text-align: center;
  color: var(--colorBrand);
  transition: var(--animationBase);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:hover:before {
  pointer-events: auto;
  opacity: 1;
}

[data-tooltip]:hover:after {
  pointer-events: auto;
  opacity: 1;
}

:root {
  --font-secondary: Nunito, sans-serif;
  --font-weight: 400;
  --sizeButtonBorderRadius: 2rem;
}

h1, h2, h3, h4, form legend {
  font-family: var(--font-secondary);
}

body .Header {
  background: var(--colorBrand);
}

body .Header-button {
  display: none;
}

body .Header-socials {
  gap: var(--spaceLg);
}

body .Header-socials a {
  color: var(--colorText);
}

body .Header-socials a svg {
  width: 1rem;
  height: 1rem;
}

body .Header-box {
  font-weight: 600;
}

body .Header-contact {
  text-decoration: underline;
}

body .Header-contact:hover, body .Header-contact:active, body .Header-contact:focus {
  text-decoration: none;
}

body .HeaderBox-content.is-active, body .HeaderBox-content:hover, body .HeaderBox-content:focus {
  color: var(--colorText);
}

body .HeaderUser-opener:hover, body .HeaderUser-opener:active, body .HeaderUser-opener:focus {
  color: var(--colorText);
}

body .HeaderUser, body .CartLogin, body .AppForm-col:has(#userRegister) {
  display: none;
}

body .AppNavigationItem-link.is-active, body .AppNavigationItem-link:hover, body .AppNavigationItem-link:focus {
  color: var(--colorText);
}

body .AppNavigationItem-link:after {
  background: var(--colorText);
}

body .NavigationFolding .AppNavigationItem.is-active, body .NavigationFolding .AppNavigationItem:hover, body .NavigationFolding .AppNavigationItem:focus {
  color: var(--colorText);
}

body .NavigationFolding:hover .NavigationFolding-icon, body .NavigationFolding:active .NavigationFolding-icon, body .NavigationFolding:focus .NavigationFolding-icon {
  border-color: var(--colorText) transparent transparent transparent;
}

body .AboutUs-title {
  display: none;
}

body .ProductItem-infoParameters {
  color: var(--colorText);
  border-radius: 0.25rem 0 0 0.25rem;
}

body .ProductItem-hoverBtn {
  color: var(--colorText);
  border-radius: var(--sizeButtonBorderRadius);
}

body .ButtonBase {
  color: var(--colorText);
}

body .ButtonBase:hover, body .ButtonBase:active, body .ButtonBase:focus {
  color: var(--colorText);
}

body .Footer, body .Footer h2, body .Footer-icons a, body .FooterNav-item a {
  color: var(--colorText);
}

body .Footer-contact {
  border: 2px solid var(--colorText);
}

body .Footer-contact path, body .Footer-copyFrame path {
  fill: none;
}

body .CategoryNavItem {
  overflow: hidden;
  border-radius: 1rem;
}

body .CategoryNavItem-link {
  border-radius: 1rem;
  overflow: hidden;
}

body .ProductItem {
  border-radius: 1rem;
}

body .ProductItem-hover, body .ProductItem-image img {
  border-radius: 1rem 1rem 0 0;
}

body .ProductDetailImages-next:hover, body .ProductDetailImages-next:active, body .ProductDetailImages-next:focus, body .ProductDetailImages-prev:hover, body .ProductDetailImages-prev:active, body .ProductDetailImages-prev:focus {
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 0.8 * 1%));
  color: var(--colorText);
}

body .HelpBox-text {
  color: var(--colorText);
}

body .HelpBox.lite .HelpBox-contact {
  border-radius: 0.5rem;
}

body .TabsIcon-switch {
  font-weight: 600;
  text-align: center;
  background: var(--colorOutlinesLight);
}

body .TabsIcon-switch:first-of-type {
  border-radius: var(--sizeButtonBorderRadius) 0 0 var(--sizeButtonBorderRadius);
}

body .TabsIcon-switch:last-of-type {
  border-radius: 0 var(--sizeButtonBorderRadius) var(--sizeButtonBorderRadius) 0;
}

body .TabsIcon-switch:hover, body .TabsIcon-switch:active, body .TabsIcon-switch:focus {
  background: var(--colorBrand);
}

body .TabsIcon-switch span {
  margin: auto;
}

body .TabsIcon-switcher {
  box-shadow: none;
}

body .ProductDetailActions .ButtonBase {
  color: var(--colorWhite);
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 0.8 * 1%));
}

body .ProductDetailActions .ButtonBase:hover, body .ProductDetailActions .ButtonBase:active, body .ProductDetailActions .ButtonBase:focus {
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 0.7 * 1%));
}

body .ProductDetail-helpbox .ProductRatingOverview {
  padding: var(--spaceRg);
  border: 1px solid var(--colorBrand);
  border-top: none;
  border-radius: 0 0 var(--sizeButtonBorderRadius) var(--sizeButtonBorderRadius);
}

body .HelpBox.lite .HelpBox-text {
  background: var(--colorOutlinesLight);
  padding: 1.5rem;
}

body .ProductDetailStock:has(.is-out) {
  display: none;
}

body .ProductTags-tag.is-available:has(.is-out) {
  display: none;
}

body .ProductDetail .ProductTags-tag.is-available {
  display: none;
}

body .ProductDetail-row {
  display: block;
}

body .TabsIcon-switch.is-active, body .TabsIcon-switch:focus, body .TabsIcon-switch {
  color: var(--colorText);
}

body .ProductDetailImages-next, body .ProductDetailImages-prev {
  color: var(--colorText);
}

body .ProductDetailImages-slide {
  border-radius: var(--sizeButtonBorderRadius);
}

body .ProductDetailAttributes {
  border: none;
}

body .ProductDetailVariants-item:not(.is-active):hover {
  background: var(--colorBodyBg);
}

body .CategorySubListItem {
  border-radius: 1rem;
}

body .NavigationCategories {
  display: none;
}

body .ProductDetail {
  padding-top: var(--spaceXs);
}

body .ProductDetail-headerEmpty {
  position: static;
}

body .HomeGallery {
  overflow: hidden;
}

body .CartHolder {
  font-size: var(--textRg);
}

body .FooterNav {
  margin: 0;
}

body .HelpBox.lite .HelpBox-image img {
  object-fit: contain;
  margin: auto;
}

body .ProductDetailActions-wrapper:has([data-button-inquiry]:not(.u-hidden)) [data-button-buy] {
  display: none !important;
}

@media (max-width: 64rem) {
  body .HeaderCart-dropdown {
    right: -5em;
  }
}

body .CartCheckout-deliveryDate {
  margin-bottom: var(--spaceMd);
}

/*# sourceMappingURL=base.min.css.map */