@charset "UTF-8";
:root {
  --colorBrand: hsl(4, 97%, 52%);
  --colorBrand-h: 4;
  --colorBrand-s: 97;
  --colorBrand-l: 52;
  --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.08);
  --colorShadeBg: #F4F4F4;
  --colorShadeBgLight: #F6F6F6;
  --colorOutlines: #DAD9DC;
  --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(0, 0%, 12%);
  --colorText-h: 0;
  --colorText-s: 0;
  --colorText-l: 12;
  --colorTextHeading: #000;
  --colorTextSubtle: #4a4a4a;
  --colorTextWhite: #F9F9F9;
  --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;
  --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%;
}

@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: WorkSans;
  src: url("/frontend/fonts/WorkSans/WorkSans-bold-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}

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

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

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

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

@font-face {
  font-family: Genos;
  src: url("/frontend/fonts/Genos/Genos-regular-normal.woff2") format("woff2");
  font-weight: 400;
  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: WorkSans, sans-serif;
  --font-secondary: Genos, sans-serif;
  --font-weight: 400;
  /* 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 {
  font-family: var(--font-secondary);
  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;
}

section.Hero {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url(/frontend/images/hero-background.png) lightgray 50%/cover no-repeat;
  padding-bottom: 3.125rem;
  margin: 0;
  max-width: none;
}

.Hero .Hero-slider {
  padding-top: 2.5rem;
}

.Hero .Hero-swiper {
  border-radius: 0;
}

.Hero .HeroItem-title {
  color: var(--colorTextWhite);
  font-family: var(--font-secondary);
  font-size: var(--textXxl);
  font-weight: 700;
  text-transform: none;
}

@media (min-width: 75.01rem) {
  .Hero .HeroItem-title {
    font-size: var(--textXxxxl);
  }
}

.Hero .HeroItem-contentFrame {
  align-items: end;
}

.Hero .HeroItem-contentWrapper {
  position: static;
  margin-bottom: var(--spaceLg);
}

@media (min-width: 48.01rem) {
  .Hero .HeroItem-contentWrapper {
    margin-bottom: var(--spaceXxl);
  }
}

.Hero .Hero-nav {
  margin-top: var(--spaceMd);
  color: var(--colorTextWhite);
}

a.ButtonBase, button.ButtonBase:not(#loginSubmit, #buttonSubmit) {
  padding: 0.75rem 1.5rem;
  text-transform: none;
}

section.BenefitPoint {
  margin: 0 auto;
}

.BenefitPoint .BenefitPoint-perex {
  max-width: 37rem;
  margin: 0 auto 2.5rem;
  font-weight: 600;
}

@media (min-width: 48.01rem) {
  .BenefitPoint .BenefitPoint-perex {
    font-size: 1.375rem;
  }
}

.BenefitPoint .BenefitPointItem-title {
  font-family: var(--font-primary);
  font-size: var(--spaceRg);
  margin-bottom: var(--spaceRg);
}

@media (min-width: 75.01rem) {
  .BenefitPoint .BenefitPointItem-title {
    font-size: 1.375rem;
  }
}

.BenefitPoint .BenefitPointItem-image::before {
  opacity: 0.3;
  z-index: var(--layerPageZIndex);
}

.location_homepage .BenefitPoint, .location_homepage .BenefitPointItem-title {
  color: var(--colorWhite);
}

.HomeCategoriesItem .HomeCategoriesItem-text, .HomeCategoriesItem .HomeCategoriesItem-textTitle {
  font-family: var(--font-secondary);
  color: var(--colorTextWhite);
}

div.AppForm label.AppForm-label {
  font-weight: 400;
}

div.AppForm form {
  gap: 1.5rem;
}

div.HeaderTop {
  background: var(--colorBlack);
  color: var(--colorWhite);
}

div.HeaderTop div.HeaderTop-contact {
  color: var(--colorWhite);
}

div.HeaderTop .CurrencySwitcher-arrow, div.HeaderTop .NavigationFolding-icon {
  border-color: var(--colorWhite) transparent transparent transparent;
}

header.Header {
  position: static;
}

header.Header:not(.is-up).is-sticked .HeaderCategories-categoryLink {
  padding: 1.5rem 2rem;
  font-size: 1rem;
}

header.Header.is-up {
  transform: none;
}

.Header {
  color: var(--colorWhite);
}

@media (max-width: 35.99rem) {
  .Header .Header-frame {
    gap: 0;
  }
}

.Header .Header-holder {
  background: var(--colorBlack);
}

.Header .HeaderUser-opener {
  color: var(--colorBrand);
}

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

.Header .HeaderUser-opener:not([data-usernav-opener]) span {
  display: none;
}

.Header .HeaderUser-opener span {
  text-transform: uppercase;
}

.Header .HeaderUser-opener svg {
  width: clamp(2rem, 6vw, 3rem);
  height: auto;
}

.HeaderUser-dropdown a {
  color: var(--colorText);
}

.Header .HeaderCart-opener {
  color: var(--colorBrand);
  background: #EC2C2033;
  border-radius: 0;
}

.Header .HeaderCart-opener:hover, .Header .HeaderCart-opener:active, .Header .HeaderCart-opener:focus {
  color: var(--colorWhite);
}

.Header .HeaderCart-opener svg {
  width: clamp(1.5rem, 4.5vw, 2.5rem);
  height: auto;
}

@media (max-width: 36rem) {
  .Header .HeaderCart-dropdown {
    right: -8.15rem;
  }
}

.Header .HeaderCart-label {
  display: none;
}

.Header .HeaderCart-plus {
  background: var(--stateError);
}

.Header .CartHolder-section {
  font-size: 1.125rem;
}

.Header-searchToggle {
  color: var(--colorWhite);
}

.Header .QuickSearch-search {
  gap: 0;
}

.Header .QuickSearch-search .QuickSearch-input {
  color: var(--colorWhite);
  background: var(--colorBlack);
  border-radius: 0;
  border: 1px solid var(--colorOutlines);
  border-right: none;
}

.Header .QuickSearch-search .QuickSearch-icon {
  color: var(--colorWhite);
  opacity: 1;
}

.Header .QuickSearch-button {
  text-transform: uppercase;
}

.HeaderCategories-categoryLink {
  text-transform: uppercase;
}

.HeaderCategories-categoryLink:hover, .HeaderCategories-categoryLink:active, .HeaderCategories-categoryLink:focus {
  color: var(--colorBrand);
  text-decoration: none;
}

.HeaderTop-contact span {
  text-decoration: underline;
}

@media (min-width: 75.01rem) {
  .Navigation ul.AppNavigation-list {
    row-gap: 100rem;
  }
}

@media (max-width: 74.99rem) {
  .Navigation .AppNavigation {
    background: var(--colorBlack);
  }
  .Navigation .AppNavigation-closer {
    background: var(--colorBrand);
  }
  .Navigation .AppNavigationItem {
    color: var(--colorWhite);
  }
  .Navigation .AppNavigationItem a.is-active {
    color: var(--colorText);
  }
}

.Navigation .AppNavigationItem a.is-active {
  color: var(--colorBrand);
}

.Navigation .AppNavigation .AppNavigationItem-submenu .AppNavigationItem {
  background: var(--colorBlack);
}

.Navigation .AppNavigation .AppNavigationItem-submenu .AppNavigationItem-link {
  color: var(--colorWhite);
}

.Contact::before {
  display: none;
}

.Contact .OpeningHours {
  border: 1px solid var(--colorBrand);
}

.Contact .OpeningHours svg, .Contact .OpeningHours-title {
  color: var(--colorBrand);
}

.Contact .ContactTab-title {
  margin-bottom: 0;
  font-size: var(--textXxxl);
}

.Contact .ContactTab-contact {
  text-decoration: underline;
}

.Contact .ContactTab-contact:hover, .Contact .ContactTab-contact:active, .Contact .ContactTab-contact:focus {
  text-decoration: none;
}

.Contact .ContactTab-map {
  height: 25rem;
}

@media (min-width: 64rem) {
  .Contact .ContactTab-map {
    height: 32.5rem;
  }
}

div.Breadcrumbs {
  background: var(--colorSecondaryBg);
}

ul.Breadcrumbs-inner {
  row-gap: var(--spaceSm);
}

div.ProductList {
  grid-row-gap: 0;
}

div.ProductList .ProductItem {
  margin-top: -1px;
}

div.ProductItem {
  max-width: 25rem;
  border: 1px solid var(--colorOutlines);
}

div.ProductItem .ButtonBase span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.375 22C6.825 22 6.35417 21.8042 5.9625 21.4125C5.57083 21.0208 5.375 20.55 5.375 20C5.375 19.45 5.57083 18.9792 5.9625 18.5875C6.35417 18.1958 6.825 18 7.375 18C7.925 18 8.39583 18.1958 8.7875 18.5875C9.17917 18.9792 9.375 19.45 9.375 20C9.375 20.55 9.17917 21.0208 8.7875 21.4125C8.39583 21.8042 7.925 22 7.375 22ZM17.375 22C16.825 22 16.3542 21.8042 15.9625 21.4125C15.5708 21.0208 15.375 20.55 15.375 20C15.375 19.45 15.5708 18.9792 15.9625 18.5875C16.3542 18.1958 16.825 18 17.375 18C17.925 18 18.3958 18.1958 18.7875 18.5875C19.1792 18.9792 19.375 19.45 19.375 20C19.375 20.55 19.1792 21.0208 18.7875 21.4125C18.3958 21.8042 17.925 22 17.375 22ZM6.525 6L8.925 11H15.925L18.675 6H6.525ZM5.575 4H20.325C20.7083 4 21 4.17083 21.2 4.5125C21.4 4.85417 21.4083 5.2 21.225 5.55L17.675 11.95C17.4917 12.2833 17.2458 12.5417 16.9375 12.725C16.6292 12.9083 16.2917 13 15.925 13H8.475L7.375 15H19.375V17H7.375C6.625 17 6.05833 16.6708 5.675 16.0125C5.29167 15.3542 5.275 14.7 5.625 14.05L6.975 11.6L3.375 4H1.375V2H4.625L5.575 4Z' fill='%23F9F9F9'/%3E%3C/svg%3E");
}

div.ProductItem h2.ProductItem-title {
  font-size: 1.375rem;
}

div.ProductItem-price {
  font-family: var(--font-secondary);
  font-size: 1.375rem;
}

.ProductTags .ProductTags-tag {
  border-radius: 0;
}

div.ProductDetailImages-tags .ProductTags-tag {
  border-radius: 0;
}

div.CategoryNav-listWrap, div.CategoryFilter-panel {
  border-radius: 0;
}

.CategoryFilterSection .CategoryFilterSection-toggle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M11 1C11 0.866667 10.9483 0.741667 10.8533 0.646667C10.6583 0.451667 10.3417 0.451667 10.1467 0.646667L6.5 4.29333C6.37167 4.42167 6.19 4.495 6 4.495C5.81 4.495 5.62833 4.42167 5.5 4.29333L1.85333 0.646667C1.75667 0.55 1.62833 0.5 1.5 0.5C1.37167 0.5 1.24333 0.548334 1.14667 0.646667C1.05 0.745 1 0.866667 1 1C1 1.13333 1.05167 1.25833 1.14667 1.35333L4.79333 5C5.115 5.32167 5.545 5.5 6 5.5C6.455 5.5 6.885 5.32167 7.20667 5L10.8533 1.35333C10.9483 1.25833 11 1.13333 11 1Z' fill='currentColor' stroke='currentColor' stroke-width='0.5'/%3E%3C/svg%3E");
  border-radius: 0;
}

.CategoryFilterSection-title {
  font-family: var(--font-primary);
  font-size: 1rem;
}

div.CategoryFilterItemSlide-inputs input {
  border-radius: 0;
}

input[type="checkbox"].CheckboxBase {
  border-radius: 0;
}

div.ProductDetailPrices {
  text-align: left;
}

div.ProductDetailPrices-priceVat, div.ProductDetailPrices-priceVat.is-highlighted {
  font-family: var(--font-secondary);
  font-size: 1.75rem;
  color: var(--colorBrand);
}

div.ProductDetailPrices-priceNoVat {
  display: none;
}

div.ProductDetailPrices-priceOriginal {
  font-size: 1rem;
}

div.ProductDetailStock {
  padding: 0;
  font-size: 1rem;
  border-bottom: none;
}

div.ProductDetailStock-stock.is-in::before {
  width: 1rem;
  height: 0.875rem;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M3.07195 5.61145C3.71527 5.61145 4.32166 5.36212 4.77722 4.90656L7.72913 1.95466C7.90458 1.77921 8 1.54835 8 1.3021C8 1.05585 7.90458 0.824993 7.72913 0.649541C7.3813 0.301715 6.77183 0.301715 6.42401 0.649541L3.47211 3.60145C3.37053 3.70302 3.22586 3.76151 3.07503 3.76151C2.9242 3.76151 2.77953 3.70302 2.67795 3.59837L1.57599 2.49333C1.22816 2.1455 0.6187 2.1455 0.270874 2.49333C0.0954216 2.66878 0 2.89964 0 3.14589C0 3.39213 0.0954216 3.62299 0.270874 3.79844L1.37284 4.90349C1.8284 5.35905 2.43478 5.60837 3.07811 5.60837L3.07195 5.61145Z' fill='%23F9F9F9'/%3E%3C/svg%3E");
  background-color: var(--colorStockIn);
  background-position: center;
  background-repeat: no-repeat;
}

div.ProductDetailActions {
  gap: 2rem;
}

div.ProductDetailActions .InputUpDownBase-control {
  border-radius: 0;
}

h1.ProductDetailHeader-title {
  font-size: var(--textXxxl);
}

div.ProductDetailImages-prev, div.ProductDetailImages-next {
  border-radius: 0;
  scale: 0.75;
}

@media (min-width: 48.01rem) {
  div.ProductDetailImages-prev, div.ProductDetailImages-next {
    scale: 1;
  }
}

main.ProductDetail {
  overflow: hidden;
}

div.ProductDetailContactForm .AppForm {
  padding: 0;
  box-shadow: none;
}

div.ProductDetailContactForm .AppForm .AppAlert--info {
  display: none;
}

div.ProductDetailContactForm .AppForm .AppForm-label {
  font-weight: 600;
}

div.ProductDetailContactForm .AppForm input, div.ProductDetailContactForm .AppForm textarea {
  border-radius: 0;
}

.location_homepage .Footer {
  box-shadow: 0 0 4.5rem 0 rgba(243, 13, 13, 0.4);
}

section.ProductStrip {
  overflow: visible;
}

h2.ProductStrip-title {
  font-size: 2.75rem;
}

div.ProductDetailHeader-more {
  margin-top: var(--spaceXxs);
}

div.ProductDetailHeader-more a {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 1rem;
  font-weight: 400;
}

div.ProductDetailHeader-more a::after {
  position: absolute;
  content: '';
  top: 0;
  right: -2rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M7.41 8.89819L12 13.4782L16.59 8.89819L18 10.3082L12 16.3082L6 10.3082L7.41 8.89819Z' fill='%23DB1A26'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

table.AttachmentsList {
  table-layout: auto;
  width: 100%;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  white-space: nowrap;
}

table.AttachmentsList tr {
  display: table-row;
}

table.AttachmentsList tr:first-of-type {
  color: var(--colorWhite);
  background: var(--colorBrand);
}

table.AttachmentsList th, table.AttachmentsList td {
  padding-left: var(--spaceMd);
}

table.AttachmentsList td {
  border-bottom: 1px solid var(--colorBrand);
}

table.AttachmentsList .AttachmentsList-ext {
  background: none;
  color: var(--colorText);
  display: block;
  padding: 0;
  border-radius: 0;
  font-size: inherit;
  text-transform: uppercase;
}

table.AttachmentsList td:last-child a {
  display: flex;
  align-items: center;
  gap: var(--spaceSm);
  padding-right: var(--spaceMd);
}

table.AttachmentsList td:last-child a::before {
  content: "Informace";
  display: none;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 36.01rem) {
  table.AttachmentsList td:last-child a::before {
    display: inline;
  }
}

table.AttachmentsList td:last-child, table.AttachmentsList th:last-child {
  padding-right: 0;
}

table.AttachmentsList td:last-child, table.AttachmentsList td:nth-last-child(2), table.AttachmentsList th:last-child, table.AttachmentsList th:nth-last-child(2) {
  text-align: left;
}

div.VisitorsNotificationList {
  z-index: var(--layerPageZIndex);
}

div.VisitorsNotification {
  padding: 1rem 0.5rem;
}

div.VisitorsNotification-title, div.VisitorsNotification-text {
  font-size: 0.875rem;
  font-weight: 400;
}

div.VisitorsNotification svg {
  display: none;
}

li.CategoryNavItem {
  border-bottom: 1px solid var(--colorOutlines);
}

div.AppPager-pager a, div.AppPager-pager button {
  border-radius: 0;
}

div.AppPager-btnHolder button {
  text-transform: uppercase;
}

div.ProductRatingInline, div.ProductRatingOverview {
  display: none;
}

div.ProductDetailText .StyledText ul, div.ProductDetailText .StyledText ol {
  margin-left: var(--spaceMd);
}

ul.MegamenuSubcategory {
  z-index: var(--layerHeaderZIndex);
}

aside.AppPopup, aside.PreCart, div.SpinnerGlobal, aside.QuickSearch {
  background: rgba(0, 0, 0, 0.8);
}

h2.UserLogin-title, h2.UserRegister-title, h2.UserRecover-title, h2.UserRegisterPoints-title {
  font-size: var(--textXl);
}

h2.UserRegisterPoints-title {
  margin-bottom: var(--spaceSm);
}

.ProductTags-tag.is-gifts {
  display: none;
}

body .CartPriceSummary-row {
  grid-template-columns: 1fr auto;
}

body .Megamenu-category .Megamenu-categoryLink {
  color: var(--colorWhite);
}

body .Megamenu-category .Megamenu-categoryLink::before {
  background: var(--colorBlack);
}

body .Megamenu-category:hover .Megamenu-categoryLink, body .Megamenu-category:active .Megamenu-categoryLink, body .Megamenu-category:focus .Megamenu-categoryLink {
  color: var(--colorWhite);
}

body .ProductDetail-info .ProductDetailPaymentHomecredit {
  display: none;
}

body .ProductDetail-more {
  margin-top: 0;
}

@media (min-width: 48.01rem) {
  body .CategoryNav.is-opened .CategoryNav-listWrap {
    max-height: 30rem;
  }
}

body .CategoryNavItem-subCats.is-open {
  max-height: none;
}

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