/* Document
========================================================================== */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block; }

/* Grouping content
========================================================================== */
figcaption,
figure,
main {
  display: block; }

figure {
  margin: 0; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Text-level semantics
========================================================================== */
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  cursor: pointer; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: bold; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/* Embedded content
========================================================================== */
audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border: 0;
  max-width: 100%; }

svg:not(:root) {
  overflow: hidden; }

/* Forms
========================================================================== */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  outline: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border: 0;
  padding: 0; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

[type='number'] {
  -moz-appearance: textfield; }
  [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none;
    margin: 0;
    height: auto; }

[type='search'] {
  -webkit-appearance: textfield; }

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/* Interactive
========================================================================== */
details,
menu {
  display: block; }

summary {
  display: list-item; }

/* Scripting
========================================================================== */
canvas {
  display: inline-block; }

template {
  display: none; }

/* Hidden
========================================================================== */
[hidden] {
  display: none; }

/* Custom SK
========================================================================== */
body {
  margin: 0; }

a:focus {
  outline: 0; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

img,
iframe,
object,
embed,
svg {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

[disabled] {
  cursor: default; }

/*#D20000;*/
.grid, .slick-dots, .b-heureka--v3 .b-heureka__overivew-list, .b-paging__list, .b-rating__list, .b-search__list, .b-suggest__list, .m-main__list, .m-dropdown__list, .m-secondary__list, .m-side__list, .m-submenu__list, .m-all__list, .m-nested, .m-nested__list, .m-popup__list, .m-responsive__list, .footer__ul {
  margin: 0;
  padding: 0; }

.grid__cell, .slick-dots li, .b-heureka--v3 .b-heureka__overview-item, .b-paging__item, .b-rating__item, .b-search__item, .b-suggest__item, .m-main__item, .m-dropdown__item, .m-secondary__item, .m-side__item, .m-submenu__item, .m-all__item, .m-nested__item, .m-popup__item, .m-responsive__item, .footer__li {
  padding: 0;
  margin: 0;
  background: none; }

.grid {
  counter-reset: none; }

.grid__cell {
  position: static; }
  .grid__cell:before {
    content: normal;
    counter-increment: none;
    position: static;
    top: auto;
    left: auto; }

.grid {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .no-flexwrap .grid {
    font-size: 0; }

.grid__cell {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%; }
  .no-flexwrap .grid__cell {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    letter-spacing: normal;
    white-space: normal; }

.grid--scroll {
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: hidden; }
  .js .grid--scroll {
    overflow-x: hidden; }
  .no-flexwrap .grid--scroll {
    white-space: nowrap; }

html {
  font: normal 16px/1.7142857143 "Roboto", sans-serif;
  color: #2F353C;
  letter-spacing: .02em; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  margin: 1.5em 0 .75em; }

@media (min-width: 480px) {
  h1,
  .h1 {
    font-size: 30px;
    letter-spacing: .04em; } }

p {
  margin: 0 0 1.5em; }

hr {
  border: 0;
  border-top: 1px solid #DAE2EC;
  margin: 40px 0;
  height: 1px;
  overflow: hidden; }

blockquote {
  margin: 0 0 1.5em;
  padding: 1.5em 1.5em 0;
  font-weight: bold;
  background: #f4f6f8;
  border: 1px solid #DAE2EC;
  -webkit-border-radius: 3px;
          border-radius: 3px; }

cite {
  display: block;
  border-left: 2px solid #DAE2EC;
  font-size: 16px;
  padding: 5px 0 5px 26px; }

a {
  color: #3A3E40;
  tap-highlight-color: rgba(47, 53, 60, 0);
  text-decoration: underline;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  .no-touchevents a:hover {
    color: #A41713; }

abbr {
  color: #3A3E40;
  cursor: help;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  .no-touchevents abbr:hover {
    color: #A41713; }

ul,
dl,
menu {
  margin: 0 0 1.5em;
  list-style-type: none;
  padding: 0;
  padding-left: 16px; }

li {
  margin: 0 0 0.375em; }

ul ul:not([class]) {
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

.main ul {
  list-style-type: disc;
  margin-left: 16px; }

ol {
  counter-reset: item; }
  ol ol:not([class]) {
    margin-top: 0.75em;
    margin-bottom: 0.75em; }

dl {
  border-left: 2px solid #A41713;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 1.5em; }
  dl.summary-details--highlight {
    padding-left: 1em; }

dt {
  font-weight: normal;
  color: #7D848B;
  margin: 0;
  padding: 5px 0 5px 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 40%;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
  max-width: 40%; }

dd {
  margin: 0;
  padding: 5px 0 5px 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 60%;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
  max-width: 60%; }

@media (min-width: 480px) {
  dt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40%;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
    max-width: 40%; }
  dd {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 60%;
        -ms-flex: 0 1 60%;
            flex: 0 1 60%;
    max-width: 60%; } }

@media (min-width: 750px) {
  dt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%; }
  dd {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%; } }

table {
  width: 100%;
  clear: both;
  margin: 0 0 1.5em;
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

caption {
  text-align: left;
  padding: 0 0 10px;
  caption-side: top;
  font-size: 18px;
  color: #A41713;
  font-weight: bold; }

th,
td {
  vertical-align: top;
  padding: 7px 10px;
  border: 1px solid #DAE2EC;
  border-width: 0 0 1px; }
  th:first-child,
  td:first-child {
    padding-left: 0; }
  th:last-child,
  td:last-child {
    padding-right: 0; }

th {
  font-weight: bold;
  text-align: left; }

thead th {
  border-bottom: 2px solid #A41713;
  color: #A41713;
  font-weight: normal;
  padding-top: 0; }

figure {
  margin-bottom: 1.5em; }

figcaption {
  margin-top: 1em;
  font-size: 16px;
  font-style: italic;
  color: #7D848B; }

@media (max-width: 1231px) {
  img {
    max-width: 100%;
    height: auto; } }

.main.precist {
  font-size: 18px; }

.js-fixed {
  position: relative; }
  .js-fixed__target {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%); }
  .js-fixed__target.is-fixed {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    position: fixed;
    top: 0; }
  .js-fixed__target.is-fixed-bottom {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%); }

body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
       -o-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
       -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
          transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
       -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s,visibility 0s linear .25s;
  -o-transition: opacity .25s,visibility 0s linear .25s;
  transition: opacity .25s,visibility 0s linear .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  -webkit-transition: opacity .25s,visibility 0s;
  -o-transition: opacity .25s,visibility 0s;
  transition: opacity .25s,visibility 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  text-align: center;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity,-webkit-transform;
  -webkit-transition-property: opacity,-webkit-transform;
  -o-transition-property: transform,opacity;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -.25em;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide--image {
  overflow: visible;
  padding: 44px 0; }

.fancybox-slide--image:before {
  display: none; }

.fancybox-slide--html {
  padding: 6px 6px 0; }

.fancybox-slide--iframe {
  padding: 44px 44px 0; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 6px;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  padding: 24px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  left: 0;
  margin: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
      transform-origin: top left;
  transition-property: opacity,-webkit-transform;
  -webkit-transition-property: opacity,-webkit-transform;
  -o-transition-property: transform,opacity;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable=true] {
  cursor: text; }

.fancybox-image, .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--html .fancybox-content {
  margin-bottom: 6px; }

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
  height: 100%;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
  height: calc(100% - 44px);
  margin-bottom: 44px; }

.fancybox-iframe, .fancybox-video {
  background: transparent;
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

.fancybox-iframe {
  vertical-align: top; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  outline: none;
  padding: 10px;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s;
  vertical-align: top;
  width: 44px; }

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
  color: #ccc; }

.fancybox-button:focus, .fancybox-button:hover {
  color: #fff; }

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default; }

.fancybox-button svg {
  display: block;
  overflow: visible;
  position: relative;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
  fill: currentColor; }

.fancybox-button--share svg path {
  stroke-width: 1; }

.fancybox-navigation .fancybox-button {
  height: 38px;
  opacity: 0;
  padding: 6px;
  position: absolute;
  top: 50%;
  width: 38px; }

.fancybox-show-nav .fancybox-navigation .fancybox-button {
  -webkit-transition: opacity .25s,visibility 0s,color .25s;
  -o-transition: opacity .25s,visibility 0s,color .25s;
  transition: opacity .25s,visibility 0s,color .25s; }

.fancybox-navigation .fancybox-button:after {
  content: "";
  left: -25px;
  padding: 50px;
  position: absolute;
  top: -25px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 6px; }

.fancybox-close-small {
  background: transparent;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #555;
  cursor: pointer;
  height: 44px;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10; }

.fancybox-close-small svg {
  fill: transparent;
  opacity: .8;
  stroke: currentColor;
  stroke-width: 1.5;
  -webkit-transition: stroke .1s;
  -o-transition: stroke .1s;
  transition: stroke .1s; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:hover svg {
  opacity: 1; }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
  color: #ccc;
  padding: 5px;
  right: -12px;
  top: -44px; }

.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
  background: transparent;
  color: #fff; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none; }

.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px;
  right: 0; }

.fancybox-caption:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  -webkit-background-size: contain;
          background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1; }

.fancybox-caption:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: "";
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

.fancybox-loading {
  -webkit-animation: a .8s infinite linear;
  animation: a .8s infinite linear;
  background: transparent;
  border: 6px solid rgba(99, 99, 99, 0.5);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  border-top-color: #fff;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: .6;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 99999; }

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
       -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1); }

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-1turn);
  -ms-transform: rotate(-1turn);
      transform: rotate(-1turn); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(1turn);
  -ms-transform: rotate(1turn);
      transform: rotate(1turn); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg); }

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0); }

.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1); }

.fancybox-share {
  background: #f4f4f4;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:link, .fancybox-share__button:visited {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

.fancybox-thumbs {
  background: #fff;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs > ul {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x > ul {
  overflow: hidden; }

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  -webkit-border-radius: 10px;
          border-radius: 10px; }

.fancybox-thumbs > ul > li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li {
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }

.fancybox-thumbs > ul > li:before {
  border: 4px solid #4ea7f9;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs .fancybox-thumbs-active:before {
  opacity: 1; }

@media (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }

.fancybox-bg {
  background: rgba(0, 0, 0, 0.8); }

.fancybox-content {
  padding: 0; }

.fancybox-close-small svg {
  stroke: none;
  width: 16px;
  height: 16px; }

.fancybox-stage .price__current strong {
  color: black !important; }

.fancybox-stage h4 strong {
  position: relative;
  top: 4px; }

@media (min-width: 1000px) {
  .fancybox-stage .c-products--carousel .slick-track {
    width: 33.3% !important; } }

.fancybox-stage .inp-count--width-sm {
  max-width: 80px; }

.fancybox-stage .b-product .f-add-to-cart__add-to-cart.b-product__category-addtocart {
  gap: 10px; }

.fancybox-stage .btn {
  margin-left: 0 !important; }

@media (min-width: 1000px) {
  .fancybox-stage .inp-count__item {
    width: 25px; } }

.fancybox-stage .swiper-slide {
  height: auto; }
  .fancybox-stage .swiper-slide .c-products__item {
    height: 100%; }

.js .js-element-clickable {
  cursor: pointer; }

.js-toggle-animate:before, .js-toggle-animate:after {
  content: '';
  display: table; }

.js-toggle-animate:after {
  clear: both; }

.js-toggle-animate__box {
  position: relative;
  overflow: hidden; }

.js .js-toggle-animate__box {
  display: none; }

@-webkit-keyframes animation-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes animation-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

.box-loader:before,
.btn-loader .btn__text:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  border: 2px solid;
  border-top-color: transparent;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  margin: -8px 0 0 -8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.btn-loader.is-loading .btn__text,
.btn--bd.btn-loader.is-loading .btn__text,
.btn--secondary.btn-loader.is-loading .btn__text,
.btn--secondary.btn--bd.btn-loader.is-loading .btn__text {
  color: transparent; }

.btn--xs.btn-loader .btn__text:before {
  width: 10px;
  height: 10px;
  left: 55%;
  top: 60%; }

.btn-loader.is-loading {
  pointer-events: none; }

.btn-loader.is-loading .btn__text {
  background: #12684A !important;
  border: 1px solid #12684A !important;
  color: #12684A !important; }
  .btn-loader.is-loading .btn__text svg {
    color: #12684A !important; }

.btn-loader.is-loading .btn__text::before {
  color: white;
  opacity: 1;
  -webkit-animation: animation-rotate .8s infinite linear;
          animation: animation-rotate .8s infinite linear; }

.box-loader.is-loading::before {
  color: #7D848B;
  opacity: 1;
  -webkit-animation: animation-rotate .8s infinite linear;
          animation: animation-rotate .8s infinite linear; }

.js-tabs__fragment {
  position: absolute;
  left: -5000px;
  top: 0;
  width: 100%; }

.js-tabs__fragment.is-active {
  left: auto;
  top: auto;
  position: static; }

.summary td {
  vertical-align: top;
  padding: 10px 0; }

.summary__name {
  width: 60%; }

.summary__quantity {
  width: 10%;
  text-align: right; }

.summary__price {
  width: 30%;
  text-align: right; }

.summary--img .summary__img {
  width: 18%; }

.summary--img .summary__name {
  width: 40%; }

.summary--img .summary__quantity {
  width: 11%; }

.summary--img .summary__price {
  width: 21%; }

.summary.summary--smimg td {
  vertical-align: middle; }

.summary--smimg .summary__img {
  width: 18%; }

.summary--smimg .summary__name {
  width: 40%; }

.summary--smimg .summary__quantity {
  width: 11%; }

.summary--smimg .summary__price {
  width: 21%; }

@media (max-width: 749px) {
  .summary--mobile {
    text-align: right;
    color: #7D848B; }
  .summary--mobile .summary__price {
    width: 90px; } }

@media (min-width: 480px) {
  .summary__name {
    width: 65%; }
  .summary__quantity {
    width: 15%; }
  .summary__price {
    width: 20%; } }

@media (min-width: 750px) {
  .summary__name {
    width: 70%; }
  .summary__quantity {
    width: 12%; }
  .summary__price {
    width: 18%; }
  .summary--img .summary__img {
    width: 17%; }
  .summary--img .summary__name {
    width: 43%; }
  .summary--img .summary__quantity {
    width: 14%; }
  .summary--img .summary__price {
    width: 24%; }
  .summary--smimg .summary__img {
    width: 12%; }
  .summary--smimg .summary__name {
    width: 48%; }
  .summary--smimg .summary__quantity {
    width: 14%; }
  .summary--smimg .summary__price {
    width: 24%; } }

@media (min-width: 1000px) {
  .summary__name {
    width: 70%; }
  .summary__quantity {
    width: 15%; }
  .summary__price {
    width: 15%; }
  .summary--img .summary__img {
    width: 14%; }
  .summary--img .summary__name {
    width: 52%; }
  .summary--img .summary__quantity {
    width: 14%; }
  .summary--img .summary__price {
    width: 20%; }
  .summary--smimg .summary__img {
    width: 8%; }
  .summary--smimg .summary__name {
    width: 58%; }
  .summary--smimg .summary__quantity {
    width: 14%; }
  .summary--smimg .summary__price {
    width: 20%; } }

.summary-details dt {
  -webkit-flex-basis: 42%;
      -ms-flex-preferred-size: 42%;
          flex-basis: 42%;
  max-width: 42%;
  padding: 0 0 5px 0; }

.summary-details dd {
  -webkit-flex-basis: 58%;
      -ms-flex-preferred-size: 58%;
          flex-basis: 58%;
  max-width: 58%;
  padding: 0 0 5px 0; }

.summary-details--nobd {
  border: 0; }

.summary-details--nobd dt {
  padding: 0; }

.summary-details--highlight dt {
  color: #2F353C; }

.summary-details--highlight dd {
  padding-left: 32px; }

/*
.icon-svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  &__svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
    pointer-events: none;
    transform: translateZ(0);
  }
  &::before {
    content: '';
    display: block;
  }


  &--advantages {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--alert {
    width: 34px;
    &:before {
      padding-top: (34 / 34 * 100)+%;
    }
  }

  &--animato {
    width: 88px;
    &:before {
      padding-top: (12 / 88 * 100)+%;
    }
  }

  &--arr-down {
    width: 13px;
    &:before {
      padding-top: (13 / 13 * 100)+%;
    }
  }

  &--avatar {
    width: 12px;
    &:before {
      padding-top: (12 / 12 * 100)+%;
    }
  }

  &--bank {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--basket {
    width: 32px;
    &:before {
      padding-top: (32 / 32 * 100)+%;
    }
  }

  &--bevel-bottom {
    width: 10px;
    &:before {
      padding-top: (10 / 10 * 100)+%;
    }
  }

  &--bevel-left {
    width: 10px;
    &:before {
      padding-top: (10 / 10 * 100)+%;
    }
  }

  &--bevel-right {
    width: 10px;
    &:before {
      padding-top: (10 / 10 * 100)+%;
    }
  }

  &--bevel-top {
    width: 10px;
    &:before {
      padding-top: (10 / 10 * 100)+%;
    }
  }

  &--box-empty {
    width: 97.89px;
    &:before {
      padding-top: (98.94 / 97.89 * 100)+%;
    }
  }

  &--box {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--bubble-bg {
    width: 33px;
    &:before {
      padding-top: (33 / 33 * 100)+%;
    }
  }

  &--bubble {
    width: 33px;
    &:before {
      padding-top: (33 / 33 * 100)+%;
    }
  }

  &--building {
    width: 29px;
    &:before {
      padding-top: (29 / 29 * 100)+%;
    }
  }

  &--car {
    width: 20px;
    &:before {
      padding-top: (20 / 20 * 100)+%;
    }
  }

  &--card {
    width: 28px;
    &:before {
      padding-top: (28 / 28 * 100)+%;
    }
  }

  &--check-rounded {
    width: 16px;
    &:before {
      padding-top: (16 / 16 * 100)+%;
    }
  }

  &--check {
    width: 15px;
    &:before {
      padding-top: (15 / 15 * 100)+%;
    }
  }

  &--close {
    width: 15px;
    &:before {
      padding-top: (15 / 15 * 100)+%;
    }
  }

  &--cons {
    width: 16px;
    &:before {
      padding-top: (16 / 16 * 100)+%;
    }
  }

  &--cross {
    width: 16px;
    &:before {
      padding-top: (16 / 16 * 100)+%;
    }
  }

  &--down {
    width: 9px;
    &:before {
      padding-top: (9 / 9 * 100)+%;
    }
  }

  &--envelope {
    width: 23px;
    &:before {
      padding-top: (23 / 23 * 100)+%;
    }
  }

  &--error {
    width: 20px;
    &:before {
      padding-top: (17 / 20 * 100)+%;
    }
  }

  &--facebook {
    width: 22px;
    &:before {
      padding-top: (22 / 22 * 100)+%;
    }
  }

  &--folder {
    width: 20px;
    &:before {
      padding-top: (20 / 20 * 100)+%;
    }
  }

  &--google-plus {
    width: 26px;
    &:before {
      padding-top: (26 / 26 * 100)+%;
    }
  }

  &--home {
    width: 12px;
    &:before {
      padding-top: (12 / 12 * 100)+%;
    }
  }

  &--info {
    width: 16px;
    &:before {
      padding-top: (16 / 16 * 100)+%;
    }
  }

  &--instagram {
    width: 26px;
    &:before {
      padding-top: (26 / 26 * 100)+%;
    }
  }

  &--minus {
    width: 8px;
    &:before {
      padding-top: (8 / 8 * 100)+%;
    }
  }

  &--missing-img {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--money {
    width: 26px;
    &:before {
      padding-top: (26 / 26 * 100)+%;
    }
  }

  &--paper-box {
    width: 24px;
    &:before {
      padding-top: (24 / 24 * 100)+%;
    }
  }

  &--paypal {
    width: 20px;
    &:before {
      padding-top: (20 / 20 * 100)+%;
    }
  }

  &--phone {
    width: 28px;
    &:before {
      padding-top: (28 / 28 * 100)+%;
    }
  }

  &--plus {
    width: 8px;
    &:before {
      padding-top: (8 / 8 * 100)+%;
    }
  }

  &--products {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--pros {
    width: 16px;
    &:before {
      padding-top: (16 / 16 * 100)+%;
    }
  }

  &--recycle {
    width: 22px;
    &:before {
      padding-top: (22 / 22 * 100)+%;
    }
  }

  &--remove {
    width: 10px;
    &:before {
      padding-top: (10 / 10 * 100)+%;
    }
  }

  &--return {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--right {
    width: 10px;
    &:before {
      padding-top: (10 / 10 * 100)+%;
    }
  }

  &--search {
    width: 16px;
    &:before {
      padding-top: (16 / 16 * 100)+%;
    }
  }

  &--spot {
    width: 28px;
    &:before {
      padding-top: (28 / 28 * 100)+%;
    }
  }

  &--star {
    width: 14px;
    &:before {
      padding-top: (14 / 14 * 100)+%;
    }
  }

  &--tick {
    width: 10px;
    &:before {
      padding-top: (10 / 10 * 100)+%;
    }
  }

  &--time {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--truck {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--twitter {
    width: 23px;
    &:before {
      padding-top: (23 / 23 * 100)+%;
    }
  }

  &--up-rounded {
    width: 40px;
    &:before {
      padding-top: (40 / 40 * 100)+%;
    }
  }

  &--usp-basket {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--usp-box {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--usp-card {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--usp-truck {
    width: 50px;
    &:before {
      padding-top: (50 / 50 * 100)+%;
    }
  }

  &--youtube {
    width: 40px;
    &:before {
      padding-top: (27.6 / 40 * 100)+%;
    }
  }

}
*/
.icon-svg {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .icon-svg__svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
    pointer-events: none;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .icon-svg::before {
    content: '';
    display: block; }
  .icon-svg--advantages {
    width: 50px; }
    .icon-svg--advantages:before {
      padding-top: 100%; }
  .icon-svg--alert {
    width: 34px; }
    .icon-svg--alert:before {
      padding-top: 100%; }
  .icon-svg--animato {
    width: 88px; }
    .icon-svg--animato:before {
      padding-top: 13.6363636364%; }
  .icon-svg--arr-down {
    width: 13px; }
    .icon-svg--arr-down:before {
      padding-top: 100%; }
  .icon-svg--avatar {
    width: 12px; }
    .icon-svg--avatar:before {
      padding-top: 100%; }
  .icon-svg--bank {
    width: 50px; }
    .icon-svg--bank:before {
      padding-top: 100%; }
  .icon-svg--basket {
    width: 32px; }
    .icon-svg--basket:before {
      padding-top: 100%; }
  .icon-svg--bevel-bottom {
    width: 10px; }
    .icon-svg--bevel-bottom:before {
      padding-top: 100%; }
  .icon-svg--bevel-left {
    width: 10px; }
    .icon-svg--bevel-left:before {
      padding-top: 100%; }
  .icon-svg--bevel-right {
    width: 10px; }
    .icon-svg--bevel-right:before {
      padding-top: 100%; }
  .icon-svg--bevel-top {
    width: 10px; }
    .icon-svg--bevel-top:before {
      padding-top: 100%; }
  .icon-svg--box-empty {
    width: 97.89px; }
    .icon-svg--box-empty:before {
      padding-top: 101.072632547%; }
  .icon-svg--box {
    width: 50px; }
    .icon-svg--box:before {
      padding-top: 100%; }
  .icon-svg--bubble-bg {
    width: 33px; }
    .icon-svg--bubble-bg:before {
      padding-top: 100%; }
  .icon-svg--bubble {
    width: 33px; }
    .icon-svg--bubble:before {
      padding-top: 100%; }
  .icon-svg--building {
    width: 29px; }
    .icon-svg--building:before {
      padding-top: 100%; }
  .icon-svg--car {
    width: 20px; }
    .icon-svg--car:before {
      padding-top: 100%; }
  .icon-svg--card {
    width: 28px; }
    .icon-svg--card:before {
      padding-top: 100%; }
  .icon-svg--check-rounded {
    width: 16px; }
    .icon-svg--check-rounded:before {
      padding-top: 100%; }
  .icon-svg--check {
    width: 15px; }
    .icon-svg--check:before {
      padding-top: 100%; }
  .icon-svg--close {
    width: 15px; }
    .icon-svg--close:before {
      padding-top: 100%; }
  .icon-svg--cons {
    width: 16px; }
    .icon-svg--cons:before {
      padding-top: 100%; }
  .icon-svg--cross {
    width: 16px; }
    .icon-svg--cross:before {
      padding-top: 100%; }
  .icon-svg--down {
    width: 9px; }
    .icon-svg--down:before {
      padding-top: 100%; }
  .icon-svg--envelope {
    width: 23px; }
    .icon-svg--envelope:before {
      padding-top: 100%; }
  .icon-svg--error {
    width: 20px; }
    .icon-svg--error:before {
      padding-top: 85%; }
  .icon-svg--facebook {
    width: 22px; }
    .icon-svg--facebook:before {
      padding-top: 100%; }
  .icon-svg--folder {
    width: 20px; }
    .icon-svg--folder:before {
      padding-top: 100%; }
  .icon-svg--google-plus {
    width: 26px; }
    .icon-svg--google-plus:before {
      padding-top: 100%; }
  .icon-svg--home {
    width: 12px; }
    .icon-svg--home:before {
      padding-top: 100%; }
  .icon-svg--info {
    width: 16px; }
    .icon-svg--info:before {
      padding-top: 100%; }
  .icon-svg--instagram {
    width: 26px; }
    .icon-svg--instagram:before {
      padding-top: 100%; }
  .icon-svg--minus {
    width: 8px; }
    .icon-svg--minus:before {
      padding-top: 100%; }
  .icon-svg--missing-img {
    width: 50px; }
    .icon-svg--missing-img:before {
      padding-top: 100%; }
  .icon-svg--money {
    width: 26px; }
    .icon-svg--money:before {
      padding-top: 100%; }
  .icon-svg--paper-box {
    width: 24px; }
    .icon-svg--paper-box:before {
      padding-top: 100%; }
  .icon-svg--paypal {
    width: 20px; }
    .icon-svg--paypal:before {
      padding-top: 100%; }
  .icon-svg--phone {
    width: 28px; }
    .icon-svg--phone:before {
      padding-top: 100%; }
  .icon-svg--plus {
    width: 8px; }
    .icon-svg--plus:before {
      padding-top: 100%; }
  .icon-svg--products {
    width: 50px; }
    .icon-svg--products:before {
      padding-top: 100%; }
  .icon-svg--pros {
    width: 16px; }
    .icon-svg--pros:before {
      padding-top: 100%; }
  .icon-svg--recycle {
    width: 22px; }
    .icon-svg--recycle:before {
      padding-top: 100%; }
  .icon-svg--remove {
    width: 10px; }
    .icon-svg--remove:before {
      padding-top: 100%; }
  .icon-svg--return {
    width: 50px; }
    .icon-svg--return:before {
      padding-top: 100%; }
  .icon-svg--right {
    width: 10px; }
    .icon-svg--right:before {
      padding-top: 100%; }
  .icon-svg--search {
    width: 16px; }
    .icon-svg--search:before {
      padding-top: 100%; }
  .icon-svg--spot {
    width: 28px; }
    .icon-svg--spot:before {
      padding-top: 100%; }
  .icon-svg--star {
    width: 14px; }
    .icon-svg--star:before {
      padding-top: 100%; }
  .icon-svg--tick {
    width: 10px; }
    .icon-svg--tick:before {
      padding-top: 100%; }
  .icon-svg--time {
    width: 50px; }
    .icon-svg--time:before {
      padding-top: 100%; }
  .icon-svg--truck {
    width: 50px; }
    .icon-svg--truck:before {
      padding-top: 100%; }
  .icon-svg--twitter {
    width: 23px; }
    .icon-svg--twitter:before {
      padding-top: 100%; }
  .icon-svg--up-rounded {
    width: 40px; }
    .icon-svg--up-rounded:before {
      padding-top: 100%; }
  .icon-svg--usp-basket {
    width: 50px; }
    .icon-svg--usp-basket:before {
      padding-top: 100%; }
  .icon-svg--usp-box {
    width: 50px; }
    .icon-svg--usp-box:before {
      padding-top: 100%; }
  .icon-svg--usp-card {
    width: 50px; }
    .icon-svg--usp-card:before {
      padding-top: 100%; }
  .icon-svg--usp-truck {
    width: 50px; }
    .icon-svg--usp-truck:before {
      padding-top: 100%; }
  .icon-svg--youtube {
    width: 40px; }
    .icon-svg--youtube:before {
      padding-top: 69%; }

.sprite\@2--flag-cz {
  background: url("imgs/bg/sprites-retina.png?v=1546846245262") 0px 0px no-repeat;
  -webkit-background-size: 53px 25px;
          background-size: 53px 25px;
  width: 17px;
  height: 12px; }

.sprite\@2--flag-de {
  background: url("imgs/bg/sprites-retina.png?v=1546846245262") -18px 0px no-repeat;
  -webkit-background-size: 53px 25px;
          background-size: 53px 25px;
  width: 17px;
  height: 12px; }

.sprite\@2--flag-en {
  background: url("imgs/bg/sprites-retina.png?v=1546846245262") 0px -13px no-repeat;
  -webkit-background-size: 53px 25px;
          background-size: 53px 25px;
  width: 17px;
  height: 12px; }

.sprite\@2--flag-pl {
  background: url("imgs/bg/sprites-retina.png?v=1546846245262") -18px -13px no-repeat;
  -webkit-background-size: 53px 25px;
          background-size: 53px 25px;
  width: 17px;
  height: 12px; }

.sprite\@2--flag-sk {
  background: url("imgs/bg/sprites-retina.png?v=1546846245262") -36px 0px no-repeat;
  -webkit-background-size: 53px 25px;
          background-size: 53px 25px;
  width: 17px;
  height: 12px; }

.btn {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  letter-spacing: inherit; }
  .btn:focus-visible {
    outline: 3px solid #12684A;
    outline-offset: 2px; }
  .btn__text {
    position: relative;
    display: block;
    font-weight: 500 !important;
    border: 1px solid #A41713;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    padding: 14px 20px;
    font-size: 1rem;
    line-height: 20px;
    background-color: #A41713;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -webkit-box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 1px;
            box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 1px; }
  .btn.btn--green:hover .btn__text {
    background: #ffffff !important;
    color: #12684A !important; }
    .btn.btn--green:hover .btn__text svg {
      color: #12684A !important; }
  .btn.btn--green .btn__text {
    background: #12684A !important;
    border: 1px solid #12684A;
    font-size: 16px;
    font-weight: bold !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .btn.btn--green .btn__text .icon-svg {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-left: 10px; }
    .btn.btn--green .btn__text.btn__text-big {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 20px;
      line-height: 22px; }
      .btn.btn--green .btn__text.btn__text-big small {
        text-transform: none; }
  .btn.btn--icon-right .icon-svg {
    margin-left: 6px; }
  .btn.btn--icon-left .icon-svg {
    margin-right: 6px; }
  .btn.btn--icon .icon-svg {
    width: 20px;
    stroke: #ffffff; }
  .btn--secondary .btn__text {
    background: #A41713; }
  .btn--bd {
    text-decoration: none !important; }
    .btn--bd .btn__text {
      background: #ffffff;
      border-color: #A41713;
      color: #A41713;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .btn--bd .btn__text:hover {
        background: #A41713;
        color: #ffffff; }
        .btn--bd .btn__text:hover svg {
          color: #ffffff !important; }
      .btn--bd .btn__text svg {
        stroke: currentColor !important;
        margin-right: 10px; }
        .btn--bd .btn__text svg g {
          stroke: currentColor !important; }
      .btn--bd .btn__text .icon-svg {
        stroke: #A41713; }
    .btn--bd.btn--icon .icon-svg {
      margin-right: 6px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .btn--bd.btn--icon:hover .icon-svg {
      stroke: #ffffff; }
    .btn--bd-none .btn__text {
      border: none;
      padding-right: 10px;
      background: transparent !important;
      color: #A41713 !important; }
      .btn--bd-none .btn__text.active .text {
        border-bottom: 1px solid #A41713; }
      .btn--bd-none .btn__text:hover .text {
        border-bottom: 1px solid #A41713; }
      .btn--bd-none .btn__text:hover.active .icon-svg--arrowbot {
        -webkit-transform: rotate(-90deg) translateX(2px);
            -ms-transform: rotate(-90deg) translateX(2px);
                transform: rotate(-90deg) translateX(2px); }
      .btn--bd-none .btn__text:hover .icon-svg--arrowbot {
        -webkit-transform: rotate(90deg) translateX(2px);
            -ms-transform: rotate(90deg) translateX(2px);
                transform: rotate(90deg) translateX(2px); }
        .btn--bd-none .btn__text:hover .icon-svg--arrowbot path {
          fill: #A41713 !important; }
      .btn--bd-none .btn__text .text {
        padding-bottom: 5px; }
    .btn--bd-none .icon-svg--arrowbot {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .btn--bd-none .icon-svg--arrowbot.active {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
    .btn--bd.btn--blue:hover .btn__text {
      background: #2F353C !important;
      border-color: #2F353C !important; }
    .btn--bd.btn--blue .btn__text {
      border-color: #2F353C;
      color: #2F353C; }
      .btn--bd.btn--blue .btn__text .icon-svg {
        margin-right: 6px; }
      .btn--bd.btn--blue .btn__text svg {
        stroke: transparent !important; }
  .btn--bd.btn--secondary .btn__text {
    color: #A41713;
    border-color: #A41713; }
  .btn--arrow-right .btn__text {
    position: relative;
    -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
    margin-right: 10px; }
  .btn--arrow-right::before {
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    border-style: dashed solid;
    border-color: transparent transparent transparent #A41713;
    border-width: 24px 0 24px 12px;
    height: 100%; }
  .btn--arrow-right.btn--secondary::before {
    border-color: transparent transparent transparent #A41713; }
  .btn--arrow-right.btn--bd::after {
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    border-style: dashed solid;
    border-color: transparent transparent transparent white;
    border-width: 20px 0 20px 12px;
    height: 100%; }
  .btn--xs .btn__text {
    font-size: 16px;
    padding: 0px 16px; }
  .btn--sm .btn__text {
    font-size: 16px;
    padding: 9px 20px; }
  .btn--md .btn__text {
    padding: 12px 30px; }
  .btn--lg .btn__text {
    padding: 14px 40px; }
  .btn--arrow-right.btn--lg .btn__text {
    font-size: 16px;
    padding: 14px 40px; }
  .btn:disabled, .btn.is-disabled {
    opacity: .5;
    pointer-events: none; }
  .no-touchevents .btn:hover .btn__text {
    background-color: white;
    color: #A41713; }
    .no-touchevents .btn:hover .btn__text svg {
      color: #A41713; }
  .no-touchevents .btn--secondary:hover .btn__text {
    background: #ffffff; }
  .no-touchevents .btn--bd:hover .btn__text {
    background: #A41713;
    color: #ffffff;
    border-color: #A41713; }
  .no-touchevents .btn--bd.btn--secondary:hover .btn__text {
    background: #A41713;
    color: #ffffff;
    border-color: #A41713; }
  .no-touchevents .btn--arrow-right:hover::before {
    border-color: transparent transparent transparent #971512; }
  .no-touchevents .btn--arrow-right.btn--secondary:hover::before {
    border-color: transparent transparent transparent #490a08; }
  .btn--arrow-right.btn--bd:hover::before, .btn--arrow-right.btn--bd:hover::after {
    border-color: transparent transparent transparent #12684A; }
  .btn--arrow-right.btn--bd.btn--secondary:hover::before, .btn--arrow-right.btn--bd.btn--secondary:hover::after {
    border-color: transparent transparent transparent #A41713; }
  .btn--bd.btn--secondary.btn-loader.is-loading .btn__text {
    border-color: #A41713; }
    .btn--bd.btn--secondary.btn-loader.is-loading .btn__text::before {
      color: #A41713; }
  .btn--bd.btn-loader.is-loading .btn__text {
    border-color: #12684A; }
    .btn--bd.btn-loader.is-loading .btn__text::before {
      color: #12684A; }
  @media (min-width: 480px) {
    .btn--xs\@sm .btn__text {
      font-size: 16px;
      padding: 0px 16px; }
    .btn--sm\@sm .btn__text {
      font-size: 16px;
      padding: 9px 20px; }
    .btn--md\@sm .btn__text {
      font-size: 16px;
      padding: 12px 30px; }
    .btn--lg\@sm .btn__text {
      font-size: 16px;
      padding: 14px 40px; } }
  @media (min-width: 750px) {
    .btn--xs\@md .btn__text {
      font-size: 16px;
      padding: 0px 16px; }
    .btn--sm\@md .btn__text {
      font-size: 16px;
      padding: 9px 20px; }
    .btn--md\@md .btn__text {
      font-size: 16px;
      padding: 12px 30px; }
    .btn--lg\@md .btn__text {
      font-size: 16px;
      padding: 14px 40px; } }
  @media (min-width: 1000px) {
    .btn--xs\@lg .btn__text {
      font-size: 16px;
      padding: 0px 16px; }
    .btn--sm\@lg .btn__text {
      font-size: 16px;
      padding: 9px 20px; }
    .btn--md\@lg .btn__text {
      font-size: 16px;
      padding: 12px 30px; }
    .btn--lg\@lg .btn__text {
      font-size: 16px;
      padding: 14px 40px; } }
  @media (min-width: 1232px) {
    .btn--xs\@xl .btn__text {
      font-size: 16px;
      padding: 0px 16px; }
    .btn--sm\@xl .btn__text {
      font-size: 16px;
      padding: 9px 20px; }
    .btn--md\@xl .btn__text {
      font-size: 16px;
      padding: 12px 30px; }
    .btn--lg\@xl .btn__text {
      font-size: 16px;
      padding: 14px 40px; } }
  .btn--xs\@xxl .btn__text {
    font-size: 16px;
    padding: 0px 16px; }
  .btn--sm\@xxl .btn__text {
    font-size: 16px;
    padding: 9px 20px; }
  .btn--md\@xxl .btn__text {
    font-size: 16px;
    padding: 12px 30px; }
  .btn--lg\@xxl .btn__text {
    font-size: 16px;
    padding: 14px 40px; }
  @media (max-width: 479px) {
    .btn--arrow-right.btn--lg .btn__text,
    .btn--lg .btn__text {
      padding: 14px 16px; } }

.inp-select, .inp-custom-select__select, .inp-text {
  display: block;
  border: 1px solid #DAE2EC;
  padding: 12px 16px;
  background-color: #ffffff;
  color: #2F353C;
  font-family: inherit;
  font-size: 1rem;
  line-height: 20px;
  height: 46px;
  width: 100%;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  -moz-appearance: textfield; }
  .inp-select:disabled, .inp-custom-select__select:disabled, .inp-text:disabled {
    background-color: #f4f6f8; }
  .inp-select:focus, .inp-custom-select__select:focus, .inp-text:focus {
    border-color: #A41713; }
  .has-error .inp-select, .has-error .inp-custom-select__select, .has-error .inp-text {
    border-color: #A41713; }
  .has-warning .inp-select, .has-warning .inp-custom-select__select, .has-warning .inp-text {
    border-color: #F6D30E; }
  .has-ok .inp-select, .has-ok .inp-custom-select__select, .has-ok .inp-text {
    border-color: #12684A; }

.inp-fix {
  position: relative;
  display: block; }

.inp-label {
  display: block;
  margin-bottom: .25em; }

.inp-select {
  padding-right: 48px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9"><path d="M8.7 3.5c.4-.4.4-1 0-1.4s-1-.4-1.4 0L4.5 4.8 1.7 2.1c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4L3.8 7c.4.4 1 .4 1.4 0l3.5-3.5z" fill="%233a3e40"/></svg>') top 50% right 12px no-repeat;
  -webkit-background-size: 15px 15px;
          background-size: 15px 15px; }
  .inp-select::-ms-expand {
    display: none; }

.inp-custom-select {
  position: relative;
  display: block; }
  .inp-custom-select__select {
    padding-right: 48px;
    text-decoration: none;
    color: #7D848B; }
    .inp-custom-select__select:focus {
      border-color: #C5CFDB;
      -webkit-box-shadow: 0 0 5px 0 rgba(87, 99, 113, 0.1);
              box-shadow: 0 0 5px 0 rgba(87, 99, 113, 0.1); }
    .inp-custom-select__select .inp-item {
      border: 0;
      margin: -12px -16px -11px; }
      .no-touchevents .inp-custom-select__select .inp-item:hover {
        background-color: #ffffff;
        color: #2F353C; }
      .no-touchevents .inp-custom-select__select .inp-item:hover .inp-item__tool {
        border-color: #DAE2EC; }
  .inp-custom-select__select-wrap strong {
    color: #2F353C; }
  .inp-custom-select .inp-icon__icon {
    color: #A41713; }
    .inp-custom-select .inp-icon__icon .icon-svg {
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      width: 15px; }
  .inp-custom-select__wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    visibility: hidden;
    opacity: 0;
    max-height: 230px;
    overflow-y: scroll;
    z-index: 999;
    -webkit-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
    border: 1px solid #DAE2EC;
    -webkit-box-shadow: 0 1px 5px 0 rgba(87, 99, 113, 0.1);
            box-shadow: 0 1px 5px 0 rgba(87, 99, 113, 0.1);
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s; }
    .inp-custom-select__wrapper > :last-child {
      border-bottom: 0; }
  .inp-custom-select__item {
    padding: 12px 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #DAE2EC;
    color: #2F353C;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer; }
  .inp-custom-select__item.inp-item {
    display: block;
    padding-left: 42px; }
  .inp-custom-select .inp-item__tool {
    top: 50%;
    left: 13px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-width: 2px; }
    .inp-custom-select .inp-item__tool:after {
      top: 4px;
      left: 2px; }
  .inp-custom-select.is-open .inp-custom-select__select {
    border-color: #C5CFDB;
    border-bottom-color: #ffffff;
    -webkit-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(87, 99, 113, 0.1);
            box-shadow: 0 0 5px 0 rgba(87, 99, 113, 0.1); }
  .inp-custom-select.is-open .inp-custom-select__wrapper {
    opacity: 1;
    visibility: visible;
    border-color: #C5CFDB;
    border-top-color: #DAE2EC; }
  .inp-custom-select.is-open .icon-svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .no-touchevents .inp-custom-select:not(.is-open):hover .inp-custom-select__select {
    border-color: #C5CFDB;
    -webkit-box-shadow: 0 0 5px 0 rgba(87, 99, 113, 0.1);
            box-shadow: 0 0 5px 0 rgba(87, 99, 113, 0.1); }
  .no-touchevents .inp-custom-select:hover .inp-custom-select__select {
    color: #7D848B; }
  .no-touchevents .inp-custom-select__item:hover {
    background-color: #f4f6f8;
    color: #A41713; }
  .no-touchevents .inp-custom-select__item:hover .inp-item__tool {
    border-color: #A41713; }

.inp-text {
  max-width: 100%; }
  .inp-text textarea\& {
    height: auto; }
  .inp-text::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(47, 53, 60, 0.5); }
  .inp-text::-moz-placeholder {
    opacity: 1;
    color: rgba(47, 53, 60, 0.5); }
  .inp-text::-ms-input-placeholder {
    opacity: 1;
    color: rgba(47, 53, 60, 0.5); }
  .inp-text::placeholder {
    opacity: 1;
    color: rgba(47, 53, 60, 0.5); }
  .inp-text::-ms-clear {
    display: none; }
  .inp-text--sm {
    padding-top: 7px;
    padding-bottom: 6px; }
  .inp-text--lg {
    padding-top: 14px;
    padding-bottom: 14px; }
  .inp-text:focus::-webkit-input-placeholder {
    color: rgba(47, 53, 60, 0.25); }
  .inp-text:focus::-moz-placeholder {
    color: rgba(47, 53, 60, 0.25); }
  .inp-text:focus::-ms-input-placeholder {
    color: rgba(47, 53, 60, 0.25); }
  .inp-text:focus::placeholder {
    color: rgba(47, 53, 60, 0.25); }

.inp-icon__icon {
  position: absolute;
  top: 50%;
  left: 13px;
  font-size: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none; }

.inp-icon--before .inp-text {
  padding-left: 48px; }

.inp-icon--after .inp-icon__icon {
  left: auto;
  right: 13px; }

.inp-icon--after .inp-text {
  padding-right: 48px; }

.inp-icon--button.inp-icon--after .inp-icon__icon {
  width: 50px;
  height: 100%;
  right: 1px;
  pointer-events: auto; }

.inp-icon.inp-fix {
  color: #DAE2EC; }

.has-ok .inp-icon {
  color: #12684A; }

.has-error .inp-icon {
  color: #A41713; }

.has-warning .inp-icon {
  color: #F6D30E; }

.icon-basket-big svg {
  width: 100px; }

.b-basket__icon svg {
  width: 30px; }

.button-basket__icon svg {
  width: 22px; }
  .button-basket__icon svg path {
    fill: transparent;
    stroke: #ffffff; }

.inp-info {
  display: block;
  font-size: 16px;
  margin: .25em 0 0;
  line-height: 21px; }
  .has-error .inp-info {
    color: #A41713; }
  .has-warning .inp-info {
    color: #F6D30E; }
  .has-ok .inp-info {
    color: #12684A; }

.inp-item {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  cursor: pointer; }
  .inp-item__inp {
    position: absolute;
    left: -5000px; }
  .inp-item__text {
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
  .inp-item__tool {
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border: 1px solid #A41713;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s; }
    .inp-item__tool:after {
      content: "";
      position: absolute;
      top: 5px;
      left: 3px;
      width: 10px;
      height: 5px;
      border-left: 2px solid #ffffff;
      border-bottom: 2px solid #ffffff;
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      -webkit-transform: rotate(-50deg) translateZ(0);
              transform: rotate(-50deg) translateZ(0); }
  .inp-item strong {
    font-family: "Montserrat", sans-serif; }
  .inp-item--radio .inp-item__tool {
    -webkit-border-radius: 10px;
            border-radius: 10px; }
    .inp-item--radio .inp-item__tool:after {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 8px;
      height: 8px;
      background: #ffffff;
      border: 0;
      -webkit-border-radius: 10px;
              border-radius: 10px; }
  .inp-item--disabled {
    color: #7D848B;
    cursor: default; }
    .inp-item--disabled .inp-item__tool {
      background-color: #f4f6f8; }
  .inp-item__img {
    -webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
    transition: opacity 0.3s, -webkit-filter 0.3s;
    -o-transition: filter 0.3s, opacity 0.3s;
    transition: filter 0.3s, opacity 0.3s;
    transition: filter 0.3s, opacity 0.3s, -webkit-filter 0.3s;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .inp-item__img:not(:hover) {
    -webkit-filter: url(#desaturate);
            filter: url(#desaturate);
    opacity: .7; }
  .inp-item__img--opacity:not(:hover) {
    opacity: .6; }
  .inp-item--color .inp-item__tool {
    border-width: 2px; }
    .inp-item--color .inp-item__tool:after {
      top: 4px;
      left: 2px; }
  .inp-item__tool--light:after {
    border-color: #A41713; }
  .inp-item--blocks {
    min-width: 100px;
    margin: 0 0 -1px -1px;
    padding: 0;
    border: 1px solid #DAE2EC;
    text-align: center; }
  .inp-item--blocks .inp-item__text {
    display: block;
    padding: 40px 8px 8px;
    background-color: #ffffff;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s; }
  .inp-item--blocks .inp-item__tool {
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 22px;
    height: 22px;
    border-width: 2px; }
    .inp-item--blocks .inp-item__tool:after {
      top: 4px;
      left: 2px;
      width: 13px;
      height: 7px; }
  .inp-item__inp:checked + .inp-item__text .inp-item__tool, .inp-item__inp:checked + .inp-item__tool {
    border-color: #A41713;
    background-color: #A41713; }
    .inp-item__inp:checked + .inp-item__text .inp-item__tool:after, .inp-item__inp:checked + .inp-item__tool:after {
      opacity: 1; }
  .inp-item__inp:checked + .inp-item__text .inp-item__img, .inp-item__inp:checked + .inp-item__img {
    -webkit-filter: none;
            filter: none;
    opacity: 1; }
  .inp-item--blocks .inp-item__inp:checked + .inp-item__text {
    background-color: #f4f6f8; }
  @media (min-width: 1232px) {
    .inp-item--img {
      padding: 0; } }
  .no-touchevents .inp-item:hover:not(.inp-item--disabled) .inp-item__text {
    color: #A41713; }
  .no-touchevents .inp-item--blocks:hover .inp-item__text {
    background-color: #f4f6f8; }
  .no-touchevents .inp-item--blocks:hover .inp-item__tool {
    border-color: #A41713; }

.consent-checkbox__box input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  top: 5px;
  outline: none;
  content: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 1px solid #A41713;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s; }

.consent-checkbox__box input[type=checkbox]:checked {
  background-color: #E62E29;
  border: 1px solid #E62E29;
  background-position: -1px -1px;
  border-color: #E62E29; }
  .consent-checkbox__box input[type=checkbox]:checked:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 10px;
    height: 5px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: rotate(-50deg) translateZ(0);
            transform: rotate(-50deg) translateZ(0); }

.inp-items--blocks ul {
  margin: 0 0 1px 1px; }

.inp-required {
  color: #A41713; }

.inp-row {
  margin-bottom: 1em; }
  .inp-row:before, .inp-row:after {
    content: '';
    display: table; }
  .inp-row:after {
    clear: both; }
  .inp-row--button .inp-text {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px; }
  .inp-row--button .inp-row__btn-inner {
    padding: 12px 12px; }
  .inp-row__btn {
    margin-left: 4px; }
  @media (min-width: 1232px) {
    .inp-row {
      padding-left: 192px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .inp-row .grid {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
            -ms-flex: 1 1;
                flex: 1 1; }
      .inp-row .inp-fix {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .inp-row .inp-label {
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 185px;
        height: 45px;
        margin-left: -192px;
        margin-right: 8px;
        text-align: right;
        line-height: 1.35;
        position: relative;
        margin-bottom: 0; } }

.inp-count {
  width: 100%; }
  .inp-count__item {
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 23px;
    background: #ffffff;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .inp-count__item:before, .inp-count__item:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 6px;
      right: 6px;
      display: block;
      height: 2px;
      margin-top: -1px;
      background: #A41713; }
    .inp-count__item--minus {
      left: 1px;
      border-right: 1px solid #DAE2EC;
      -webkit-border-radius: 3px 0 0 3px;
              border-radius: 3px 0 0 3px; }
    .inp-count__item--plus {
      right: 1px;
      border-left: 1px solid #DAE2EC;
      -webkit-border-radius: 0 3px 3px 0;
              border-radius: 0 3px 3px 0; }
      .inp-count__item--plus:after {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
  .inp-count .inp-text {
    padding: 7px 23px 6px;
    text-align: center; }
    .inp-count .inp-text ::-ms-clear {
      display: none; }
  .inp-count--width-sm {
    max-width: 105px; }
  .inp-count--height-lg input {
    height: 50px; }
  .no-touchevents .inp-count__item:hover {
    background-color: #F4F6F8; }
  @media (min-width: 1000px) {
    .inp-count__item {
      width: 28px; }
      .inp-count__item:before, .inp-count__item:after {
        left: 8px;
        right: 9px; }
    .inp-count .inp-text {
      padding: 14px 30px; } }

/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  position: absolute; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connects {
  -webkit-border-radius: 3px;
          border-radius: 3px; }

.noUi-connect {
  background: #3FB8AF; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
      transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%, 0);
      transform: translate(0, -50%, 0);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
      transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

html:not([dir="rtl"]) .noUi-horizontal {
  height: 7px;
  max-width: 230px;
  margin: 8px 10px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background: #DAE2EC;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }
  html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    left: auto;
    right: -10px;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0;
    cursor: pointer;
    background: #A41713;
    outline: none; }
    html:not([dir="rtl"]) .noUi-horizontal .noUi-handle:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 10px;
      height: 10px;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      background: #ffffff; }
    html:not([dir="rtl"]) .noUi-horizontal .noUi-handle:after {
      display: none; }

.noUi-connect {
  background: #A41713; }

.message {
  padding: 16px;
  background: #A41713;
  color: #fff; }
  .message > :last-child {
    margin-bottom: 0; }
  .message li:before {
    background: #fff; }
  .message a {
    color: #fff; }
  .message--error {
    background: #A41713; }
  .message--ok {
    background: #12684A; }
  .message--warning {
    background: #F6D30E; }

.row-main {
  position: relative;
  margin: 0 auto;
  padding: 0 16px;
  max-width: 1232px; }
  .row-main:before, .row-main:after {
    content: '';
    display: table; }
  .row-main:after {
    clear: both; }

.grid {
  margin-left: -16px; }
  .grid__cell {
    position: relative;
    border: 16px solid transparent;
    border-width: 0 0 0 16px; }
    .grid__cell--top {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
    .grid__cell--middle {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .grid__cell--bottom {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    .grid__cell--eq {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .grid__cell--eq > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
  .grid--nowrap {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  .grid--middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid--bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .grid--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .grid--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid--space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grid--x-0 {
    margin-left: 0; }
  .grid--x-0 > .grid__cell {
    border-left-width: 0; }
  .grid--x-xs {
    margin-left: -8px; }
  .grid--x-xs > .grid__cell {
    border-left-width: 8px; }
  .grid--x-sm {
    margin-left: -16px; }
  .grid--x-sm > .grid__cell {
    border-left-width: 16px; }
  .grid--x-md {
    margin-left: -32px; }
  .grid--x-md > .grid__cell {
    border-left-width: 32px; }
  .grid--x-lg {
    margin-left: -48px; }
  .grid--x-lg > .grid__cell {
    border-left-width: 48px; }
  .grid--x-xl {
    margin-left: -64px; }
  .grid--x-xl > .grid__cell {
    border-left-width: 64px; }
  .grid--x-xxl {
    margin-left: -96px; }
  .grid--x-xxl > .grid__cell {
    border-left-width: 96px; }
  .grid--y-xxs {
    margin-bottom: -4px; }
  .grid--y-xxs > .grid__cell {
    border-bottom-width: 4px; }
  .grid--y-xs {
    margin-bottom: -8px; }
  .grid--y-xs > .grid__cell {
    border-bottom-width: 8px; }
  .grid--y-sm {
    margin-bottom: -16px; }
  .grid--y-sm > .grid__cell {
    border-bottom-width: 16px; }
  .grid--y-md {
    margin-bottom: -32px; }
  .grid--y-md > .grid__cell {
    border-bottom-width: 32px; }
  .grid--y-lg {
    margin-bottom: -48px; }
  .grid--y-lg > .grid__cell {
    border-bottom-width: 48px; }
  .grid--y-xl {
    margin-bottom: -64px; }
  .grid--y-xl > .grid__cell {
    border-bottom-width: 64px; }
  .grid--y-xxl {
    margin-bottom: -96px; }
  .grid--y-xxl > .grid__cell {
    border-bottom-width: 96px; }
  @media (min-width: 480px) {
    .grid--x-0\@sm {
      margin-left: 0; }
    .grid--x-0\@sm > .grid__cell {
      border-left-width: 0; }
    .grid--x-xs\@sm {
      margin-left: -8px; }
    .grid--x-xs\@sm > .grid__cell {
      border-left-width: 8px; }
    .grid--x-sm\@sm {
      margin-left: -16px; }
    .grid--x-sm\@sm > .grid__cell {
      border-left-width: 16px; }
    .grid--x-md\@sm {
      margin-left: -32px; }
    .grid--x-md\@sm > .grid__cell {
      border-left-width: 32px; }
    .grid--x-lg\@sm {
      margin-left: -48px; }
    .grid--x-lg\@sm > .grid__cell {
      border-left-width: 48px; }
    .grid--x-xl\@sm {
      margin-left: -64px; }
    .grid--x-xl\@sm > .grid__cell {
      border-left-width: 64px; }
    .grid--x-xxl\@sm {
      margin-left: -96px; }
    .grid--x-xxl\@sm > .grid__cell {
      border-left-width: 96px; }
    .grid--y-xs\@sm {
      margin-bottom: -8px; }
    .grid--y-xs\@sm > .grid__cell {
      border-bottom-width: 8px; }
    .grid--y-sm\@sm {
      margin-bottom: -16px; }
    .grid--y-sm\@sm > .grid__cell {
      border-bottom-width: 16px; }
    .grid--y-md\@sm {
      margin-bottom: -32px; }
    .grid--y-md\@sm > .grid__cell {
      border-bottom-width: 32px; }
    .grid--y-lg\@sm {
      margin-bottom: -48px; }
    .grid--y-lg\@sm > .grid__cell {
      border-bottom-width: 48px; }
    .grid--y-xl\@sm {
      margin-bottom: -64px; }
    .grid--y-xl\@sm > .grid__cell {
      border-bottom-width: 64px; }
    .grid--y-xxl\@sm {
      margin-bottom: -96px; }
    .grid--y-xxl\@sm > .grid__cell {
      border-bottom-width: 96px; } }
  @media (min-width: 750px) {
    .grid--x-0\@md {
      margin-left: 0; }
    .grid--x-0\@md > .grid__cell {
      border-left-width: 0; }
    .grid--x-xs\@md {
      margin-left: -8px; }
    .grid--x-xs\@md > .grid__cell {
      border-left-width: 8px; }
    .grid--x-sm\@md {
      margin-left: -16px; }
    .grid--x-sm\@md > .grid__cell {
      border-left-width: 16px; }
    .grid--x-md\@md {
      margin-left: -32px; }
    .grid--x-md\@md > .grid__cell {
      border-left-width: 32px; }
    .grid--x-lg\@md {
      margin-left: -48px; }
    .grid--x-lg\@md > .grid__cell {
      border-left-width: 48px; }
    .grid--x-xl\@md {
      margin-left: -64px; }
    .grid--x-xl\@md > .grid__cell {
      border-left-width: 64px; }
    .grid--x-xxl\@md {
      margin-left: -96px; }
    .grid--x-xxl\@md > .grid__cell {
      border-left-width: 96px; }
    .grid--y-xs\@md {
      margin-bottom: -8px; }
    .grid--y-xs\@md > .grid__cell {
      border-bottom-width: 8px; }
    .grid--y-sm\@md {
      margin-bottom: -16px; }
    .grid--y-sm\@md > .grid__cell {
      border-bottom-width: 16px; }
    .grid--y-md\@md {
      margin-bottom: -32px; }
    .grid--y-md\@md > .grid__cell {
      border-bottom-width: 32px; }
    .grid--y-lg\@md {
      margin-bottom: -48px; }
    .grid--y-lg\@md > .grid__cell {
      border-bottom-width: 48px; }
    .grid--y-xl\@md {
      margin-bottom: -64px; }
    .grid--y-xl\@md > .grid__cell {
      border-bottom-width: 64px; }
    .grid--y-xxl\@md {
      margin-bottom: -96px; }
    .grid--y-xxl\@md > .grid__cell {
      border-bottom-width: 96px; } }
  @media (min-width: 1000px) {
    .grid--x-0\@lg {
      margin-left: 0; }
    .grid--x-0\@lg > .grid__cell {
      border-left-width: 0; }
    .grid--x-xs\@lg {
      margin-left: -8px; }
    .grid--x-xs\@lg > .grid__cell {
      border-left-width: 8px; }
    .grid--x-sm\@lg {
      margin-left: -16px; }
    .grid--x-sm\@lg > .grid__cell {
      border-left-width: 16px; }
    .grid--x-md\@lg {
      margin-left: -32px; }
    .grid--x-md\@lg > .grid__cell {
      border-left-width: 32px; }
    .grid--x-lg\@lg {
      margin-left: -48px; }
    .grid--x-lg\@lg > .grid__cell {
      border-left-width: 48px; }
    .grid--x-xl\@lg {
      margin-left: -64px; }
    .grid--x-xl\@lg > .grid__cell {
      border-left-width: 64px; }
    .grid--x-xxl\@lg {
      margin-left: -96px; }
    .grid--x-xxl\@lg > .grid__cell {
      border-left-width: 96px; }
    .grid--y-xs\@lg {
      margin-bottom: -8px; }
    .grid--y-xs\@lg > .grid__cell {
      border-bottom-width: 8px; }
    .grid--y-sm\@lg {
      margin-bottom: -16px; }
    .grid--y-sm\@lg > .grid__cell {
      border-bottom-width: 16px; }
    .grid--y-md\@lg {
      margin-bottom: -32px; }
    .grid--y-md\@lg > .grid__cell {
      border-bottom-width: 32px; }
    .grid--y-lg\@lg {
      margin-bottom: -48px; }
    .grid--y-lg\@lg > .grid__cell {
      border-bottom-width: 48px; }
    .grid--y-xl\@lg {
      margin-bottom: -64px; }
    .grid--y-xl\@lg > .grid__cell {
      border-bottom-width: 64px; }
    .grid--y-xxl\@lg {
      margin-bottom: -96px; }
    .grid--y-xxl\@lg > .grid__cell {
      border-bottom-width: 96px; } }
  @media (min-width: 1232px) {
    .grid--x-0\@xl {
      margin-left: 0; }
    .grid--x-0\@xl > .grid__cell {
      border-left-width: 0; }
    .grid--x-xs\@xl {
      margin-left: -8px; }
    .grid--x-xs\@xl > .grid__cell {
      border-left-width: 8px; }
    .grid--x-sm\@xl {
      margin-left: -16px; }
    .grid--x-sm\@xl > .grid__cell {
      border-left-width: 16px; }
    .grid--x-md\@xl {
      margin-left: -32px; }
    .grid--x-md\@xl > .grid__cell {
      border-left-width: 32px; }
    .grid--x-lg\@xl {
      margin-left: -48px; }
    .grid--x-lg\@xl > .grid__cell {
      border-left-width: 48px; }
    .grid--x-xl\@xl {
      margin-left: -64px; }
    .grid--x-xl\@xl > .grid__cell {
      border-left-width: 64px; }
    .grid--x-xxl\@xl {
      margin-left: -96px; }
    .grid--x-xxl\@xl > .grid__cell {
      border-left-width: 96px; }
    .grid--y-xs\@xl {
      margin-bottom: -8px; }
    .grid--y-xs\@xl > .grid__cell {
      border-bottom-width: 8px; }
    .grid--y-sm\@xl {
      margin-bottom: -16px; }
    .grid--y-sm\@xl > .grid__cell {
      border-bottom-width: 16px; }
    .grid--y-md\@xl {
      margin-bottom: -32px; }
    .grid--y-md\@xl > .grid__cell {
      border-bottom-width: 32px; }
    .grid--y-lg\@xl {
      margin-bottom: -48px; }
    .grid--y-lg\@xl > .grid__cell {
      border-bottom-width: 48px; }
    .grid--y-xl\@xl {
      margin-bottom: -64px; }
    .grid--y-xl\@xl > .grid__cell {
      border-bottom-width: 64px; }
    .grid--y-xxl\@xl {
      margin-bottom: -96px; }
    .grid--y-xxl\@xl > .grid__cell {
      border-bottom-width: 96px; } }
  .grid--x-0\@xxl {
    margin-left: 0; }
  .grid--x-0\@xxl > .grid__cell {
    border-left-width: 0; }
  .grid--x-xs\@xxl {
    margin-left: -8px; }
  .grid--x-xs\@xxl > .grid__cell {
    border-left-width: 8px; }
  .grid--x-sm\@xxl {
    margin-left: -16px; }
  .grid--x-sm\@xxl > .grid__cell {
    border-left-width: 16px; }
  .grid--x-md\@xxl {
    margin-left: -32px; }
  .grid--x-md\@xxl > .grid__cell {
    border-left-width: 32px; }
  .grid--x-lg\@xxl {
    margin-left: -48px; }
  .grid--x-lg\@xxl > .grid__cell {
    border-left-width: 48px; }
  .grid--x-xl\@xxl {
    margin-left: -64px; }
  .grid--x-xl\@xxl > .grid__cell {
    border-left-width: 64px; }
  .grid--x-xxl\@xxl {
    margin-left: -96px; }
  .grid--x-xxl\@xxl > .grid__cell {
    border-left-width: 96px; }
  .grid--y-xs\@xxl {
    margin-bottom: -8px; }
  .grid--y-xs\@xxl > .grid__cell {
    border-bottom-width: 8px; }
  .grid--y-sm\@xxl {
    margin-bottom: -16px; }
  .grid--y-sm\@xxl > .grid__cell {
    border-bottom-width: 16px; }
  .grid--y-md\@xxl {
    margin-bottom: -32px; }
  .grid--y-md\@xxl > .grid__cell {
    border-bottom-width: 32px; }
  .grid--y-lg\@xxl {
    margin-bottom: -48px; }
  .grid--y-lg\@xxl > .grid__cell {
    border-bottom-width: 48px; }
  .grid--y-xl\@xxl {
    margin-bottom: -64px; }
  .grid--y-xl\@xxl > .grid__cell {
    border-bottom-width: 64px; }
  .grid--y-xxl\@xxl {
    margin-bottom: -96px; }
  .grid--y-xxl\@xxl > .grid__cell {
    border-bottom-width: 96px; }
  .no-flexwrap .grid--middle .grid__cell {
    vertical-align: middle; }
  .no-flexwrap .grid--bottom .grid__cell {
    vertical-align: bottom; }
  .no-flexwrap .grid--center .grid__cell {
    text-align: center; }
  .no-flexwrap .grid--right .grid__cell {
    text-align: right; }

.size--auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none; }

.size--autogrow {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  max-width: none; }

.size--1-12 {
  -webkit-flex-basis: 8.3333333333%;
      -ms-flex-preferred-size: 8.3333333333%;
          flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.size--2-12 {
  -webkit-flex-basis: 16.6666666667%;
      -ms-flex-preferred-size: 16.6666666667%;
          flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.size--3-12 {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%; }

.size--4-12 {
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.size--5-12 {
  -webkit-flex-basis: 41.6666666667%;
      -ms-flex-preferred-size: 41.6666666667%;
          flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.size--6-12 {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%; }

.size--7-12 {
  -webkit-flex-basis: 58.3333333333%;
      -ms-flex-preferred-size: 58.3333333333%;
          flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.size--8-12 {
  -webkit-flex-basis: 66.6666666667%;
      -ms-flex-preferred-size: 66.6666666667%;
          flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.size--9-12 {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  max-width: 75%; }

.size--10-12 {
  -webkit-flex-basis: 83.3333333333%;
      -ms-flex-preferred-size: 83.3333333333%;
          flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.size--11-12 {
  -webkit-flex-basis: 91.6666666667%;
      -ms-flex-preferred-size: 91.6666666667%;
          flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.size--12-12 {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%; }

@media (min-width: 480px) {
  .size--1-12\@sm {
    -webkit-flex-basis: 8.3333333333%;
        -ms-flex-preferred-size: 8.3333333333%;
            flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .size--2-12\@sm {
    -webkit-flex-basis: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
            flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .size--3-12\@sm {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .size--4-12\@sm {
    -webkit-flex-basis: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
            flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .size--5-12\@sm {
    -webkit-flex-basis: 41.6666666667%;
        -ms-flex-preferred-size: 41.6666666667%;
            flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .size--6-12\@sm {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .size--7-12\@sm {
    -webkit-flex-basis: 58.3333333333%;
        -ms-flex-preferred-size: 58.3333333333%;
            flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .size--8-12\@sm {
    -webkit-flex-basis: 66.6666666667%;
        -ms-flex-preferred-size: 66.6666666667%;
            flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .size--9-12\@sm {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .size--10-12\@sm {
    -webkit-flex-basis: 83.3333333333%;
        -ms-flex-preferred-size: 83.3333333333%;
            flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .size--11-12\@sm {
    -webkit-flex-basis: 91.6666666667%;
        -ms-flex-preferred-size: 91.6666666667%;
            flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .size--12-12\@sm {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .size--auto\@sm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; } }

@media (min-width: 750px) {
  .size--1-12\@md {
    -webkit-flex-basis: 8.3333333333%;
        -ms-flex-preferred-size: 8.3333333333%;
            flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .size--2-12\@md {
    -webkit-flex-basis: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
            flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .size--3-12\@md {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .size--4-12\@md {
    -webkit-flex-basis: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
            flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .size--5-12\@md {
    -webkit-flex-basis: 41.6666666667%;
        -ms-flex-preferred-size: 41.6666666667%;
            flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .size--6-12\@md {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .size--7-12\@md {
    -webkit-flex-basis: 58.3333333333%;
        -ms-flex-preferred-size: 58.3333333333%;
            flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .size--8-12\@md {
    -webkit-flex-basis: 66.6666666667%;
        -ms-flex-preferred-size: 66.6666666667%;
            flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .size--9-12\@md {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .size--10-12\@md {
    -webkit-flex-basis: 83.3333333333%;
        -ms-flex-preferred-size: 83.3333333333%;
            flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .size--11-12\@md {
    -webkit-flex-basis: 91.6666666667%;
        -ms-flex-preferred-size: 91.6666666667%;
            flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .size--12-12\@md {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .size--auto\@md {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; } }

@media (min-width: 1000px) {
  .size--1-12\@lg {
    -webkit-flex-basis: 8.3333333333%;
        -ms-flex-preferred-size: 8.3333333333%;
            flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .size--2-12\@lg {
    -webkit-flex-basis: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
            flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .size--3-12\@lg {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .size--4-12\@lg {
    -webkit-flex-basis: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
            flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .size--5-12\@lg {
    -webkit-flex-basis: 41.6666666667%;
        -ms-flex-preferred-size: 41.6666666667%;
            flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .size--6-12\@lg {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .size--7-12\@lg {
    -webkit-flex-basis: 58.3333333333%;
        -ms-flex-preferred-size: 58.3333333333%;
            flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .size--8-12\@lg {
    -webkit-flex-basis: 66.6666666667%;
        -ms-flex-preferred-size: 66.6666666667%;
            flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .size--9-12\@lg {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .size--10-12\@lg {
    -webkit-flex-basis: 83.3333333333%;
        -ms-flex-preferred-size: 83.3333333333%;
            flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .size--11-12\@lg {
    -webkit-flex-basis: 91.6666666667%;
        -ms-flex-preferred-size: 91.6666666667%;
            flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .size--12-12\@lg {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .size--auto\@lg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; } }

@media (min-width: 1232px) {
  .size--1-12\@xl {
    -webkit-flex-basis: 8.3333333333%;
        -ms-flex-preferred-size: 8.3333333333%;
            flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .size--2-12\@xl {
    -webkit-flex-basis: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
            flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .size--3-12\@xl {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .size--4-12\@xl {
    -webkit-flex-basis: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
            flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .size--5-12\@xl {
    -webkit-flex-basis: 41.6666666667%;
        -ms-flex-preferred-size: 41.6666666667%;
            flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .size--6-12\@xl {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .size--7-12\@xl {
    -webkit-flex-basis: 58.3333333333%;
        -ms-flex-preferred-size: 58.3333333333%;
            flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .size--8-12\@xl {
    -webkit-flex-basis: 66.6666666667%;
        -ms-flex-preferred-size: 66.6666666667%;
            flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .size--9-12\@xl {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .size--10-12\@xl {
    -webkit-flex-basis: 83.3333333333%;
        -ms-flex-preferred-size: 83.3333333333%;
            flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .size--11-12\@xl {
    -webkit-flex-basis: 91.6666666667%;
        -ms-flex-preferred-size: 91.6666666667%;
            flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .size--12-12\@xl {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .size--auto\@xl {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; } }

.order--1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.order--2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.order--3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.order--4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.order--5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.order--6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

.order--7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

.order--8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

.order--9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

.order--10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

.order--11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

.order--12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

@media (min-width: 480px) {
  .order--1\@sm {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .order--2\@sm {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .order--3\@sm {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .order--4\@sm {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .order--5\@sm {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .order--6\@sm {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .order--7\@sm {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .order--8\@sm {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .order--9\@sm {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .order--10\@sm {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .order--11\@sm {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .order--12\@sm {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; } }

@media (min-width: 750px) {
  .order--1\@md {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .order--2\@md {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .order--3\@md {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .order--4\@md {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .order--5\@md {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .order--6\@md {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .order--7\@md {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .order--8\@md {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .order--9\@md {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .order--10\@md {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .order--11\@md {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .order--12\@md {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; } }

@media (min-width: 1000px) {
  .order--1\@lg {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .order--2\@lg {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .order--3\@lg {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .order--4\@lg {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .order--5\@lg {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .order--6\@lg {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .order--7\@lg {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .order--8\@lg {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .order--9\@lg {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .order--10\@lg {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .order--11\@lg {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .order--12\@lg {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; } }

@media (min-width: 1232px) {
  .order--1\@xl {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .order--2\@xl {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .order--3\@xl {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .order--4\@xl {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .order--5\@xl {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .order--6\@xl {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .order--7\@xl {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .order--8\@xl {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .order--9\@xl {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .order--10\@xl {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .order--11\@xl {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .order--12\@xl {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; } }

.flags {
  line-height: 1;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .flags--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 0 -5px -5px; }
    .flags--inline > .flag {
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin: 0 0 5px 5px; }
  .flags--block {
    overflow: hidden; }
    .flags--block > .flag {
      margin-bottom: 5px;
      float: left;
      clear: left; }
    .flags--block .flag--inside {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }

.flag {
  vertical-align: top;
  line-height: 18px;
  font-size: 16px;
  padding: 0 10px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  letter-spacing: .07em;
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .flag strong {
    text-transform: uppercase;
    font-weight: 900;
    white-space: nowrap; }
  .flag--red {
    background-color: #A41713;
    color: #ffffff; }
    .flag--red > .flag--arrow::after {
      border-right-color: #A41713; }
  .flag--free {
    background-color: #111213;
    color: #ffffff; }
    .flag--free > .flag--arrow::after {
      border-right-color: #111213; }
  .flag--error {
    background-color: #A41713;
    color: #ffffff; }
    .flag--error > .flag--arrow::after {
      border-right-color: #A41713; }
  .flag--purple {
    background-color: #D2CDF9;
    color: #31248F; }
    .flag--purple > .flag--arrow::after {
      border-right-color: #D2CDF9; }
  .flag--blue {
    background-color: #C7E7FF;
    color: #0067B2; }
    .flag--blue > .flag--arrow::after {
      border-right-color: #C7E7FF; }
  .flag--light-red {
    border-color: #FF6A61;
    background-color: #FF6A61;
    color: #FFE5E3; }
    .flag--light-red > .flag--arrow::after {
      border-right-color: #FF6A61; }
  .flag--pink {
    background-color: #E6007D;
    color: #ffffff; }
    .flag--pink > .flag--arrow::after {
      border-right-color: #E6007D; }
  .flag--yellow {
    background-color: #FFCA61;
    color: #2F353C; }
    .flag--yellow > .flag--arrow::after {
      border-right-color: #FFCA61; }
  .flag--warning {
    background-color: #F6D30E;
    color: #2F353C; }
    .flag--warning > .flag--arrow::after {
      border-right-color: #F6D30E; }
  .flag--success {
    background-color: #91FF91;
    color: #1A791A; }
    .flag--success > .flag--arrow::after {
      border-right-color: #91FF91; }
  .flag--discount {
    color: #ffffff;
    background-color: #A41713;
    line-height: 1.5; }
  .flag--lg {
    font-size: 16px;
    line-height: 24px; }
    .flag--lg .flag--inside {
      font-size: inherit;
      line-height: inherit; }
    .flag--lg .flag--arrow {
      padding-right: 20px; }
      .flag--lg .flag--arrow::after {
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right-width: 10px; }
  .flag--inside {
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: -10px;
    height: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px; }
    .flag--inside.flag--rounded {
      -webkit-border-radius: 100px 0 0 100px;
              border-radius: 100px 0 0 100px; }
  .flag--rounded {
    -webkit-border-radius: 100px;
            border-radius: 100px; }
  .flag--arrow {
    padding-right: 16px; }
    .flag--arrow::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent;
      border-right-width: 7px;
      border-right-style: solid; }
  @media (max-width: 479px) {
    .flag--lg .flag--arrow::after {
      border: 0; } }

.item-icon {
  position: relative;
  padding-left: 24px;
  display: inline-block;
  vertical-align: top; }
  .item-icon .icon-svg,
  .item-icon .sprite {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .item-icon .icon-svg {
    width: 16px; }
  .item-icon--top .icon-svg,
  .item-icon--top .f-open__link--icon {
    top: 12px; }
  .item-icon--sm {
    padding-left: 16px; }
    .item-icon--sm .icon-svg {
      width: 8px; }
  .item-icon--after {
    padding-left: 0;
    padding-right: 24px; }
    .item-icon--after .icon-svg {
      left: auto;
      right: 0; }
  .item-icon--after.item-icon--sm {
    padding-right: 16px; }
  .item-icon--circle {
    position: relative;
    padding-left: 64px;
    margin-bottom: 32px; }
    .item-icon--circle::before {
      content: '';
      width: 40px;
      height: 40px;
      position: absolute;
      top: 20px;
      -webkit-transform: translateY(15%);
          -ms-transform: translateY(15%);
              transform: translateY(15%);
      left: 0;
      top: -8px;
      border: 1px solid;
      -webkit-border-radius: 40px;
              border-radius: 40px; }
    .item-icon--circle .icon-svg {
      margin-left: 12px;
      top: 18px; }
  .item-icon--middle {
    margin-bottom: auto; }
    .item-icon--middle .icon-svg {
      top: 50%; }
  .item-icon--after.item-icon--circle {
    padding-left: 0;
    padding-right: 64px; }
    .item-icon--after.item-icon--circle::before {
      left: auto;
      right: 0; }
    .item-icon--after.item-icon--circle .icon-svg {
      margin-left: 0;
      margin-right: 12px; }
  .item-icon--middle.item-icon--circle::before {
    top: calc(50%);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  @media (max-width: 479px) {
    .item-icon--circle {
      text-align: left; }
    .item-icon--circle.h1:before,
    .item-icon--circle.h1 .icon-svg {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }

.img {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: white; }
  .img::before {
    content: '';
    display: block;
    padding-top: 100%; }
  .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .img__holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .img__holder img {
      width: 100% !important;
      -o-object-fit: contain;
         object-fit: contain; }
  .img--sm, .img--sm::before {
    max-width: 80px;
    max-height: 80px; }
  .img--xs, .img--xs::before {
    max-width: 50px;
    max-height: 50px; }
  .img--fill img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: initial;
    max-height: initial; }
  .img--16-9.img::before {
    padding-top: 56.25%; }
  .img--3-2.img::before {
    padding-top: 66.6666666667%; }

.icon-svg--folder, .icon-svg--missing-img {
  width: 20%;
  min-width: 20px;
  max-width: 20px; }

.count {
  -webkit-border-radius: 10px;
          border-radius: 10px;
  min-width: 22px;
  min-height: 22px;
  line-height: 22px;
  padding: 0 5px;
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  display: inline-block;
  background-color: #E7EBEF;
  color: #2F353C;
  font-weight: 500; }
  .count--warning {
    background-color: #A41713;
    color: #ffffff; }
  .count--blue {
    background-color: #A41713;
    color: #fff; }

.sprite {
  display: inline-block;
  vertical-align: middle;
  position: relative; }

.icon-menu {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .icon-menu:before, .icon-menu:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: #2F353C;
    -webkit-box-shadow: 0 -5px 0 #2F353C, 0 5px 0 #2F353C;
            box-shadow: 0 -5px 0 #2F353C, 0 5px 0 #2F353C;
    -webkit-transition: -webkit-box-shadow 0.3s 0.3s, -webkit-transform 0.3s;
    transition: -webkit-box-shadow 0.3s 0.3s, -webkit-transform 0.3s;
    -o-transition: box-shadow 0.3s 0.3s, transform 0.3s;
    transition: box-shadow 0.3s 0.3s, transform 0.3s;
    transition: box-shadow 0.3s 0.3s, transform 0.3s, -webkit-box-shadow 0.3s 0.3s, -webkit-transform 0.3s; }
  .is-open .icon-menu:before, .is-open .icon-menu:after {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .is-open .icon-menu:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .is-open .icon-menu:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.price {
  font-size: 16px;
  color: #7D848B; }
  .price s {
    display: inline-block;
    margin-right: 5px; }
  .price .flag {
    display: inline-block; }
  .price__discount-amount {
    display: block;
    color: #E6007D;
    margin-bottom: 0; }
  .price__current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .price__current > strong {
      color: #91979c;
      font-size: 16px;
      font-family: "Montserrat", sans-serif;
      font-weight: 500; }
  .price__discount {
    display: block; }
  .price__total strong {
    font-size: 22px;
    color: #2F353C; }
  .price__inline-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -5px; }
    .price__inline-wrap > * {
      margin-left: 5px; }
  .price.u-text-right {
    text-align: right; }
    .price.u-text-right .price__current {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .price--sm .price__current strong {
    font-size: 16px; }
  .price--lg {
    font-size: 16px; }
    .price--lg .price__current strong {
      font-family: "Montserrat", sans-serif;
      font-weight: normal;
      font-size: 30px; }
    .price--lg .price__current {
      font-size: 16px;
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }

.stars {
  position: relative;
  display: inline-block;
  margin-left: -2px; }
  .stars .icon-svg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 2px;
    width: 20px;
    height: 20px; }
    .stars .icon-svg svg path {
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2); }
  .stars__icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #DAE2EC;
    position: relative;
    top: 1px; }
    .stars__icons--active {
      color: #F6D30E;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      white-space: nowrap; }
  .stars--lg {
    margin-left: -4px; }
    .stars--lg .icon-svg {
      width: 20px;
      margin: 0 4px; }

.slick-slider {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y; }

.slick-track,
.slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.slick-list {
  position: relative; }
  .slick-list:focus {
    outline: 0; }

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

.slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100% !important; }

.slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  outline: 0;
  width: 100% !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 100% !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important; }
  .slick-slide > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-left-width: 0; }
    .slick-slide > div .grid__cell--eq {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }

.slick-initialized {
  display: block !important; }

.slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 16px;
  padding-left: 16px; }
  .slick-dots li {
    text-align: center;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer; }
  .slick-dots button {
    -webkit-transition: width 0.3s, height 0.3s, background-color 0.3s;
    -o-transition: width 0.3s, height 0.3s, background-color 0.3s;
    transition: width 0.3s, height 0.3s, background-color 0.3s;
    position: relative;
    width: 7px;
    height: 7px;
    font-size: 0;
    padding: 0;
    border: 0;
    background-color: #C5CFDB;
    -webkit-border-radius: 20px;
            border-radius: 20px; }
  .slick-dots .slick-active button {
    width: 13px;
    height: 13px;
    background-color: #A41713; }

.c-products--carousel .slick-list {
  padding-right: 10px;
  overflow: hidden;
  padding-bottom: 30px; }

.c-products--carousel .slick-slider {
  margin-right: -10px; }

.no-touchevents .slick-dots li:hover button {
  width: 13px;
  height: 13px; }

@media (min-width: 480px) {
  .c-products--carousel .slick-track {
    width: 50% !important; }
  .c-products--carousel .slick-slide {
    width: 100% !important; } }

@media (min-width: 750px) {
  .c-products--carousel .slick-track {
    width: 33.3% !important; } }

@media (min-width: 1000px) {
  .c-products--carousel .slick-track {
    width: 25% !important; } }

.product-row {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px 10px 10px;
  text-decoration: none; }
  .product-row > * {
    margin-left: 10px; }
  .product-row__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    margin-left: 0; }
  .product-row__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 16px; }
  .product-row__price {
    font-weight: bold;
    color: #2F353C;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    text-align: right;
    white-space: nowrap; }
  .product-row__inp {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90px;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px; }
  .product-row__unit {
    color: #7D848B;
    margin-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .product-row__remove {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    color: #6D7783; }
  .product-row a.product-row__name:not(:hover) {
    text-decoration: none; }
  .no-touchevents .product-row__remove:hover {
    color: #A41713; }
  .no-touchevents a.product-row[href]:hover .product-row__name {
    text-decoration: underline; }

.transport {
  font-size: 16px; }
  .transport .item-icon {
    padding-left: 0; }
    .transport .item-icon .icon-svg {
      width: 20px; }
  .transport__progress {
    display: block;
    margin-top: 10px; }

.progress {
  position: relative;
  display: block;
  background: #E7EBEF;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  height: 10px; }
  .progress__inner {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #2F353C;
    -webkit-border-radius: 10px;
            border-radius: 10px; }
  .progress__inner--success {
    background: #12684A; }
  .progress__inner--blue {
    background: #A41713; }

.top {
  position: fixed;
  display: none;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  z-index: 29;
  max-width: 40px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background: #A41713;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-transition: display 0.3s;
  -o-transition: display 0.3s;
  transition: display 0.3s; }
  .top .ico-svg {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    position: relative;
    top: 8px;
    left: 0; }
  .no-touchevents .top:hover {
    background: #A41713; }

.tippy-touch {
  cursor: pointer !important; }

.tippy-notransition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.tippy-popper {
  max-width: 350px;
  -webkit-perspective: 700px;
  perspective: 700px;
  z-index: 9999;
  outline: 0;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
       -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
  line-height: 1.4; }

.tippy-popper[data-html] {
  max-width: 96%;
  max-width: calc(100% - 20px); }

.tippy-popper[x-placement^=top] .tippy-backdrop {
  -webkit-border-radius: 40% 40% 0 0;
          border-radius: 40% 40% 0 0; }

.tippy-popper[x-placement^=top] .tippy-roundarrow {
  bottom: -8px;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 6px;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0; }

.tippy-popper[x-placement^=top] .tippy-backdrop {
  -webkit-transform-origin: 0 90%;
  -ms-transform-origin: 0 90%;
      transform-origin: 0 90%; }

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(6) translate(-50%, 25%);
  -ms-transform: scale(6) translate(-50%, 25%);
      transform: scale(6) translate(-50%, 25%);
  opacity: 1; }

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1) translate(-50%, 25%);
  -ms-transform: scale(1) translate(-50%, 25%);
      transform: scale(1) translate(-50%, 25%);
  opacity: 0; }

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
      transform: translateY(-20px); }

.tippy-popper[x-placement^=top] [data-animation=perspective] {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
      transform-origin: bottom; }

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px) rotateX(0);
  transform: translateY(-10px) rotateX(0); }

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(90deg);
  transform: translateY(0) rotateX(90deg); }

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0); }

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px) scale(1);
  -ms-transform: translateY(-10px) scale(1);
      transform: translateY(-10px) scale(1); }

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  -ms-transform: translateY(0) scale(0);
      transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  -webkit-border-radius: 0 0 30% 30%;
          border-radius: 0 0 30% 30%; }

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
  top: -8px;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%; }

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
      transform: rotate(0); }

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 6px;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  -webkit-transform-origin: 0 -90%;
  -ms-transform-origin: 0 -90%;
      transform-origin: 0 -90%; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(6) translate(-50%, -125%);
  -ms-transform: scale(6) translate(-50%, -125%);
      transform: scale(6) translate(-50%, -125%);
  opacity: 1; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1) translate(-50%, -125%);
  -ms-transform: scale(1) translate(-50%, -125%);
      transform: scale(1) translate(-50%, -125%);
  opacity: 0; }

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
      transform: translateY(20px); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
      transform-origin: top; }

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px) rotateX(0);
  transform: translateY(10px) rotateX(0); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(-90deg);
  transform: translateY(0) rotateX(-90deg); }

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0); }

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px) scale(1);
  -ms-transform: translateY(10px) scale(1);
      transform: translateY(10px) scale(1); }

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  -ms-transform: translateY(0) scale(0);
      transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=left] .tippy-backdrop {
  -webkit-border-radius: 50% 0 0 50%;
          border-radius: 50% 0 0 50%; }

.tippy-popper[x-placement^=left] .tippy-roundarrow {
  right: -16px;
  -webkit-transform-origin: 33.33333333% 50%;
  -ms-transform-origin: 33.33333333% 50%;
      transform-origin: 33.33333333% 50%; }

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
      transform: rotate(90deg); }

.tippy-popper[x-placement^=left] .tippy-arrow {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 3px 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%; }

.tippy-popper[x-placement^=left] .tippy-backdrop {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
      transform-origin: 100% 0; }

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(6) translate(40%, -50%);
  -ms-transform: scale(6) translate(40%, -50%);
      transform: scale(6) translate(40%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1.5) translate(40%, -50%);
  -ms-transform: scale(1.5) translate(40%, -50%);
      transform: scale(1.5) translate(40%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
      transform: translateX(-20px); }

.tippy-popper[x-placement^=left] [data-animation=perspective] {
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
      transform-origin: right; }

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px) rotateY(0);
  transform: translateX(-10px) rotateY(0); }

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(-90deg);
  transform: translateX(0) rotateY(-90deg); }

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
      transform: translateX(0); }

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px) scale(1);
  -ms-transform: translateX(-10px) scale(1);
      transform: translateX(-10px) scale(1); }

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  -ms-transform: translateX(0) scale(0);
      transform: translateX(0) scale(0); }

.tippy-popper[x-placement^=right] .tippy-backdrop {
  -webkit-border-radius: 0 50% 50% 0;
          border-radius: 0 50% 50% 0; }

.tippy-popper[x-placement^=right] .tippy-roundarrow {
  left: -16px;
  -webkit-transform-origin: 66.66666666% 50%;
  -ms-transform-origin: 66.66666666% 50%;
      transform-origin: 66.66666666% 50%; }

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }

.tippy-popper[x-placement^=right] .tippy-arrow {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 3px 0;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%; }

.tippy-popper[x-placement^=right] .tippy-backdrop {
  -webkit-transform-origin: -100% 0;
  -ms-transform-origin: -100% 0;
      transform-origin: -100% 0; }

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(6) translate(-140%, -50%);
  -ms-transform: scale(6) translate(-140%, -50%);
      transform: scale(6) translate(-140%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1.5) translate(-140%, -50%);
  -ms-transform: scale(1.5) translate(-140%, -50%);
      transform: scale(1.5) translate(-140%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
      transform: translateX(20px); }

.tippy-popper[x-placement^=right] [data-animation=perspective] {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
      transform-origin: left; }

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px) rotateY(0);
  transform: translateX(10px) rotateY(0); }

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(90deg);
  transform: translateX(0) rotateY(90deg); }

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
      transform: translateX(0); }

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px) scale(1);
  -ms-transform: translateX(10px) scale(1);
      transform: translateX(10px) scale(1); }

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  -ms-transform: translateX(0) scale(0);
      transform: translateX(0) scale(0); }

.tippy-tooltip {
  position: relative;
  color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: .9rem;
  padding: .3rem .6rem;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333; }

.tippy-tooltip[data-size=small] {
  padding: .2rem .4rem;
  font-size: .75rem; }

.tippy-tooltip[data-size=large] {
  padding: .4rem .8rem;
  font-size: 1rem; }

.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent; }

.tippy-tooltip[data-animatefill] .tippy-content {
  transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  -webkit-transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  -o-transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98); }

.tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path {
  pointer-events: auto; }

.tippy-tooltip[data-inertia][data-state=visible] {
  -webkit-transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
       -o-transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
          transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); }

.tippy-tooltip[data-inertia][data-state=hidden] {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease; }

.tippy-arrow, .tippy-roundarrow {
  position: absolute;
  width: 0;
  height: 0; }

.tippy-roundarrow {
  width: 24px;
  height: 8px;
  fill: #333;
  pointer-events: none; }

.tippy-backdrop {
  position: absolute;
  will-change: transform;
  background-color: #333;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 26%;
  left: 50%;
  top: 50%;
  z-index: -1;
  -webkit-transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
  -o-transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
  transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tippy-backdrop:after {
  content: "";
  float: left;
  padding-top: 100%; }

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(100% 100% at 50% 50%);
  clip-path: ellipse(100% 100% at 50% 50%); }

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(5% 50% at 50% 50%);
  clip-path: ellipse(5% 50% at 50% 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(135% 100% at 0 50%);
  clip-path: ellipse(135% 100% at 0 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(40% 100% at 0 50%);
  clip-path: ellipse(40% 100% at 0 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(135% 100% at 100% 50%);
  clip-path: ellipse(135% 100% at 100% 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(40% 100% at 100% 50%);
  clip-path: ellipse(40% 100% at 100% 50%); }

@media (max-width: 360px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px); } }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.tippy-tooltip.light-theme {
  color: #26323d;
  -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
          box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff; }

.tippy-tooltip.light-theme .tippy-backdrop {
  background-color: #fff; }

.tippy-tooltip.light-theme .tippy-roundarrow {
  fill: #fff; }

.tippy-tooltip.light-theme[data-animatefill] {
  background-color: transparent; }

.tippy {
  pointer-events: auto; }

.tippy-tooltip {
  top: 0px;
  top: 8px;
  width: 200px;
  border: 1px solid #DAE2EC; }

.tippy-tooltip .tippy-content {
  font-size: 16px;
  padding: 10px 20px; }

h1,
.h1 {
  font-size: 38px !important;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px; }
  @media (max-width: 749px) {
    h1,
    .h1 {
      font-size: 30px !important;
      line-height: 40px; } }

h2,
.h2, .product-detail h1 {
  font-size: 32px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 42px; }
  @media (max-width: 749px) {
    h2,
    .h2, .product-detail h1 {
      font-size: 26px !important;
      line-height: 32px !important; } }

h3,
.h3 {
  font-size: 28px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px; }
  @media (max-width: 749px) {
    h3,
    .h3 {
      font-size: 22px !important;
      line-height: 30px !important; } }

h1.headline-4, h2.headline-4, h3.headline-4, h4.headline-4, h5.headline-4, h6.headline-4, h4,
.h4 {
  font-size: 24px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px; }
  @media (max-width: 749px) {
    h1.headline-4, h2.headline-4, h3.headline-4, h4.headline-4, h5.headline-4, h6.headline-4, h4,
    .h4 {
      font-size: 18px;
      line-height: 24px; } }

h1.headline-5, h2.headline-5, h3.headline-5, h4.headline-5, h5.headline-5, h6.headline-5, .b-heureka__text, .tabs__link, .tabs__title-mobile, .c-text-cta h2, .product-detail__popis .b-content h2 {
  font-size: 20px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px; }

h5,
.h5,
h6,
.h6, .fancybox-stage h4, .b-rating__stars .stars__percent, .b-rating__author, .product-detail__popis .b-content h3, .kosik-top .b-product-row .price__current-with strong {
  font-size: 18px;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 26px; }

.img-bck__content, .c-text-cta, .product-detail__servis-info-text {
  font-size: 18px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px; }

.b-product__price, .b-product__price .price__current, .b-product-row__price .price__current-with, .product-detail__servis-name {
  font-size: 18px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px; }

.newsletter__form .form-newsletter .forms-input, .c-text-cta ul li, .product-detail__servis-text, .brand, .c-autocomplete .c-small-product h3 {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px; }

.b-heureka__number, .b-product-info .group .paramname, .b-product__name, .b-product__btn .btn__text, .c-map h2, .c-text-cta ul strong {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px; }

.b-heureka__number--small, .b-product__price .price__no-dph, .b-product-row__price .price__current-without, .b-rating__date, .m-breadcrumb, .greyform, .c-map h3, .product-detail__gift-product, .product-detail .price__current, .product-detail .price__current-with, .product-detail .stock, .brand-info-zaruka, .kosik-top .b-product-row .price__current-with {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px; }

.f-add-to-cart__contact-title, .f-add-to-cart__discount-price, .product-detail__servis-box, .product-detail__gift-icon, .product-detail__box-title, .product-transport-free__text {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px; }

.btn__text, .btn--bd, .newsletter__form .form-newsletter .greyform-submit, .button-active-form, .file-download strong {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px; }

.b-heureka__link a, .b-product__availability, .f-add-to-cart__login-box .btn, .left-product-stock {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 16px; }

.c-text-cta .contact-item {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px; }

.footer__copyright, .footer__logo {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px; }

.b-product__parameters .title {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 16px;
  letter-spacing: -.01em; }

.b-product__parameters, .file-download .size {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 16px;
  letter-spacing: -.01em; }

.b-advantages {
  text-align: center; }
  .b-advantages__list {
    line-height: 20px; }
  .b-advantages__inner {
    display: block;
    padding-top: 50px; }
  .b-advantages__inner .icon-svg {
    position: absolute;
    left: 50%;
    top: 0;
    color: #A41713;
    width: 40px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  @media (min-width: 480px) {
    .b-advantages__inner .icon-svg {
      width: 50px; } }
  @media (min-width: 750px) {
    .b-advantages__inner {
      max-width: 130px; } }
  @media (min-width: 1000px) {
    .b-advantages {
      text-align: left; }
      .b-advantages__inner {
        padding: 0 0 0 70px;
        max-width: 190px; }
      .b-advantages__inner .icon-svg {
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }

.b-ajax {
  width: 1000px;
  max-width: 100%;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  overflow: hidden; }
  .b-ajax .row-main {
    max-width: 850px; }
  .b-ajax .item-icon--circle .icon-svg {
    top: 20px;
    margin-left: 14px; }
  .b-ajax__side {
    padding: 32px 16px 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 710px; }
  .b-ajax__navigation--prev .btn:hover .btn__text {
    background: #2F353C; }
  .b-ajax__navigation--prev .btn__text {
    border-color: #2F353C;
    color: #2F353C;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .b-ajax__navigation--prev .btn__text .icon-svg {
      width: 12px;
      margin-right: 6px; }
      .b-ajax__navigation--prev .btn__text .icon-svg svg {
        stroke: transparent !important; }
  .b-ajax__navigation--next .btn:hover .btn__text {
    background: #ffffff;
    color: #12684A; }
    .b-ajax__navigation--next .btn:hover .btn__text svg {
      color: #12684A !important; }
  .b-ajax__navigation--next .btn__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #12684A;
    border-color: #12684A;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .b-ajax__navigation--next .btn__text .icon-svg {
      width: 12px;
      margin-left: 6px;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
      .b-ajax__navigation--next .btn__text .icon-svg svg {
        stroke: transparent !important; }
  .b-ajax__fixed {
    position: absolute;
    background-color: white;
    -webkit-box-shadow: 0 -2px 30px rgba(87, 99, 113, 0.2);
            box-shadow: 0 -2px 30px rgba(87, 99, 113, 0.2);
    padding: 0 32px;
    width: 100vw;
    min-height: 90px;
    left: 0;
    bottom: 0;
    z-index: 30;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .b-ajax__fixed .grid {
      width: 100%; }
  .b-ajax__fixed-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .b-ajax__form .b-tabs {
    margin-left: -32px;
    margin-right: -32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .b-ajax__form .b-tabs__fragment {
      border-width: 1px 0 0 0;
      padding: 16px 32px 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .b-ajax__form .b-tabs__content {
      -webkit-transition: max-height 0.3s;
      -o-transition: max-height 0.3s;
      transition: max-height 0.3s;
      max-height: 415px; }
  .b-ajax__form--stretch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .b-ajax--height {
    max-height: 710px; }
  .b-ajax--sm {
    width: 600px;
    max-width: 100%; }
  .b-ajax--sm .row-main {
    max-width: 385px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
  .no-touchevents .b-ajax--btn-blue .fancybox-close-small:hover {
    background-color: #490a08; }
  .b-ajax__fixed.is-visible ~ .b-tabs .b-tabs__content {
    max-height: 320px; }
  .b-ajax__fixed.is-visible ~ .b-tabs .b-tabs__fragment {
    padding-bottom: 126px; }
  @media (max-width: 479px) {
    .b-ajax__fixed {
      text-align: center;
      padding: 16px 32px;
      min-height: 110px; }
    .b-ajax__navigation .grid {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .b-ajax__navigation--next {
      margin-bottom: 16px; } }
  @media (min-width: 480px) {
    .b-ajax__side {
      padding: 48px 32px 0; }
    .b-ajax__form .b-tabs__content {
      max-height: 425px; }
    .b-ajax__fixed.is-visible ~ .b-tabs .b-tabs__content {
      max-height: 350px; }
    .b-ajax__fixed.is-visible ~ .b-tabs .b-tabs__fragment {
      padding-bottom: 106px; } }
  @media (min-width: 750px) {
    .b-ajax--btn-blue .fancybox-close-small {
      fill: white;
      background-color: #A41713;
      width: 50px;
      height: 50px;
      -webkit-border-radius: 50px;
              border-radius: 50px;
      top: 16px;
      right: 16px;
      -webkit-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      transition: background-color 0.3s; }
      .b-ajax--btn-blue .fancybox-close-small svg {
        opacity: 1; }
      .b-ajax--btn-blue .fancybox-close-small path {
        fill: white; }
    .b-ajax__form .b-tabs__fragment {
      padding: 16px 32px 32px; }
    .b-ajax__form .b-tabs__content {
      max-height: 440px; }
    .b-ajax__fixed.is-visible ~ .b-tabs .b-tabs__content {
      max-height: 365px; } }
  @media (min-width: 1000px) {
    .b-ajax__fixed {
      width: 1000px; } }

.b-article {
  display: flex;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #E7EBEF;
  border-radius: 16px;
  transition: box-shadow .3s, border-color .3s, transform .3s; }
  .b-article__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 0 24px;
    text-decoration: none;
    border-radius: 16px; }
  .b-article__title {
    display: block;
    margin: 0;
    font-weight: bold; }
  .b-article__img {
    display: block;
    width: 100%;
    margin: 0 0 20px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #F2F5F8; }
  .b-article img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .b-article__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 52px;
    padding: 0 24px;
    font-size: 20px;
    line-height: 26px;
    color: #364152; }
  .b-article__annot {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 66px;
    margin: 12px 0 0;
    padding: 0 24px;
    font-size: 16px;
    line-height: 22px;
    color: #2F353C; }
  .b-article__date {
    padding: 0 24px;
    margin: 0;
    font-size: 16px;
    color: #7D848B; }
  .b-article__button:hover svg g {
    stroke: #FFF; }
  @media (max-width: 767px) {
    .b-article__name,
    .b-article__annot,
    .b-article__date {
      padding: 0 16px; } }

.no-touchevents .b-article__link:hover {
  -webkit-box-shadow: 0 10px 20px rgba(87, 99, 113, 0.2);
          box-shadow: 0 10px 20px rgba(87, 99, 113, 0.2); }

.no-touchevents .b-article:hover {
  border-color: #D6DDE5;
  -webkit-box-shadow: 0 8px 20px rgba(87, 99, 113, 0.14);
          box-shadow: 0 8px 20px rgba(87, 99, 113, 0.14);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px); }

.b-article__img img {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); }

.no-touchevents .b-article:hover .b-article__img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); }

.b-basket {
  position: relative; }
  .b-basket__link {
    position: relative;
    padding: 0 0 0 50px;
    text-decoration: none;
    display: block;
    color: rgba(160, 167, 176, 0.45);
    font-weight: bold; }
  .b-basket__icon {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #A41713; }
    .b-basket__icon svg {
      width: 38px; }
      .b-basket__icon svg path {
        fill: transparent;
        stroke: #111213;
        stroke-width: 1px; }
  .b-basket .count {
    position: absolute;
    left: 18px;
    top: -3px; }
  .b-basket__number {
    display: block;
    position: relative;
    line-height: 36px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    border: 2px solid #111213;
    border-width: 1px;
    padding: 0 10px 0 5px;
    margin-left: 10px;
    font-size: 16px;
    white-space: nowrap;
    min-width: 115px;
    text-align: center;
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s; }
  .b-basket__popup {
    width: 500px; }
  .b-basket__item {
    border-bottom: 1px solid #DAE2EC; }
  .b-basket__price {
    -webkit-flex-basis: 60px;
        -ms-flex-preferred-size: 60px;
            flex-basis: 60px; }
  .b-basket__content {
    padding: 16px;
    background: #f4f6f8; }
  .b-basket__summary {
    text-align: right;
    padding-right: 20px;
    font-size: 16px; }
  .b-basket__summary-price {
    display: inline-block;
    vertical-align: top;
    min-width: 80px;
    padding-left: 10px;
    font-size: 16px; }
  .b-basket__transport {
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #DAE2EC;
    -webkit-border-radius: 3px;
            border-radius: 3px; }
  .b-basket__btn {
    text-align: right; }
  .b-basket__remove .ico-svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .b-basket__link--active {
    color: #000; }
  .b-basket__popup.m-popup {
    white-space: normal;
    right: 0;
    margin-top: 10px; }
    .b-basket__popup.m-popup .ajaxified {
      max-height: 65vh;
      overflow-x: auto; }
  .no-touchevents .b-basket__link:hover {
    color: #A41713; }
  .no-touchevents .b-basket__link:hover .b-basket__number {
    border-color: #A41713; }
    .no-touchevents .b-basket__link:hover .b-basket__number::before {
      border-color: transparent #A41713; }
  @media (max-width: 749px) {
    .b-basket__link {
      padding: 0;
      width: 30px;
      height: 30px; }
    .b-basket__icon {
      left: -10px; }
    .b-basket__number {
      display: none; } }
  @media (max-width: 479px) {
    .b-basket__icon {
      left: 0px !important; } }

.b-bnrs__item {
  max-width: 390px; }
  .b-bnrs__item--hide {
    display: none; }
  .b-bnrs__item--hide.is-visible {
    display: block; }

.b-bnrs__link {
  text-decoration: none; }

.b-bnrs__more {
  margin-bottom: 0; }

.b-bnrs .icon-svg__svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.b-bnrs .is-open .icon-svg__svg {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }

@media (min-width: 750px) {
  .b-bnrs__item {
    max-width: 50%; }
    .b-bnrs__item--hide {
      display: block; }
  .b-bnrs .js-toggle-animate__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .b-bnrs__more {
    display: none; } }

.b-bnr {
  display: block; }
  .b-bnr img {
    width: 100%;
    height: 100%; }

.b-bnr-html {
  position: relative;
  text-decoration: none;
  color: #ffffff; }
  .b-bnr-html:before {
    content: '';
    display: block;
    padding-top: 29.4520547945%; }
  .b-bnr-html__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover; }
  .b-bnr-html__inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%; }
    .b-bnr-html__inner > :last-child {
      margin-bottom: 0; }
  .b-bnr-html__title {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 18px; }
  .b-bnr-html__title-small {
    font-size: 16px;
    font-weight: 300;
    display: block; }
  .no-touchevents .b-bnr-html:hover {
    color: #ffffff; }
  .no-touchevents .b-bnr-html:hover .btn__text {
    background: #03110c; }
  @media (min-width: 480px) {
    .b-bnr-html__wrapper {
      padding: 16px 32px; } }
  @media (min-width: 750px) {
    .b-bnr-html__title {
      line-height: 23px; } }
  @media (min-width: 1000px) {
    .b-bnr-html__wrapper {
      padding: 16px 48px; }
    .b-bnr-html__inner {
      max-width: 50%; }
    .b-bnr-html__title {
      margin-bottom: 8px;
      font-size: 22px;
      line-height: 29px; }
    .b-bnr-html__title-small {
      font-size: 18px; } }

.b-contact {
  margin: 0;
  padding: 0 0 0 36px;
  position: relative;
  color: #7D848B;
  font-size: 16px;
  line-height: 19px; }
  .b-contact a {
    text-decoration: none; }
  .b-contact .icon-svg {
    width: 26px; }
  .b-contact__link {
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-decoration: none; }
  .b-contact--inline {
    width: 100%;
    border: 1px solid #DAE2EC;
    border-width: 1px 0 1px 0;
    padding: 10px 0; }
  .b-contact--inline .item-icon {
    padding-left: 32px; }
  .b-contact--inline .icon-svg {
    width: 22px; }
  .b-contact--inline .b-contact__link {
    display: inline;
    margin-right: 5px; }
  @media (max-width: 999px) {
    .b-contact:not(.b-contact--inline) {
      font-size: 0px;
      text-indent: -9999px;
      padding: 0;
      height: 30px; }
      .b-contact:not(.b-contact--inline)__link {
        width: 30px;
        height: 30px; }
      .b-contact:not(.b-contact--inline) .icon-svg {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); } }

.b-content p + p {
  margin-top: -0.75em; }

.b-filtered {
  padding: 16px 0;
  border-top: 1px solid #DAE2EC;
  border-bottom: 1px solid #DAE2EC;
  background-color: #ffffff;
  z-index: 999;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0); }
  .b-filtered__title {
    font-size: 16px;
    line-height: 1.5; }
  .b-filtered__title-h3 {
    font-size: 16px;
    line-height: 1.5;
    margin: 0; }
  .b-filtered__items {
    padding-bottom: 8px; }
  .b-filtered__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0; }
  .b-filtered__inner {
    position: relative;
    padding: 0 32px 0 8px;
    background-color: #ffffff;
    border: 1px solid #DAE2EC;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    font-size: 16px;
    line-height: 1.6; }
    .b-filtered__inner--color {
      padding-left: 20px; }
  .b-filtered__color {
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border: 2px solid #DAE2EC;
    -webkit-border-radius: 1px;
            border-radius: 1px; }
  .b-filtered__remove {
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    width: 9px;
    height: 9px;
    text-decoration: none;
    color: #7D848B;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
    .b-filtered__remove .icon-svg {
      position: absolute;
      width: 9px; }
  .b-filtered__cancel {
    font-size: 16px; }
  .no-touchevents .b-filtered__remove:hover {
    color: #A41713; }
  @media (min-width: 480px) {
    .b-filtered__content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .b-filtered__items {
      padding-bottom: 0; }
    .b-filtered__cancel {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      padding-left: 16px; }
    .b-filtered.is-fixed {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-top: 0;
      border-top: 0;
      border: 1px solid #DAE2EC;
      background-color: #ffffff;
      -webkit-box-shadow: 0 7px 15px 0 rgba(87, 99, 113, 0.2);
              box-shadow: 0 7px 15px 0 rgba(87, 99, 113, 0.2); }
    .b-filtered.is-fixed .b-filtered__title {
      display: block;
      padding: 8px 16px;
      margin-bottom: 16px;
      background-color: #f4f6f8; }
    .b-filtered.is-fixed .b-filtered__items {
      padding: 0 0 0 16px; }
    .b-filtered.is-fixed .b-filtered__cancel {
      padding: 0 16px; } }
  @media (min-width: 750px) {
    .b-filtered {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .b-filtered__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
      .b-filtered__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
      .b-filtered__items {
        padding-left: 32px; }
      .b-filtered.is-fixed {
        padding: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .b-filtered.is-fixed .b-filtered__content {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .b-filtered.is-fixed .b-filtered__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        margin-bottom: 0;
        border-right: 1px solid #DAE2EC; } }

.b-fixed {
  display: block;
  z-index: 50;
  -webkit-box-shadow: 0 2px 15px rgba(87, 99, 113, 0.2);
          box-shadow: 0 2px 15px rgba(87, 99, 113, 0.2);
  background-color: white;
  width: 100%;
  min-height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }
  .b-fixed .b-product-row__name {
    font-weight: bold; }
  @media (max-width: 750px) {
    .b-fixed {
      top: auto !important;
      bottom: 0;
      -webkit-transform: translateY(100%) !important;
          -ms-transform: translateY(100%) !important;
              transform: translateY(100%) !important; }
      .b-fixed.is-fixed {
        -webkit-transform: translateY(0) !important;
            -ms-transform: translateY(0) !important;
                transform: translateY(0) !important; }
      .b-fixed.kosik-top {
        display: none; }
      .b-fixed .b-product-row__content {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%; }
      .b-fixed .b-product-row__img {
        display: none; }
      .b-fixed .b-product-row__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
      .b-fixed .m-detail__link {
        font-size: 16px !important; }
      .b-fixed .m-detail__item {
        line-height: 18px; }
      .b-fixed .price__current-with strong {
        font-size: 18px !important; }
      .b-fixed .f-add-to-cart__availability {
        font-size: 16px !important; }
      .b-fixed .inp-text {
        height: 35px !important; }
      .b-fixed .f-add-to-cart__btn .btn__text {
        height: 35px !important;
        padding: 6px 14px !important; }
      .b-fixed .f-add-to-cart__price {
        width: 100%; }
      .b-fixed .b-product-row__text {
        padding-left: 0 !important;
        margin-bottom: 10px;
        width: 100%; }
      .b-fixed .b-product-row__side {
        width: 100% !important;
        -webkit-flex-basis: 100% !important;
            -ms-flex-preferred-size: 100% !important;
                flex-basis: 100% !important;
        padding-left: 0 !important; }
        .b-fixed .b-product-row__side form {
          width: 100%;
          margin-left: 0; }
      .b-fixed .f-add-to-cart__price {
        margin-left: 0; }
      .b-fixed .b-product-row__name {
        max-width: 100% !important; }
      .b-fixed .b-product-row {
        padding: 20px 0 !important; } }
  @media (max-width: 1000px) {
    .b-fixed .m-detail__item {
      margin-bottom: 0; } }
  .b-fixed .m-detail__item a {
    font-size: 16px;
    margin-bottom: 0; }
  @media (min-width: 750px) and (max-width: 1000px) {
    .b-fixed .b-product-row {
      padding: 10px 0 !important; } }
  .b-fixed .grid {
    gap: 5px; }

#cookiescript_badge {
  z-index: 29 !important; }

.b-gallery {
  margin-bottom: 16px;
  position: relative; }
  .b-gallery__flags {
    position: absolute;
    top: 16px;
    left: 0;
    z-index: 1; }
  .b-gallery__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .b-gallery.cart-img {
    display: block !important; }
  .b-gallery .b-info {
    position: absolute;
    bottom: 16px;
    max-width: 55%; }
  @media (min-width: 480px) {
    .b-gallery {
      max-width: 80%;
      min-width: 80%;
      float: left; }
      .b-gallery__flags {
        left: 16px; }
      .b-gallery .b-info {
        margin-left: 16px;
        max-width: 150px; } }
  @media (min-width: 1000px) {
    .b-gallery {
      max-width: 100%;
      min-width: 100%;
      float: none; }
      .b-gallery .b-info {
        bottom: 32px; } }

.b-hero {
  padding: 32px 16px 10px 16px;
  background: #ffffff;
  border: 1px solid #DAE2EC; }
  .b-hero p:not(.u-font-md) + p {
    margin-top: -0.75em; }
  @media (min-width: 480px) {
    .b-hero {
      padding: 32px; } }
  @media (min-width: 750px) {
    .b-hero {
      padding: 64px 48px 48px 16px; } }
  @media (min-width: 1000px) {
    .b-hero {
      padding: 64px 96px 48px; } }

.b-heureka p {
  margin-bottom: 0; }

.b-heureka__black {
  background: #111213; }

.b-heureka__box {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-bottom: 8px;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.b-heureka__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -16px; }
  .b-heureka__wrap > * {
    margin-left: 16px; }

.b-heureka__text {
  color: #fff;
  font-size: 18px;
  text-align: center; }

.b-heureka__number {
  color: #12684A;
  margin-bottom: 4px; }

.b-heureka__link a {
  color: #fff;
  text-decoration: none;
  border: 1px solid white;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 15px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .b-heureka__link a:hover {
    background: white;
    color: #111213; }
    .b-heureka__link a:hover svg g {
      stroke: #111213; }
  .b-heureka__link a svg {
    fill: transparent;
    margin-right: 4px; }
    .b-heureka__link a svg g {
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }

.b-heureka__perc {
  color: #A41713;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  display: block;
  line-height: 1;
  -webkit-flex-basis: 80px;
      -ms-flex-preferred-size: 80px;
          flex-basis: 80px; }
  .b-heureka__perc--symbol {
    margin-left: -10px; }

.b-heureka__perc strong {
  font-size: 40px;
  font-weight: normal; }

.b-heureka__img {
  min-width: 50px; }

.b-heureka--v2 {
  padding-top: 50px; }

.b-heureka--v2 .b-heureka__box {
  position: relative; }

.b-heureka--v2 .b-heureka__img-wrap {
  position: absolute;
  top: -48px; }

.b-heureka--v2 .b-heureka__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -16px; }
  .b-heureka--v2 .b-heureka__rating > * {
    margin-left: 16px; }

.b-heureka--v2 .b-heureka__perc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.b-heureka--v3 p {
  margin-bottom: 8px; }

.b-heureka--v3 .b-heureka__box {
  border: 0;
  padding: 0; }

.b-heureka--v3 .b-heureka__rating {
  margin-left: 0;
  background: #fff;
  padding: 16px 26px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  text-align: center; }

.b-heureka--v3 .b-heureka__avg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-weight: bold;
  margin-left: -10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.b-heureka--v3 .b-heureka__avg strong {
  font-family: "Montserrat", sans-serif;
  font-size: 52px;
  line-height: 61px;
  margin-left: 10px;
  font-weight: normal; }

.b-heureka--v3 .b-heureka__avg span {
  margin-left: 10px;
  line-height: 20px; }

.b-heureka--v3 .b-heureka__overview {
  margin-left: -10px;
  max-width: 240px; }

.b-heureka--v3 .b-heureka__overview-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #7D848B; }

.b-heureka--v3 .b-heureka__overview-item > * {
  margin-left: 10px; }

.b-heureka--v3 .b-heureka__overview-item > span:last-child {
  min-width: 70px; }

.b-heureka--v3 .b-heureka__overview-item .progress {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.b-heureka--v3 .b-heureka__overview-item .count {
  padding: 0; }

@media (max-width: 749px) {
  .b-heureka__img-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .b-heureka__rating {
    margin-left: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .b-heureka__perc {
    white-space: nowrap;
    margin-right: 16px; } }

@media (min-width: 480px) {
  .b-heureka__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .b-heureka p.b-heureka__img-wrap {
    margin-bottom: 8px; }
  .b-heureka .b-heureka__overview-count {
    display: none; }
  .b-heureka__rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: 16px; }
  .b-heureka__text {
    width: 100%; } }

@media (min-width: 750px) {
  .b-heureka .b-heureka__overview-count {
    display: block; } }

@media (min-width: 1000px) {
  .b-heureka__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .b-heureka__rating {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

.b-icon {
  position: relative;
  margin: 0 auto;
  padding-top: 70px;
  text-align: center; }
  .b-icon__icon {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #A41713; }
    .b-icon__icon .icon-svg {
      width: 50px; }
  .b-icon__title {
    line-height: 56px; }
  .b-icon__count {
    position: absolute;
    left: -20px;
    top: 3px;
    width: 30px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    font-size: 16px;
    line-height: 30px;
    color: #2F353C;
    background: #F6D30E; }
  .b-icon__link {
    text-decoration: none;
    font-weight: bold; }
  .b-icon--circle .b-icon__icon {
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    padding: 12px 13px; }
    .b-icon--circle .b-icon__icon.u-color-warning {
      border-color: #F5A623; }
    .b-icon--circle .b-icon__icon.u-color-warning .icon-svg {
      color: #F5A623;
      border-color: #F5A623; }
  .b-icon--circle .b-icon__icon .icon-svg {
    width: 22px; }
  @media (min-width: 480px) {
    .b-icon__icon .icon-svg {
      width: 80px; }
    .b-icon__count {
      width: 45px;
      line-height: 45px;
      font-size: 22px;
      left: 60px; }
    .b-icon--circle .b-icon__icon {
      padding: 22px; }
    .b-icon--circle .b-icon__icon .icon-svg {
      width: 35px; } }

.b-icon {
  position: relative;
  margin: 0 auto;
  padding-top: 70px;
  text-align: center; }
  .b-icon__icon {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #A41713; }
    .b-icon__icon .icon-svg {
      width: 50px; }
  .b-icon__title {
    line-height: 56px; }
  .b-icon__count {
    position: absolute;
    left: -20px;
    top: 3px;
    width: 30px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    font-size: 16px;
    line-height: 30px;
    color: #2F353C;
    background: #F6D30E; }
  .b-icon__link {
    text-decoration: none;
    font-weight: bold; }
  .b-icon--circle .b-icon__icon {
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    padding: 12px 13px; }
    .b-icon--circle .b-icon__icon.u-color-warning {
      border-color: #F5A623; }
    .b-icon--circle .b-icon__icon.u-color-warning .icon-svg {
      color: #F5A623;
      border-color: #F5A623; }
  .b-icon--circle .b-icon__icon .icon-svg {
    width: 22px; }
  @media (min-width: 480px) {
    .b-icon__icon .icon-svg {
      width: 80px; }
    .b-icon__count {
      width: 45px;
      line-height: 45px;
      font-size: 22px;
      left: 60px; }
    .b-icon--circle .b-icon__icon {
      padding: 22px; }
    .b-icon--circle .b-icon__icon .icon-svg {
      width: 35px; } }

.b-icons {
  border-width: 1px 0 1px 0;
  border-color: #DAE2EC;
  border-style: solid;
  padding: 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .b-icons__list {
    width: 100%; }
  .b-icons__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .b-icons__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -16px;
    margin-bottom: 0; }
  .b-icons__img {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    margin-left: 16px; }
  .b-icons__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 0 16px;
    margin-left: 16px;
    margin-right: -16px; }
  @media (min-width: 480px) {
    .b-icons {
      padding: 32px 0; }
      .b-icons__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; }
      .b-icons__img {
        -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
                align-self: flex-start; }
      .b-icons__description {
        margin-right: 0; } }
  @media (min-width: 750px) {
    .b-icons {
      padding: 32px; }
      .b-icons__item {
        max-width: 50%; } }

.b-info {
  position: relative;
  border: 1px solid #F6D30E;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 8px 16px;
  background-color: white;
  margin-left: 8px;
  -webkit-box-shadow: 0 2px 15px rgba(87, 99, 113, 0.2);
          box-shadow: 0 2px 15px rgba(87, 99, 113, 0.2); }
  .b-info .icon-svg {
    color: #F6D30E;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    position: absolute;
    top: -8px;
    left: -8px;
    width: 16px;
    height: 16px; }
    .b-info .icon-svg::before {
      content: '';
      width: 14px;
      position: relative;
      top: 1px;
      left: 1px;
      height: 14px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      background-color: black;
      padding: 0; }

.b-map {
  border: 1px solid #DAE2EC;
  max-width: 480px;
  margin: 0 auto; }
  .b-map__address {
    padding: 8px 8px 8px 16px; }
    .b-map__address > :last-child {
      margin-bottom: 0; }
  @media (max-width: 749px) {
    .b-map .grid__cell {
      border-left: 0; } }
  @media (min-width: 480px) {
    .b-map {
      max-width: none;
      width: 100%; }
      .b-map, .b-map__img {
        max-height: 150px; } }
  @media (min-width: 750px) {
    .b-map {
      max-width: 350px; }
      .b-map, .b-map__img {
        max-height: none; }
      .b-map .grid__cell {
        border-left: 16px; } }
  @media (min-width: 1000px) {
    .b-map {
      max-width: 480px; }
      .b-map .grid__cell {
        border-left: 0; } }

.b-map-holder {
  width: 100%;
  height: 100%;
  background-color: #f4f6f8;
  position: relative; }

.b-ajax .b-map-holder {
  height: 710px; }

.b-message {
  border-left: 2px solid #A41713;
  padding: 16px;
  -webkit-box-shadow: 0 5px 15px rgba(87, 99, 113, 0.2);
          box-shadow: 0 5px 15px rgba(87, 99, 113, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .b-message__tip {
    line-height: 44px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #A41713;
    position: relative;
    display: inline-block;
    border: 1px solid #C5CFDB;
    padding: 0 5px 0 10px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    margin-right: 32px; }
    .b-message__tip:before, .b-message__tip:after {
      content: '';
      position: absolute;
      top: -1px;
      right: -10px;
      border-width: 23px 0 23px 10px;
      border-style: dashed solid;
      border-color: transparent #C5CFDB; }
    .b-message__tip:after {
      right: -9px;
      border-color: transparent white; }
  @media (min-width: 480px) {
    .b-message {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 32px; } }

.b-partners--filter-grey .b-partners__img {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: .5;
  -webkit-transition: opacity 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, -webkit-filter 0.3s;
  -o-transition: filter 0.3s, opacity 0.3s;
  transition: filter 0.3s, opacity 0.3s;
  transition: filter 0.3s, opacity 0.3s, -webkit-filter 0.3s; }

.no-touchevents .b-partners--filter-grey .b-partners__link:hover .b-partners__img {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  -moz-filter: none; }

.b-paging__btn {
  text-align: center; }

.b-paging__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #A41713;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none !important; }

.b-paging__item {
  max-height: 40px; }

.b-paging__link {
  text-decoration: none;
  cursor: pointer; }

.b-paging__link.is-active .b-paging__inner {
  border: 1px solid #A41713;
  background-color: #fff; }

.b-paging__inner {
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  -o-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  display: block;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.no-touchevents .b-paging__link:hover {
  color: #A41713; }

.no-touchevents .b-paging__link:hover .b-paging__inner {
  border: 1px solid #A41713;
  background-color: #fff; }

.b-paging .is-hidden {
  visibility: hidden; }

@media (min-width: 480px) {
  .b-paging__list {
    margin-left: -10px; }
  .b-paging__item {
    margin-left: 10px; } }

@media (min-width: 750px) {
  .b-paging--center .b-paging__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .b-paging--right .b-paging__list,
  .b-paging--inline .b-paging__list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

@media (min-width: 1232px) {
  .b-paging--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    position: relative; }
  .b-paging--inline .b-paging__btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); } }

.b-product {
  padding: 16px 13px 0 13px;
  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
  background-color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #E2E3E4;
  cursor: auto !important; }
  .b-product__item--bordered {
    border: 1px solid #DAE2EC; }
  .b-product .f-add-to-cart__add-to-cart.b-product__category-addtocart {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .b-product .f-add-to-cart__inp.b-product__category-inp {
    margin-bottom: 0; }
    .b-product .f-add-to-cart__inp.b-product__category-inp .inp-text {
      height: 40px;
      padding: 7px 30px; }
  .b-product-info .group {
    margin-bottom: 32px; }
    .b-product-info .group .paramname {
      margin-bottom: 12px; }
    .b-product-info .group .values {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px; }
      @media (min-width: 400px) {
        .b-product-info .group .values {
          grid-template-columns: 1fr 1fr 1fr; } }
      @media (min-width: 600px) {
        .b-product-info .group .values {
          grid-template-columns: 1fr 1fr 1fr 1fr; } }
      .b-product-info .group .values .inp-item {
        border: 1px solid #c9cccf;
        -webkit-border-radius: 4px;
                border-radius: 4px;
        padding: 10px;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
        .b-product-info .group .values .inp-item.active {
          border: 1px solid #555a5e; }
        .b-product-info .group .values .inp-item .inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          text-align: center; }
  .b-product__link {
    color: #2F353C;
    text-decoration: none;
    display: block; }
  .b-product__title {
    margin-bottom: 8px; }
  .b-product__title .flags {
    position: absolute;
    top: 32px;
    left: -5px; }
  .b-product__img {
    margin: 0 auto;
    margin-bottom: 16px; }
  .b-product__name {
    position: relative;
    margin: 0 8px 8px;
    display: inline-block; }
  .b-product__parameters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    color: #3a3e40;
    margin-bottom: 16px; }
    .b-product__parameters .title {
      font-family: "Montserrat", sans-serif;
      margin-right: 8px;
      font-weight: 600; }
  .b-product__description {
    font-size: 16px;
    color: #7D848B;
    margin-bottom: 16px; }
  .b-product__info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .b-product__info .b-price__wrapproduct__title {
      margin-bottom: 16px; }
  .b-product__add-to-cart {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    margin: 0 auto; }
    .b-product__add-to-cart--block {
      display: block;
      text-align: center; }
    .b-product__add-to-cart--block .b-product__price {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .b-product__add-to-cart p {
    margin-bottom: 0; }
  .b-product__price {
    min-height: 38px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: 130px;
    margin-left: 0; }
    .b-product__price .price__no-dph {
      color: #3a3e40; }
    .b-product__price .price__current {
      color: #3a3e40; }
    .b-product__price .price__wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
  .b-product__btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    .b-product__btn .btn__text {
      padding: 13px 16px; }
  .b-product__availability {
    display: inline-block;
    margin-bottom: 16px;
    font-weight: bold;
    padding-left: 0; }
    .b-product__availability .icon-svg {
      left: -20px; }
    .b-product__availability .information-product {
      left: -3px; }
  .no-touchevents .b-product:hover {
    border: 1px solid #A41713; }
  .b-product--fullimg .b-product__img {
    margin: -16px -16px 16px -16px; }
  .b-product__discount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .b-product__discount .price__discount {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #F5F5F5;
      padding: 5px 10px;
      margin: 10px 0;
      font-size: 16px;
      width: 100%; }
      .b-product__discount .price__discount .price__left {
        color: #595959; }

@media (max-width: 600px) {
  .product-detail h1 {
    font-size: 24px !important;
    margin-bottom: 5px;
    line-height: 30px !important; } }

.b-product-info .item-icon a {
  font-weight: normal;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  color: inherit;
  text-decoration-skip-ink: none; }

.btn-icon-svg {
  margin-right: 12px;
  margin-bottom: 3px; }

.is-loading .btn-icon-svg {
  stroke: transparent !important; }

.b-product-row {
  position: relative;
  padding: 10px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  z-index: 9;
  -webkit-border-radius: 20px;
          border-radius: 20px; }
  .b-product-row__vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .b-product-row__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .b-product-row__content .u-text-left {
      font-size: 16px; }
  .b-product-row__brand {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    color: #3a3e40; }
  .b-product-row__right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (max-width: 479px) {
      .b-product-row__right {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .b-product-row__content > p {
    margin: 0 0 8px; }
  .b-product-row__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px; }
  .b-product-row__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 10px; }
  .b-product-row__name {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 20px; }
  .b-product-row__info {
    left: -5px;
    pointer-events: initial; }
  .b-product-row__link {
    margin: 0 0 8px;
    text-decoration: none;
    line-height: 20px; }
  .b-product-row__description {
    font-size: 16px;
    color: #7D848B;
    margin-bottom: 10px; }
  .b-product-row__availability {
    font-weight: bold;
    font-size: 16px; }
  .b-product-row__flags {
    margin: 0; }
  .b-product-row__side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 749px) {
      .b-product-row__side {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    @media (max-width: 479px) {
      .b-product-row__side {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media (max-width: 749px) {
      .b-product-row__side .f-add-to-cart__add-to-cart {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px; } }
    .b-product-row__side .f-add-to-cart__inp {
      margin-bottom: 0; }
      .b-product-row__side .f-add-to-cart__inp .inp-text {
        height: 48px; }
    .b-product-row__side .f-add-to-cart__btn .btn__text {
      height: 48px;
      padding: 13px 24px;
      line-height: 16px;
      margin-bottom: 0; }
      .b-product-row__side .f-add-to-cart__btn .btn__text svg {
        width: 20px;
        margin-right: 6px; }
        .b-product-row__side .f-add-to-cart__btn .btn__text svg path {
          stroke: currentColor; }
  .b-product-row__price {
    font-size: 16px;
    line-height: 25px; }
  .b-product-row__price .price__current {
    white-space: nowrap;
    line-height: 14px; }
    .b-product-row__price .price__current-with {
      width: 100%;
      color: black; }
  .b-product-row__price .price__current > strong {
    font-size: 16px; }
  .b-product-row__btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 8px; }
  .b-product-row__count {
    -webkit-flex-basis: 90px;
        -ms-flex-preferred-size: 90px;
            flex-basis: 90px; }
  .b-product-row__basket-quantity {
    -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
            flex-basis: 100px; }
  .b-product-row__count, .b-product-row__basket-quantity {
    text-align: right; }
  .b-product-row__remove {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    line-height: 10px;
    text-align: right; }
  .b-product-row__remove-icon {
    color: #7D848B; }
  .b-product-row .grid__cell > p {
    margin-bottom: 8px; }
  .b-product-row--li {
    padding: 8px 16px 0 48px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    min-height: 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .b-product-row--li .inp-item__tool {
    top: calc(70px/2 - 9px);
    left: 15px; }
  .b-product-row--li .b-product-row__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    pointer-events: none;
    margin-bottom: 0; }
  .b-product-row--li .b-product-row__content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .b-product-row--li .b-product-row__img {
    margin-bottom: 0; }
  .b-product-row--li .b-product-row__text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 70%;
        -ms-flex: 0 1 70%;
            flex: 0 1 70%;
    line-height: 18px; }
  .b-product-row--li .b-product-row__side {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: right;
    padding-left: 10px;
    text-align: left;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
  .b-product-row--li .b-product-row__price {
    font-size: 16px; }
  .b-product-row--li .b-product-row__date {
    text-align: right; }
  .b-product-row--li .icon-svg--info {
    position: absolute;
    margin-left: 5px;
    top: -9px; }
  .b-product-row--li .f-open__box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    line-height: 22px;
    margin-bottom: 16px; }
  .b-product-row--payment .b-product-row__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .b-product-row--discount .b-product-row__price {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    font-size: 16px; }
  .b-product-row--discount .price__discount > strong {
    margin-right: 4px; }
  .no-touchevents .b-product-row:hover:not(.b-product-row--no-shadow) {
    -webkit-box-shadow: 0 5px 15px rgba(87, 99, 113, 0.2);
            box-shadow: 0 5px 15px rgba(87, 99, 113, 0.2); }
  @media (max-width: 479px) {
    .b-product-row__name {
      max-width: 90%; }
    .b-product-row--li .b-product-row__price {
      position: absolute;
      top: 8px;
      right: 16px;
      max-width: 70px;
      text-align: right; }
    .b-product-row--li .f-open__box {
      margin-left: -32px; }
    .b-product-row--payment .b-product-row__price {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }
  @media (min-width: 480px) {
    .b-product-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .b-product-row__content {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-flex-basis: 40%;
            -ms-flex-preferred-size: 40%;
                flex-basis: 40%; }
      .b-product-row__side {
        -webkit-flex-basis: 60%;
            -ms-flex-preferred-size: 60%;
                flex-basis: 60%;
        padding-left: 20px; }
      .b-product-row__price {
        font-size: 16px; }
        .b-product-row__price .price__current {
          line-height: 1.7142857143; }
          .b-product-row__price .price__current > strong {
            font-size: 18px; }
      .b-product-row__btn {
        padding-left: 16px; }
      .b-product-row--discount .b-product-row__img {
        margin: 0; }
      .b-product-row--discount .b-product-row__name {
        display: inline-block;
        margin: 0; }
      .b-product-row--discount .b-product-row__side {
        -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
                flex-basis: auto; }
      .b-product-row--li .b-product-row__text {
        -webkit-flex-basis: 45%;
            -ms-flex-preferred-size: 45%;
                flex-basis: 45%; }
      .b-product-row--li .b-product-row__side {
        -webkit-flex-basis: 55%;
            -ms-flex-preferred-size: 55%;
                flex-basis: 55%; }
      .b-product-row--li .b-product-row__date {
        -webkit-flex-basis: 60%;
            -ms-flex-preferred-size: 60%;
                flex-basis: 60%; }
      .b-product-row--li .b-product-row__content-inner {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
  @media (min-width: 750px) {
    .b-product-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 16px; }
      .b-product-row__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
            -ms-flex: 1 1 40%;
                flex: 1 1 40%; }
      .b-product-row__img {
        -webkit-flex-basis: 100px;
            -ms-flex-preferred-size: 100px;
                flex-basis: 100px; }
      .b-product-row__side {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 60%;
            -ms-flex: 1 1 60%;
                flex: 1 1 60%;
        padding-left: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        .b-product-row__side > p {
          margin-bottom: 0; }
      .b-product-row__btn {
        padding-left: 8px;
        margin-bottom: 16px; }
      .b-product-row .grid__cell > p {
        margin-bottom: 16px; }
      .b-product-row--li {
        padding: 8px 16px 0 48px; }
      .b-product-row--li .b-product-row__text {
        -webkit-flex-basis: 40%;
            -ms-flex-preferred-size: 40%;
                flex-basis: 40%; }
      .b-product-row--li .b-product-row__side {
        -webkit-flex-basis: 60%;
            -ms-flex-preferred-size: 60%;
                flex-basis: 60%; }
      .b-product-row--li .b-product-row__date {
        -webkit-flex-basis: 60%;
            -ms-flex-preferred-size: 60%;
                flex-basis: 60%; }
      .b-product-row--discount .b-product-row__side > p {
        margin-bottom: 0; }
      .b-product-row__right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
  @media (min-width: 1000px) {
    .b-product-row__count {
      -webkit-flex-basis: 100px;
          -ms-flex-preferred-size: 100px;
              flex-basis: 100px; }
    .b-product-row__btn {
      padding-left: 8px; }
    .b-product-row--li .b-product-row__text {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; }
    .b-product-row--li .b-product-row__side {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; }
    .b-product-row--li .b-product-row__date {
      -webkit-flex-basis: 60%;
          -ms-flex-preferred-size: 60%;
              flex-basis: 60%; }
    .b-product-row--fixed {
      padding: 10px 0; }
    .b-product-row--fixed .b-product-row__img {
      margin-bottom: 0;
      max-width: 70px;
      max-height: 70px; }
    .b-product-row--fixed .b-product-row__name {
      font-weight: bold; }
    .b-product-row--fixed .b-product-row__text {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .b-product-row--fixed .b-product-row__side {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }
  @media (max-width: 749px) {
    .b-product-row .inp-count, .b-product-row__basket-quantity, .b-product-row__price {
      margin-bottom: 0; } }

.b-rating {
  background: #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 24px; }
  .b-rating p {
    margin-bottom: 0; }
  .b-rating__inline-wrap {
    margin-left: -5px; }
    .b-rating__inline-wrap > * {
      margin-left: 5px; }
  .b-rating__stars .stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 14px; }
    .b-rating__stars .stars__icons {
      top: 0px; }
      .b-rating__stars .stars__icons .icon-svg--star {
        width: 20px;
        margin: 0 2px; }
      .b-rating__stars .stars__icons--active {
        color: #A41713; }
    .b-rating__stars .stars__percent {
      margin-right: 8px; }
  .b-rating__author {
    padding-bottom: 4px;
    display: block; }
  .b-rating__date {
    padding-bottom: 14px; }
  .b-rating__list {
    list-style-type: none !important;
    margin-left: 0 !important; }
  .b-rating__item {
    line-height: 22px;
    margin-bottom: 8px; }
    .b-rating__item .icon-svg {
      top: 11px; }
  .b-rating__review {
    margin: 0; }
  @media (max-width: 479px) {
    .b-rating {
      padding-bottom: 8px;
      border-bottom: 1px solid #DAE2EC; } }

.b-search__wrap > :last-child {
  margin-bottom: 16px; }

.b-search__filter > :last-child {
  margin-bottom: 8px; }

.b-search__item {
  padding-bottom: 5px;
  color: #7D848B; }
  .b-search__item--hide {
    display: none; }
    .b-search__item--hide.is-visible {
      display: block; }

.b-search__link {
  text-decoration: none; }

.b-search__count {
  color: #7D848B; }

.b-search .is-open .icon-svg__svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

@media (min-width: 750px) {
  .b-search__wrap {
    padding: 16px 32px 8px;
    border: 1px solid #DAE2EC;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background-color: #ffffff; } }

.b-social .fb-page--center {
  display: block;
  text-align: center; }

.b-social__list--basket {
  overflow: hidden;
  padding-bottom: 32px; }

.b-social--bg .b-social__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
  .b-social--bg .b-social__link--facebook {
    background: #3b5998; }
  .b-social--bg .b-social__link--twitter {
    background: #1da1f2; }
  .b-social--bg .b-social__link--google-plus {
    background: #dd4b39; }
  .b-social--bg .b-social__link--instagram {
    background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
  .b-social--bg .b-social__link .icon-svg {
    color: white; }

.no-touchevents .b-social__link--facebook:hover {
  color: #3b5998; }

.no-touchevents .b-social__link--twitter:hover {
  color: #1da1f2; }

.no-touchevents .b-social__link--instagram:hover {
  color: #c13584; }

.no-touchevents .b-social__link--google-plus:hover {
  color: #dd4b39; }

.no-touchevents .b-social--bg .b-social__link:hover {
  -webkit-box-shadow: 0 5px 20px rgba(87, 99, 113, 0.4);
          box-shadow: 0 5px 20px rgba(87, 99, 113, 0.4); }

.b-sort {
  padding: 0 0 32px; }
  .b-sort__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .b-sort__item {
    padding-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-decoration: underline; }
  .b-sort__info {
    color: #7D848B; }
  .b-sort .c-products__info {
    top: 30px;
    left: auto;
    right: 0;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    margin: 0; }
  .no-touchevents .b-sort__item.is-active:hover {
    color: #A41713; }
  .b-sort .is-active {
    border-bottom: 2px solid #A41713;
    cursor: auto;
    color: #2F353C;
    font-weight: bold;
    text-decoration: none; }
  @media (min-width: 480px) {
    .b-sort .c-products__info {
      top: 0; }
    .b-sort__items {
      max-width: calc(100% - 135px); } }

.b-steps {
  position: relative;
  padding: 32px 0;
  border: 1px solid #DAE2EC;
  border-width: 1px 0;
  -webkit-box-shadow: 0 5px 15px 0 rgba(87, 99, 113, 0.1);
          box-shadow: 0 5px 15px 0 rgba(87, 99, 113, 0.1); }
  .b-steps__item {
    position: relative;
    text-align: center; }
  .b-steps__list {
    margin-left: 0 !important; }
  .b-steps__inner {
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #7D848B;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    padding: 50px 0 0;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    text-transform: uppercase; }
  .b-steps__number {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
    width: 40px;
    line-height: 38px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #7D848B;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    font-weight: bold;
    color: #7D848B;
    -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; }
  .b-steps__item--active .b-steps__inner {
    color: #2F353C; }
  .b-steps__item--active .b-steps__number {
    background-color: #A41713;
    border-color: #A41713;
    color: #ffffff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(77, 173, 50, 0.2);
            box-shadow: 0 5px 15px 0 rgba(77, 173, 50, 0.2); }
  .b-steps__item--active.b-steps__item--icon .icon-svg {
    color: #A41713; }
  .b-steps__item--visited .b-steps__icon {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #12684A;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    color: #12684A;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .b-steps__item--visited .b-steps__icon .icon-svg {
      position: relative;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s;
      fill: #3FAC3F;
      stroke: transparent; }
  .b-steps__item--icon::after {
    display: none; }
  .b-steps__item--icon .icon-svg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 40px;
    color: #7D848B;
    fill: #7D848B;
    stroke: transparent;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
  .no-touchevents .b-steps__inner[href]:hover {
    color: #2F353C; }
  .no-touchevents .b-steps__inner[href]:hover .icon-svg {
    color: #12684A;
    fill: white; }
  .no-touchevents .b-steps__inner[href]:hover .b-steps__number {
    background-color: #12684A;
    border-color: #12684A;
    color: #ffffff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(77, 173, 50, 0.2);
            box-shadow: 0 5px 15px 0 rgba(77, 173, 50, 0.2); }
  .no-touchevents .b-steps__item--visited .b-steps__inner[href]:hover .b-steps__icon {
    background-color: #12684A; }
    .no-touchevents .b-steps__item--visited .b-steps__inner[href]:hover .b-steps__icon .icon-svg {
      color: #ffffff; }
  @media (min-width: 480px) {
    .b-steps__item::after {
      content: "";
      position: absolute;
      right: 0;
      top: 20px;
      width: 3px;
      height: 3px;
      background: #DAE2EC;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      -webkit-box-shadow: -10px 0 0 #DAE2EC, 10px 0 0 #DAE2EC;
              box-shadow: -10px 0 0 #DAE2EC, 10px 0 0 #DAE2EC; }
    .b-steps__item--icon::after {
      display: none; } }
  @media (min-width: 750px) {
    .b-steps__list {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .b-steps__item {
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1;
      padding: 0 80px 0 0; }
      .b-steps__item::after {
        top: 50%;
        right: 32px;
        -webkit-box-shadow: -10px 0 0 #DAE2EC, -20px 0 0 #DAE2EC, 10px 0 0 #DAE2EC, 20px 0 0 #DAE2EC;
                box-shadow: -10px 0 0 #DAE2EC, -20px 0 0 #DAE2EC, 10px 0 0 #DAE2EC, 20px 0 0 #DAE2EC; }
    .b-steps__item--icon {
      padding: 0; }
      .b-steps__item--icon .icon-svg {
        left: 17px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .b-steps__item--icon .b-steps__inner {
      padding: 0 0 0 50px; }
    .b-steps__inner {
      padding: 0 0 0 50px;
      font-size: 13px;
      text-align: left;
      line-height: 18px; }
    .b-steps__number {
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .b-steps__item--visited .b-steps__icon {
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }
  @media (min-width: 1000px) {
    .b-steps__item::after {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .b-steps__inner {
      font-size: 14px;
      /*$fontSize;*/ } }

.b-suggest {
  position: absolute;
  z-index: 150;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #DAE2EC !important;
  -webkit-box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
          box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin: 12px 0 !important;
  overflow: auto;
  max-height: 80vh; }
  .b-suggest::before, .b-suggest::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-width: 0 7px 7px;
    border-style: solid dashed;
    border-color: #DAE2EC transparent; }
  .b-suggest::after {
    margin-bottom: -1px;
    border-color: #fff transparent; }
  .b-suggest-fake {
    position: absolute;
    z-index: 151;
    top: 100%;
    left: 0 !important;
    right: 0 !important;
    background: #fff;
    border: 1px solid #DAE2EC;
    -webkit-box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
            box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    margin-top: 12px;
    overflow: auto;
    height: 80vh;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 90vw;
    max-width: 1232px; }
    @media (max-width: 1232px) {
      .b-suggest-fake {
        left: 20px !important;
        right: 20px !important;
        width: 97vw; } }
    @media (max-width: 750px) {
      .b-suggest-fake {
        left: auto !important;
        right: auto !important;
        width: 95vw; } }
    .b-suggest-fake.hide {
      opacity: 0;
      visibility: hidden; }
    .b-suggest-fake:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      border: 2px solid;
      border-top-color: transparent;
      width: 16px;
      height: 16px;
      -webkit-border-radius: 8px;
              border-radius: 8px;
      margin: -8px 0 0 -8px;
      opacity: 1;
      color: #A41713;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      -webkit-animation: animation-rotate .8s infinite linear;
              animation: animation-rotate .8s infinite linear; }
  .b-suggest__list {
    font-size: 16px; }
  .b-suggest__link {
    display: block;
    text-decoration: none; }
  .b-suggest__info {
    color: #7D848B; }
  .b-suggest__other {
    margin: 0;
    text-align: center;
    border-top: 1px solid #DAE2EC;
    font-size: 16px; }
    .b-suggest__other a {
      display: block;
      padding: 16px 20px;
      color: #7D848B; }
  .b-suggest__list--default {
    padding: 16px 30px 12px; }
    .b-suggest__list--default .icon-svg {
      color: #D8D8D8; }
  .b-suggest__list--default .b-suggest__item {
    margin-bottom: 3px; }
  .b-suggest__list--products .b-suggest__item {
    border-top: 1px solid #DAE2EC; }
  .b-suggest__list--default + .b-suggest__list--products {
    border-top: 1px solid #DAE2EC;
    padding-top: 1px; }
  .b-suggest__list--products:first-child .b-suggest__item:first-child {
    border-top-width: 0; }
  .b-suggest .is-selected a {
    color: #A41713; }
  .is-selected .b-suggest__name {
    text-decoration: underline; }
  .b-suggest__list--default .is-selected .item-icon {
    text-decoration: underline; }

.b-summary {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 16px 16px 0 16px; }
  .b-summary__table {
    font-size: 16px;
    position: relative; }
    .b-summary__table--bottom td {
      vertical-align: bottom; }
    .b-summary__table--no-bd td {
      border: 0;
      padding: 0; }
  .b-summary__img {
    max-width: 40px;
    max-height: 40px; }
    .b-summary__img--bigger {
      max-width: 80px;
      max-height: 80px; }
  .b-summary__total {
    text-align: right;
    color: #7D848B;
    padding-top: 16px;
    font-size: 16px;
    line-height: 21px; }
  .b-summary__total strong {
    color: #2F353C;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px; }
  .b-summary--highlight {
    padding-bottom: 8px;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px rgba(87, 99, 113, 0.1);
            box-shadow: 0 5px 20px rgba(87, 99, 113, 0.1);
    position: relative;
    margin: 0 auto; }
  .b-summary--bd {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #DAE2EC; }
  .b-summary--line {
    -webkit-border-radius: 3px;
            border-radius: 3px; }
  .b-summary--line .b-summary__total {
    border-top: 1px solid #DAE2EC;
    margin: 0 -16px;
    padding: 16px;
    background-color: #fff; }
  .b-summary--cutoff .b-summary__total {
    border-top: 3px double #DAE2EC;
    position: relative; }
  .b-summary--cutoff .b-summary__cutoff--left::before, .b-summary--cutoff .b-summary__cutoff--left::after, .b-summary--cutoff .b-summary__cutoff--right::before, .b-summary--cutoff .b-summary__cutoff--right::after {
    content: '';
    width: 24px;
    height: 30px;
    position: absolute;
    top: -15px;
    -webkit-border-radius: 100px;
            border-radius: 100px;
    -webkit-border-radius: 70% / 100%;
            border-radius: 70% / 100%; }
  .b-summary--cutoff .b-summary__cutoff--left::before, .b-summary--cutoff .b-summary__cutoff--right::before {
    background-color: #DAE2EC; }
  .b-summary--cutoff .b-summary__cutoff--left::after, .b-summary--cutoff .b-summary__cutoff--right::after {
    background-color: #f4f6f8; }
  .b-summary--cutoff .b-summary__cutoff--left::before {
    left: calc(-32px - 0px); }
  .b-summary--cutoff .b-summary__cutoff--left::after {
    left: calc(-32px - 1px); }
  .b-summary--cutoff .b-summary__cutoff--right::before {
    right: calc(-32px - 0px); }
  .b-summary--cutoff .b-summary__cutoff--right::after {
    right: calc(-32px - 1px); }
  @media (min-width: 480px) {
    .b-summary {
      padding: 32px 32px 12px 32px; }
      .b-summary--cutoff .b-summary__cutoff--left::before, .b-summary--cutoff .b-summary__cutoff--left::after, .b-summary--cutoff .b-summary__cutoff--right::before, .b-summary--cutoff .b-summary__cutoff--right::after {
        content: '';
        width: 26px; }
      .b-summary--cutoff .b-summary__cutoff--left::before {
        left: calc(-32px - 16px); }
      .b-summary--cutoff .b-summary__cutoff--left::after {
        left: calc(-32px - 17px); }
      .b-summary--cutoff .b-summary__cutoff--right::before {
        right: calc(-32px - 16px); }
      .b-summary--cutoff .b-summary__cutoff--right::after {
        right: calc(-32px - 17px); }
      .b-summary--line {
        padding: 16px;
        padding-bottom: 0;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto; } }
  @media (min-width: 750px) {
    .b-summary--cutoff .b-summary__cutoff--left::before, .b-summary--cutoff .b-summary__cutoff--left::after, .b-summary--cutoff .b-summary__cutoff--right::before, .b-summary--cutoff .b-summary__cutoff--right::after {
      content: '';
      width: 30px; }
    .b-summary--cutoff .b-summary__cutoff--left::before {
      left: calc(-32px - 21px); }
    .b-summary--cutoff .b-summary__cutoff--left::after {
      left: calc(-32px - 22px); }
    .b-summary--cutoff .b-summary__cutoff--right::before {
      right: calc(-32px - 21px); }
    .b-summary--cutoff .b-summary__cutoff--right::after {
      right: calc(-32px - 22px); }
    .b-summary--line {
      max-width: none; }
    .b-summary--line-between .grid__cell:not(:first-child)::before {
      content: '';
      position: absolute;
      width: 1px;
      top: 0;
      left: -24px;
      height: 100%;
      border-left: 1px solid #DAE2EC; } }
  @media (min-width: 1000px) {
    .b-summary--line {
      padding: 32px 32px 0 32px; }
    .b-summary--line .b-summary__total {
      margin: 0 -32px;
      padding: 16px 32px; } }
  .b-summary .qr-download-link {
    width: 100%;
    text-align: center;
    display: inline-block; }
  .b-summary .mobile-qr .qr-download-link {
    width: 136px; }

.b-support {
  padding: 16px 16px 32px;
  text-align: center;
  background-color: #FBFBFC;
  border: 1px solid #DAE2EC;
  -webkit-border-radius: 3px;
          border-radius: 3px; }
  .b-support > :last-child {
    margin-bottom: 0; }
  .b-support__title .icon-svg {
    color: #A41713; }
  .b-support .item-icon {
    padding-top: 45px;
    padding-left: 0; }
    .b-support .item-icon .icon-svg {
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 33px; }
  .b-support .btn__text {
    padding: 10px 35px;
    font-size: 16px; }
  .b-support .btn--bd .btn__text {
    background-color: inherit; }
  .b-support--photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 32px 16px;
    text-align: center; }
  .b-support--photo .b-support__image,
  .b-support--photo .b-support__text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .b-support--photo .b-support__img {
    text-align: right;
    position: relative;
    margin-bottom: 8px; }
    .b-support--photo .b-support__img .icon-svg {
      position: absolute;
      right: -15px;
      top: 5px; }
    .b-support--photo .b-support__img img {
      -webkit-border-radius: 50px;
              border-radius: 50px; }
  .b-support--photo .b-support__text > :last-child {
    margin-bottom: 0; }
  .b-support--phone {
    min-height: 150px;
    padding: 40px 112px 38px 16px;
    background-color: #f4f6f8;
    background-image: url("../img/illust/support-phone.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    line-height: 1.3; }
    .b-support--phone .item-icon {
      padding-top: 36px; }
      .b-support--phone .item-icon .icon-svg {
        width: 26px; }
  .b-support--phone .b-support__link {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold; }
  @media (min-width: 480px) {
    .b-support--photo {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      text-align: left;
      padding: 48px 16px; }
    .b-support--photo .b-support__img {
      margin-bottom: 0; }
    .b-support--photo .b-support__text {
      padding-left: 48px; } }
  @media (min-width: 1000px) {
    .b-support {
      padding-left: 32px; } }

.b-tabs__list {
  margin-left: 32px;
  margin-bottom: -1px;
  position: relative;
  z-index: 10; }

.b-tabs__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.b-tabs__item:not(:last-child) .b-tabs__link {
  border-right-width: 0; }

.b-tabs__link {
  display: block;
  padding: 0 16px;
  min-height: 50px;
  border: 1px solid #DAE2EC;
  text-decoration: none;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.b-tabs__link .img {
  width: 30px;
  margin-right: 8px; }

.b-tabs__fragment {
  padding: 32px;
  border: 1px solid #DAE2EC; }

.b-tabs__content {
  border: 1px solid #DAE2EC;
  border-width: 1px 0;
  overflow: scroll; }

.b-tabs__content .c-products-row__list .c-products-row__item {
  border-top-width: 0px; }

.b-tabs__content .c-products-row__list .c-products-row__item:not(.is-hidden) ~ .c-products-row__item {
  border-top-width: 1px; }

.b-tabs__link.is-active {
  background-color: #f4f6f8;
  border-bottom-color: transparent;
  color: #2F353C; }

.b-tabs__fragment.is-active {
  background-color: #f4f6f8; }

.b-thumbs__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
  text-align: center;
  position: relative; }
  .b-thumbs__item--video .icon-svg {
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-border-radius: 15px;
            border-radius: 15px;
    -webkit-box-shadow: 0 0 15px #2F353C;
            box-shadow: 0 0 15px #2F353C;
    background: transparent; }

.b-thumbs__link {
  -webkit-transition: color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s, color 0.3s, border-color 0.3s;
  transition: box-shadow 0.3s, color 0.3s, border-color 0.3s;
  transition: box-shadow 0.3s, color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  position: relative; }
  .b-thumbs__link--more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 17px;
    border: 1px solid #DAE2EC;
    padding: 49% !important; }

.b-thumbs__link-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.b-thumbs__link::after {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #A41713;
  opacity: 0; }

.b-thumbs__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .b-thumbs__img .icon-svg {
    text-align: center; }

.b-thumbs .count {
  margin-bottom: 5px; }

.no-touchevents .b-thumbs__link:hover::after {
  opacity: 1; }

@media (min-width: 480px) {
  .b-thumbs {
    float: right;
    max-width: 15%;
    min-width: 15%; }
    .b-thumbs__item {
      display: block;
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      min-width: 100%;
      margin-bottom: 8px; }
    .b-thumbs__item:last-child {
      position: relative;
      padding-top: calc(100% - 16px);
      width: 100%;
      margin: 0; }
    .b-thumbs__link {
      padding: 50%; }
    .b-thumbs__link--more {
      position: absolute;
      top: 0; } }

@media (min-width: 1000px) {
  .b-thumbs {
    float: none;
    max-width: 100%;
    min-width: 100%; }
    .b-thumbs__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .b-thumbs__item {
      -webkit-flex-basis: 20%;
          -ms-flex-preferred-size: 20%;
              flex-basis: 20%;
      max-width: 20%;
      min-width: 20%;
      margin-bottom: 0; }
    .b-thumbs__item:last-child {
      padding: 0; } }

.b-profile {
  margin: 0; }
  .b-profile .icon-svg {
    width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .b-profile__link {
    position: relative;
    display: block;
    text-decoration: none;
    width: 30px;
    height: 30px; }

.b-variant-row {
  background-color: white;
  border: 1px solid #DAE2EC;
  min-height: 50px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .b-variant-row:first-child {
    -webkit-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0; }
  .b-variant-row:last-child {
    -webkit-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px; }
  .b-variant-row:not(:last-child) {
    border-bottom: 0; }
  .b-variant-row__name {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; }
  .b-variant-row__link {
    text-decoration: none; }
  .b-variant-row__availability {
    font-weight: bold;
    font-size: 16px;
    min-width: 120px; }
  .b-variant-row__price {
    text-align: right;
    min-width: 60px; }
  @media (max-width: 479px) {
    .b-variant-row {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .b-variant-row__name, .b-variant-row__availability {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        margin-bottom: 5.3333333333px; }
      .b-variant-row__availability, .b-variant-row__price {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
      .b-variant-row__link, .b-variant-row__form {
        margin: 0 auto; }
      .b-variant-row__price {
        text-align: left; } }

.c-blog__list {
  margin-bottom: 16px; }

.c-blog__title {
  font-size: 22px;
  text-align: center;
  margin-bottom: 32px; }

.c-blog__btn {
  text-align: center; }

.c-categories-thumbs__inner {
  position: relative;
  padding: 10px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border: 1px solid #E2E3E4;
  color: #111213;
  line-height: 20px;
  text-decoration: none;
  -webkit-transition: color 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: color 0.3s, box-shadow 0.3s, border 0.3s;
  transition: color 0.3s, box-shadow 0.3s, border 0.3s;
  transition: color 0.3s, box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s; }

.c-categories-thumbs__img, .c-categories-thumbs__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px; }

.c-categories-thumbs__name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 8px; }

.c-categories-thumbs__inner {
  min-height: 75px; }
  .c-categories-thumbs__inner .icon-svg svg path {
    stroke: #A41713; }

.c-categories-thumbs img {
  height: 35px;
  max-width: 40px;
  -o-object-fit: contain;
     object-fit: contain; }

.c-categories-thumbs--arrow .icon-svg {
  width: 10px;
  right: 15px; }

.c-categories-thumbs--arrow .icon-svg--folder {
  right: auto; }

.c-categories-thumbs--arrow .c-categories-thumbs__inner {
  padding: 10px 40px 10px 16px;
  min-height: auto;
  -webkit-border-radius: 10px;
          border-radius: 10px; }

.no-touchevents .c-categories-thumbs__inner:hover {
  border: 1px solid #A41713; }

@media (max-width: 479px) {
  .c-categories-thumbs:not(.c-categories-thumbs--arrow) .c-categories-thumbs__list {
    margin: 0;
    padding: 0 0 1px 1px; }
  .c-categories-thumbs:not(.c-categories-thumbs--arrow) .c-categories-thumbs__item {
    border-width: 0; }
  .c-categories-thumbs:not(.c-categories-thumbs--arrow) .c-categories-thumbs__item > * {
    margin: 0 0 -1px -1px; } }

@media (min-width: 480px) {
  .c-categories-thumbs__inner {
    padding: 10px 16px; }
  .c-categories-thumbs__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px; } }

.c-categories a {
  text-decoration: none; }

.c-categories__wrapper {
  background: #ffffff;
  border: 1px solid #DAE2EC; }

.c-categories__inner {
  position: relative;
  padding: 16px;
  background: #ffffff;
  text-align: center; }
  .c-categories__inner > :last-child {
    margin-bottom: 0; }

.c-categories__img {
  max-width: 130px;
  margin: 0 auto 8px; }

.c-categories__more-categories {
  color: #7D848B;
  display: inline-block;
  vertical-align: top;
  margin-top: 8px; }

.c-categories__link {
  display: block; }

.c-categories--arrow .icon-svg {
  width: 10px;
  right: 15px; }

.c-categories--arrow .c-categories__inner {
  padding: 10px 40px 10px 16px; }

.c-categories--arrow {
  padding-left: 16px; }

.c-categories--cells .c-categories__inner {
  background: #ffffff;
  border: 1px solid #DAE2EC;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.c-categories--arrow .c-categories__icon {
  border: 1px solid #DAE2EC;
  -webkit-border-radius: 3px;
          border-radius: 3px; }

.no-touchevents .c-categories--cells .c-categories__inner:hover {
  -webkit-box-shadow: 0 5px 20px 0 rgba(87, 99, 113, 0.2);
          box-shadow: 0 5px 20px 0 rgba(87, 99, 113, 0.2); }

@media (min-width: 1000px) {
  .c-categories__inner {
    padding: 32px; } }

.c-products {
  position: relative; }
  .c-products__list {
    position: relative; }
  .c-products__title--spacing {
    padding-bottom: 16px; }
  .c-products__more, .c-products__info {
    color: #7D848B;
    position: absolute;
    top: -32px;
    margin: 0; }
  .c-products__wrap {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px; }
  .c-products__prev, .c-products__next {
    position: absolute;
    top: 50%;
    left: -8px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 30px;
    height: 30px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #2F353C;
    color: white;
    -webkit-border-radius: 40px;
            border-radius: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer; }
    .c-products__prev .icon-svg, .c-products__next .icon-svg {
      width: 10px; }
  .c-products__prev svg {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .c-products__next svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .c-products__next {
    left: auto;
    right: -8px; }
  .c-products .slick-slide .grid__cell {
    max-width: 100%; }
  .c-products--carousel .c-products__info {
    top: auto;
    bottom: -24px;
    margin-bottom: 0; }
  .c-products--carousel .c-products__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .no-touchevents .c-products__prev:hover,
  .no-touchevents .c-products__next:hover {
    background-color: #A41713; }
    .no-touchevents .c-products__prev:hover .icon-svg,
    .no-touchevents .c-products__next:hover .icon-svg {
      color: #fff; }
  .c-products .no-products {
    border: 1px solid #E2E3E4;
    padding: 8px 16px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    background: #fdedef; }
  .no-js .c-products__prev, .no-js .c-products__next {
    display: none; }
  .no-js .c-products__scroll {
    overflow-x: scroll; }
  .no-js .c-products--carousel .no-js .c-products__info {
    bottom: -16px; }
  @media (max-width: 749px) {
    .c-products__title.u-text-center + .c-products__wrap .c-products__more, .c-products__info {
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media (min-width: 480px) {
    .c-products__title--spacing:not(.u-text-center) {
      margin: 0 144px 16px 0;
      padding-bottom: 0; }
    .c-products__title:not(.u-text-center) ~ .c-products__wrap .c-products__more {
      -webkit-transform: translateX(0%);
          -ms-transform: translateX(0%);
              transform: translateX(0%);
      position: absolute;
      top: -40px;
      left: auto;
      right: 0;
      margin: 0; } }
  @media (min-width: 750px) {
    .c-products__title--spacing {
      margin: 0 144px 16px 0;
      padding-bottom: 0; }
    .c-products__title--spacing.u-text-center {
      margin: 0 144px 16px;
      padding-bottom: 0; }
    .c-products__title.u-text-center ~ .c-products__more, .c-products__more, .c-products__info {
      -webkit-transform: translateX(0%);
          -ms-transform: translateX(0%);
              transform: translateX(0%);
      position: absolute;
      top: -40px;
      left: auto;
      right: 0;
      margin: 0; }
    .c-products--carousel .c-products__info {
      bottom: 7px; }
    .js .c-products__scroll {
      left: 3px; } }
  @media (min-width: 1000px) {
    .b-ajax .c-products__prev, .b-ajax .c-products__next {
      width: 32px;
      height: 32px; }
      .b-ajax .c-products__prev .icon-svg, .b-ajax .c-products__next .icon-svg {
        width: 14px; }
    .b-ajax .c-products__prev {
      left: -20px; }
    .b-ajax .c-products__next {
      right: -20px; }
    .js .c-products__scroll {
      left: 1px; } }
  @media (min-width: 1232px) {
    .c-products__prev, .c-products__next {
      width: 32px;
      height: 32px; }
      .c-products__prev .icon-svg, .c-products__next .icon-svg {
        width: 14px; }
    .c-products__prev {
      left: -15px; }
    .c-products__next {
      right: -15px; } }

.c-products-row__item {
  margin-bottom: 8px;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
          border-radius: 10px; }
  @media (max-width: 479px) {
    .c-products-row__item .item-icon .icon-svg {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      position: relative;
      top: -1px; } }
  .c-products-row__item--highlight {
    background-color: #f4f6f8;
    -webkit-border-radius: 3px;
            border-radius: 3px; }
    .c-products-row__item--highlight .item-icon {
      padding-left: 30px; }
    .c-products-row__item--highlight .item-icon .icon-svg {
      width: 20px; }
    .c-products-row__item--highlight .b-product-row {
      padding: 16px 16px 8px; }
    .c-products-row__item--highlight .b-product-row__content {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .c-products-row__item--highlight .b-product-row__content > * {
      width: 100%; }
    .c-products-row__item--highlight .b-product-row__price {
      line-height: 21px; }
  .c-products-row__item--discount-code .b-product-row__content > * {
    width: 100%; }
  .c-products-row__item--discount-code .b-product-row__content {
    margin-right: 5%; }
  .c-products-row__item--discount-code .b-product-row__side > p {
    margin: 0; }
  .c-products-row__item--discount-code .b-product-row__price {
    line-height: 13px; }
  .c-products-row__item--discount-code .inp-text {
    max-width: 225px;
    height: 44px; }
  .c-products-row__item--discount-code .b-product-row {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  @media (max-width: 480px) {
    .c-products-row__item--discount-code .b-product-row__side {
      -webkit-box-pack: end !important;
      -webkit-justify-content: flex-end !important;
          -ms-flex-pack: end !important;
              justify-content: flex-end !important; } }
  @media (max-width: 480px) {
    .c-products-row__item--discount-code .b-product-row__img.fix-coupon {
      display: none; } }
  .c-products-row__item--discount-code .b-product-row__img .flag {
    max-width: 100% !important; }
  @media (max-width: 600px) {
    .c-products-row__item--discount-code .b-product-row__name {
      font-size: 18px !important; } }

.c-products-row--no-gap .c-products-row__item {
  margin-bottom: 16px;
  border-bottom: 0; }

.c-products-row--no-gap .b-product-row__img {
  -webkit-flex-basis: 60px;
      -ms-flex-preferred-size: 60px;
          flex-basis: 60px; }

.c-products-row--basket {
  margin-bottom: 0; }

.c-products-row--basket .c-products-row__item:not(.c-products-row__item--highlight):not(.c-products-row__item--discount-code) .b-product-row__content {
  -webkit-flex-basis: 30%;
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%; }

.c-products-row--basket .c-products-row__item--highlight .grid {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.c-products-row--basket .b-product-row {
  padding: 20px 15px; }
  .c-products-row--basket .b-product-row__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media (max-width: 479px) {
      .c-products-row--basket .b-product-row__content {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
  .c-products-row--basket .b-product-row__img .flag {
    max-width: 55px;
    margin: auto; }
  .c-products-row--basket .b-product-row__side {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0; }
  .c-products-row--basket .b-product-row__availability {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
    @media (max-width: 479px) {
      .c-products-row--basket .b-product-row__availability {
        padding-left: 0;
        margin-top: 12px;
        margin-bottom: 12px !important; } }
  .c-products-row--basket .b-product-row__price {
    text-align: right; }
    @media (max-width: 479px) {
      .c-products-row--basket .b-product-row__price {
        margin-bottom: 0px !important; } }
  .c-products-row--basket .b-product-row__remove {
    position: absolute;
    top: 10px;
    right: 10px; }
  @media (max-width: 479px) {
    .c-products-row--basket .b-product-row__count, .c-products-row--basket .b-product-row__basket-quantity {
      margin-bottom: 0px !important; } }

.c-products-row--basket .b-product-row .price__current {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.c-products-row--basket .b-product-row .price__current > strong,
.c-products-row--basket .b-product-row .price__discount > strong {
  font-size: 16px; }

.c-products-row--basket .b-product-row .price__discount {
  margin-bottom: 0; }

.c-products-row--hidden-inputs .b-product-row {
  padding-left: 16px; }

.c-products-row--hidden-inputs .inp-item__tool {
  visibility: hidden; }

.c-products-row--li .c-products-row__item {
  margin-bottom: -1px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: margin 0.3s, background-color 0.3s, border-color 0.3s, font-weight 0.3s;
  -o-transition: margin 0.3s, background-color 0.3s, border-color 0.3s, font-weight 0.3s;
  transition: margin 0.3s, background-color 0.3s, border-color 0.3s, font-weight 0.3s; }
  .c-products-row--li .c-products-row__item .icon-svg--info {
    color: #A0A7B0; }
  .c-products-row--li .c-products-row__item.is-checked {
    border-color: #BEDFF4;
    background-color: #F1F8FF; }
  .c-products-row--li .c-products-row__item.is-disabled {
    background-color: inherit; }
  .c-products-row--li .c-products-row__item.is-disabled label {
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .5; }
  .c-products-row--li .c-products-row__item.information .information-wrap {
    left: 3px;
    top: 62%; }

.c-products-row--li .c-products-row__list {
  margin: 0; }

.no-touchevents .c-products-row--li .c-products-row__item:hover {
  z-index: 20; }

@media (max-width: 479px) {
  .c-products-row__item--discount-code .b-product-row__name {
    max-width: none; } }

@media (min-width: 480px) {
  .c-products-row--basket .b-product-row {
    display: block; }
    .c-products-row--basket .b-product-row__side {
      padding-left: 30px; }
  .c-products-row--basket .b-product-row__availability {
    -webkit-flex-basis: 150px;
        -ms-flex-preferred-size: 150px;
            flex-basis: 150px;
    line-height: 14px; }
  .c-products-row--basket .b-product-row__remove {
    top: 24px;
    right: 20px; }
  .c-products-row__item--discount-code .b-product-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 50px 12px 15px; }
    .c-products-row__item--discount-code .b-product-row__content {
      -webkit-flex-basis: 400px;
          -ms-flex-preferred-size: 400px;
              flex-basis: 400px;
      margin-right: 0; }
    .c-products-row__item--discount-code .b-product-row__side {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; }
    .c-products-row__item--discount-code .b-product-row__side > p {
      margin-bottom: 8px; } }

@media (min-width: 750px) {
  .c-products-row--basket .b-product-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .c-products-row__item--highlight .b-product-row {
    padding: 16px 16px 0; }
  .c-products-row__item--discount-code .b-product-row {
    padding: 16px 16px 8px; }
  .c-products-row__item--discount-code .b-product-row__content {
    margin-right: 0; }
  .c-products-row__item--discount-code .b-product-row__side {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .c-products-row__item--discount-code .b-product-row__side > p {
      margin-bottom: 8px; }
  .c-products-row--basket .b-product-row__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-products-row--basket .b-product-row__side {
    padding-right: 30px; }
  .c-products-row--basket .b-product-row__remove {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); } }

@media (min-width: 480px) {
  .c-products-row__item--discount-code .inp-label {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100px;
    margin-left: -20px;
    margin-right: 20px;
    height: 45px;
    text-align: left;
    line-height: 1.35;
    position: relative; } }

@media (min-width: 1000px) {
  .c-products-row__item--discount-code .inp-label {
    width: 80px;
    margin-left: -100px;
    text-align: right; }
  .c-products-row--basket .b-product-row__img {
    -webkit-flex-basis: 80px;
        -ms-flex-preferred-size: 80px;
            flex-basis: 80px; }
  .c-products-row--basket .b-product-row__side {
    padding-right: 40px; } }

label.inp-item:has(.inp-item__inp:focus-visible) {
  outline: 2px solid #E62E29;
  outline-offset: 2px; }

.inp-item__inp:focus-visible + .b-product-row__content {
  outline: 2px solid #E62E29;
  outline-offset: 2px; }

.c-products-row--basket .b-product-row__name {
  anchor-name: --pr-title; }

.c-products-row--basket .b-product-row__remove {
  position: absolute;
  position-anchor: --pr-title;
  top: anchor(center);
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.c-products-row--basket .b-product-row__price {
  margin-left: auto; }

.c-products-row--basket .b-product-row__content > .u-text-left {
  position: absolute;
  position-anchor: --pr-title;
  /* stejná kotva jako křížek */
  top: anchor(bottom);
  left: anchor(left); }

.c-promo {
  position: relative; }
  .c-promo__list {
    margin: 0;
    overflow-y: visible;
    -webkit-background-size: 100% 205px;
            background-size: 100% 205px;
    background-repeat: no-repeat; }
  .c-promo__list > .c-promo__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .c-promo__item {
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .c-promo__wrap {
    background-repeat: no-repeat;
    background-position: right 0 top 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .c-promo__inner {
    padding: 16px 0 16px 16px;
    min-height: 205px; }
  .c-promo__perex {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #026DB4;
    margin: 0;
    line-height: 1.25;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .c-promo__products {
    min-height: 173px;
    text-align: center; }
  .c-promo__products img {
    max-height: 173px;
    width: auto; }
  .c-promo__menu {
    display: none; }
  .c-promo__progress {
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    background-color: rgba(0, 0, 0, 0.2);
    display: none; }
  .c-promo__progress-inner {
    width: 0%;
    height: 100%;
    background-color: #A41713; }
  .js .c-promo__progress {
    display: block; }
  .no-js .c-promo__list {
    overflow-x: scroll; }
  @media (min-width: 750px) {
    .c-promo__list {
      -webkit-background-size: 100% 320px;
              background-size: 100% 320px; }
    .c-promo__inner {
      min-height: 320px; }
    .c-promo__products {
      min-height: 288px; }
    .c-promo__products img {
      max-height: 288px; }
    .c-promo__perex {
      font-size: 30px; }
    .c-promo__progress {
      top: 315px; } }
  @media (min-width: 1000px) {
    .c-promo__inner {
      padding-right: 300px; }
    .js .c-promo__menu {
      display: block;
      max-width: 260px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 32px; }
    .c-promo--content .c-promo__inner {
      padding-left: 32px; } }
  @media (max-width: 1231px) {
    .js .c-promo:not(.c-promo--content) .c-promo__menu {
      right: calc(16px*3); } }
  @media (min-width: 1232px) {
    .js .c-promo__menu {
      right: calc( 50% - 1232px/2 + 16px*3); } }

.f-add-to-cart__variant-box {
  position: relative;
  border-width: 1px 1px 0 1px;
  border-color: #DAE2EC;
  border-style: solid;
  -webkit-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
  padding: 16px 16px 32px;
  background-color: #FBFBFC; }
  .f-add-to-cart__variant-box::before, .f-add-to-cart__variant-box::after {
    content: '';
    position: absolute;
    left: 16px;
    bottom: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #DAE2EC; }
  .f-add-to-cart__variant-box::after {
    bottom: -1px;
    border-bottom: 15px solid white; }

.f-add-to-cart__info-text {
  padding: 12px 32px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  background: #FDF3ED; }

.f-add-to-cart__contact-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px; }

.f-add-to-cart__contact-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .f-add-to-cart__contact-item svg {
    width: 20px;
    position: relative;
    top: 3px; }
  .f-add-to-cart__contact-item-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left; }
    .f-add-to-cart__contact-item-text a {
      text-decoration: none;
      color: #111213; }
    .f-add-to-cart__contact-item-text span {
      color: #91979C; }

.f-add-to-cart__discount-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin-bottom: 16px; }
  .f-add-to-cart__discount-price-value {
    font-family: "Montserrat", sans-serif; }
  .f-add-to-cart__discount-price-dph {
    font-family: "Montserrat", sans-serif;
    color: #91979C;
    font-weight: 500;
    font-size: 16px; }
  .f-add-to-cart__discount-price-wrap {
    padding: 12px 32px;
    background: #f4f5f5;
    -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
    width: 100%; }
  .f-add-to-cart__discount-price-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #acb1b4;
    margin-bottom: 16px; }
  .f-add-to-cart__discount-price-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 10px; }

.f-add-to-cart__recycling {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #555a5e;
  font-weight: 500; }
  @media (max-width: 479px) {
    .f-add-to-cart__recycling {
      margin-top: 16px; } }
  .f-add-to-cart__recycling strong {
    font-weight: 500;
    color: black; }
  .f-add-to-cart__recycling .information-i {
    background: none !important;
    border: 1px solid #111213;
    -webkit-border-radius: 50% !important;
            border-radius: 50% !important;
    color: #111213 !important; }

.f-add-to-cart__variant-box + .f-add-to-cart__wrap {
  -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px; }

.f-add-to-cart__variant {
  margin-bottom: 16px; }

.f-add-to-cart__select {
  max-width: 320px; }

.f-add-to-cart__login-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: left;
  gap: 20px; }
  .f-add-to-cart__login-box .btn {
    color: #A41713; }
    .f-add-to-cart__login-box .btn svg {
      position: relative;
      top: -1px; }
      .f-add-to-cart__login-box .btn svg path {
        stroke: #A41713; }

.f-add-to-cart__availability {
  font-weight: normal;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .f-add-to-cart__availability--info {
    color: #555a5e;
    font-size: 16px;
    font-family: "Montserrat", sans-serif; }
  .f-add-to-cart__availability .ico-svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 8px;
    position: relative;
    top: 1px; }
  .f-add-to-cart__availability:hover .information-text {
    display: block; }

.f-add-to-cart__availability a {
  color: inherit;
  font-weight: normal;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  white-space: nowrap; }

.f-add-to-cart__availability .icon-svg {
  top: 3px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.f-add-to-cart__wrap {
  text-align: center;
  background-color: white;
  border: 1px solid #DAE2EC;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 16px 16px 0; }

.f-add-to-cart__flags .flags {
  text-align: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.f-add-to-cart__price {
  text-align: left;
  margin-bottom: 16px; }
  .f-add-to-cart__price .price__current {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .f-add-to-cart__price .price__current strong {
    line-height: 30px; }
  .f-add-to-cart__price .price__discount {
    margin-bottom: 0; }

.f-add-to-cart__add-to-cart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: auto;
  margin-left: -16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0; }
  .f-add-to-cart__add-to-cart > * {
    margin-left: 16px; }
  .f-add-to-cart__add-to-cart p {
    display: inline-block; }

.f-add-to-cart__inp {
  color: #111213;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px; }
  .f-add-to-cart__inp input {
    padding-top: 14px;
    padding-bottom: 14px; }

.f-add-to-cart__inp-pcs {
  margin-left: 8px; }

.f-add-to-cart__btn .btn__text {
  line-height: 30px;
  height: 50px;
  font-size: 16px;
  padding: 9px 25px 9px 25px;
  position: relative;
  margin-bottom: 16px; }
  .f-add-to-cart__btn .btn__text .icon-svg {
    width: 24px; }
  .f-add-to-cart__btn .btn__text .item-icon {
    padding-left: 35px; }

.f-add-to-cart__delivery {
  display: inline-block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: bold;
  line-height: 21px; }
  .f-add-to-cart__delivery .icon-svg {
    width: 26px; }
  .f-add-to-cart__delivery.item-icon {
    padding-left: 34px; }

.f-add-to-cart__notification {
  display: none;
  font-size: 16px;
  color: #7D848B;
  font-weight: bold;
  white-space: nowrap; }
  .f-add-to-cart__notification.is-visible {
    display: inline; }

.f-add-to-cart.is-fixed:not(.is-fixed-bottom) {
  position: fixed;
  top: 32px; }

.f-add-to-cart.is-fixed-bottom {
  position: absolute;
  bottom: 48px; }

.f-add-to-cart--row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -16px; }

.f-add-to-cart--row > * {
  margin-left: 16px;
  margin-bottom: 0; }

.f-add-to-cart--row .f-add-to-cart__inp {
  margin: 0; }

.f-add-to-cart--row .f-add-to-cart__inp input {
  padding-top: 9px;
  padding-bottom: 9px; }

.f-add-to-cart--row .f-add-to-cart__btn .btn__text {
  margin-bottom: 0;
  height: auto; }

.f-add-to-cart--fixed .f-add-to-cart__btn .btn__text {
  line-height: 20px; }

@media (min-width: 750px) {
  .f-add-to-cart__wrap {
    text-align: left; }
  .f-add-to-cart__flags .flags {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .f-add-to-cart__price {
    text-align: left; }
    .f-add-to-cart__price .price__current {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .f-add-to-cart__add-to-cart {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .f-add-to-cart__inp {
    margin-left: 16px;
    margin-bottom: 16px; }
  .f-add-to-cart__btn .btn__text {
    margin-bottom: 16px; } }

@media (min-width: 1232px) {
  .f-add-to-cart__wrap {
    padding: 16px 32px 0; }
  .f-add-to-cart__variant-box {
    padding: 16px 32px 32px; }
  .f-add-to-cart__variant-box::before, .f-add-to-cart__variant-box::after {
    left: 32px; } }

.f-filter {
  position: relative;
  background: #ffffff;
  border: 1px solid #DAE2EC;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-top: 16px !important; }
  .f-filter > :last-child {
    border-bottom-width: 0; }
  .f-filter__item--hide {
    position: absolute;
    left: -9999px; }
  .f-filter__group--hide {
    position: absolute;
    left: -9999px; }
  .f-filter__group {
    position: absolute;
    left: -9999px;
    padding: 16px 16px 16px 0px;
    border-bottom: 1px solid #DAE2EC; }
    @media (max-width: 1000px) {
      .f-filter__group {
        padding-left: 16px; } }
    .f-filter__group:first-child {
      border-top-width: 0; }
    .f-filter__group fieldset > :last-child {
      margin-bottom: 0; }
    .f-filter__group ul {
      margin-left: 0; }
      .f-filter__group ul li {
        font-size: 16px; }
  .f-filter__title {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 18px;
    color: #3a3e40;
    font-family: "Montserrat", sans-serif; }
  .f-filter__multislider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .f-filter__multislider .inp-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 0;
      padding-left: 32px; }
      .f-filter__multislider .inp-row:first-child .inp-fix {
        padding-right: 16px; }
    .f-filter__multislider .inp-fix {
      padding-right: 8px; }
    .f-filter__multislider .inp-label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      float: left;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 27px;
      height: 42px;
      margin-left: -32px;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .f-filter__multislider .inp-text {
      max-width: 70px;
      padding: 8px; }
  .f-filter__brands {
    margin-bottom: 8px; }
  .f-filter__more {
    margin: 0;
    padding: 0; }
  .f-filter__more, .f-filter__more-group {
    text-decoration: none;
    padding-right: 16px; }
    .f-filter__more .icon-svg, .f-filter__more-group .icon-svg {
      width: 10px; }
  .f-filter__collapse {
    display: block;
    padding: 10px 40px 10px 20px;
    text-decoration: none;
    color: #2F353C; }
    .f-filter__collapse .icon-svg {
      right: 20px;
      width: 14px;
      color: #A41713; }
  .f-filter__group--collapsed {
    display: none; }
  .f-filter .icon-svg__svg {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .f-filter .is-uncollapsed:not(.f-filter__group--hide) {
    position: relative;
    left: 0; }
  .f-filter__item.is-visible, .f-filter .is-visible.is-uncollapsed {
    position: relative;
    left: 0; }
  .f-filter .is-open .icon-svg__svg {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  @media (max-width: 479px) {
    .f-filter__more {
      display: inline-block;
      width: 100%; }
    .f-filter__more .item-icon {
      padding-right: 16px; } }
  @media (min-width: 1000px) {
    .f-filter {
      background: transparent;
      border: 0; }
      .f-filter__collapse {
        display: none; }
      .f-filter__group:not(.f-filter__group--hide) {
        position: relative;
        left: 0; }
      .f-filter .is-visible {
        position: relative;
        left: 0; }
      .f-filter .js-slider {
        padding-bottom: 120px; }
      .f-filter__multislider .inp-row:first-child {
        display: block; }
      .f-filter__multislider .inp-label {
        margin-right: 0; } }
  @media (min-width: 1232px) {
    .f-filter .js-slider {
      padding-bottom: 0; }
    .f-filter__multislider {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .f-filter__multislider .inp-row:first-child {
        padding-bottom: 0; } }

.f-discount-code > * {
  margin-bottom: 0; }

@media (min-width: 750px) {
  .f-discount-code > * {
    margin-bottom: 8px; } }

@media (min-width: 1000px) {
  .f-discount-code .inp-label {
    height: 42px; }
  .f-discount-code .inp-row--button {
    padding-left: 100px !important; } }

.f-login {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .f-login__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    padding: 32px 32px 16px; }
    .f-login__col--form {
      background: #ffffff;
      border: 1px solid #DAE2EC; }
      @media (min-width: 750px) {
        .f-login__col--form {
          border-right: none; } }
  .f-login .size--5-12 {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0; }
  .f-login .size--7-12 {
    display: none; }
  .f-login__col--content {
    background: #f4f6f8;
    border-left: 1px solid #DAE2EC; }
  .f-login.m-popup {
    white-space: normal; }
    .f-login.m-popup::after {
      border-color: #f4f6f8 transparent; }
  @media (max-width: 749px) {
    .f-login {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .f-login__col {
        max-width: 100%; }
        .f-login__col--content {
          border-left: none; } }

.m-popup .f-login {
  width: 700px; }
  .m-popup .f-login__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    padding: 32px 32px 16px;
    white-space: normal; }
    .m-popup .f-login__col--form {
      border: none; }
  @media (min-width: 1000px) {
    .m-popup .f-login__col {
      padding: 48px 48px 32px; } }

.f-newsletter {
  background-color: #A41713;
  font-size: 16px; }
  .f-newsletter label {
    color: white; }
  .f-newsletter .inp-fix input::-webkit-input-placeholder {
    color: #6D7783; }
  .f-newsletter .inp-fix input::-moz-placeholder {
    color: #6D7783; }
  .f-newsletter .inp-fix input::-ms-input-placeholder {
    color: #6D7783; }
  .f-newsletter .inp-fix input::placeholder {
    color: #6D7783; }
  .f-newsletter .inp-icon__icon .icon-svg {
    color: #C5CFDB;
    width: 24px; }
  .f-newsletter .inp-text {
    padding: 12px 16px 12px 52px;
    -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
    border: 0;
    height: 44px; }
  .f-newsletter .btn__text {
    border-width: 0;
    -webkit-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
    padding: 13px 20px 13px; }
  .f-newsletter .inp-item {
    padding-left: 25px;
    margin-bottom: 16px;
    white-space: nowrap;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .f-newsletter .inp-item__text,
  .f-newsletter .inp-item__text a {
    color: #DAE2EC; }
  .f-newsletter .inp-item__text .inp-item__tool {
    top: 2px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border-color: rgba(0, 0, 0, 0.3); }
  .f-newsletter .inp-item__inp:checked + .inp-item__text .inp-item__tool {
    background-color: rgba(0, 0, 0, 0.3); }
  .f-newsletter__title {
    padding-top: 12px;
    text-align: center; }
  .f-newsletter__wrapper {
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    overflow: hidden; }
    .f-newsletter__wrapper .size--autogrow {
      -webkit-flex-basis: 0;
          -ms-flex-preferred-size: 0;
              flex-basis: 0; }
  .no-touchevents .f-newsletter .inp-item:hover:not(.inp-item--disabled) .inp-item__text {
    color: #DAE2EC; }
  .no-touchevents .f-newsletter .inp-item__text a:hover {
    color: #fff; }
  @media (max-width: 479px) {
    .f-newsletter__title {
      max-width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 480px) {
    .f-newsletter {
      text-align: center; }
      .f-newsletter__wrapper {
        max-width: 360px;
        margin: 0 auto; }
      .f-newsletter .inp-item {
        white-space: normal;
        left: 0;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); }
      .f-newsletter .size--autogrow {
        -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
                flex-basis: auto; } }
  @media (min-width: 750px) {
    .f-newsletter {
      text-align: left; }
      .f-newsletter__wrapper {
        max-width: none;
        margin: 0; }
      .f-newsletter__title {
        text-align: left; }
      .f-newsletter .size--autogrow {
        -webkit-flex-basis: inherit;
            -ms-flex-preferred-size: inherit;
                flex-basis: inherit; }
      .f-newsletter .inp-item {
        margin-bottom: auto; } }
  @media (min-width: 1000px) {
    .f-newsletter__title {
      text-align: right; } }

.f-std__wrap {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  border: 1px solid #DAE2EC;
  background-color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 32px 16px 16px 16px; }

@media (max-width: 749px) {
  .f-std__navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    text-align: center; } }

@media (min-width: 1000px) {
  .f-std__wrap {
    padding: 32px; } }

@media (min-width: 1232px) {
  .f-std .inp-row {
    padding-left: 160px; } }

.f-search__wrap {
  margin: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #F4F5F5;
  max-width: 100%;
  width: 100%; }
  .f-search__wrap .inp-text {
    border-color: transparent !important; }

.f-search__inp {
  -webkit-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
  border-width: 0;
  padding: 12px 20px 11px;
  background: transparent !important;
  height: 42px !important;
  color: #111213 !important;
  font-size: 16px; }

.f-search__btn .btn__text {
  -webkit-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0;
  padding: 10px 20px 10px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .f-search__btn .btn__text svg g {
    stroke: currentColor !important; }

@media (max-width: 999px) {
  .f-search__btn .btn__text {
    padding: 0;
    width: 44px;
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .f-search__btn .btn__text-wrap {
    position: absolute;
    left: -5000px;
    top: -5000px; }
  .f-search__btn .item-icon {
    padding: 0;
    position: static; }
  .f-search__btn .icon-svg {
    width: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@media (min-width: 750px) {
  .f-search__wrap {
    width: 100%; } }

@media (min-width: 1000px) {
  .f-search__wrap {
    width: 100%; } }

@media (min-width: 1232px) {
  .f-search__wrap {
    width: 480px; } }

.f-open:before, .f-open:after {
  content: '';
  display: table; }

.f-open:after {
  clear: both; }

.f-open__box {
  overflow: hidden;
  position: relative; }

.f-open__link--icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .f-open__link--icon::before, .f-open__link--icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 2px;
    margin-top: -1px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #A41713; }
  .f-open__link--icon::after {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.no-touchevents .f-open__link:hover .f-open__link--icon::before,
.no-touchevents .f-open__link:hover .f-open__link--icon::after {
  background-color: #A41713; }

.js .f-open__box {
  display: none; }

.f-open__link.is-open .f-open__link--icon::after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.m-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .m-main__list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .m-main__list:hover .m-main__item-fake {
      opacity: 1;
      visibility: visible; }
  .m-main__home-link .ico-svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: -1px;
    position: relative;
    margin-right: 10px; }
  @media (max-width: 750px) {
    .m-main__link-right {
      display: none; } }
  .m-main__item {
    color: #3A3E40; }
    .m-main__item-fake {
      position: absolute;
      height: 80vh;
      top: 100%;
      width: 1184px;
      z-index: 2;
      left: 16px;
      background: white;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      opacity: 0;
      visibility: hidden; }
    .m-main__item.on .m-main__link {
      color: #A41713;
      -webkit-box-shadow: inset 0px -1px 0px 0px #A41713;
              box-shadow: inset 0px -1px 0px 0px #A41713; }
  @media (max-width: 749px) {
    .m-main {
      display: none; } }
  @media (min-width: 750px) {
    .m-main {
      line-height: 18px;
      font-size: 16px; }
      .m-main__list {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        text-align: center; }
      .m-main__item {
        display: table-cell;
        vertical-align: middle;
        position: relative; }
      .m-main__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 50px;
        color: #3D3D3D;
        text-decoration: none;
        padding: 0 10px;
        -webkit-transition: color 0.3s, background 0.3s;
        -o-transition: color 0.3s, background 0.3s;
        transition: color 0.3s, background 0.3s;
        white-space: nowrap;
        font-family: "Plus Jakarta Sans", sans-serif; }
        .m-main__link::before, .m-main__link::after {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: 100%;
          height: 3px;
          background: #ffffff;
          -webkit-border-radius: 3px 3px 0 0;
                  border-radius: 3px 3px 0 0;
          -webkit-box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.05);
                  box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.05);
          opacity: 0;
          -webkit-transition: opacity 0.3s;
          -o-transition: opacity 0.3s;
          transition: opacity 0.3s; }
        .m-main__link::after {
          bottom: auto;
          top: 100%;
          -webkit-border-radius: 0 0 3px 3px;
                  border-radius: 0 0 3px 3px;
          -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
                  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05); }
        .m-main__link-right {
          color: #E62E29;
          padding: 0;
          font-family: "Plus Jakarta Sans", sans-serif; }
          .m-main__link-right .text {
            margin-right: 8px; }
      .m-main__item--all {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 310px;
            -ms-flex: 0 0 310px;
                flex: 0 0 310px;
        width: 310px; }
      .m-main__item--all .m-main__link {
        padding: 0 56px 0 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .m-main__item--all .m-main__link::before, .m-main__item--all .m-main__link::after {
          display: none; }
        .m-main__item--all .m-main__link .icon-menu {
          right: 20px; }
      .m-main__item--highlight {
        background: #F6D30E; }
      .m-main__item--highlight .m-main__link {
        color: #2F353C; }
        .m-main__item--highlight .m-main__link::before, .m-main__item--highlight .m-main__link::after {
          display: none; }
      .m-main__item.is-invisible {
        position: absolute;
        left: -5000px;
        top: -5000px; }
      .touchevents .m-main__item.is-hover .m-main__link,
      .no-touchevents .m-main__item:hover .m-main__link {
        -webkit-box-shadow: inset 0px -1px 0px 0px #A41713;
                box-shadow: inset 0px -1px 0px 0px #A41713;
        color: #A41713; }
      .no-touchevents .m-main__item--highlight:hover .m-main__link {
        background: #ecca09;
        color: #2F353C; } }

a:focus-visible,
.m-main__toggle:focus-visible,
[role="menuitem"]:focus-visible {
  outline: 1px solid #E62E29;
  outline-offset: 2px; }

.m-submenu[hidden] {
  display: none; }

.m-accessibility {
  position: absolute;
  left: -5000px;
  top: 0; }
  .m-accessibility a:focus, .m-accessibility a:active {
    position: absolute;
    top: 0;
    left: 5000px;
    width: 200px;
    padding: 2px 0 5px;
    z-index: 900;
    text-align: center;
    background: #fff; }

.m-breadcrumb {
  color: #555a5e;
  font-size: 16px; }
  .m-breadcrumb .icon-svg:before {
    display: none; }
  .m-breadcrumb__wrap {
    row-gap: 2px; }
  .m-breadcrumb__separator {
    height: 20px;
    display: block;
    line-height: 1; }
    .m-breadcrumb__separator svg path {
      stroke: #A41713; }
  .m-breadcrumb__link {
    color: #3a3e40;
    text-decoration: none;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 20px; }
    .m-breadcrumb__link:hover {
      color: black !important;
      text-decoration: underline; }
    .m-breadcrumb__link.u-text-gray {
      color: #555a5e; }
    .m-breadcrumb__link .icon-svg {
      width: 11px; }
  .m-breadcrumb__homepage-icon {
    height: 20px;
    line-height: 1;
    display: block; }
  .m-breadcrumb__active {
    color: #3a3e40;
    text-decoration: none;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 20px; }
  .m-breadcrumb__link, .m-breadcrumb__active {
    max-width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }

.m-dropdown {
  background-color: #ffffff;
  line-height: 18px;
  -webkit-border-radius: 10px;
          border-radius: 10px; }
  .m-dropdown a {
    color: #2F353C; }
  .m-dropdown .icon-svg {
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s;
    -o-transition: color 0.3s, transform 0.3s;
    transition: color 0.3s, transform 0.3s;
    transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;
    color: #A41713; }
  .m-dropdown__list {
    border: 1px solid #E7EBEF;
    -webkit-box-shadow: 0 5px 15px rgba(87, 89, 113, 0.1);
            box-shadow: 0 5px 15px rgba(87, 89, 113, 0.1);
    -webkit-border-radius: 10px;
            border-radius: 10px;
    list-style-type: none;
    margin-left: 0 !important; }
  .m-dropdown__item {
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    list-style-type: none;
    background-color: #FCFCFC; }
    .m-dropdown__item:first-child {
      -webkit-border-top-left-radius: 10px;
              border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
              border-top-right-radius: 10px; }
    .m-dropdown__item:last-child {
      -webkit-border-bottom-left-radius: 10px;
              border-bottom-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
              border-bottom-right-radius: 10px; }
    .m-dropdown__item:not(:first-child) {
      border-top: 1px solid #E7EBEF; }
  .m-dropdown__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .m-dropdown__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 16px;
    min-height: 50px;
    text-decoration: none;
    font-weight: bold; }
    .m-dropdown__link--icon {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
  .m-dropdown__content {
    background-color: white;
    padding: 0 32px 32px 16px; }
  .no-touchevents .m-dropdown a:hover {
    color: #A41713; }
  .no-touchevents .m-dropdown__links:hover .icon-svg {
    color: #A41713; }
  .js .m-dropdown__item:not(.is-opened) > .m-dropdown__content {
    display: none; }
  .m-dropdown .is-opened {
    background-color: white; }
  .m-dropdown .is-opened > .m-dropdown__links .icon-svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .m-dropdown .js-standard-menu__item .icon-rotate {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .m-dropdown .js-standard-menu__item.is-opened .icon-rotate {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.m-detail {
  pointer-events: auto; }
  .m-detail__link {
    padding-right: 12px; }
  .m-detail .icon-svg {
    width: 12px;
    -webkit-transition: top 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, top 0.3s;
    transition: transform 0.3s, top 0.3s;
    transition: transform 0.3s, top 0.3s, -webkit-transform 0.3s; }
  .m-detail__wrap {
    margin-bottom: 5px; }
  .m-detail .is-active {
    color: #7D848B; }
  .m-detail .is-active .icon-svg {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    top: 6px; }
  .no-touchevents .m-detail .is-visited a:hover {
    color: #A41713; }

.m-secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .m-secondary__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 0 0 -20px; }
  .m-secondary__list + .m-secondary__list {
    margin-left: 0; }
  .m-secondary__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 0 0 0 20px; }
  .m-secondary__link {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 4px 0;
    cursor: pointer; }
    .m-secondary__link .item-icon .icon-svg {
      color: #2F353C; }
      .m-secondary__link .item-icon .icon-svg--avatar {
        width: 16px;
        color: #ffffff; }
        .m-secondary__link .item-icon .icon-svg--avatar g {
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
    .m-secondary__link:hover {
      color: white !important;
      text-decoration: underline; }
      .m-secondary__link:hover svg g {
        stroke: white; }
  .m-secondary .js-toggle[aria-expanded="true"] + .m-popup {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .m-secondary .m-secondary__link:has(.js-toggle[aria-expanded="true"]) + .m-popup {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .m-secondary--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .m-secondary__item--submenu {
    position: relative; }
  .m-secondary__item--submenu .m-secondary__link {
    padding-right: 25px;
    position: relative; }
  .m-secondary__item--submenu .m-secondary__link > .icon-svg {
    position: absolute;
    right: 0;
    top: 50%;
    width: 16px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ffffff; }
    .m-secondary__item--submenu .m-secondary__link > .icon-svg svg {
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
  .m-secondary__link--light {
    color: #6D7783; }
  .m-secondary__link--highlight {
    color: #3A3E40; }
  .m-secondary__item--submenu.is-open .m-secondary__link > .icon-svg svg {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }

.m-side {
  background-color: #ffffff;
  line-height: 18px; }
  .m-side__arrow {
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    height: 50px; }
    .m-side__arrow::before, .m-side__arrow::after {
      content: '';
      position: absolute;
      top: 1px;
      left: -20px;
      width: 20px;
      height: 50px;
      border-style: dashed solid;
      border-color: transparent #DAE2EC transparent transparent;
      border-width: 25px 15px 25px 0; }
    .m-side__arrow::after {
      left: -19px;
      border-color: transparent white transparent transparent; }
  .m-side__list {
    border: 1px solid #E7EBEF;
    -webkit-box-shadow: 0 5px 15px rgba(87, 89, 113, 0.1);
            box-shadow: 0 5px 15px rgba(87, 89, 113, 0.1); }
  .m-side__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .m-side__item:not(:first-child) {
      border-top: 1px solid #E7EBEF; }
  .m-side__link {
    padding: 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 50px;
    text-decoration: none; }
  .m-side--arrow {
    margin-left: 16px;
    background: #F4F6F8; }
  .m-side--arrow .m-side__item {
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: relative; }
  .m-side--arrow .m-side__list,
  .m-side--arrow .m-side__item:not(:first-child) {
    border-color: #DAE2EC; }
  .m-side--arrow .m-side__item:hover {
    background-color: white; }
  .m-side--arrow .m-side__item:hover .m-side__link {
    color: #3A3E40; }
  .is-active .m-side__link {
    color: #2F353C;
    font-weight: bold; }
  .is-active .m-side__link:hover {
    color: #A41713; }
  .m-side--arrow .is-active {
    background: white; }
  .m-side--arrow .is-active .m-side__link {
    font-weight: inherit;
    color: #3A3E40; }
    .m-side--arrow .is-active .m-side__link::before, .m-side--arrow .is-active .m-side__link::after {
      content: '';
      position: absolute;
      top: 1px;
      left: -20px;
      width: 20px;
      height: 50px;
      border-style: dashed solid;
      border-color: transparent #DAE2EC transparent transparent;
      border-width: 25px 15px 25px 0; }
    .m-side--arrow .is-active .m-side__link::after {
      left: -19px;
      border-color: transparent white transparent transparent; }
  .m-side--arrow .m-side__arrow + .m-side__list .is-active .m-side__link::before, .m-side--arrow .m-side__arrow + .m-side__list .is-active .m-side__link::after {
    content: none; }

.m-submenu {
  background: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  position: absolute;
  left: -1px;
  width: 250px;
  padding: 16px 16px 0;
  top: 100%;
  z-index: 150;
  text-align: left;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  font-weight: normal;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .m-submenu__group {
    display: block;
    padding: 0 0 16px;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid-column;
    width: 330px; }
    .m-submenu__group:before, .m-submenu__group:after {
      content: '';
      display: table; }
    .m-submenu__group:after {
      clear: both; }
  .m-submenu__sizer {
    width: calc(100% / 3); }
  .m-submenu__item {
    margin: 0 0 8px; }
  .m-submenu__link {
    display: block; }
  .m-submenu__title {
    font-weight: bold;
    margin: 0 0 8px; }
    .m-submenu__title-name.bottom-minus {
      position: relative; }
  .m-submenu__title-img {
    float: left;
    margin-left: -90px;
    width: 70px; }
    .m-submenu__title-img img {
      -webkit-border-radius: 3px;
              border-radius: 3px; }
  .m-submenu__categories {
    margin: 0;
    line-height: 25px; }
    .m-submenu__categories-link-more {
      margin-left: 8px;
      text-decoration: underline !important; }
  .m-submenu__link:not(:hover), .m-submenu__title-link:not(:hover), .m-submenu__more-link:not(:hover), .m-submenu__categories-link:not(:hover) {
    text-decoration: none; }
  .m-submenu__more {
    margin: 0 0 8px; }
  .m-submenu__more-link {
    color: #7D848B; }
  .m-submenu--full {
    width: calc( 100vw - 48px);
    padding: 32px 16px 16px;
    display: grid;
    grid-template-columns: auto auto auto;
    max-height: 80vh;
    overflow-y: scroll; }
  .m-submenu__group--img {
    padding-left: 90px; }
  .m-submenu--side {
    left: 100%;
    top: 1px;
    -webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.15);
            box-shadow: 5px 0 10px rgba(0, 0, 0, 0.15); }
  .m-submenu--side.m-submenu--full {
    width: calc(100vw - 358px);
    padding: 16px 16px 0; }
  .m-submenu .no-touchevents a:not(:hover) {
    text-decoration: none; }
  .no-touchevents .m-all__item:hover > .m-submenu,
  .no-touchevents .m-main__item:hover > .m-submenu,
  .touchevents .m-all__item.is-hover > .m-submenu,
  .touchevents .m-main__item.is-hover > .m-submenu,
  .js-toggle[aria-expanded="true"] + .m-submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .m-submenu .js-toggle[aria-expanded="true"] + .m-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  @media (max-width: 1231px) {
    .m-submenu--side.m-submenu--full {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2; } }
  @media (max-width: 999px) {
    .m-submenu--side.m-submenu--full .m-submenu__group--img {
      padding-left: 0; }
    .m-submenu--side.m-submenu--full .m-submenu__title-img {
      float: none;
      display: block;
      margin: 0 0 8px; } }
  @media (min-width: 1000px) {
    .m-submenu__group--img-sm {
      padding-left: 75px; }
    .m-submenu__group--img-sm .m-submenu__title-img {
      width: 50px;
      margin-left: -75px; } }
  @media (min-width: 1232px) {
    .m-submenu {
      padding: 32px 32px 0; }
      .m-submenu__group {
        padding-bottom: 32px; }
      .m-submenu--full {
        width: 1184px;
        padding: 64px 64px 32px; }
      .m-submenu--side.m-submenu--full {
        width: 874px;
        padding: 32px 32px 0; } }

.m-all {
  background: #ffff;
  position: absolute;
  left: -1px;
  right: 0;
  top: 100%;
  z-index: 150;
  text-align: left;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s; }
  .m-all__list {
    font-weight: bold;
    line-height: 18px;
    font-size: 16px; }
  .m-all__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    position: relative; }
  .m-all__link {
    border-top: 1px solid rgba(47, 53, 60, 0.2);
    display: block;
    color: #3D3D3D;
    text-decoration: none;
    padding: 16px 20px;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s; }
    .m-all__link::before, .m-all__link::after {
      content: '';
      position: absolute;
      right: 100%;
      top: 0;
      bottom: 0;
      width: 3px;
      background: #ffffff;
      -webkit-border-radius: 3px 0 0 3px;
              border-radius: 3px 0 0 3px;
      -webkit-box-shadow: -2px 0 1px rgba(0, 0, 0, 0.05);
              box-shadow: -2px 0 1px rgba(0, 0, 0, 0.05);
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s; }
    .m-all__link::after {
      left: 100%;
      right: auto;
      -webkit-border-radius: 0 3px 3px 0;
              border-radius: 0 3px 3px 0;
      -webkit-box-shadow: 2px 0 1px rgba(0, 0, 0, 0.05);
              box-shadow: 2px 0 1px rgba(0, 0, 0, 0.05); }
  .m-all__item--highlight {
    background: #F6D30E; }
  .m-all__item--highlight .m-all__link {
    color: #2F353C; }
    .m-all__item--highlight .m-all__link::before, .m-all__item--highlight .m-all__link::after {
      display: none; }
  .is-open .m-all {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .touchevents .m-all__item.is-hover .m-all__link,
  .no-touchevents .m-all__item:hover .m-all__link {
    background: #ffffff;
    color: #026DB4; }
    .touchevents .m-all__item.is-hover .m-all__link::before, .touchevents .m-all__item.is-hover .m-all__link::after,
    .no-touchevents .m-all__item:hover .m-all__link::before,
    .no-touchevents .m-all__item:hover .m-all__link::after {
      opacity: 1; }
  .no-touchevents .m-all__item--highlight:hover .m-all__link {
    background: #ecca09;
    color: #2F353C; }

.m-nested {
  font-size: 16px;
  padding: 0; }
  :first-child > .m-nested__list {
    padding-left: 0; }
  .m-nested__list {
    padding: 0 0 0 20px;
    margin-left: 0 !important; }
  .m-nested__item {
    list-style-type: none; }
  .m-nested__links {
    display: block;
    position: relative;
    padding-left: 20px; }
  .m-nested__link {
    display: block;
    position: relative;
    min-height: 15px;
    padding: 4px 0;
    text-decoration: none;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s; }
  .m-nested__link--icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    .m-nested__link--icon::before, .m-nested__link--icon::after {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 8px;
      height: 2px;
      margin-top: -1px;
      -webkit-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      transition: background-color 0.3s;
      background-color: #A41713; }
    .m-nested__link--icon::after {
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .m-nested--light .m-nested__link {
    color: #fff; }
  .m-nested--light .m-nested__link--icon::before, .m-nested--light .m-nested__link--icon::after {
    background-color: #fff; }
  .m-nested__link.is-active {
    color: #A41713;
    font-weight: bold; }
  .js .m-nested__item:not(.is-opened) > .m-nested__content {
    display: none; }
  .is-opened > .m-nested__links > .m-nested__link--icon::after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .touchevents .m-nested__item {
    margin: 10px 0; }
  .no-touchevents .m-nested__link:hover {
    color: #A41713; }
  .no-touchevents .m-nested__link--icon:hover::before,
  .no-touchevents .m-nested__link--icon:hover::after,
  .no-touchevents .m-nested__links:hover .m-nested__link--icon::before,
  .no-touchevents .m-nested__links:hover .m-nested__link--icon::after {
    background-color: #A41713; }
  .m-nested--light .m-nested__link.is-active {
    color: #fff; }
  .no-touchevents .m-nested--light .m-nested__link:hover {
    color: rgba(255, 255, 255, 0.7); }
  .no-touchevents .m-nested--light .m-nested__link--icon:hover::before, .no-touchevents .m-nested--light .m-nested__link--icon:hover::after {
    background-color: rgba(255, 255, 255, 0.7); }

.m-nested__item:has(.js-toggle[aria-expanded="true"]) .m-nested__content {
  display: block !important; }

.m-popup {
  position: absolute;
  z-index: 150;
  top: 100%;
  right: -13px;
  background: #fff;
  border: 1px solid #DAE2EC;
  -webkit-box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
          box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s; }
  .m-popup::before, .m-popup::after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 14px;
    border-width: 0 7px 7px;
    border-style: solid dashed;
    border-color: #DAE2EC transparent; }
  .m-popup::after {
    margin-bottom: -1px;
    border-color: #fff transparent; }
  .m-popup .row-main {
    padding: 0 !important; }
  .m-popup__item {
    border-top: 1px solid #DAE2EC; }
    .m-popup__item:first-child {
      border-top-width: 0; }
  .m-popup__link {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 10px 16px;
    cursor: pointer; }
  .m-popup__link .icon-svg {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #A41713; }
  .is-open .m-popup {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .m-popup__link.is-active {
    padding-right: 35px; }
  .no-touchevents .m-popup__link:hover, .m-popup__link.is-active {
    color: #3A3E40; }
  .no-touchevents .m-popup__link:hover {
    background: #f4f6f8; }

.m-responsive {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 18px;
  font-size: 16px; }
  .m-responsive__title {
    display: block;
    position: relative;
    padding: 0 36px 0 10px;
    color: #3a3e40;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 50px;
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans", sans-serif; }
    .m-responsive__title::before {
      content: attr(data-text); }
    .m-responsive__title .icon-menu {
      right: 10px; }
      .m-responsive__title .icon-menu:before, .m-responsive__title .icon-menu:after {
        background: #3a3e40;
        -webkit-box-shadow: 0 -5px 0 #3a3e40, 0 5px 0 #3a3e40;
                box-shadow: 0 -5px 0 #3a3e40, 0 5px 0 #3a3e40; }
  .m-responsive__popup {
    position: absolute;
    right: 0;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3); }
    .m-responsive__popup-close {
      position: absolute;
      right: 20px;
      top: 10px;
      width: 30px;
      height: 30px;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: none; }
      .m-responsive__popup-close svg {
        width: 50%;
        height: 50%;
        fill: white; }
    .m-responsive__popup .m-responsive__link:hover {
      color: #eea1a0; }
  .m-responsive__item {
    background: #A41713 !important;
    border-top: 1px solid rgba(47, 53, 60, 0.2); }
  .m-responsive__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .m-responsive__link {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #fff;
    padding: 16px 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase; }
  .m-responsive__content {
    padding: 0 16px 16px; }
  .m-responsive__item--highlight {
    background: #F6D30E; }
  .m-responsive__item--highlight .m-responsive__link {
    color: #2F353C; }
  .m-responsive__item--secondary {
    font-weight: normal;
    background: none; }
  .m-responsive__link--icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0;
    padding-right: 0;
    width: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
    .m-responsive__link--icon .icon-svg {
      width: 16px;
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
  .is-open .m-responsive__title::after,
  .is-open .m-responsive__popup {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .is-open .m-responsive__title .icon-menu:before, .is-open .m-responsive__title .icon-menu:after {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .no-touchevents .m-responsive__item--highlight .m-responsive__link:hover {
    background: #ecca09;
    color: #2F353C; }
  .js .m-responsive__item:not(.is-opened) > .m-responsive__content {
    display: none; }
  .m-responsive__item.is-opened > .m-responsive__links .icon-svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  @media (max-width: 749px) {
    .m-responsive__title {
      position: absolute;
      right: 16px;
      top: 10px;
      background: #A41713;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      height: 46px;
      width: 94px;
      color: white; }
      .m-responsive__title::before {
        content: attr(data-text-responsive); }
      .m-responsive__title .icon-menu:before, .m-responsive__title .icon-menu:after {
        background: white;
        -webkit-box-shadow: 0 -5px 0 white, 0 5px 0 white;
                box-shadow: 0 -5px 0 white, 0 5px 0 white; }
    .m-responsive__popup {
      max-width: 100vw;
      top: 10px;
      left: 10px;
      right: 10px;
      height: 90vh;
      background: #8d1410;
      padding: 48px 16px 16px 16px;
      position: fixed;
      overflow-y: scroll;
      -webkit-border-radius: 10px;
              border-radius: 10px; }
      .m-responsive__popup::before {
        content: '';
        position: absolute;
        right: 26px;
        bottom: 100%;
        border-width: 0 8px 4px;
        border-style: solid dashed;
        border-color: #8d1410 transparent; }
      .m-responsive__popup-close {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
    .m-responsive__item:first-child {
      border-top-width: 0; }
    .m-responsive__item:not(.m-responsive__item--secondary) + .m-responsive__item--secondary {
      border-top-width: 0;
      margin-top: 10px; } }
  @media (max-width: 479px) {
    .m-responsive__title {
      height: 40px;
      width: 82px; } }
  @media (min-width: 750px) {
    .m-responsive {
      position: relative;
      display: none; }
      .m-responsive__title::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 1px;
        background: #A41713;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
        -o-transition: opacity 0.3s, visibility 0s 0.3s;
        transition: opacity 0.3s, visibility 0s 0.3s; }
      .m-responsive__popup {
        width: 280px;
        top: 100%; }
      .m-responsive__item {
        display: none; }
      .m-responsive--hide {
        display: none !important; }
      .m-responsive.is-visible {
        display: block; }
      .m-responsive__item.is-visible {
        display: block; } }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

body {
  position: relative;
  min-width: 320px; }

:first-child {
  margin-top: 0; }

.header {
  position: relative; }
  .header__logo {
    display: block;
    font: 100%/1 "Roboto", sans-serif;
    margin: 0;
    padding: 0;
    max-width: 265px !important; }
  .header__top {
    position: relative;
    z-index: 10;
    background: #A41713; }
  .header__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .header__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 85px;
    padding: 10px 0;
    margin-left: -8px; }
    .header__wrap-kosik {
      padding-bottom: 0 !important;
      min-height: 60px;
      padding-top: 0; }
    .header__wrap-padding-none {
      padding-bottom: 0 !important; }
      .header__wrap-padding-none.header__wrap-faze {
        padding-right: 0 !important; }
        .header__wrap-padding-none.header__wrap-faze .header__profile {
          right: 16px !important; }
  .header__logo, .header__search, .header__basket, .header__contact, .header__profile, .header__social {
    border-left: 8px solid transparent;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .header__logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .header__sticky {
    background: white;
    width: 100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: 100; }
    .header__sticky.fixed {
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
              box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
      position: fixed;
      top: 0; }
    .header__sticky.hide {
      top: -200px; }
  .header__menu {
    border-bottom: 1px solid #c9cccf; }
    .header__menu--wrap-new {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .header__menu-wrap {
      width: calc(100% - 20px);
      padding-right: 10px; }
    @media (max-width: 749px) {
      .header__menu-kosik .m-responsive__title {
        top: 26px !important; } }
  @media (max-width: 749px) {
    .header {
      -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.14);
              box-shadow: 0 0 6px rgba(0, 0, 0, 0.14); }
      .header__top {
        display: none; }
      .header__profile {
        position: absolute;
        right: 180px; }
        .header__profile svg {
          width: 30px;
          height: 30px; }
          .header__profile svg g {
            stroke: #111213 !important; }
      .header__wrap {
        padding-bottom: 80px;
        padding-right: 110px; }
        .header__wrap-cart {
          padding-bottom: 0;
          padding-right: 0; }
      .header__logo {
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .header__logo img {
          max-width: calc(100% - 40px);
          max-height: 40px;
          width: auto; }
      .header__contact {
        width: 38px; }
      .header__search {
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 10px;
        margin-left: -8px; }
      .header__menu .row-main {
        position: static; }
      .header__social {
        display: none; } }
  @media (max-width: 479px) {
    .header__profile {
      right: 160px !important; } }
  @media (min-width: 750px) {
    .header__wrap {
      margin-left: -16px; }
    .header__logo, .header__search, .header__basket, .header__contact, .header__profile, .header__social {
      border-left-width: 16px; }
    .header__logo, .header__basket, .header__contact, .header__social {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .header__search {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .header__profile {
      display: none; }
    .header__menu {
      background: #ffff; }
    .header__menu-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .js .header__menu-wrap {
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s; }
    .js .header__menu-wrap.is-visible {
      opacity: 1; } }
  @media (min-width: 1232px) {
    .header__search {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }

.icon-svg--avatar .icon-svg__svg {
  top: 10px; }

.footer {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  background: #111213;
  color: #acb1b4; }
  .footer:before, .footer:after {
    content: '';
    display: table; }
  .footer:after {
    clear: both; }
  .footer .btn--bd .btn__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    background: transparent;
    color: #ffffff; }
  .footer__top {
    color: #acb1b4;
    /*
    a[href^="tel:"]:not(:hover) {
      text-decoration: none;
      color: $gray40;
    }
    */
    border-bottom: 1px solid #c9cccf;
    padding-bottom: 48px;
    margin-bottom: 64px; }
    .footer__top p {
      margin-bottom: 0; }
    .footer__top a {
      color: #acb1b4; }
    @media (max-width: 749px) {
      .footer__top {
        margin-bottom: 16px;
        padding-bottom: 16px; } }
  .footer__top .item-icon {
    padding-left: 36px; }
  .footer__top .item-icon .icon-svg {
    width: 20px;
    color: #acb1b4; }
    .footer__top .item-icon .icon-svg--spot {
      left: -3px;
      width: 26px; }
    .footer__top .item-icon .icon-svg--phone {
      width: 18px; }
  .footer__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .footer__bottom-wrap {
    padding-bottom: 32px; }
  .footer__item {
    margin-bottom: 32px; }
  .footer__inner-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 8px; }
    .footer__inner-link svg {
      width: 24px; }
  .footer__title {
    color: #ffffff;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-align: left;
    margin-bottom: 16px !important; }
  .footer__link {
    display: none; }
  .footer__li {
    margin-bottom: .1em;
    font-size: 16px;
    text-transform: lowercase; }
    .footer__li:first-letter {
      text-transform: uppercase; }
  .footer__copyright {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #c9cccf; }
    .footer__copyright a {
      color: #c9cccf; }
      .footer__copyright a:hover {
        color: #A41713; }
  .footer__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #c9cccf; }
    .footer__logo a {
      color: #c9cccf !important; }
      .footer__logo a:hover {
        color: #A41713 !important; }
  .footer__logo p, .footer__copyright p {
    margin: 0; }
  @media (max-width: 749px) {
    .footer__logo, .footer__copyright {
      text-align: center; } }
  .footer__logo a {
    color: rgba(125, 132, 139, 0.6); }
  .footer .fb-page {
    display: inline-block; }
  @media (max-width: 479px) {
    .footer .b-social {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .footer__top + .footer__bottom {
      border-top: none; }
    .footer__link {
      display: inline-block;
      width: 100%;
      text-align: right;
      position: absolute;
      top: 0;
      right: 8px; }
      .footer__link .icon-svg {
        width: 12px;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
    .footer__item {
      border-bottom: 1px solid #DAE2EC;
      margin-bottom: 16px;
      padding: 0 8px; }
    .grid__cell:last-child .footer__item {
      margin-bottom: 0; }
    .footer__title {
      margin: 0; }
    .footer__inner {
      overflow: hidden;
      display: none;
      margin-bottom: 16px; }
    .footer .is-open .footer__link .icon-svg--right {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .footer .is-open .footer__inner {
      display: block; } }
  @media (min-width: 750px) {
    .footer--img .footer__bottom {
      min-height: 200px; } }
  @media (min-width: 1232px) {
    .footer {
      -webkit-background-size: 700px 700px;
              background-size: 700px; } }
  .footer .icon-svg path {
    stroke: #ffffff;
    stroke-width: 1px; }
  .footer .icon-svg--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 24px;
    width: 24px;
    margin-right: 8px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    position: absolute;
    right: 0;
    top: 2px; }
    .footer .icon-svg--right path {
      stroke: #ffffff;
      stroke-width: 2px; }

.social-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  padding: 16px 0; }

.footer-web__pay {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .footer-web__pay img {
    height: 28px;
    margin: 15px 16px; }
    @media (max-width: 749px) {
      .footer-web__pay img {
        height: 20px;
        margin: 10px 4px; } }

.main.sticky-padding {
  padding-top: 135px; }

.main__wrap {
  background: #fff;
  padding: 0 16px; }
  .main__wrap:before, .main__wrap:after {
    content: '';
    display: table; }
  .main__wrap:after {
    clear: both; }

html, body {
  overflow-x: hidden; }

.hero__wrapper {
  margin: 0 auto; }
  @media (max-width: 999px) {
    .hero__wrapper {
      overflow: hidden; } }

.hero__inside {
  background: #A41713;
  position: relative;
  -webkit-border-bottom-left-radius: 400px;
          border-bottom-left-radius: 400px;
  -webkit-border-top-right-radius: 400px;
          border-top-right-radius: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 1000px) {
    .hero__inside {
      -webkit-border-bottom-left-radius: 100px;
              border-bottom-left-radius: 100px;
      -webkit-border-top-right-radius: 100px;
              border-top-right-radius: 100px; } }

.hero__title {
  max-width: calc(500px + 128px);
  color: #ffffff;
  padding: 64px; }
  @media (max-width: 1000px) {
    .hero__title {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      padding-bottom: 0px;
      padding: 32px; } }
  .hero__title h1 {
    font-weight: 700;
    line-height: 40px;
    font-size: 30px; }
    @media (max-width: 749px) {
      .hero__title h1 {
        grid-template-columns: auto;
        font-size: 26px;
        line-height: 32px; } }

.hero__img {
  max-width: 500px;
  position: absolute;
  right: 64px;
  top: -55px; }
  @media (max-width: 1150px) {
    .hero__img {
      max-width: 370px;
      top: 30px; } }
  @media (max-width: 1000px) {
    .hero__img {
      position: relative;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      max-width: none;
      right: 0;
      width: 100%;
      top: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-top: -50px; } }
  .hero__img img {
    width: 100%; }
    @media (max-width: 1000px) {
      .hero__img img {
        max-width: 370px;
        right: -30px;
        position: relative; } }

.hero__actuality {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 16px;
  position: relative;
  z-index: 2;
  padding-bottom: 96px;
  width: 95%;
  margin: 0 auto; }
  @media (max-width: 1000px) {
    .hero__actuality {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      top: -30px; } }
  @media (max-width: 749px) {
    .hero__actuality {
      grid-template-columns: auto;
      padding-bottom: 32px; } }
  .hero__actuality--item {
    background: #ffffff;
    padding: 32px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .hero__actuality--item:hover {
      color: #3A3E40 !important;
      -webkit-transform: scale(1.03);
          -ms-transform: scale(1.03);
              transform: scale(1.03); }
  .hero__actuality--tag {
    -webkit-border-radius: 30px;
            border-radius: 30px;
    background: red;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 1px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .hero__actuality--tag svg {
      margin-right: 8px; }
    .hero__actuality--tag.tag-znacky {
      background: #E9FF61;
      color: #5D6C00; }
    .hero__actuality--tag.tag-novinka {
      background: #91FF91;
      color: #1A791A; }
    .hero__actuality--tag.tag-podivat {
      background: #91FFEB;
      color: #007B65; }
    .hero__actuality--tag.tag-info {
      background: #91F2FF;
      color: #007B7B; }
    .hero__actuality--tag.tag-slavime {
      background: #FF6187;
      color: #FFE8ED; }
    .hero__actuality--tag.tag-akce {
      background: #FF6A61;
      color: #FFE5E3; }
    .hero__actuality--tag.tag-zmena {
      background: #FF3B2F;
      color: #FFD5D2; }
  .hero__actuality--text h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px; }

.hero__actuality--product .hero__actuality {
  padding: 0;
  width: 100%; }

.hero__actuality--product .hero__actuality--item {
  background: #A41713;
  -webkit-border-radius: 10px 50px;
          border-radius: 10px 50px;
  color: #ffffff !important; }

.hero__actuality--product .btn--bd .btn__text {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff; }
  .hero__actuality--product .btn--bd .btn__text .icon-svg {
    stroke: #ffffff; }
  .hero__actuality--product .btn--bd .btn__text:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #A41713; }
    .hero__actuality--product .btn--bd .btn__text:hover .icon-svg {
      stroke: #A41713; }

.u-align-top {
  vertical-align: top; }

.u-align-middle {
  vertical-align: middle; }

.u-align-bottom {
  vertical-align: bottom; }

.u-bdt-grey {
  border-top: 1px solid #DAE2EC; }

.u-bg-body {
  background: #f4f6f8; }

.u-bg-white {
  background: #fff; }

.u-clearfix:before, .u-clearfix:after {
  content: '';
  display: table; }

.u-clearfix:after {
  clear: both; }

.u-ctx {
  display: table-cell; }
  .u-ctx:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    line-height: 0;
    font-size: xx-large;
    content: ' x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x '; }

.u-color-text {
  color: #2F353C; }

.u-color-blue {
  color: #A41713; }

.u-color-green {
  color: #12684A; }

.u-color-red {
  color: #A41713; }

.u-color-grey {
  color: #7D848B; }

.u-color-black {
  color: #2F353C; }

.u-color-warning {
  color: #F6D30E; }

.u-display-block {
  display: block; }

.u-pull-left {
  float: left; }

.u-pull-right {
  float: right; }

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

.u-out,
.js .u-js-out {
  position: absolute;
  left: -5000px; }

.u-max-width-1-12 {
  max-width: 100px; }

.u-max-width-2-12 {
  max-width: 200px; }

.u-max-width-3-12 {
  max-width: 300px; }

.u-max-width-4-12 {
  max-width: 400px; }

.u-max-width-5-12 {
  max-width: 500px; }

.u-max-width-6-12 {
  max-width: 600px; }

.u-max-width-7-12 {
  max-width: 700px; }

.u-max-width-8-12 {
  max-width: 800px; }

.u-max-width-9-12 {
  max-width: 900px; }

.u-max-width-10-12 {
  max-width: 1000px; }

.u-max-width-11-12 {
  max-width: 1100px; }

.u-mx-auto {
  margin: 0 auto; }

.u-ml-auto {
  margin-left: auto; }

.u-mr-auto {
  margin-right: auto; }

.u-mb-0 {
  margin-bottom: 0; }

.u-mb-xs {
  margin-bottom: 8px; }

.u-mb-sm {
  margin-bottom: 16px; }

.u-mb-md {
  margin-bottom: 32px; }

.u-mb-lg {
  margin-bottom: 48px; }

.u-mb-xl {
  margin-bottom: 64px; }

.u-mb-xxl {
  margin-bottom: 96px; }

.u-mt-0 {
  margin-top: 0; }

.u-mt-xs {
  margin-top: 8px; }

.u-mt-sm {
  margin-top: 16px; }

.u-mt-md {
  margin-top: 32px; }

.u-mt-lg {
  margin-top: 48px; }

.u-mt-xl {
  margin-top: 64px; }

.u-mt-xxl {
  margin-top: 96px; }

.u-ml-xs {
  margin-left: 8px; }

.u-ml-sm {
  margin-left: 16px; }

.u-ml-md {
  margin-left: 32px; }

.u-ml-lg {
  margin-left: 48px; }

.u-ml-xl {
  margin-left: 64px; }

.u-ml-xxl {
  margin-left: 96px; }

.u-mr-xs {
  margin-right: 8px; }

.u-mr-sm {
  margin-right: 16px; }

.u-mr-md {
  margin-right: 32px; }

.u-mr-lg {
  margin-right: 48px; }

.u-mr-xl {
  margin-right: 64px; }

.u-mr-xxl {
  margin-right: 96px; }

.u-pt-xs {
  padding-top: 8px; }

.u-pt-sm {
  padding-top: 16px; }

.u-pt-md {
  padding-top: 32px; }

.u-pt-lg {
  padding-top: 48px; }

.u-pt-xl {
  padding-top: 64px; }

.u-pt-xxl {
  padding-top: 96px; }

.u-pr-xs {
  padding-right: 8px; }

.u-pr-sm {
  padding-right: 16px; }

.u-pr-md {
  padding-right: 32px; }

.u-pr-lg {
  padding-right: 48px; }

.u-pr-xl {
  padding-right: 64px; }

.u-pr-xxl {
  padding-right: 96px; }

.u-pb-xs {
  padding-bottom: 8px; }

.u-pb-sm {
  padding-bottom: 16px; }

.u-pb-md {
  padding-bottom: 32px; }

.u-pb-lg {
  padding-bottom: 48px; }

.u-pb-xl {
  padding-bottom: 64px; }

.u-pb-xxl {
  padding-bottom: 96px; }

.u-pl-xs {
  padding-left: 8px; }

.u-pl-sm {
  padding-left: 16px; }

.u-pl-md {
  padding-left: 32px; }

.u-pl-lg {
  padding-left: 48px; }

.u-pl-xl {
  padding-left: 64px; }

.u-pl-xxl {
  padding-left: 96px; }

@media (min-width: 480px) {
  --x-0\@sm {
    margin-left: 0; }
  --x-0\@sm > __cell {
    border-left-width: 0; }
  .u-mb-0\@sm {
    margin-bottom: 0; }
  .u-mb-xs\@sm {
    margin-bottom: 8px; }
  .u-mb-sm\@sm {
    margin-bottom: 16px; }
  .u-mb-md\@sm {
    margin-bottom: 32px; }
  .u-mb-lg\@sm {
    margin-bottom: 48px; }
  .u-mb-xl\@sm {
    margin-bottom: 64px; }
  .u-mb-xxl\@sm {
    margin-bottom: 96px; }
  .u-mt-0\@sm {
    margin-top: 0; }
  .u-mt-xs\@sm {
    margin-top: 8px; }
  .u-mt-sm\@sm {
    margin-top: 16px; }
  .u-mt-md\@sm {
    margin-top: 32px; }
  .u-mt-lg\@sm {
    margin-top: 48px; }
  .u-mt-xl\@sm {
    margin-top: 64px; }
  .u-mt-xxl\@sm {
    margin-top: 96px; }
  .u-ml-xs\@sm {
    margin-left: 8px; }
  .u-ml-sm\@sm {
    margin-left: 16px; }
  .u-ml-md\@sm {
    margin-left: 32px; }
  .u-ml-lg\@sm {
    margin-left: 48px; }
  .u-ml-xl\@sm {
    margin-left: 64px; }
  .u-ml-xxl\@sm {
    margin-left: 96px; }
  .u-mr-xs\@sm {
    margin-right: 8px; }
  .u-mr-sm\@sm {
    margin-right: 16px; }
  .u-mr-md\@sm {
    margin-right: 32px; }
  .u-mr-lg\@sm {
    margin-right: 48px; }
  .u-mr-xl\@sm {
    margin-right: 64px; }
  .u-mr-xxl\@sm {
    margin-right: 96px; }
  .u-pt-xs\@sm {
    padding-top: 8px; }
  .u-pt-sm\@sm {
    padding-top: 16px; }
  .u-pt-md\@sm {
    padding-top: 32px; }
  .u-pt-lg\@sm {
    padding-top: 48px; }
  .u-pt-xl\@sm {
    padding-top: 64px; }
  .u-pt-xxl\@sm {
    padding-top: 96px; }
  .u-pr-xs\@sm {
    padding-right: 8px; }
  .u-pr-sm\@sm {
    padding-right: 16px; }
  .u-pr-md\@sm {
    padding-right: 32px; }
  .u-pr-lg\@sm {
    padding-right: 48px; }
  .u-pr-xl\@sm {
    padding-right: 64px; }
  .u-pr-xxl\@sm {
    padding-right: 96px; }
  .u-pb-xs\@sm {
    padding-bottom: 8px; }
  .u-pb-sm\@sm {
    padding-bottom: 16px; }
  .u-pb-md\@sm {
    padding-bottom: 32px; }
  .u-pb-lg\@sm {
    padding-bottom: 48px; }
  .u-pb-xl\@sm {
    padding-bottom: 64px; }
  .u-pb-xxl\@sm {
    padding-bottom: 96px; }
  .u-pl-xs\@sm {
    padding-left: 8px; }
  .u-pl-sm\@sm {
    padding-left: 16px; }
  .u-pl-md\@sm {
    padding-left: 32px; }
  .u-pl-lg\@sm {
    padding-left: 48px; }
  .u-pl-xl\@sm {
    padding-left: 64px; }
  .u-pl-xxl\@sm {
    padding-left: 96px; } }

@media (min-width: 750px) {
  --x-0\@md {
    margin-left: 0; }
  --x-0\@md > __cell {
    border-left-width: 0; }
  .u-mb-0\@md {
    margin-bottom: 0; }
  .u-mb-xs\@md {
    margin-bottom: 8px; }
  .u-mb-sm\@md {
    margin-bottom: 16px; }
  .u-mb-md\@md {
    margin-bottom: 32px; }
  .u-mb-lg\@md {
    margin-bottom: 48px; }
  .u-mb-xl\@md {
    margin-bottom: 64px; }
  .u-mb-xxl\@md {
    margin-bottom: 96px; }
  .u-mt-0\@md {
    margin-top: 0; }
  .u-mt-xs\@md {
    margin-top: 8px; }
  .u-mt-sm\@md {
    margin-top: 16px; }
  .u-mt-md\@md {
    margin-top: 32px; }
  .u-mt-lg\@md {
    margin-top: 48px; }
  .u-mt-xl\@md {
    margin-top: 64px; }
  .u-mt-xxl\@md {
    margin-top: 96px; }
  .u-ml-xs\@md {
    margin-left: 8px; }
  .u-ml-sm\@md {
    margin-left: 16px; }
  .u-ml-md\@md {
    margin-left: 32px; }
  .u-ml-lg\@md {
    margin-left: 48px; }
  .u-ml-xl\@md {
    margin-left: 64px; }
  .u-ml-xxl\@md {
    margin-left: 96px; }
  .u-mr-xs\@md {
    margin-right: 8px; }
  .u-mr-sm\@md {
    margin-right: 16px; }
  .u-mr-md\@md {
    margin-right: 32px; }
  .u-mr-lg\@md {
    margin-right: 48px; }
  .u-mr-xl\@md {
    margin-right: 64px; }
  .u-mr-xxl\@md {
    margin-right: 96px; }
  .u-pt-xs\@md {
    padding-top: 8px; }
  .u-pt-sm\@md {
    padding-top: 16px; }
  .u-pt-md\@md {
    padding-top: 32px; }
  .u-pt-lg\@md {
    padding-top: 48px; }
  .u-pt-xl\@md {
    padding-top: 64px; }
  .u-pt-xxl\@md {
    padding-top: 96px; }
  .u-pr-xs\@md {
    padding-right: 8px; }
  .u-pr-sm\@md {
    padding-right: 16px; }
  .u-pr-md\@md {
    padding-right: 32px; }
  .u-pr-lg\@md {
    padding-right: 48px; }
  .u-pr-xl\@md {
    padding-right: 64px; }
  .u-pr-xxl\@md {
    padding-right: 96px; }
  .u-pb-xs\@md {
    padding-bottom: 8px; }
  .u-pb-sm\@md {
    padding-bottom: 16px; }
  .u-pb-md\@md {
    padding-bottom: 32px; }
  .u-pb-lg\@md {
    padding-bottom: 48px; }
  .u-pb-xl\@md {
    padding-bottom: 64px; }
  .u-pb-xxl\@md {
    padding-bottom: 96px; }
  .u-pl-xs\@md {
    padding-left: 8px; }
  .u-pl-sm\@md {
    padding-left: 16px; }
  .u-pl-md\@md {
    padding-left: 32px; }
  .u-pl-lg\@md {
    padding-left: 48px; }
  .u-pl-xl\@md {
    padding-left: 64px; }
  .u-pl-xxl\@md {
    padding-left: 96px; } }

@media (min-width: 1000px) {
  --x-0\@lg {
    margin-left: 0; }
  --x-0\@lg > __cell {
    border-left-width: 0; }
  .u-mb-0\@lg {
    margin-bottom: 0; }
  .u-mb-xs\@lg {
    margin-bottom: 8px; }
  .u-mb-sm\@lg {
    margin-bottom: 16px; }
  .u-mb-md\@lg {
    margin-bottom: 32px; }
  .u-mb-lg\@lg {
    margin-bottom: 48px; }
  .u-mb-xl\@lg {
    margin-bottom: 64px; }
  .u-mb-xxl\@lg {
    margin-bottom: 96px; }
  .u-mt-0\@lg {
    margin-top: 0; }
  .u-mt-xs\@lg {
    margin-top: 8px; }
  .u-mt-sm\@lg {
    margin-top: 16px; }
  .u-mt-md\@lg {
    margin-top: 32px; }
  .u-mt-lg\@lg {
    margin-top: 48px; }
  .u-mt-xl\@lg {
    margin-top: 64px; }
  .u-mt-xxl\@lg {
    margin-top: 96px; }
  .u-ml-xs\@lg {
    margin-left: 8px; }
  .u-ml-sm\@lg {
    margin-left: 16px; }
  .u-ml-md\@lg {
    margin-left: 32px; }
  .u-ml-lg\@lg {
    margin-left: 48px; }
  .u-ml-xl\@lg {
    margin-left: 64px; }
  .u-ml-xxl\@lg {
    margin-left: 96px; }
  .u-mr-xs\@lg {
    margin-right: 8px; }
  .u-mr-sm\@lg {
    margin-right: 16px; }
  .u-mr-md\@lg {
    margin-right: 32px; }
  .u-mr-lg\@lg {
    margin-right: 48px; }
  .u-mr-xl\@lg {
    margin-right: 64px; }
  .u-mr-xxl\@lg {
    margin-right: 96px; }
  .u-pt-xs\@lg {
    padding-top: 8px; }
  .u-pt-sm\@lg {
    padding-top: 16px; }
  .u-pt-md\@lg {
    padding-top: 32px; }
  .u-pt-lg\@lg {
    padding-top: 48px; }
  .u-pt-xl\@lg {
    padding-top: 64px; }
  .u-pt-xxl\@lg {
    padding-top: 96px; }
  .u-pr-xs\@lg {
    padding-right: 8px; }
  .u-pr-sm\@lg {
    padding-right: 16px; }
  .u-pr-md\@lg {
    padding-right: 32px; }
  .u-pr-lg\@lg {
    padding-right: 48px; }
  .u-pr-xl\@lg {
    padding-right: 64px; }
  .u-pr-xxl\@lg {
    padding-right: 96px; }
  .u-pb-xs\@lg {
    padding-bottom: 8px; }
  .u-pb-sm\@lg {
    padding-bottom: 16px; }
  .u-pb-md\@lg {
    padding-bottom: 32px; }
  .u-pb-lg\@lg {
    padding-bottom: 48px; }
  .u-pb-xl\@lg {
    padding-bottom: 64px; }
  .u-pb-xxl\@lg {
    padding-bottom: 96px; }
  .u-pl-xs\@lg {
    padding-left: 8px; }
  .u-pl-sm\@lg {
    padding-left: 16px; }
  .u-pl-md\@lg {
    padding-left: 32px; }
  .u-pl-lg\@lg {
    padding-left: 48px; }
  .u-pl-xl\@lg {
    padding-left: 64px; }
  .u-pl-xxl\@lg {
    padding-left: 96px; } }

@media (min-width: 1232px) {
  --x-0\@xl {
    margin-left: 0; }
  --x-0\@xl > __cell {
    border-left-width: 0; }
  .u-mb-0\@xl {
    margin-bottom: 0; }
  .u-mb-xs\@xl {
    margin-bottom: 8px; }
  .u-mb-sm\@xl {
    margin-bottom: 16px; }
  .u-mb-md\@xl {
    margin-bottom: 32px; }
  .u-mb-lg\@xl {
    margin-bottom: 48px; }
  .u-mb-xl\@xl {
    margin-bottom: 64px; }
  .u-mb-xxl\@xl {
    margin-bottom: 96px; }
  .u-mt-0\@xl {
    margin-top: 0; }
  .u-mt-xs\@xl {
    margin-top: 8px; }
  .u-mt-sm\@xl {
    margin-top: 16px; }
  .u-mt-md\@xl {
    margin-top: 32px; }
  .u-mt-lg\@xl {
    margin-top: 48px; }
  .u-mt-xl\@xl {
    margin-top: 64px; }
  .u-mt-xxl\@xl {
    margin-top: 96px; }
  .u-ml-xs\@xl {
    margin-left: 8px; }
  .u-ml-sm\@xl {
    margin-left: 16px; }
  .u-ml-md\@xl {
    margin-left: 32px; }
  .u-ml-lg\@xl {
    margin-left: 48px; }
  .u-ml-xl\@xl {
    margin-left: 64px; }
  .u-ml-xxl\@xl {
    margin-left: 96px; }
  .u-mr-xs\@xl {
    margin-right: 8px; }
  .u-mr-sm\@xl {
    margin-right: 16px; }
  .u-mr-md\@xl {
    margin-right: 32px; }
  .u-mr-lg\@xl {
    margin-right: 48px; }
  .u-mr-xl\@xl {
    margin-right: 64px; }
  .u-mr-xxl\@xl {
    margin-right: 96px; }
  .u-pt-xs\@xl {
    padding-top: 8px; }
  .u-pt-sm\@xl {
    padding-top: 16px; }
  .u-pt-md\@xl {
    padding-top: 32px; }
  .u-pt-lg\@xl {
    padding-top: 48px; }
  .u-pt-xl\@xl {
    padding-top: 64px; }
  .u-pt-xxl\@xl {
    padding-top: 96px; }
  .u-pr-xs\@xl {
    padding-right: 8px; }
  .u-pr-sm\@xl {
    padding-right: 16px; }
  .u-pr-md\@xl {
    padding-right: 32px; }
  .u-pr-lg\@xl {
    padding-right: 48px; }
  .u-pr-xl\@xl {
    padding-right: 64px; }
  .u-pr-xxl\@xl {
    padding-right: 96px; }
  .u-pb-xs\@xl {
    padding-bottom: 8px; }
  .u-pb-sm\@xl {
    padding-bottom: 16px; }
  .u-pb-md\@xl {
    padding-bottom: 32px; }
  .u-pb-lg\@xl {
    padding-bottom: 48px; }
  .u-pb-xl\@xl {
    padding-bottom: 64px; }
  .u-pb-xxl\@xl {
    padding-bottom: 96px; }
  .u-pl-xs\@xl {
    padding-left: 8px; }
  .u-pl-sm\@xl {
    padding-left: 16px; }
  .u-pl-md\@xl {
    padding-left: 32px; }
  .u-pl-lg\@xl {
    padding-left: 48px; }
  .u-pl-xl\@xl {
    padding-left: 64px; }
  .u-pl-xxl\@xl {
    padding-left: 96px; } }

--x-0\@xxl {
  margin-left: 0; }

--x-0\@xxl > __cell {
  border-left-width: 0; }

.u-mb-0\@xxl {
  margin-bottom: 0; }

.u-mb-xs\@xxl {
  margin-bottom: 8px; }

.u-mb-sm\@xxl {
  margin-bottom: 16px; }

.u-mb-md\@xxl {
  margin-bottom: 32px; }

.u-mb-lg\@xxl {
  margin-bottom: 48px; }

.u-mb-xl\@xxl {
  margin-bottom: 64px; }

.u-mb-xxl\@xxl {
  margin-bottom: 96px; }

.u-mt-0\@xxl {
  margin-top: 0; }

.u-mt-xs\@xxl {
  margin-top: 8px; }

.u-mt-sm\@xxl {
  margin-top: 16px; }

.u-mt-md\@xxl {
  margin-top: 32px; }

.u-mt-lg\@xxl {
  margin-top: 48px; }

.u-mt-xl\@xxl {
  margin-top: 64px; }

.u-mt-xxl\@xxl {
  margin-top: 96px; }

.u-ml-xs\@xxl {
  margin-left: 8px; }

.u-ml-sm\@xxl {
  margin-left: 16px; }

.u-ml-md\@xxl {
  margin-left: 32px; }

.u-ml-lg\@xxl {
  margin-left: 48px; }

.u-ml-xl\@xxl {
  margin-left: 64px; }

.u-ml-xxl\@xxl {
  margin-left: 96px; }

.u-mr-xs\@xxl {
  margin-right: 8px; }

.u-mr-sm\@xxl {
  margin-right: 16px; }

.u-mr-md\@xxl {
  margin-right: 32px; }

.u-mr-lg\@xxl {
  margin-right: 48px; }

.u-mr-xl\@xxl {
  margin-right: 64px; }

.u-mr-xxl\@xxl {
  margin-right: 96px; }

.u-pt-xs\@xxl {
  padding-top: 8px; }

.u-pt-sm\@xxl {
  padding-top: 16px; }

.u-pt-md\@xxl {
  padding-top: 32px; }

.u-pt-lg\@xxl {
  padding-top: 48px; }

.u-pt-xl\@xxl {
  padding-top: 64px; }

.u-pt-xxl\@xxl {
  padding-top: 96px; }

.u-pr-xs\@xxl {
  padding-right: 8px; }

.u-pr-sm\@xxl {
  padding-right: 16px; }

.u-pr-md\@xxl {
  padding-right: 32px; }

.u-pr-lg\@xxl {
  padding-right: 48px; }

.u-pr-xl\@xxl {
  padding-right: 64px; }

.u-pr-xxl\@xxl {
  padding-right: 96px; }

.u-pb-xs\@xxl {
  padding-bottom: 8px; }

.u-pb-sm\@xxl {
  padding-bottom: 16px; }

.u-pb-md\@xxl {
  padding-bottom: 32px; }

.u-pb-lg\@xxl {
  padding-bottom: 48px; }

.u-pb-xl\@xxl {
  padding-bottom: 64px; }

.u-pb-xxl\@xxl {
  padding-bottom: 96px; }

.u-pl-xs\@xxl {
  padding-left: 8px; }

.u-pl-sm\@xxl {
  padding-left: 16px; }

.u-pl-md\@xxl {
  padding-left: 32px; }

.u-pl-lg\@xxl {
  padding-left: 48px; }

.u-pl-xl\@xxl {
  padding-left: 64px; }

.u-pl-xxl\@xxl {
  padding-left: 96px; }

.u-text-left {
  text-align: left; }

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

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

.u-text-justify {
  text-align: justify; }

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

.u-text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

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

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

.u-text-capitalize {
  text-transform: capitalize; }

.u-text-underline-dotted {
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted; }

.u-font-regular {
  font-weight: normal; }

.u-font-bold {
  font-weight: bold; }

.u-font-italic {
  font-style: italic; }

.u-font-xs {
  font-size: 16px; }

.u-font-sm {
  font-size: 16px; }

.u-font-md {
  font-size: 16px; }

.u-font-secondary {
  font-family: "Montserrat", sans-serif; }

.u-no-decoration,
.u-no-decoration a {
  text-decoration: none; }

.u-text-hide {
  font: 0/0 a;
  color: transparent;
  white-space: nowrap; }

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

@media (min-width: 750px) {
  .u-col--2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px; } }

.u-hide {
  display: none; }

.u-hide\@xs {
  display: none; }

@media (min-width: 480px) {
  .u-hide\@sm,
  .u-hide\@sm-up {
    display: none; }
  .u-hide\@xs {
    display: block; } }

@media (min-width: 750px) {
  .u-hide\@md,
  .u-hide\@md-up {
    display: none; }
  .u-hide\@sm {
    display: block; } }

@media (min-width: 1000px) {
  .u-hide\@lg,
  .u-hide\@lg-up {
    display: none; }
  .u-hide\@md {
    display: block; } }

@media (min-width: 1232px) {
  .u-hide\@xl,
  .u-hide\@xl-up {
    display: none; }
  .u-hide\@lg {
    display: block; } }

@media (max-width: 479px) {
  .u-hide\@xs-down,
  .u-hide\@xs {
    display: none; } }

@media (max-width: 749px) {
  .u-hide\@sm-down {
    display: none; } }

@media (max-width: 999px) {
  .u-hide\@md-down {
    display: none; } }

@media (max-width: 1231px) {
  .u-hide\@lg-down {
    display: none; } }

.u-hide\@xl-down {
  display: none; }

.js .u-js-hide {
  display: none; }

.first-slide-image {
  display: none; }

.buttons {
  display: none; }

.arrow-right, .arrow-left {
  display: none;
  visibility: hidden; }

.link-desktop .img__holder {
  display: none; }

@media only screen and (max-width: 479px) {
  .footer__item {
    border-bottom: none; }
  .link-desktop .img__holder {
    display: block; }
  .link-desktop .b-thumbs__link-inner {
    display: none; }
  .slide-image {
    min-width: 100%;
    max-width: 100%;
    position: relative; }
  .arrow-right, .arrow-left {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    z-index: 10;
    top: calc(50% - 15px);
    background: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    visibility: visible; }
  .arrow-left {
    left: 0; }
  .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    .buttons .item {
      width: 12px;
      height: 12px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      background: #FFF;
      border: 1px solid #000;
      margin: 10px 4px 0 4px; }
      .buttons .item.on {
        background: #000; }
  .img-full {
    -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    width: 100%; }
  .slide-image {
    min-width: 100%;
    scroll-snap-align: start; }
  .first-slide-image {
    display: block; }
  .cart-img {
    display: none; } }

@media only screen and (min-width: 480px) and (max-width: 999px) {
  .img-full {
    width: 100%; } }

@media only screen and (min-width: 1000px) {
  .img-full {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; } }

.c-homepage-poi {
  padding: 32px 0;
  background: #F4F5F5;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw; }
  .c-homepage-poi__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 479px) {
      .c-homepage-poi__list {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .c-homepage-poi__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px; }
    .c-homepage-poi__item .image-wrap img {
      width: 38px;
      height: 38px; }
    @media (max-width: 749px) {
      .c-homepage-poi__item {
        padding: 12px;
        width: 50%; }
        .c-homepage-poi__item img {
          max-width: 80px; } }
    .c-homepage-poi__item-bottom {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%; }
    .c-homepage-poi__item-title {
      font-size: 20px !important;
      font-weight: 400 !important;
      line-height: 28px !important; }
  .c-homepage-poi__icon--orange path {
    stroke: #A41713; }
  .c-homepage-poi__item-title {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 32px;
    color: #111213;
    margin: 24px 0 16px 0;
    text-align: center; }
    .c-homepage-poi__item-title--dark {
      color: #000000; }
    @media (max-width: 749px) {
      .c-homepage-poi__item-title {
        margin: 8px 0 0 0; } }
  .c-homepage-poi__item-description {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #111213;
    max-width: 224px; }
    .c-homepage-poi__item-description--dark {
      color: #000000; }

.width-100 {
  width: 100%; }

.tabs__link {
  color: #3a3e40;
  padding: 0 32px 8px 32px;
  border-bottom: 1px solid #c9cccf; }
  .tabs__link:hover {
    color: #A41713; }
  .tabs__link.is-active {
    color: #A41713;
    border-bottom: 1px solid #A41713; }

.tabs__list {
  margin-bottom: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (max-width: 749px) {
    .tabs__list {
      display: none; } }

@media (max-width: 749px) {
  .tabs__content {
    position: static !important;
    left: auto !important;
    right: auto !important; } }

.tabs__item {
  margin-bottom: 16px; }

.tabs__title-mobile {
  padding: 0 16px; }
  @media (min-width: 750px) {
    .tabs__title-mobile {
      display: none; } }

.newsletter__wrapper {
  background: #f4f5f5;
  padding: 48px 0; }

.newsletter__wrapper--inverse {
  background: #ffffff; }
  .newsletter__wrapper--inverse .newsletter__background {
    background: #f4f5f5; }
  .newsletter__wrapper--inverse .form-newsletter {
    background: #f4f5f5 !important; }

.newsletter__background {
  background: #ffffff;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  padding: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 999px) {
    .newsletter__background {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .newsletter__background:before, .newsletter__background:after {
    display: none; }

.newsletter__img {
  margin: 0 32px; }
  @media (max-width: 999px) {
    .newsletter__img {
      position: absolute;
      right: 0;
      margin: 0 16px; } }
  @media (max-width: 479px) {
    .newsletter__img {
      top: 70px; } }

.newsletter__text {
  max-width: 470px; }
  @media (max-width: 999px) {
    .newsletter__text {
      max-width: none;
      margin-bottom: 16px; } }
  @media (max-width: 999px) {
    .newsletter__text .text {
      padding-right: 100px; } }

.newsletter__form {
  width: 100%;
  max-width: 470px; }
  @media (max-width: 575px) {
    .newsletter__form {
      padding-bottom: 20px; } }
  .newsletter__form .form-newsletter {
    position: relative; }
    .newsletter__form .form-newsletter .forms-info-povinne {
      display: none; }
    .newsletter__form .form-newsletter td {
      border-bottom: none; }
    @media (max-width: 575px) {
      .newsletter__form .form-newsletter .forms-table {
        margin-bottom: 0; } }
    .newsletter__form .form-newsletter .forms-input {
      border: 1px solid #A41713;
      color: #72797e;
      padding: 7px 24px;
      height: 37px; }
      @media (max-width: 575px) {
        .newsletter__form .form-newsletter .forms-input {
          width: 100% !important;
          max-width: none !important; } }
    .newsletter__form .form-newsletter .forms-submit-button {
      position: absolute;
      top: 7px;
      right: 0; }
      @media (max-width: 575px) {
        .newsletter__form .form-newsletter .forms-submit-button {
          position: relative;
          top: -5px; } }
    .newsletter__form .form-newsletter .greyform-submit {
      border: none;
      background: #A41713 !important;
      padding: 9px 24px;
      color: #ffffff;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      height: 37px;
      -webkit-border-radius: 0;
              border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      text-shadow: none; }
      @media (max-width: 575px) {
        .newsletter__form .form-newsletter .greyform-submit {
          width: 100%; } }
      .newsletter__form .form-newsletter .greyform-submit:hover {
        background-color: #A41713 !important; }
    .newsletter__form .form-newsletter .forms-radek-2 td {
      font-size: 16px;
      line-height: 12px;
      padding-bottom: 0; }
      @media (max-width: 575px) {
        .newsletter__form .form-newsletter .forms-radek-2 td {
          position: absolute;
          bottom: -30px; } }

.heureka__wrapper {
  background: white;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw; }

.heureka__bck {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 64px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 749px) {
    .heureka__bck {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.heureka__number {
  margin-right: 64px; }
  @media (max-width: 749px) {
    .heureka__number {
      margin-right: 0;
      margin-bottom: 16px; } }
  .heureka__number .number {
    font-family: "Montserrat", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 84px;
    font-size: 100px;
    line-height: 130px;
    color: #E62E29;
    margin-bottom: 16px; }
  .heureka__number .stars__icons {
    fill: #f4f5f5; }
    .heureka__number .stars__icons .icon-svg {
      fill: unset;
      stroke: none;
      width: 32px;
      margin: 0 2px; }
    .heureka__number .stars__icons--active {
      fill: #FFCA61; }

.heureka__text {
  font-size: 18px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px; }

@media (max-width: 749px) {
  .heureka__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.img-bck__wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 159px 0; }

.img-bck__content {
  max-width: 530px;
  color: #ffffff; }
  .img-bck__content .btn__text {
    background: #ffffff !important;
    color: #000000; }
    .img-bck__content .btn__text:hover {
      background: #ffffff;
      border: 1px solid #A41713;
      color: #A41713 !important; }
      .img-bck__content .btn__text:hover .icon-svg {
        stroke: #ffffff; }
    .img-bck__content .btn__text .icon-svg {
      stroke: #000000; }

.marks__wrapper {
  margin: 0 auto; }
  .marks__wrapper .row-main {
    padding: 0; }

.marks__background {
  padding: 32px 0;
  background: #ffffff;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw; }

.marks__title {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.6px;
  line-height: 40px;
  margin-bottom: 48px;
  padding: 0 16px; }

.marks__items {
  margin-bottom: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .marks__items .grid__cell {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-width: 0 0 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 8px; }
  .marks__items .image img {
    max-width: 100px; }
  .marks__items .hidden {
    display: none; }

.marks__item {
  background-color: white;
  border: 1px solid #E2E3E4;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  color: #111213;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 88px;
  padding: 20px 16px;
  text-decoration: none;
  width: 100%; }
  .marks__item img {
    max-width: 80%; }
  .marks__item .title {
    font-size: 16px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    font-weight: 500;
    width: 100px; }
  .marks__item .image {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 2%;
    max-width: 100px; }
  .marks__item .counter {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    width: 30px; }

.marks__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .marks__button.category-marks .btn__text {
    padding-left: 0; }
  .marks__button .btn__text {
    padding-left: 10px; }
  .marks__button-wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .marks__button-wrap:hover svg path {
      fill: #A41713; }
    .marks__button-wrap .btn__text .text {
      padding-bottom: 0; }
    .marks__button-wrap .btn__text svg {
      margin-right: 0 !important;
      stroke: none !important; }
    .marks__button-wrap .btn:hover svg path {
      fill: #ffffff; }

.collapsed.active {
  display: block !important; }

.img-text__wrapper {
  padding: 64px 0; }
  .img-text__wrapper .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto; }
  .img-text__wrapper.img-left .img-text__image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
    @media (max-width: 999px) {
      .img-text__wrapper.img-left .img-text__image {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
    .img-text__wrapper.img-left .img-text__image img {
      margin: 0 0 auto; }
  .img-text__wrapper.img-left .img-text__content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
    @media (max-width: 999px) {
      .img-text__wrapper.img-left .img-text__content {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }
  .img-text__wrapper.img-right .img-text__image img {
    margin: 0 0 0 auto; }

@media (max-width: 999px) {
  .img-text__image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

.img-text__image img {
  width: 95%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 999px) {
    .img-text__image img {
      width: 100%; } }

.img-text__content--text {
  margin-bottom: 30px; }

@media (max-width: 999px) {
  .img-text__content {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 16px; } }

.img-text__content--buttons .btn {
  margin-right: 24px;
  margin-bottom: 16px; }

.info-bar__wrapper {
  background-color: #ECC2BE;
  color: black;
  padding: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
  max-height: none; }
  @media (max-width: 480px) {
    .info-bar__wrapper {
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; } }
  .info-bar__wrapper.universal-info-bar {
    -webkit-background-size: cover;
            background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #F4F6F8; }
    .info-bar__wrapper.universal-info-bar.countdown {
      background-color: #F4F6F8; }
    .info-bar__wrapper.universal-info-bar.padding {
      padding: 8px 0 !important; }
    @media (max-width: 750px) {
      .info-bar__wrapper.universal-info-bar .row-main .left .info-text {
        margin-top: 0; } }
    .info-bar__wrapper.universal-info-bar .row-main .left .image {
      margin-right: 16px; }
      @media (max-width: 600px) {
        .info-bar__wrapper.universal-info-bar .row-main .left .image {
          margin-top: 0px; } }
      @media (max-width: 480px) {
        .info-bar__wrapper.universal-info-bar .row-main .left .image {
          -webkit-box-ordinal-group: 1 !important;
          -webkit-order: 0 !important;
              -ms-flex-order: 0 !important;
                  order: 0 !important; } }
    @media (min-width: 480px) and (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar .row-main .left .info-text {
        margin-top: 11px; } }
    @media (max-width: 480px) {
      .info-bar__wrapper.universal-info-bar .row-main .left .info-text {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
            -ms-flex-order: 0 !important;
                order: 0 !important;
        margin-bottom: 0;
        margin-top: 11px; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar .right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-top: 11px;
        margin-bottom: 9px; } }
    .info-bar__wrapper.universal-info-bar .right .popis {
      margin-top: 5px;
      margin-bottom: 5px;
      color: #262626; }
      @media (max-width: 600px) {
        .info-bar__wrapper.universal-info-bar .right .popis {
          margin-right: 0;
          margin-bottom: 12px; } }
    .info-bar__wrapper.universal-info-bar .right .stitek {
      border: 1px solid black;
      padding: 3px 14px;
      font-size: 16px;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      margin: 3px 16px; }
      @media (max-width: 1230px) {
        .info-bar__wrapper.universal-info-bar .right .stitek {
          margin: 3px 26px 3px 0; } }
      @media (max-width: 600px) {
        .info-bar__wrapper.universal-info-bar .right .stitek {
          margin-left: 0;
          margin-right: 0; } }
    .info-bar__wrapper.universal-info-bar .right .info-hide {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      @media (max-width: 1230px) {
        .info-bar__wrapper.universal-info-bar .right .info-hide {
          position: absolute;
          top: 0;
          right: 10px; } }
      @media (max-width: 600px) {
        .info-bar__wrapper.universal-info-bar .right .info-hide {
          display: none; } }
      .info-bar__wrapper.universal-info-bar .right .info-hide svg {
        width: 40%;
        fill: black !important; }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar .right .close .text {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar .right .close .icon-mobile {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 8px; } }
    .info-bar__wrapper.universal-info-bar .right .close .icon-mobile svg {
      fill: black !important; }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar .info-bar__countdown {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        margin-left: 0;
        margin-top: 20px; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar .info-bar__countdown .numbers {
        font-size: 16px; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar .info-bar__countdown .item {
        width: 20px;
        height: 28px; } }
    .info-bar__wrapper.universal-info-bar .info-bar__countdown.show {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    @media (min-width: 750px) {
      .info-bar__wrapper.universal-info-bar.active {
        display: none; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar.active {
        max-height: 58px; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar.active .row-main .left .info-text {
        margin-bottom: 0; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar.active .row-main .left .image {
        margin-right: 16px; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar.active .row-main .right .text {
        display: none !important; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar.active .row-main .right .close {
        top: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar.active .row-main .right .close .text {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; } }
    @media (max-width: 600px) {
      .info-bar__wrapper.universal-info-bar.active .row-main .right .close .icon-mobile {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; } }
  .info-bar__wrapper.padding {
    padding: 16px 0; }
  .info-bar__wrapper a {
    text-decoration: none;
    color: white !important; }
  .info-bar__wrapper .info-bar__countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 30px; }
    .info-bar__wrapper .info-bar__countdown .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #FBF5E9CC;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      width: 23px;
      height: 32px;
      margin-right: 6px;
      font-size: 16px;
      font-weight: 600; }
    .info-bar__wrapper .info-bar__countdown .numbers {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 13px; }
  .info-bar__wrapper .hide-info {
    width: 40px;
    height: 40px;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 15px;
    top: 10px; }
    .info-bar__wrapper .hide-info svg {
      width: 40%; }
    @media (max-width: 480px) {
      .info-bar__wrapper .hide-info.show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
  @media (max-width: 750px) {
    .info-bar__wrapper .row-main .left .info-text {
      margin-top: 15px; } }
  .info-bar__wrapper .row-main .left .stitek {
    background-color: black !important;
    color: white; }
  @media (max-width: 480px) {
    .info-bar__wrapper.active {
      max-height: 62px; } }
  @media (max-width: 480px) and (min-width: 480px) {
    .info-bar__wrapper.active .close {
      display: none; } }
  @media (max-width: 480px) {
      .info-bar__wrapper.active .close .icon-mobile {
        -webkit-transform: rotate(90deg) !important;
            -ms-transform: rotate(90deg) !important;
                transform: rotate(90deg) !important; }
      .info-bar__wrapper.active .close .text {
        display: none; }
      .info-bar__wrapper.active .close .text-active {
        display: block !important; } }
  .info-bar__wrapper.active .row-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .info-bar__wrapper.active .row-main:before, .info-bar__wrapper.active .row-main:after {
      display: none; }
    .info-bar__wrapper.active .row-main .left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .info-bar__wrapper.active .row-main .left .stitek {
        padding: 3px 8px;
        background-color: black;
        color: white;
        font-weight: bold;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        margin-right: 8px; }
        @media (max-width: 480px) {
          .info-bar__wrapper.active .row-main .left .stitek {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
                -ms-flex-order: 2;
                    order: 2; } }
      .info-bar__wrapper.active .row-main .left .date {
        margin-right: 8px;
        font-size: 16px; }
        @media (max-width: 480px) {
          .info-bar__wrapper.active .row-main .left .date {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
                -ms-flex-order: 3;
                    order: 3;
            width: 100%;
            margin-top: 16px;
            margin-bottom: 8px; } }
      .info-bar__wrapper.active .row-main .left .image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 8px; }
        @media (max-width: 480px) {
          .info-bar__wrapper.active .row-main .left .image {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
                -ms-flex-order: 1;
                    order: 1; } }
      .info-bar__wrapper.active .row-main .left .info-text {
        font-size: 16px;
        letter-spacing: .2px;
        max-width: 1000px; }
        .info-bar__wrapper.active .row-main .left .info-text p {
          margin: 0; }
        @media (max-width: 480px) {
          .info-bar__wrapper.active .row-main .left .info-text {
            -webkit-box-ordinal-group: 5;
            -webkit-order: 4;
                -ms-flex-order: 4;
                    order: 4;
            margin-bottom: 8px; } }
    .info-bar__wrapper.active .row-main .right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .info-bar__wrapper.active .row-main .right .close {
        margin-left: 16px;
        cursor: pointer; }
        @media (max-width: 1230px) {
          .info-bar__wrapper.active .row-main .right .close {
            position: absolute;
            right: 16px;
            top: 10px; } }
        @media (max-width: 480px) {
          .info-bar__wrapper.active .row-main .right .close {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; } }
        .info-bar__wrapper.active .row-main .right .close .icon-svg {
          width: 10px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          @media (max-width: 480px) {
            .info-bar__wrapper.active .row-main .right .close .icon-svg {
              margin-left: 8px; } }
          .info-bar__wrapper.active .row-main .right .close .icon-svg:before {
            padding-top: 0 !important; }
        @media (min-width: 480px) {
          .info-bar__wrapper.active .row-main .right .close .text {
            display: none; } }
        @media (max-width: 480px) {
          .info-bar__wrapper.active .row-main .right .close .icon-desctop {
            display: none; } }
        .info-bar__wrapper.active .row-main .right .close .icon-mobile {
          -webkit-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
                  transform: rotate(-90deg);
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s; }
          .info-bar__wrapper.active .row-main .right .close .icon-mobile svg {
            fill: white; }
          @media (min-width: 480px) {
            .info-bar__wrapper.active .row-main .right .close .icon-mobile {
              display: none; } }
      .info-bar__wrapper.active .row-main .right .popis {
        letter-spacing: 0.2px; }
        @media (max-width: 1230px) {
          .info-bar__wrapper.active .row-main .right .popis {
            margin-right: 26px; } }
  .info-bar__wrapper .counter-two-days {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%; }
    .info-bar__wrapper .counter-two-days .title {
      background: #4A2A86;
      color: white;
      opacity: .7;
      padding: 12px 0;
      font-size: 16px;
      -webkit-border-top-left-radius: 3px;
              border-top-left-radius: 3px;
      -webkit-border-top-right-radius: 3px;
              border-top-right-radius: 3px; }
    .info-bar__wrapper .counter-two-days .counter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #2F353C; }
      .info-bar__wrapper .counter-two-days .counter .hours,
      .info-bar__wrapper .counter-two-days .counter .seconds {
        background: #F6D30E; }
      .info-bar__wrapper .counter-two-days .counter .hours {
        -webkit-border-bottom-left-radius: 3px;
                border-bottom-left-radius: 3px; }
      .info-bar__wrapper .counter-two-days .counter .seconds {
        -webkit-border-bottom-right-radius: 3px;
                border-bottom-right-radius: 3px; }
      .info-bar__wrapper .counter-two-days .counter .minutes {
        background: #F8E71C; }
      .info-bar__wrapper .counter-two-days .counter div {
        width: calc(100% / 3);
        padding: 8px 0;
        font-size: 24px; }
  .info-bar__wrapper .b-product-info .action-flag {
    margin-bottom: 16px; }
  .info-bar__wrapper .b-product__img {
    overflow: auto; }
  .info-bar__wrapper .print-footer {
    display: none; }

.info-bar__wrapper {
  background-color: #F4F6F8;
  color: #3A3E40;
  height: 100%; }

@media (max-width: 480px) {
  .info-bar__wrapper {
    max-height: 300px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; } }

@media (max-width: 480px) {
  .info-bar__wrapper.active {
    max-height: 62px; } }

@media (min-width: 600px) {
  .info-bar__wrapper.active .close {
    display: none; } }

.info-bar__wrapper.active .close .icon-mobile {
  -webkit-transform: rotate(90deg) !important;
      -ms-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
  display: none; }

@media (max-width: 600px) {
  .info-bar__wrapper.active .close .icon-mobile {
    display: block; } }

.info-bar__wrapper.active .close .text {
  display: none; }

.info-bar__wrapper.active .close .text-active {
  display: block !important; }

.info-bar__wrapper .row-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.info-bar__wrapper .row-main:before,
.info-bar__wrapper .row-main:after {
  display: none; }

.info-bar__wrapper .row-main .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.info-bar__wrapper .row-main .left .stitek {
  border: 1px solid #3A3E40;
  padding: 3px 14px;
  font-size: 16px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin: 3px 16px; }

@media (max-width: 480px) {
  .info-bar__wrapper .row-main .left .stitek {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

.info-bar__wrapper .row-main .left .date {
  margin-right: 8px;
  font-size: 16px; }

@media (max-width: 480px) {
  .info-bar__wrapper .row-main .left .date {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 8px; } }

.info-bar__wrapper .row-main .left .image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px; }

@media (max-width: 480px) {
  .info-bar__wrapper .row-main .left .image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

.info-bar__wrapper .row-main .left .info-text {
  font-size: 16px;
  letter-spacing: .2px;
  max-width: 1000px;
  width: 90%; }
  .info-bar__wrapper .row-main .left .info-text p {
    margin: 0; }

@media (max-width: 480px) {
  .info-bar__wrapper .row-main .left .info-text {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
    margin-bottom: 8px; } }

.info-bar__wrapper .row-main .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.info-bar__wrapper .row-main .right .close {
  margin-left: 16px;
  cursor: pointer; }

@media (max-width: 1230px) {
  .info-bar__wrapper .row-main .right .close {
    position: absolute;
    right: 16px;
    top: 10px; } }

@media (max-width: 600px) {
  .info-bar__wrapper .row-main .right .close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .info-bar__wrapper .row-main .left {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.info-bar__wrapper .row-main .right .close .icon-svg {
  width: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 600px) {
  .info-bar__wrapper .row-main .right .close .icon-svg {
    margin-left: 8px; } }

.info-bar__wrapper .row-main .right .close .icon-svg:before {
  padding-top: 0 !important; }

@media (min-width: 600px) {
  .info-bar__wrapper .row-main .right .close .text {
    display: none; } }

.info-bar__wrapper .row-main .right .close .text-active {
  display: none; }

@media (max-width: 600px) {
  .info-bar__wrapper .row-main .right .close .icon-desctop {
    display: none; } }

.info-bar__wrapper .row-main .right .close .icon-mobile {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.info-bar__wrapper .row-main .right .close .icon-mobile svg {
  fill: white; }

@media (min-width: 600px) {
  .info-bar__wrapper .row-main .right .close .icon-mobile {
    display: none; } }

.info-bar__wrapper .row-main .right .popis {
  font-size: 16px;
  letter-spacing: 0.2px; }

@media (max-width: 1230px) {
  .info-bar__wrapper .row-main .right .popis {
    margin-right: 26px; } }

.info-bar__wrapper .hide-info {
  width: 40px;
  height: 40px;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 15px;
  top: 10px; }

.info-bar__wrapper .hide-info svg {
  width: 40%; }

canvas {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 99999;
  pointer-events: none; }

.header__top {
  z-index: 200; }

@media only screen and (max-width: 480px) {
  .header__basket .btn--bd {
    display: none; } }

h4.replaced-header {
  font-size: 20px; }

.grid-new img {
  max-width: 100%; }

@media only screen and (max-width: 480px) {
  .u-pt-xl {
    padding-top: 16px; } }

/* koment kvuli users-log
.grid-new > div {

	justify-content: center;
	flex-wrap: wrap;
	display: flex;

}

 */
.color-back {
  background: #ffffff; }

.f-login__col--content div {
  white-space: normal; }

.b-advantages {
  background: #F5F5F5; }

.b-advantages__inner {
  text-decoration: none;
  color: #2F353C; }
  .b-advantages__inner .icon-svg::before {
    padding: 0; }
  .b-advantages__inner img {
    width: 50px; }

.f-login .f-login__right {
  padding: 28px 60px 48px 60px;
  font-size: 16px; }
  .f-login .f-login__right a svg {
    width: 80px;
    height: 80px; }
    .f-login .f-login__right a svg g {
      stroke: #A41713; }

.f-login .c-f-login__right .last-order-logout {
  width: 90%; }

.favourite-product .b-product {
  border: 1px solid #A41713; }

.b-mark {
  padding: 32px; }

.b-mark {
  background: #fff;
  border: 1px solid #DAE2EC;
  padding: 16px; }

.c-products-row__item a {
  text-decoration: none; }

.c-box__list .grid {
  margin-left: 0; }

.b-summary--bd {
  background: white; }

.b-product-row--li .inp-item__tool {
  top: calc(70px / 2 - 20px); }

h2.h3 {
  margin-top: 0; }

.is-checked .popiska_dopravy {
  display: block; }

h3.b-product-row__name {
  margin: 0; }
  h3.b-product-row__name span {
    font-size: 16px; }

.b-product-row__link {
  font-size: 16px; }

.b-product-row__absolute-link {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.popiska_dopravy {
  padding: 8px 16px 20px 58px;
  display: none; }

.popiska_dopravy img {
  width: 60px;
  margin: 0 30px 20px 60px; }

.c-products-row--basket .b-product-row__img .flag {
  margin-top: 8px; }

.parallax {
  min-height: 450px;
  background-attachment: fixed;
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }

.c-photo {
  background-position: center top;
  background-repeat: no-repeat;
  color: #FFFFFF; }

.b-content .obrl img, .b-content .obrr img, .b-content .ac img, .main .obrl img, .main .obrr img, .main .ac img {
  max-width: 100%; }

#crossselling-products .slick-hidden {
  visibility: hidden; }

.m-side__link.on, .m-side__link.is-active, .m-dropdown__link.on, .m-dropdown__link.is-active {
  color: #E62E29; }

.m-side__link {
  display: block;
  padding: 16px;
  width: 100%; }

.m-secondary__link.on, .m-secondary__link.is-active {
  color: white;
  font-weight: 700; }

.good {
  padding: 12px 0; }
  .good .good_ok {
    padding: 16px;
    background: rgba(77, 173, 50, 0.2);
    border: 1px solid #30c08d;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    margin-bottom: 5px; }

.good_container {
  margin: 16px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 8px 16px;
  font-size: 1rem;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  font-weight: bold;
  max-width: 1198px; }

.good_ok {
  padding: 12px 19px;
  -webkit-border-radius: 5px;
  margin-bottom: 5px;
  background: none;
  border-left: 5px solid #12684A;
  -webkit-box-shadow: 0px 2px 5px #aaa;
          box-shadow: 0px 2px 5px #aaa; }

.good_chyba {
  padding: 12px 19px;
  -webkit-border-radius: 5px;
  margin-bottom: 5px;
  background: none;
  border-left: 5px solid #d81830;
  -webkit-box-shadow: 0px 2px 5px #aaa;
          box-shadow: 0px 2px 5px #aaa; }

.inp-icon__icon {
  top: 24px; }

.inp-text:required:valid {
  border: 1px solid #12684A; }
  .inp-text:required:valid + .inp-icon__icon {
    display: block; }

.f-std .inp-icon .inp-icon__icon {
  color: #12684A;
  display: none; }

.img img {
  max-width: auto;
  max-height: 80%; }

form.header__search {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.last-visit-product .c-products__item {
  max-width: 100%; }

.f-filter__more {
  color: #A41713;
  cursor: pointer; }
  .f-filter__more:hover {
    color: #2F353C; }
  .f-filter__more .show-parametr {
    display: block; }
  .f-filter__more .hide-parametr {
    display: none; }
  .f-filter__more.is-open .icon-svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 7px; }
  .f-filter__more.is-open .show-parametr {
    display: none; }
  .f-filter__more.is-open .hide-parametr {
    display: block; }

.main__wrap .inp-text {
  border: 1px solid #DAE2EC; }

.b-product-row__content .transport {
  left: -8px;
  position: relative; }

.greyform {
  border: none; }
  .greyform td {
    border: none;
    text-align: left; }
  .greyform .forms-tr-povinne .forms-popis {
    font-weight: normal; }
  .greyform .forms-input.input-povinne, .greyform .forms-textarea.input-povinne {
    border-color: #E2E3E4; }
  .greyform .forms-input, .greyform .forms-textarea {
    background: #ffffff;
    border: 1px solid #E2E3E4;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    padding: 8px; }

.cimg-image-wrap img, .cg-gallery-image-part img {

  max-width: 100%; }

.tabs__list {
  margin-bottom: 16px; }

a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block; }

@media (min-width: 750px) {
  .form-agrico {
    width: 700px; } }

.button-active-form {
  background-color: #ffffff;
  color: #A41713;
  display: block;
  border: 2px solid #A41713;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-bottom: 16px;
  padding: 9px 20px;
  text-decoration: none;
  text-align: center; }
  .button-active-form:hover {
    background: #A41713;
    border: 2px solid #A41713;
    color: #ffffff; }

.u-color-gray {
  color: #91979c; }

.u-color-orange {
  color: #a14612; }

.b-ajax-basket {
  -webkit-border-radius: 25px;
          border-radius: 25px; }
  @media (max-width: 749px) {
    .b-ajax-basket h4 {
      font-size: 20px;
      line-height: 22px;
      padding-right: 32px; }
    .b-ajax-basket .item-icon--circle {
      padding-left: 52px; } }
  .b-ajax-basket .c-products-row__item {
    border: 1px solid #DAE2EC;
    -webkit-border-radius: 0;
            border-radius: 0;
    margin-bottom: -1px; }
    .b-ajax-basket .c-products-row__item .b-product-row {
      -webkit-border-radius: 0;
              border-radius: 0; }

.basket-new {
  /*
	.inp-item__inp:checked + .inp-item__text .inp-item__tool, .inp-item__inp:checked + .inp-item__tool {
		background-color: $primary50;
		border-color: $primary50;
	}
  */ }
  .basket-new .inp-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .basket-new .inp-row .inp-item__text .inp-item__tool {
      top: 7px; }
    .basket-new .inp-row .inp-item__text .bold {
      font-weight: bold;
      font-size: 20px; }
  .basket-new .c-products-row__item {
    margin-bottom: -1px;
    border: 1px solid #DAE2EC;
    -webkit-border-radius: 0;
            border-radius: 0; }
    .basket-new .c-products-row__item .b-product-row {
      -webkit-border-radius: 0;
              border-radius: 0; }
    .basket-new .c-products-row__item.is-disabled {
      display: none; }
    .basket-new .c-products-row__item:hover {
      border: 1px solid #BEDFF4; }
    .basket-new .c-products-row__item.is-checked .b-product-row__text small {
      color: #A41713; }
    .basket-new .c-products-row__item .img {
      background: transparent; }
    .basket-new .c-products-row__item .img__holder img {
      max-height: 55px !important; }
  .basket-new .b-product-row__text {
    -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%; }
    .basket-new .b-product-row__text small {
      color: #91979c;
      margin-top: 10px;
      display: block; }
  .basket-new .b-product-row__side {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; }
  .basket-new .b-product-row--li .inp-item__tool {
    top: calc(100% / 2 - 10px); }

.b-article img {
  max-height: 100%;
  max-width: 100%; }

h2.b-article__title {
  line-height: 20px !important; }

.code-basket {
  font-size: 16px;
  padding-right: 24px; }

.b-product-row__availability {
  margin-bottom: 0 !important; }

.information-product {
  left: 4px; }

.information {
  display: inline-block;
  position: relative; }
  .information:not(.nh):hover .information-text {
    display: block; }
  .information .information-i {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #a14612;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    color: #FFF;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    height: 16px;
    width: 16px;
    position: relative;
    top: -1px;
    text-transform: lowercase; }
  .information.nh .information-i {
    cursor: inherit; }
  .information .information-wrap {
    position: absolute;
    left: -13px;
    top: 30px;
    width: 290px; }
  .information .information-text {
    display: none;
    background: #FFF;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    color: #333;
    font-weight: normal;
    line-height: 18px;
    padding: 10px;
    text-transform: none;
    position: relative;
    z-index: 100; }
    .information .information-text:after, .information .information-text:before {
      bottom: 100%;
      left: 7%;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .information .information-text:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 10px;
      margin-left: -10px; }
    .information .information-text:before {
      border-color: rgba(213, 213, 213, 0);
      border-bottom-color: #d5d5d5;
      border-width: 11px;
      margin-left: -11px; }
    .information .information-text.arrow-top:after, .information .information-text.arrow-top:before {
      left: var(--arrow-left, 50%); }
    .information .information-text.arrow-bottom:after, .information .information-text.arrow-bottom:before {
      bottom: 0;
      left: var(--arrow-left, 50%);
      -webkit-transform: rotate(180deg) translateY(-100%);
          -ms-transform: rotate(180deg) translateY(-100%);
              transform: rotate(180deg) translateY(-100%); }

.forms-popup-container {
  -webkit-box-shadow: none;
          box-shadow: none; }
  .forms-popup-container .close-popup {
    right: 32px;
    top: 32px; }
    .forms-popup-container .close-popup a {
      background: none;
      width: 24px;
      height: 24px; }
      .forms-popup-container .close-popup a:before {
        content: '';
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc1IDUuMjVMNS4yNSAxOC43NSIgc3Ryb2tlPSIjMDgxNjA4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOC43NSAxOC43NUw1LjI1IDUuMjUiIHN0cm9rZT0iIzA4MTYwOCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
        -webkit-background-size: cover;
                background-size: cover;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }

.forms-popup-overlay {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px); }

.new-form {
  padding: 32px;
  background: white !important;
  border: 1px solid #DAE2EC !important;
  -webkit-border-radius: 4px;
          border-radius: 4px; }
  .new-form .greyform-nadpis-formulare {
    font-size: 30px;
    color: #111213;
    padding: 0 0 32px 0;
    line-height: 40px; }
  @media (max-width: 500px) {
    .new-form .forms-pravy {
      padding-left: 0; } }
  @media (max-width: 500px) {
    .new-form .forms-levy {
      padding-bottom: 0; } }
  .new-form .forms-radek-1 .forms-popis,
  .new-form .forms-radek-2 .forms-popis,
  .new-form .forms-radek-3 .forms-popis {
    vertical-align: middle; }
  .new-form .forms-input, .new-form .forms-textarea {
    width: 100% !important;
    max-width: 100% !important;
    padding: 9px; }
  .new-form .forms-table {
    margin-bottom: 0; }
  .new-form .consent-checkbox {
    padding-left: 160px; }
    @media (max-width: 500px) {
      .new-form .consent-checkbox {
        padding-left: 0; } }
    .new-form .consent-checkbox .greyform-pseudochkb {
      background: white;
      border: 1px solid #A41713;
      -webkit-border-radius: 4px;
              border-radius: 4px;
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .new-form .consent-checkbox .greyform-pseudochkb:before {
        content: '';
        background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbi1zdmdfX3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8c3ZnIGlkPSJpY29uLWNoZWNrIiB2aWV3Qm94PSIwIDAgMTUgMTUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMzMTg2MzEiPgogICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA0KSI+CiAgICAgICAgICAgIDxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9InN0MCIgZD0iTTUuMyA1LjRsNy4xLTcuMWMuNC0uNCAxLS40IDEuNCAwbC45LjdjLjQuNC40IDEgMCAxLjRMNiA5LjFjLS40LjQtMSAuNC0xLjQgMGwtLjgtLjgtLjEtLjFMLjMgNC44Yy0uNC0uNC0uNC0xIDAtMS40bC44LS44Yy40LS40IDEtLjQgMS40IDBsMi44IDIuOHoiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L3N2Zz4KPC9zdmc+");
        -webkit-background-size: cover;
                background-size: cover;
        background-repeat: no-repeat;
        width: 70%;
        height: 70%;
        position: absolute;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 0;
        visibility: hidden; }
      .new-form .consent-checkbox .greyform-pseudochkb-checked:before {
        opacity: 1;
        visibility: visible; }
  @media (max-width: 500px) {
    .new-form .forms-info-povinne {
      padding-left: 0; } }
  .new-form .forms-submit-button {
    margin-top: 32px;
    text-align: left; }
    @media (max-width: 500px) {
      .new-form .forms-submit-button {
        padding-left: 0; } }
    .new-form .forms-submit-button .greyform-submit {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      text-shadow: none;
      background: #A41713 !important;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .new-form .forms-submit-button .greyform-submit:hover {
        background: #E62E29 !important; }

.icon-empty img {
  width: 80px; }

.icon-empty .count {
  width: 38px;
  line-height: 38px;
  font-size: 22px;
  left: 40px; }

.availability:hover .information-text {
  display: block; }

.m-secondary__item--submenu .m-secondary__link > .icon-rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 2px;
  width: 14px; }

.f-discount-code .inp-item__tool {
  border: 1px solid #DAE2EC; }

.slick-list {
  max-width: 1194px; }

@media (max-width: 749px) {
  html.show-menu {
    overflow: hidden;
    height: 100%; } }

.js-slider__range.noUi-target {
  height: 1px !important;
  margin-top: 20px !important; }
  .js-slider__range.noUi-target .noUi-handle {
    background: #A41713 !important;
    width: 12px !important;
    height: 12px !important; }
    .js-slider__range.noUi-target .noUi-handle:before {
      background: #A41713 !important; }

.m-main__home-link svg {
  left: 6px;
  position: relative; }

.m-main__home-link path {
  stroke: #A41713; }

.m-main__home-link.on {
  border-bottom: 1px solid #A41713; }

.header__logo img {
  width: 278px; }

.prehled_objednavek_detail .icon-svg__svg {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.border-body {
  border: 1px solid #DAE2EC;
  -webkit-border-radius: 5px;
          border-radius: 5px; }

.zobrazit_universal_list h1 {
  font-size: 30px; }

.zobrazit_universal_list .category-image-wrapper img {
  float: left;
  margin-right: 16px;
  margin-top: 16px; }

.zobrazit_radu h1 {
  font-size: 30px;
  line-height: 140%; }

.zobrazit_radu h3 {
  font-size: 28px; }

.zobrazit_radu h4 {
  font-size: 24px; }
  .zobrazit_radu h4.marks__title {
    margin-bottom: 12px; }

.zobrazit_radu .marks__title__cleaner {
  width: 100%; }

.zobrazit_radu .c-products__wrap {
  width: 100%; }

.dodatecne-info {
  padding-left: 48px;
  padding-right: 16px;
  padding-bottom: 16px; }

.margin-top-minus {
  margin-top: -26px; }

.basket-new .u-bg-body {
  background: white; }

.basket-new .phone-warning {
  display: none !important; }

.smaller-titles h2 {
  font-size: 30px; }

.f-std__navigation .consent-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px; }

.b-product-row--payment .b-product-row__text {
  font-weight: bold; }

.order-summary-new__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 1000px) {
    .order-summary-new__left {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }
  .order-summary-new__left .b-summary {
    padding: 24px 32px;
    width: 100%; }
    .order-summary-new__left .b-summary--bd {
      border: 1px solid #E2E3E4;
      -webkit-border-radius: 4px;
              border-radius: 4px; }
  .order-summary-new__left .summary-details-wrap {
    display: grid;
    font-size: 16px;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media (max-width: 750px) {
      .order-summary-new__left .summary-details-wrap {
        grid-template-columns: 1fr;
        gap: 5px; } }
    .order-summary-new__left .summary-details-wrap dl {
      margin: 0; }
    .order-summary-new__left .summary-details-wrap dt {
      color: #111213; }
    .order-summary-new__left .summary-details-wrap dd {
      color: #111213;
      font-weight: 500;
      text-align: right; }

@media (max-width: 1000px) {
  .order-summary-new__right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 16px; } }

@media (min-width: 450px) and (max-width: 1000px) {
  .order-summary-new__right .mobile-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 40px; } }

@media (max-width: 1000px) {
  .order-summary-new__right .mobile-flex img {
    width: 113px; } }

.order-summary-new__right .b-summary--highlight {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #A41713; }
  .order-summary-new__right .b-summary--highlight h2 {
    color: #A41713; }
  .order-summary-new__right .b-summary--highlight .summary-details--highlight {
    border: none;
    padding-left: 0;
    margin-bottom: 0; }
    .order-summary-new__right .b-summary--highlight .summary-details--highlight .title {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      font-family: "Montserrat", sans-serif; }
    .order-summary-new__right .b-summary--highlight .summary-details--highlight strong {
      font-weight: 600; }
    .order-summary-new__right .b-summary--highlight .summary-details--highlight dd {
      text-align: right; }
  .order-summary-new__right .b-summary--highlight .qr-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.order-summary-new .summary td {
  padding: 16px 0; }

.order-summary-new .b-summary__table--bottom .summary__price {
  text-transform: uppercase; }

.order-summary-new .b-summary__total {
  border-top: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #111213; }
  .order-summary-new .b-summary__total .text {
    text-transform: uppercase; }

.order-summary-new .b-summary__table {
  font-size: 16px; }

.order-summary-new .h2 {
  margin-bottom: 16px; }

.order-summary-new .b-icon__info {
  font-size: 16px;
  line-height: 32px; }

input {
  font-size: 16px !important; }

.crosselling-swiper {
  width: 100%;
  overflow: hidden;
  padding-right: 15px;
  padding-bottom: 25px; }
  .crosselling-swiper .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto !important; }
  .crosselling-swiper .c-products__item {
    max-width: 100% !important; }
  .crosselling-swiper .swiper-pagination {
    bottom: 0px !important; }
  .crosselling-swiper .swiper-button-prev {
    left: 0;
    width: 40px;
    height: 40px; }
    .crosselling-swiper .swiper-button-prev:after {
      display: none; }
    .crosselling-swiper .swiper-button-prev svg {
      width: 24px;
      height: 24px; }
  .crosselling-swiper .swiper-button-next {
    right: 0;
    width: 40px;
    height: 40px; }
    .crosselling-swiper .swiper-button-next:after {
      display: none; }
    .crosselling-swiper .swiper-button-next svg {
      width: 24px;
      height: 24px; }
  .crosselling-swiper .swiper-pagination-bullet {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 0 8px !important; }
  .crosselling-swiper .swiper-pagination-bullet-active {
    background: #A41713;
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5); }

.m-main__item-fake.no-transition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.consent-checkbox__box:has(input:focus-visible) {
  outline: 1px solid #E62E29;
  outline-offset: 2px; }

.uf-mobile--visible .f-filter__group {
  position: static !important; }

.js-toggle[aria-expanded="true"] + .m-responsive__popup {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s; }

.f-search:has(.js-toggle[aria-expanded="true"]) .b-suggest {
  display: block !important; }

.f-add-to-cart__recycling:has(.js-toggle[aria-expanded="true"]) .information-text {
  display: block !important; }

.foxentry-label-input-focused {
  color: #000 !important; }

.more-stock {
  color: #A41713 !important; }

.vyrazny .good_container {
  color: #2F353C; }

.tbold {
  font-weight: bold; }

.tpodtrzeny {
  text-decoration: underline; }

.tkurziva {
  font-style: italic; }

.tvetsi {
  font-size: 120%; }

.tmensi {
  font-size: 80%; }

.al {
  text-align: left; }

.aj {
  text-align: justify; }

.ac {
  text-align: center; }

.ar {
  text-align: right; }

.fl {
  float: left; }

.fr {
  float: right; }

.inv {
  display: none; }

.obrl {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px; }

.obrr {
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px; }

.cleaner {
  clear: both; }

.lcleaner {
  clear: left; }

.full {
  width: 100%; }

.c {
  width: 180px; }

.nic {
  font-size: 1px; }

.separator1 {
  border-bottom: solid 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px; }

.separator2 {
  border-bottom: dotted 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px; }

.separator3 {
  border-bottom: double 3px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px; }

.separator4 {
  border-bottom: solid 1px #d90000;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px; }

.vyrazny {
  color: #D90000; }

.vyraznyt, .vyraznyt td {
  background: #999999; }

.sloupec1 {
  float: left;
  width: 49%; }

.sloupec2 {
  float: right;
  width: 49%; }

.pod {
  padding-top: 10px;
  clear: both; }

.account-form td, .users-form-udaje td, .users-form-login td, .vyzva-zapomenute-heslo td, .b-content td {
  border: none; }

.zapomenute-heslo .full td {
  border-bottom: none;
  vertical-align: middle; }

.vyzva-zapomenute-heslo {
  margin-bottom: 20px; }

.users-form-general .c, .users-form-udaje .c, .users-form-adresa .c {
  text-align: right; }

.b-product-row--li {
  padding-top: 12px;
  padding-bottom: 12px; }
  @media (max-width: 749px) {
    .b-product-row--li {
      padding-top: 20px;
      padding-bottom: 20px; } }

.u-ml-sm {
  margin-left: 0; }

.users-homepage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.mid-user-text div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px; }
  .mid-user-text div .btn {
    margin-top: 20px; }

.text-heading-small {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px; }

.orders-list-detail-wrapper, .orders-list-wrapper {
  background: #FFF; }

.orders-list-wrapper {
  padding: 32px; }

@media only screen and (min-width: 480px) {
  .b-list-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.b-list-detail .stav-cena, .b-list-detail .fadresa-dadresa {
  min-width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 20px; }
  @media only screen and (min-width: 480px) {
    .b-list-detail .stav-cena, .b-list-detail .fadresa-dadresa {
      min-width: 45%;
      margin-bottom: 0; } }

.b-list-detail .cena-text p {
  margin-bottom: 15px; }

.b-list-detail .datum-doprava-platba {
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 20px; }
  @media only screen and (min-width: 480px) {
    .b-list-detail .datum-doprava-platba {
      width: 30%;
      text-align: center;
      margin-bottom: 0; } }

.b-list-detail .fakturacni-adresa-text {
  padding-bottom: 10px; }

.b-list-detail .dodaci-adresa-text {
  padding-bottom: 10px; }

.u-border-grey {
  border: 1px solid #DAE2EC;
  min-height: 130px;
  padding: 10px 20px 0px 20px; }

.u-border-grey-left {
  border: 1px solid #DAE2EC;
  min-height: 130px;
  padding: 10px 20px 0px 20px;
  text-align: left; }

.prehled-produktu {
  border: 1px solid #DAE2EC;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -1px; }
  .prehled-produktu img {
    width: 60px; }
  @media only screen and (max-width: 700px) {
    .prehled-produktu {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .prehled-produktu .img-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px; } }

.one-pack {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: 4rem; }
  .one-pack_product {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .one-pack .state {
    min-width: 90px;
    text-align: center; }
  .one-pack .order-mobile-info {
    display: none; }
  @media only screen and (max-width: 480px) {
    .one-pack div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .one-pack .order-mobile-info {
      display: block;
      color: #7D848B;
      font-size: 16px; }
    .one-pack .sum {
      font-weight: bold;
      width: 100%; }
    .one-pack .state, .one-pack .number, .one-pack .number-bill, .one-pack .date {
      width: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .one-pack .state, .one-pack .date {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }

.number-bill, .date, .number, .bottom, .sum {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left; }

@media only screen and (max-width: 480px) {
  .number-bill, .date {
    width: 50%; } }

.order {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
  border-bottom: 1px solid #DAE2EC; }

.top-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  text-align: right; }
  @media only screen and (min-width: 970px) {
    .top-date {
      background: none;
      padding: 0; } }

.date {
  text-align: right; }

.sum {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
  text-align: right; }

.sum-number {
  display: block; }
  @media only screen and (min-width: 480px) {
    .sum-number {
      display: none; } }

.number {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .number {
      text-align: center; }
      .number .number-ks {
        display: none; } }

.bottom {
  display: block;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  position: relative;
  text-align: right; }
  @media only screen and (max-width: 480px) {
    .bottom {
      width: 100%;
      text-align: right;
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
          -ms-flex-order: 5;
              order: 5; } }

.vyrizena .state {
  color: #12684A; }

.stornovana .state {
  color: red; }

.ulozene-adresy-submit {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.user-edit-adresy-tabulka {
  border: 1px solid #DAE2EC;
  padding: 20px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin-bottom: 30px; }
  .user-edit-adresy-tabulka .doprava {
    text-align: right; }
  .user-edit-adresy-tabulka .odkaz {
    width: 100%;
    text-align: right; }
  @media only screen and (max-width: 750px) {
    .user-edit-adresy-tabulka td {
      display: block;
      width: 100%;
      text-align: left;
      padding-left: 0;
      padding-right: 0; }
    .user-edit-adresy-tabulka .doprava {
      text-align: left; } }

.users-edit-objednavky td {
  vertical-align: top;
  padding: 7px 10px;
  border: 1px solid #DAE2EC;
  border-width: 0 0 1px; }

.ucet-form .c {
  text-align: right;
  vertical-align: middle;
  color: #7D848B; }

.users-novy-form {
  border: 1px solid #DAE2EC;
  background: white; }
  .users-novy-form .inp-text, .users-novy-form .inp-select {
    border: 1px solid #DAE2EC !important; }

@media only screen and (max-width: 480px) {
  .account-form tr td, .users-form-udaje tr td, .ucet-form, .users-edit td {
    width: 100%;
    display: block;
    padding: 1px 0 8px 0; }
    .account-form tr td .c, .account-form tr td.c, .users-form-udaje tr td .c, .users-form-udaje tr td.c, .ucet-form .c, .ucet-form.c, .users-edit td .c, .users-edit td.c {
      text-align: left;
      color: #7D848B; } }

.adresa-upravit .inp-select, .adresa-upravit .inp-custom-select__select, .adresa-upravit .inp-text, .account-form .inp-select, .account-form .inp-custom-select__select, .account-form .inp-text, .users-form-udaje .inp-select, .users-form-udaje .inp-custom-select__select, .users-form-udaje .inp-text, .f-search .inp-select, .f-search .inp-custom-select__select, .f-search .inp-text {
  display: block;
  padding: 12px 16px;
  background-color: #ffffff;
  color: #2F353C;
  line-height: 20px;
  height: 44px !important;
  width: 100%;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s; }

.order-title {
  font-size: 16px;
  color: #91979c; }
  @media only screen and (max-width: 480px) {
    .order-title {
      display: none; } }

@media only screen and (max-width: 480px) {
  .order-sent .summary-details dt, .order-sent .summary-details dd {
    max-width: 100%;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    padding-left: 0; }
  .order-sent .summary-details dd {
    padding-top: 0;
    padding-bottom: 10px; } }

.firemni-uzivatele h1, .firemni-uzivatele h3 {
  font-size: 30px; }

@media only screen and (max-width: 480px) {
  .users-form-general td, .users-form-adresa td {
    display: block;
    padding-left: 0; } }

.users-item a {
  display: block;
  padding: 4px 0; }

.c-contact-person {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media (max-width: 750px) {
    .c-contact-person {
      -webkit-box-align: normal;
      -webkit-align-items: normal;
          -ms-flex-align: normal;
              align-items: normal; } }
  .c-contact-person.gray {
    background: #f4f5f5; }
  .c-contact-person.white {
    background: #ffffff; }
  .c-contact-person__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media (max-width: 749px) {
      .c-contact-person__wrap {
        padding: 8px 0;
        width: 100%; } }
  .c-contact-person__img img {
    -webkit-border-radius: 15px 0 0 15px;
            border-radius: 15px 0 0 15px; }
    @media (max-width: 750px) {
      .c-contact-person__img img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; } }
  .c-contact-person .icon-svg svg {
    stroke: #111213; }
  .c-contact-person h3 {
    color: #111213;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px; }
  .c-contact-person h4 {
    color: #A41713;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin: 0; }
  .c-contact-person__text {
    max-width: 156px; }
    @media (max-width: 749px) {
      .c-contact-person__text {
        max-width: 90%;
        width: 90%; } }
  .c-contact-person__phone, .c-contact-person__mail {
    font-weight: 400;
    color: #3a3e40; }
  .c-contact-person .contact-item {
    padding-bottom: 0; }
    .c-contact-person .contact-item .svg-ico {
      width: 20px; }
    .c-contact-person .contact-item:nth-child(even) .svg-ico svg {
      display: none; }

.c-contact h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 32px; }

.c-contact__text {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px; }

.c-contact__wrap {
  font-size: 16px;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-contact__wrap a {
    color: #3a3e40;
    text-decoration: underline; }

.c-contact__left {
  width: 46%; }
  @media (max-width: 749px) {
    .c-contact__left {
      margin-bottom: 32px;
      width: 100%; } }

.c-contact__right {
  width: 48%; }
  @media (max-width: 749px) {
    .c-contact__right {
      width: 100%; } }
  .c-contact__right img {
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 0 50px;
            border-radius: 0 50px;
    max-width: 100%; }

.contact-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 8px; }
  .contact-item table {
    width: auto; }
  .contact-item td {
    border: none;
    padding-bottom: 0;
    padding-top: 0; }
  .contact-item .svg-ico {
    margin-right: 16px; }
  .contact-item a {
    display: block; }

.c-map__wrap {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 16px; }
  @media (min-width: 480px) and (max-width: 600px) {
    .c-map__wrap {
      grid-template-columns: auto auto; } }
  @media (max-width: 480px) {
    .c-map__wrap {
      grid-template-columns: auto; } }

.c-map-data {
  -webkit-border-radius: 16px;
          border-radius: 16px;
  margin: 32px 0; }
  .c-map-data iframe {
    -webkit-border-radius: 16px;
            border-radius: 16px; }
    @media (max-width: 999px) {
      .c-map-data iframe {
        width: 100%; } }

.c-map__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  min-height: 130px;
  text-align: center;
  text-decoration: none; }
  @media (max-width: 479px) {
    .c-map__item {
      margin-bottom: 32px;
      min-height: auto;
      width: 100%; } }
  .c-map__item img {
    margin-top: 10px; }

.c-map h3 {
  margin-top: 0; }

.c-text-cta ul {
  margin: 16px 0; }

.c-text-cta .contact-item .svg-ico {
  width: 17px; }

.c-text-cta .contact-item.phone:nth-child(odd) svg {
  display: none; }

.product-detail h1 {
  font-weight: 500; }

.product-detail-doporucene .b-product-row {
  border: 1px solid #E2E3E4; }
  .product-detail-doporucene .b-product-row__name {
    font-weight: bold; }

@media (max-width: 479px) {
  .product-detail .center-grid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.product-detail__popis {
  background: #f4f5f5; }
  .product-detail__popis .parametrs {
    padding-left: 20px;
    font-size: 16px; }
    .product-detail__popis .parametrs dt, .product-detail__popis .parametrs dd {
      border-bottom: 1px solid #E2E3E4; }
    .product-detail__popis .parametrs dt {
      color: #555a5e; }

.product-detail__servis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E2E3E4;
  padding: 40px 32px;
  -webkit-border-radius: 16px;
          border-radius: 16px; }
  @media (max-width: 749px) {
    .product-detail__servis {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media (max-width: 479px) {
    .product-detail__servis {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .product-detail__servis-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #E2E3E4;
    padding: 16px 32px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    margin-right: 48px; }
    @media (max-width: 749px) {
      .product-detail__servis-box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin-right: 0; } }
  .product-detail__servis-right {
    padding-left: 48px;
    border-left: 1px solid #E2E3E4; }
    @media (max-width: 749px) {
      .product-detail__servis-right {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        border-left: 0;
        padding-left: 0;
        margin-bottom: 16px; } }
    @media (max-width: 479px) {
      .product-detail__servis-right--bottom {
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 5px; } }
  .product-detail__servis-text {
    margin-bottom: 16px; }
    @media (max-width: 479px) {
      .product-detail__servis-text {
        text-align: center; } }
  .product-detail__servis-name {
    color: #A41713;
    border-right: 1px solid #E2E3E4;
    margin-right: 32px;
    padding-right: 32px; }
    @media (max-width: 479px) {
      .product-detail__servis-name {
        margin-right: 0;
        padding-right: 0;
        border-right: none; } }
  .product-detail__servis-info-text {
    color: #72797e;
    margin-right: 32px;
    white-space: nowrap; }
    @media (max-width: 479px) {
      .product-detail__servis-info-text {
        margin-right: 0; } }
  .product-detail__servis-svg {
    margin-right: 24px; }
  .product-detail__servis-title {
    max-width: 86px; }

.product-detail__boxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.product-detail__gift {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  margin-top: 32px; }
  @media (max-width: 479px) {
    .product-detail__gift {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .product-detail__gift-icon {
    color: #A41713;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px; }
  .product-detail__gift-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    border: 1px solid #E2E3E4;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    padding: 11px 24px;
    max-width: 350px; }
    .product-detail__gift-product .availability {
      font-family: "Montserrat", sans-serif;
      font-size: 16px;
      font-weight: 500; }
    .product-detail__gift-product-img {
      max-width: 50px; }

.product-detail__box {
  border: 1px solid #E2E3E4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-decoration: none; }
  .product-detail__box-title {
    max-width: 116px;
    margin-left: 16px; }

.product-detail .f-add-to-cart__flags {
  width: 100%; }

.product-detail .f-add-to-cart__inp {
  margin-bottom: 0; }

.product-detail .f-add-to-cart__price {
  margin-bottom: 0; }
  @media (max-width: 479px) {
    .product-detail .f-add-to-cart__price {
      text-align: center; } }

.product-detail .f-add-to-cart__wrap {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.product-detail .f-add-to-cart__btn .btn__text {
  height: 48px;
  padding: 10px 24px;
  line-height: 16px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .product-detail .f-add-to-cart__btn .btn__text svg {
    width: 20px;
    margin-right: 6px; }
    .product-detail .f-add-to-cart__btn .btn__text svg path {
      stroke: currentColor; }

.product-detail .f-add-to-cart__add-to-cart {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px; }

.product-detail .price__current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #91979c; }
  .product-detail .price__current-without {
    color: #3a3e40;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding-bottom: 4px; }
    .product-detail .price__current-without strong {
      font-weight: 500; }
  .product-detail .price__current-with {
    padding-bottom: 4px;
    color: #3a3e40; }
    .product-detail .price__current-with .price__discount s {
      font-size: 16px; }
    .product-detail .price__current-with strong {
      color: #3a3e40;
      font-size: 20px;
      font-family: "Montserrat", sans-serif;
      font-weight: 600; }

.product-detail .stock {
  color: #91979c;
  font-size: 16px;
  margin: 12px 0 16px; }
  .product-detail .stock strong {
    color: #000000; }

.product-detail .m-detail__link svg {
  position: relative;
  top: -5px;
  width: 16px; }

.product-detail .m-detail__link:hover g {
  stroke: #A41713; }

.product-detail .inp-count .inp-text {
  height: 48px; }

.brand-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }
  .brand-wrap .brand {
    position: relative;
    top: 2px; }
  .brand-wrap .brand-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    top: -1px; }

.brand-info {
  font-family: "Montserrat", sans-serif;
  font-size: 16px; }
  .brand-info-zaruka {
    color: #91979c; }

.product-transport-free {
  border: 1px solid #A41713;
  padding: 12px 32px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .product-transport-free__icon {
    margin-right: 16px; }
  .product-transport-free__text {
    color: #A41713; }

.b-product-info .f-add-to-cart__wrap {
  padding: 0; }

.kosik-top .b-product-row {
  border: none; }
  .kosik-top .b-product-row .price__inline-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 16px; }
  .kosik-top .b-product-row .price__current-with {
    color: #555a5e; }
    .kosik-top .b-product-row .price__current-with strong {
      color: #111213; }
  .kosik-top .b-product-row .f-add-to-cart__availability {
    margin-bottom: 0; }
  .kosik-top .b-product-row .btn__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .kosik-top .b-product-row .btn__text .button-basket__icon {
      margin-right: 8px; }

.main ul.m-detail__wrap {
  list-style-type: none;
  margin-left: 0; }
  .main ul.m-detail__wrap a {
    font-size: 16px; }

.c-accordion .headline-5 {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 32px; }

.c-accordion__item.on .c-accordion__icon svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.c-accordion__item.on .c-accordion__content {
  display: block; }

.c-accordion__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  width: 24px; }
  .c-accordion__icon svg path {
    stroke: #A41713; }

.c-accordion__title {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  font-weight: bold;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #E2E3E4;
  padding: 8px; }
  .c-accordion__title .text {
    width: 90%; }

.c-accordion__content {
  font-size: 16px;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  display: none; }
.c-accordion__content ul {
    margin: 0;
}
  .c-accordion__content ul li {
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    margin: 0;
  }

.file-download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #555a5e;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 16px; }
  .file-download > strong {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .file-download > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  @media only screen and (max-width: 520px) {
    .file-download {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .file-download > div {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; } }
  .file-download .size {
    color: #555a5e;
    padding: 0 15px; }
  .file-download svg {
    position: relative;
    top: -2px; }
  .file-download:hover .btn--bd .btn__text {
    background: #A41713;
    color: #ffffff; }
  .file-download:hover svg g {
    stroke: #ffffff; }

.f-filter__item-new:nth-child(1), .f-filter__item-new:nth-child(2), .f-filter__item-new:nth-child(3), .f-filter__item-new:nth-child(4), .f-filter__item-new:nth-child(5) {
  position: relative;
  left: 0; }

.f-filter__item-new a {
  padding-left: 34px;
  text-decoration: none;
  color: #2F353C;
  display: block; }

.f-filter__item-new.is-visible {
  position: relative;
  left: 0; }

.f-filter__item-new.is-active .inp-item__tool {
  border-color: #A41713;
  background-color: #A41713; }
  .f-filter__item-new.is-active .inp-item__tool::after {
    opacity: 1; }

.f-filter__item-new.level-1 {
  margin-left: 10px; }

.f-filter__item-new.level-2 {
  margin-left: 20px; }

.f-filter__item-new.level-3 {
  margin-left: 30px; }

.f-filter__item-new.level-4 {
  margin-left: 40px; }

.show-parametr, .hide-parametr {
  text-decoration: underline; }
  .show-parametr:hover, .hide-parametr:hover {
    color: #12684A; }

.group--sending .f-filter__title:after {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-left: 20px;
  margin-top: 4px;
  background: url("http://shared.optimato.cz/imgs_system/ajax-loader-bw.gif") no-repeat center center;
  content: ""; }

.f-filter__more .item-icon--after {
  padding-right: 18px !important; }

.f-filter__more .icon-svg {
  top: 55%; }

.f-filter__group:has(.js-toggle[aria-expanded="true"]) .f-filter__item--hide {
  position: relative;
  left: 0; }

.c-homepage-banner {
  background-color: #c9cccf;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 100px 0 140px 0; }
  @media (max-width: 999px) {
    .c-homepage-banner {
      padding: 50px 0 90px 0; } }
  .c-homepage-banner h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 84px;
    color: #ffffff;
    text-shadow: 0 0 14px rgba(0, 0, 0, 0.479613); }
    @media (max-width: 999px) {
      .c-homepage-banner h1 {
        font-family: "Montserrat", sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -2px;
        line-height: 46px; } }
  .c-homepage-banner__description {
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 40px;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.479613); }
    @media (max-width: 999px) {
      .c-homepage-banner__description {
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.6px;
        line-height: 20px; } }

.c-homepage-categories {
  margin-top: -65px;
  padding-bottom: 20px; }
  @media (max-width: 999px) {
    .c-homepage-categories .grid--hero {
      border-width: 16px 0 0 16px; } }
  .c-homepage-categories__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 0 24px 40px rgba(26, 26, 26, 0.05);
            box-shadow: 0 24px 40px rgba(26, 26, 26, 0.05);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    height: 100%;
    padding: 32px;
    text-decoration: none;
    text-align: center; }
    @media (max-width: 999px) {
      .c-homepage-categories__item {
        margin-bottom: 16px;
        padding: 16px; } }
    .c-homepage-categories__item:hover .c-button {
      background: #A41713;
      color: #ffffff; }
  .c-homepage-categories__image-holder {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 250px; }
    @media (max-width: 749px) {
      .c-homepage-categories__image-holder {
        height: auto; } }
    .c-homepage-categories__image-holder img {
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s; }
    .c-homepage-categories__image-holder:hover img {
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75); }
  .c-homepage-categories__item-title {
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 40px;
    color: #081608;
    text-decoration: none;
    text-align: center; }
    @media (max-width: 999px) {
      .c-homepage-categories__item-title {
        font-family: "Montserrat", sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -1.6px;
        line-height: 36px; } }
  .c-homepage-categories__item-image {
    height: auto;
    max-width: 320px;
    width: 100%; }

.c-button {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #A41713;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #ffffff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: background-color, color, outline;
  -o-transition-property: background-color, color, outline;
  transition-property: background-color, color, outline; }
  .c-button--small {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; }
  @media (max-width: 999px) {
    .c-button {
      padding: 8px 12px; } }
  .c-button__icon path {
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: fill;
    -o-transition-property: fill;
    transition-property: fill; }
  .c-button:hover, .c-button.x {
    background: #A41713;
    color: #ffffff; }
  .c-button:focus, .c-button:focus-visible {
    border: 0;
    outline: 3px solid #A41713; }
  .c-button--no-bg {
    background-color: transparent;
    color: #A41713;
    min-height: auto;
    padding: 8px 0; }
    .c-button--no-bg path {
      fill: #A41713; }
    .c-button--no-bg:hover, .c-button--no-bg:focus, .c-button--no-bg:focus-visible {
      background-color: transparent;
      color: #A41713;
      border: 0;
      outline: 0; }
      .c-button--no-bg:hover path, .c-button--no-bg:focus path, .c-button--no-bg:focus-visible path {
        fill: #A41713; }

.c-category__count {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px; }
  .c-category__count-indicator {
    background: #E2E3E4;
    height: 2px;
    overflow: hidden;
    position: relative;
    width: 160px; }
    .c-category__count-indicator-percent {
      background: #A41713;
      height: 2px;
      position: absolute;
      left: 0;
      top: 0; }

.c-category__wrap {
  display: grid;
  grid-template-columns: 1fr; }
  @media (min-width: 480px) {
    .c-category__wrap {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 750px) {
    .c-category__wrap {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 1000px) {
    .c-category__wrap {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }

.c-category .items {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border: 1px solid #E2E3E4;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  margin: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none; }
  .c-category .items:hover {
    border: 1px solid #A41713; }
    .c-category .items:hover .btn__text {
      background-color: #A41713 !important;
      color: #ffffff !important; }
      .c-category .items:hover .btn__text path {
        stroke: #ffffff; }
  .c-category .items h2 {
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    text-align: center;
    text-transform: lowercase;
    padding: 8px 0 16px 0; }
    .c-category .items h2:first-letter {
      text-transform: uppercase; }
  .c-category .items img {
    width: 150px;
    max-height: 100px;
    -o-object-fit: contain;
       object-fit: contain; }
  .c-category .items .btn {
    margin: 32px 0 0 0; }
    .c-category .items .btn .btn__text {
      border: 1px solid #A41713;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px;
      background-color: transparent;
      color: #A41713;
      padding: 13px 16px; }
      .c-category .items .btn .btn__text svg {
        stroke: currentColor !important; }
        .c-category .items .btn .btn__text svg g {
          stroke: currentColor !important; }
    .c-category .items .btn:hover .btn__text {
      background-color: #A41713;
      color: #ffffff; }
      .c-category .items .btn:hover .btn__text svg {
        color: #ffffff !important; }
    .c-category .items .btn:hover path {
      stroke: #ffffff; }
    .c-category .items .btn svg {
      margin-right: 6px; }

.c-categories-thumbs__list {
  margin-left: 0 !important; }

.c-box-cta-text {
  background: #A41713;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  margin: 48px 0;
  padding: 32px 40px; }
  .c-box-cta-text h2, .c-box-cta-text h3, .c-box-cta-text h4 {
    font-size: 38px; }
  .c-box-cta-text .btn__text {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 48px;
    font-size: 16px; }
  .c-box-cta-text .btn:hover .btn__text {
    border: 1px solid white; }

.slider-hp {
  width: 100% !important; }

.slider .slide {
  max-width: 100%; }

.slider .grid {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 749px) {
    .slider .grid {
      gap: 32px; } }

.slider img {
  -webkit-filter: none;
          filter: none;
  -o-object-fit: cover;
     object-fit: cover;
  height: 350px;
  -webkit-border-radius: 16px !important;
          border-radius: 16px !important;
  max-width: 100%; }

.slider .banner-img {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.slider .slide-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 40px; }
  @media (max-width: 1000px) {
    .slider .slide-text {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media (min-width: 750px) {
    .slider .slide-text {
      padding-right: 32px; } }
  .slider .slide-text h1, .slider .slide-text h2, .slider .slide-text h3 {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 24px; }
    @media (max-width: 900px) {
      .slider .slide-text h1, .slider .slide-text h2, .slider .slide-text h3 {
        font-size: 32px;
        line-height: 40px; } }
  .slider .slide-text a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    background: #A41713;
    border: 1px solid #A41713;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    color: #ffffff;
    padding: 13px 16px;
    text-decoration: none;
    margin-top: 8px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    -webkit-box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 1px;
            box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 1px; }
    @media (max-width: 1000px) {
      .slider .slide-text a {
        position: relative;
        bottom: auto; } }
    .slider .slide-text a:hover {
      background: white;
      color: #A41713; }

.slider .slide-button {
  position: relative; }

.slider .indicator {
  left: 0;
  bottom: -1px;
  height: 1px;
  background: #A41713;
  position: absolute; }

.slider .indicator-hidden {
  display: none !important; }

.slider .indicator-inactive {
  display: none; }

.slider .indicator-before {
  display: block;
  width: 100%; }

.slider .slider-navigace {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 36px; }
  @media (max-width: 479px) {
    .slider .slider-navigace {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.slider .title-button {
  padding: 0 24px; }

.slider .slide-button {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #acb1b4;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 0; }
  .slider .slide-button.on, .slider .slide-button:hover {
    /* color: $secondary30; */
    color: #A41713; }
  @media (max-width: 479px) {
    .slider .slide-button {
      width: 100%; } }

.left-product-stock {
  position: fixed;
  left: 0;
  top: 420px;
  background: #12684A;
  font-weight: 400;
  color: #ffffff;
  padding: 10px 16px;
  -webkit-border-top-right-radius: 12px;
          border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
          border-top-left-radius: 12px;
  -webkit-transform: rotate(90deg) translateY(100px);
      -ms-transform: rotate(90deg) translateY(100px);
          transform: rotate(90deg) translateY(100px);
  z-index: 99999; }
  @media (max-width: 749px) {
    .left-product-stock {
      display: none; } }
  .left-product-stock__svg svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    position: relative;
    top: -1px; }

.swiper.main-swiper .swiper-button-prev {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .swiper.main-swiper .swiper-button-prev:after {
    content: none; }
  .swiper.main-swiper .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    height: auto;
    width: auto; }
  @media (max-width: 479px) {
    .swiper.main-swiper .swiper-button-prev {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.swiper.main-swiper .swiper-button-next {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .swiper.main-swiper .swiper-button-next svg {
    height: auto;
    width: auto; }
  .swiper.main-swiper .swiper-button-next:after {
    content: none; }
  @media (max-width: 479px) {
    .swiper.main-swiper .swiper-button-next {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.swiper.main-swiper .swiper-scrollbar {
  display: none; }
  @media (max-width: 479px) {
    .swiper.main-swiper .swiper-scrollbar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

@media (max-width: 479px) {
  .swiper.thumbs-swiper {
    display: none; } }

@media (max-width: 999px) {
  .swiper.thumbs-swiper .swiper-slide {
    width: 100% !important;
    height: 100px; } }

@media (max-width: 999px) {
  .swiper.thumbs-swiper .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

.c-header-search {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  height: -webkit-fill-available;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  opacity: 0;
  padding: space(4x) space(2x) space(2x) space(2x);
  position: fixed;
  top: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  visibility: hidden;
  width: 100vw;
  z-index: -1; }
  .c-header-search__form {
    max-width: 600px;
    width: 100%; }
  .c-header-search__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
        -ms-flex: 1 0;
            flex: 1 0; }
    .c-header-search__input.is-loading + .autocomplete-result-loading {
      display: block; }
  .c-header-search .autocomplete-result-loading {
    display: none;
    position: absolute;
    right: 110px;
    top: 10px;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 2px solid black;
    border-top-color: transparent;
    -webkit-animation: autocomplete-search-spin 1s linear infinite;
            animation: autocomplete-search-spin 1s linear infinite; }
  .c-header-search__close {
    color: color("black");
    display: block;
    padding: 10px 16px;
    position: absolute;
    right: 16px / 2;
    top: 0; }
  .search-status:not(:disabled):checked + .search-for-open .c-header-search {
    opacity: 1;
    visibility: visible;
    z-index: 11; }
  @media (min-width: 750px) {
    .c-header-search {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: transparent;
      height: var(--header-height);
      left: 16px;
      padding: 0;
      position: absolute;
      right: 16px;
      top: 0;
      visibility: visible;
      width: auto; }
      .c-header-search__form {
        background: color("white");
        max-width: 100%; } }

@-webkit-keyframes autocomplete-search-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes autocomplete-search-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.b-suggest {
  position: absolute;
  z-index: 150;
  top: 100%;
  left: auto;
  right: auto;
  background: #fff;
  border: 1px solid #DAE2EC;
  -webkit-box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
          box-shadow: 0 5px 20px 0 rgba(47, 53, 60, 0.2);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-top: 12px;
  width: 95vw;
  max-width: 1232px; }
  @media (max-width: 1232px) {
    .b-suggest {
      left: 20px !important;
      right: 20px !important;
      width: 97vw; } }
  @media (max-width: 750px) {
    .b-suggest {
      left: auto !important;
      right: auto !important;
      width: 95vw; } }
  .b-suggest::before, .b-suggest::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-width: 0 7px 7px;
    border-style: solid dashed;
    border-color: #DAE2EC transparent; }
  .b-suggest::after {
    margin-bottom: -1px;
    border-color: #fff transparent; }
  .b-suggest__link {
    display: block;
    text-decoration: none; }
  .b-suggest__info {
    color: #7D848B; }
  .b-suggest__other {
    margin: 0;
    text-align: center;
    border-top: 1px solid #DAE2EC; }
    .b-suggest__other a {
      display: block;
      padding: 16px 20px;
      color: #7D848B; }
  .b-suggest__list--default {
    padding: 16px 30px 12px; }
    .b-suggest__list--default .icon-svg {
      color: #D8D8D8; }
  .b-suggest__list--default .b-suggest__item {
    margin-bottom: 3px; }
  .b-suggest__list--products .b-suggest__item {
    border-top: 1px solid #DAE2EC; }
  .b-suggest__list--default + .b-suggest__list--products {
    border-top: 1px solid #DAE2EC;
    padding-top: 1px; }
  .b-suggest__list--products:first-child .b-suggest__item:first-child {
    border-top-width: 0; }
  .b-suggest .is-selected a {
    color: #A41713; }
  .is-selected .b-suggest__name {
    text-decoration: underline; }
  .b-suggest__list--default .is-selected .item-icon {
    text-decoration: underline; }

.c-autocomplete {
  width: 100%;
  display: grid; }
  .c-autocomplete .c-products__item {
    max-width: 100% !important;
    border: none; }
    .c-autocomplete .c-products__item .b-product__img {
      height: 150px; }
  .c-autocomplete-wrapper {
    container-type: inline-size;
    container-name: autocomplete-container;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px; }
  .c-autocomplete > * {
    padding: 0 32px; }
    @media (max-width: 750px) {
      .c-autocomplete > * {
        padding: 0 8px; } }
    .c-autocomplete > *:not(:last-of-type) {
      border-right: 1px solid #E3E3E3; }
  .c-autocomplete__3 {
    grid-template-columns: 1fr 1fr 1fr; }
  .c-autocomplete__2 {
    grid-template-columns: 1fr 1fr; }
  .c-autocomplete__2-1 {
    grid-template-columns: 2fr 1fr; }
  .c-autocomplete-badges {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 16px;
    padding: 0 32px; }
    @media (max-width: 750px) {
      .c-autocomplete-badges {
        padding: 0 8px; } }
  .c-autocomplete-badge {
    background-color: #f4f5f5;
    padding: 4px 8px;
    border: 1px solid transparent; }
    .c-autocomplete-badge:hover {
      text-decoration: none;
      border: 1px solid #91979c; }
  .c-autocomplete .c-product,
  .c-autocomplete .c-small-product {
    max-width: 100%;
    width: 100%; }
  .c-autocomplete .c-small-product .c-flags {
    display: none; }
  .c-autocomplete .c-small-product h3 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important; }
  .c-autocomplete .c-product {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    padding: 0; }
    .c-autocomplete .c-product h3 {
      font-size: 20px; }
    .c-autocomplete .c-product .c-button {
      display: block;
      margin-top: 16px; }
    .c-autocomplete .c-product__price-wrap {
      padding-bottom: 0; }
    .c-autocomplete .c-product__text {
      padding-top: 0; }
    .c-autocomplete .c-product__avalibity-wrap {
      display: none; }
  .c-autocomplete__products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }
    .c-autocomplete__products-columns {
      display: grid;
      grid-template-columns: repeat(2, minmax(100px, 1fr));
      gap: 16px; }
      .c-autocomplete__products-columns .c-small-product__image-wrap {
        width: 100px !important; }
        .c-autocomplete__products-columns .c-small-product__image-wrap img {
          -o-object-fit: contain !important;
             object-fit: contain !important; }
  .c-autocomplete__products > *, .c-autocomplete__products-columns > * {
    padding-left: 0;
    padding-right: 0; }
  .c-autocomplete-more {
    margin-top: 24px; }
    .c-autocomplete-more__wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .c-autocomplete h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    /* 155.556% */
    text-transform: uppercase;
    margin-top: 32px;
    margin-bottom: 24px; }
    .c-autocomplete h2:first-child {
      margin-top: 0; }
  .c-autocomplete__categories ul {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }
    .c-autocomplete__categories ul li {
      margin: 0; }
      .c-autocomplete__categories ul li a {
        background-color: #f4f5f5;
        border: 1px solid transparent;
        padding: 8px 12px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 10px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
        .c-autocomplete__categories ul li a:hover {
          text-decoration: none;
          border: 1px solid #91979c; }
  .c-autocomplete .c-small_article__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }
  .c-autocomplete .c-small_article__item {
    position: relative; }
  .c-autocomplete .c-small_article__thumb {
    position: relative;
    width: 72px;
    aspect-ratio: 1 / 1;
    height: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
    .c-autocomplete .c-small_article__thumb img {
      position: absolute;
      inset: 0;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
  .c-autocomplete .c-small_article__content {
    padding: 8px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-autocomplete .c-small_article__title {
    font-size: 16px;
    margin-bottom: 0 !important; }
    .c-autocomplete .c-small_article__title strong {
      font-weight: 400; }
  .c-autocomplete .c-small_article__link {
    border: 1px solid #E2E3E4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .c-autocomplete .c-small_article__link:hover {
      text-decoration: none;
      border: 1px solid #91979c; }

.c-small-product {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  color: #91979c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .c-small-product .c-add {
    display: none;
    position: absolute;
    right: 24px;
    top: 26px;
    z-index: 1; }
  .c-small-product .logo-image {
    height: 28px;
    position: absolute;
    right: 20px;
    top: 52px;
    z-index: 1;
    display: none; }
  .c-small-product__wrap {
    background: white;
    border: 1px solid #E2E3E4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-decoration: none;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 10px;
            border-radius: 10px; }
    .c-small-product__wrap .c-button {
      display: none;
      margin-top: 12px; }
    .c-small-product__wrap:hover {
      border: 1px solid #91979c;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-decoration: none; }
      .c-small-product__wrap:hover .c-button {
        display: block; }
  .c-small-product__gray {
    background: #f4f5f5; }
  .c-small-product__category {
    background: #f4f5f5;
    padding-top: 48px; }
  .c-small-product__category-col {
    margin-bottom: 16px;
    width: calc(100% - 16px); }
    .c-small-product__category-col .c-add {
      display: block;
      margin-top: 0; }
      .c-small-product__category-col .c-add svg {
        position: relative;
        top: 3px; }
      .c-small-product__category-col .c-add__hide {
        display: none; }
    @media (max-width: 999px) {
      .c-small-product__category-col {
        margin: auto;
        width: calc(100% - 16px);
        margin-bottom: 16px; } }
    @media (min-width: 750px) {
      .c-small-product__category-col {
        margin-bottom: 24px;
        margin-left: 24px;
        width: calc((100% / 2) - 24px); } }
    @media (min-width: 87.5em) {
      .c-small-product__category-col {
        margin-bottom: 24px;
        margin-left: 24px;
        width: calc((100% / 3) - 24px); } }
  .c-small-product p {
    margin: 0; }
  .c-small-product h3 {
    margin: 0 0 4px 0; }
  .c-small-product .red {
    color: #30c08d; }
  .c-small-product__text {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    padding: 16px; }
    .c-small-product__text > p {
      display: none; }
  .c-small-product__image {
    height: 96px;
    width: 100%; }
    .c-small-product__image img {
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%;
      width: 100%; }
  .c-small-product__image-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    overflow: hidden;
    max-width: 135px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding-left: 10px; }
  .c-small-product__price-wrap {
    padding: 4px 0 4px 0; }
  .c-small-product__price-wrap-in {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .c-small-product__price-wrap-in .c-small-product__price-sale {
      margin-left: 8px; }
  .c-small-product__price {
    color: black;
    font-weight: 500; }
  .c-small-product__price-old {
    color: black;
    font-size: 16px;
    text-decoration: line-through; }
  .c-small-product__price-sale {
    color: black;
    font-size: 16px; }
  .c-small-product__avalibity-wrap {
    height: 16px;
    display: none; }
  .c-small-product__avalibity {
    color: #A41713; }
    .c-small-product__avalibity.red {
      color: #30c08d; }
  .c-small-product .icon-svg {
    margin-right: 8px; }

.click-content {
  margin-left: -16px; }
  .click-content .click-content_title {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #D8E2ED;
    padding: 16px;
    background-color: #FBFBFC; }
    @media only screen and (max-width: 480px) {
      .click-content .click-content_title {
        max-width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .click-content .click-content_title h3 {
      margin-bottom: 0;
      text-decoration: underline;
      font-size: 24px;
      font-family: "Montserrat", sans-serif;
      font-weight: 700; }
      @media only screen and (max-width: 480px) {
        .click-content .click-content_title h3 {
          font-size: 18px; } }
    .click-content .click-content_title:hover h3 {
      color: #A41713; }
  .click-content .icon-svg {
    width: 14px;
    height: 14px;
    margin-left: 14px; }
  .click-content .icon-svg__svg {
    color: #A41713; }
  .click-content .click-content_content {
    display: none; }
    .click-content .click-content_content iframe {
      max-width: 100%; }
  .click-content iframe {
    margin: 5px; }
  .click-content.open .click-content_title {
    border-bottom: none; }
  .click-content.open .click-content_content {
    display: block;
    border: 1px solid #D8E2ED;
    border-top: none;
    padding: 16px; }
  .click-content.open .icon-svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.orders-quick-login {
  margin-block: 64px; }
  .orders-quick-login .input {
    display: block;
    padding: 12px 16px;
    background-color: #ffffff;
    color: #2F353C;
    line-height: 20px;
    height: 44px !important;
    width: 100%;
    border: 1px solid #DAE2EC;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s; }
    .orders-quick-login .input:focus {
      border-color: #A41713; }
  .orders-quick-login .button {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #A41713;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    color: #ffffff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 48px;
    padding: 12px 24px;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: background-color, color, outline;
    -o-transition-property: background-color, color, outline;
    transition-property: background-color, color, outline;
    border: none; }
  .orders-quick-login .c {
    width: auto; }

.c-copy-to-clipboard {
  padding: 12px 32px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  background: rgba(27, 152, 108, 0.1);
  width: 100%; }

.c-copy-to-clipboard__container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px; }

@media (max-width: 600px) {
  .c-copy-to-clipboard__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .c-copy-to-clipboard__button {
    width: 100%;
    text-align: center; } }

.c-copy-to-clipboard__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left; }
  .c-copy-to-clipboard__item svg {
    margin-right: 16px; }

.copy-popup {
  position: absolute;
  background: #2f2f2f;
  color: #fff;
  padding: 8px 14px;
  font-size: 14px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 9999; }

.copy-popup::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #2f2f2f transparent transparent transparent; }

.copy-popup.show {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

/*# sourceMappingURL=style.css.map */



.c-container-two-columns .row-main {

  max-width: 1470px;
  padding-top: 48px;

}

.c-container-two-columns .u-bg-body .row-main  {

  padding-top: 48px;

}

.c-container-two-columns__wrap {

   display: flex;
   flex-wrap: wrap;
   gap: 32px;

 }

.c-container-two-columns__right, .c-container-two-columns__left {

  width: calc((100% / 2) - 16px);

  @media only screen and (max-width: 768px) {

    width: 100%;

  }

}


#servis {

  h4 {

    margin-top: 18px;

  }

}

.product-detail__popis {
  table {


  /* lichý řádek = bílé pozadí */
  tr:nth-child(odd) td { background: #ffffff; }

  /* sudý řádek = světle modré pozadí */
  tr:nth-child(even) td { background: #eef2f8; }

  /* první sloupec v každém řádku = tmavě modrý s bílým textem */
  tr td:first-child { background: #1a2855; color: #fff; font-weight: bold; }

  /* první řádek = hlavička, tmavě modrá */
  tr:first-child td { background: #1a2855; color: #fff; font-weight: bold; }

  }

}

/* Fulltextové vyhledávání – 4 produkty vedle sebe na lg+ (sloupec je size--12-12@lg, žádné levé filtry) */
@media (min-width: 1200px) {
  .main.zobrazit_vyhledane .c-products__list > .c-products__item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.slider-hp__arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 101;
    cursor: pointer;
    width: 40px;
    height: 40px;
    transition: background-color 0.3s;
    background-color: #A41713;
    color: white;
    border-radius: 9999px;
}
.slider-hp__arrow:hover {
    background-color: #2F353C;
}
.slider-hp__arrow--next {
    right: -20px;
}
.slider-hp__arrow--next::after {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15 19.5-7.5-7.5 7.5-7.5" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%; 
    transform: rotate(180deg);
}
.slider-hp__arrow--prev {
    left: -20px;
}
.slider-hp__arrow--prev::after {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15 19.5-7.5-7.5 7.5-7.5" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%; 
}
@media (min-width: 750px) {
    .slider-hp__arrow {
        display: none;
    }
}
@media (max-width: 749px) {
    .slider {
        padding-inline: 0;
    }
    .slider-hp__arrow {
        width: 32px;
        height: 32px;
    }
    .slider-hp__arrow--next {
        right: -16px;
    }
    .slider-hp__arrow--prev {
        left: -16px;
    }
    #slider {
        display: flex;
        flex-direction: column-reverse;
    }
    .slider-hp {
        overflow: visible !important;
    }
    .slider-hp .slide .grid{
        flex-direction: column-reverse;
    }
    .slider-hp .slide img{
        height: auto;
        aspect-ratio: 5/3;
        object-fit: cover;
        border-radius: 8px !important;
    }
    .slider .slider-navigace {
        margin-top: 0;
        margin-bottom: 24px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .slider .slide-button {
        font-size: 14px;
        width: auto;
        padding: 4px 0;
    }
    .slider-hp .slide{
        padding: 8px 8px 16px 8px;
        background-color: #F4F5F5;
        border-radius: 12px;
    }

    .slider-navigace {
        position: relative;
        border-bottom: 1px solid #acb1b4;
    }
    .slider .slide-button {
        position: static;
        border-bottom: 0;

        .indicator-inactive {
            display: none;
        }
    }
    .slide-button-line {
        display: none;
        &.on {
            display: block;
        }
    }
    .slider .title-button {
        padding: 0 12px;
    }
    .slider-hp .banner-img{
        position: relative; 
    }
    .slider .slide-text {
        padding-bottom: 20px;
    }
    .slider .slide-text h1, .slider .slide-text h2, .slider .slide-text h3, 
    .slider .slide-text p {
        text-align: center;
    }
    .slider .slide-text p {
        text-align: center;
        line-height: 1.1;
    }
    .slider .slide-text a {
        margin-inline: auto;
    }
}

/* ==========================================================
   KOŠÍK – ceny na jeden řádek + úprava hodnot v řádku
   ========================================================== */

/* --- 1) V ceně se nic nezalamuje --- */
.b-product-row__basket-quantity,
.b-product-row__price,
.b-product-row__price .price__wrap,
.b-product-row__price .price__current,
.b-product-row__price .price__current > strong,
.b-product-row__price .price__current-with,
.b-product-row__price .price__current-without {
    white-space: nowrap;
}

/* --- 2) "s DPH" – menší, pevná velikost, drží se ceny --- */
/* markup: <strong>5.699 Kč <span class="price__vat">s DPH</span></strong> */
.b-product-row__price .price__vat {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    margin-left: 4px;
    white-space: nowrap;
}

/* --- 3) Cenové sloupce: původních 100px nestačilo --- */
.c-products-row--basket .b-product-row__basket-quantity,
.c-products-row--basket .b-product-row__price {
    flex: 0 1 auto;
    flex-basis: 130px;
    min-width: -webkit-max-content;
    min-width: max-content;      /* pojistka proti zalomení u dlouhých částek */
}

/* mezera mezi sloupcem "x ks" a cenou */
.c-products-row--basket .b-product-row__basket-quantity {
    padding-right: 14px;
    padding-left: 8px;
}

/* --- 4) Uvolnění místa vpravo (dostupnost měla 150px) --- */
.c-products-row--basket .b-product-row__side .b-product-row__availability {
    flex-basis: 110px;
}

/* --- 5) Ať se raději zúží název produktu než ceny --- */
.c-products-row--basket .b-product-row__content {
    min-width: 0;
}

/* --- 6) Sloupce pod sebou: pravý blok zarovnat doprava --- */
@media (min-width: 480px) {
    .c-products-row--basket .b-product-row__side {
        justify-content: flex-end;
    }
    .c-products-row--basket .b-product-row__side .b-product-row__availability {
        margin-right: auto;
    }
}

/* --- 7) Hodnoty v řádku: menší a netučné --- */
.c-products-row--basket .b-product-row__availability,
.c-products-row--basket .b-product-row__availability strong,
.c-products-row--basket .b-product-row__basket-quantity {
    font-size: 14px;
    font-weight: 400;
}

/* --- 8) Koncová cena: menší, tučná, černá --- */
.c-products-row--basket .b-product-row .price__current > strong {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

/* --- 9) Kód produktu --- */
.c-products-row--basket .b-product-row__content .u-text-left {
    font-size: 12px;
    line-height: 1.4;
    color: #91979c;    /* volitelné ztlumení */
}

/* --- Shrnutí objednávky: řádky košíku --- */
.b-summary .summary--img td {
  padding: 8px 0;
  line-height: 1.25;
  vertical-align: middle;
}
.b-summary .summary--img tr:last-child td { border-bottom: 0; padding-bottom: 0; }

/* miniatura */
.b-summary .summary--img .summary__img { padding-right: 12px; }
.b-summary .summary--img .b-summary__img {
  border: 1px solid #EEF2F6;
  border-radius: 3px;
  background: #fff;
  padding: 2px;
}
.b-summary .summary--img .b-summary__img img {
  display: block;
  width: 100%;
  height: 36px;
  object-fit: contain;
}

/* název */
.b-summary .summary--img .summary__name {
  font-size: 13px;
  line-height: 1.35;
  color: #2F353C;
  padding-right: 8px;
}

/* počet ks */
.b-summary .summary--img .summary__quantity {
  font-size: 13px;
  line-height: 1.35;
  color: #7D848B;
  white-space: nowrap;
  padding-right: 8px;
}

/* cena + "s DPH" */
.b-summary .summary--img .summary__price { white-space: nowrap; }
.b-summary .summary--img .summary__price strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #2F353C;
}
.b-summary .summary--img .summary__price strong::after {
  content: "s DPH";
  display: block;
  margin-top: 1px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.2;
  color: #9AA4AE;
}

/* --- Doprava v košíku: "s DPH" pod cenou --- */
.transport-price .price__current {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* --- img-text: volitelné bílé pozadí bloku (zaškrtávátko v administraci) --- */
.img-text__wrapper--bg-white {
  background-color: #fff;
  border-radius: 16px;
  padding: 48px;
}
@media (max-width: 1024px) { .img-text__wrapper--bg-white { padding: 40px; } }
@media (max-width: 768px)  { .img-text__wrapper--bg-white { border-radius: 12px; padding: 32px 20px; } }

/* --- Výpis značek: řady dlaždic s logy --- */
.marks__title {
  margin-bottom: 24px;
  padding: 0;
}

.marks__items {
  justify-content: flex-start;
  margin-bottom: 0;
}
  .marks__items .grid__cell {
    border-width: 0 0 0 16px;
    align-items: stretch;
    justify-content: stretch;
    margin-bottom: 16px;
  }
  .marks__items .grid__cell > a:not(.marks__item) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 96px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #E7EBEF;
    border-radius: 16px;
    transition: box-shadow .3s, border-color .3s, transform .3s;
  }
    .marks__items .grid__cell > a:not(.marks__item) .image {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }
    .marks__items .grid__cell > a:not(.marks__item) img {
      max-width: 100%;
      max-height: 44px;
      width: auto !important;
      height: auto !important;
      object-fit: contain;
    }

.no-touchevents .marks__items .grid__cell > a:not(.marks__item):hover {
  border-color: #D6DDE5;
  box-shadow: 0 8px 20px rgba(87, 99, 113, .14);
  transform: translateY(-2px);
}

.marks__button {
  flex: 0 0 100%;
  width: 100%;
  justify-content: center;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .marks__items .grid__cell > a:not(.marks__item) { height: 80px; padding: 12px; }
  .marks__items .grid__cell > a:not(.marks__item) img { max-height: 36px; }
}

/* odsazení celé mřížky značek od následujícího obsahu */
.marks__items.grid {
  margin-bottom: 48px;
}

/* ==========================================================================
   TOPENATO.cz — CSS pro obsahové prvky (styleguide.html)
   --------------------------------------------------------------------------
   Sjednocuje vzhled všech prvků vkládaných redaktorem (WYSIWYG, obrázkové
   komponenty, galerie, loga výrobců, formuláře) se současnou grafikou e-shopu.
   Vkládat AŽ ZA hlavní styl webu (custom CSS / vlastní.css).

   POZN. K ZAPOJENÍ: soubor je součástí buildu - importuje se jako POSLEDNÍ
   v src/css/instance/_index.scss a kompiluje se na konec /style.css.
   Pořadí importu neměň, pravidla níže záměrně přebíjejí styly nad sebou.
   Po každé úpravě je potřeba spustit build (gulp sass).
   ========================================================================== */


/* ==========================================================================
   1) DESIGN TOKENY
   Hodnoty odpovídají současné grafice webu (odečteno z živé stránky).
   ========================================================================== */

:root {
  /* Barvy */
  --tp-red:          #A41713;   /* primární brand červená (CTA boxy, H4, tlačítka) */
  --tp-red-dark:     #85120F;   /* hover / active */
  --tp-red-soft:     rgba(164, 23, 19, .08);

  --tp-ink:          #2F353C;   /* základní text */
  --tp-ink-strong:   #111213;   /* nadpisy */
  --tp-ink-muted:    #6B7480;   /* popisky, meta */

  --tp-bg:           #F4F6F8;   /* šedé pozadí sekcí */
  --tp-white:        #FFFFFF;
  --tp-line:         #DAE2EC;   /* linky, rámečky */

  --tp-green:        #0F7A46;   /* skladem / úspěch */

  /* Typografie */
  --tp-font-head:    "Montserrat", "Roboto", sans-serif;
  --tp-font-body:    "Roboto", sans-serif;

  /* Rádiusy — web používá 16px na kartách/boxech a 3px na tlačítkách */
  --tp-radius:       16px;
  --tp-radius-sm:    8px;
  --tp-radius-btn:   3px;

  /* Stíny */
  --tp-shadow:       0 2px 10px rgba(17, 18, 19, .06);
  --tp-shadow-hover: 0 8px 24px rgba(17, 18, 19, .12);

  /* Rozestupy */
  --tp-gap:          32px;
  --tp-gap-sm:       16px;
  --tp-gap-lg:       48px;

  /* Přechody */
  --tp-ease:         .25s cubic-bezier(.4, 0, .2, 1);
}


/* ==========================================================================
   2) OBSAHOVÝ KONTEJNER — společný scope
   Vše níže se aplikuje jen na redakční obsah, nikoli na komponenty e-shopu.
   Pokud lze do šablony přidat třídu, doporučuji obalit obsah `.cms-obsah`.
   ========================================================================== */

.container-level-root .sloupec1,
.container-level-root .sloupec2,
.container-level-root .content-container,
.container-level-root .cms-obsah,
.container-level-root .u-max-width-12-12 > div:not([class]) {
  font-family: var(--tp-font-body);
  font-size: 16px;
  line-height: 1.7;
  color: var(--tp-ink);
}

/* „Vlastní HTML blok“ – neotříděný div bez třídy dostane odsazení karty */
.container-level-root .u-max-width-12-12 > div:not([class]) {
  padding: 0;
}


/* ==========================================================================
   3) TYPOGRAFIE — nadpisová škála H1–H6
   Web má H1 38/50 Montserrat 700. Doplňuji plynulou škálu, aby H4–H6
   nesplývaly s běžným textem (dnes 16/16/18px prakticky bez rozdílu).
   ========================================================================== */

.container-level-root .sloupec1 h1,
.container-level-root .content-container h1,
.container-level-root .cms-obsah h1,
.container-level-root .u-max-width-12-12 > div:not([class]) h1 {
  font-family: var(--tp-font-head);
  font-size: clamp(28px, 1.4rem + 1.6vw, 38px);
  line-height: 1.28;
  font-weight: 700;
  color: var(--tp-ink);
  letter-spacing: -.01em;
  margin: 0 0 24px;
}

.container-level-root .sloupec1 h2,
.container-level-root .content-container h2,
.container-level-root .cms-obsah h2,
.container-level-root .u-max-width-12-12 > div:not([class]) h2 {
  font-family: var(--tp-font-head);
  font-size: clamp(24px, 1.2rem + 1.1vw, 32px);
  line-height: 1.3;
  font-weight: 700;
  color: var(--tp-ink);
  letter-spacing: -.01em;
  margin: 40px 0 16px;
}

.container-level-root .sloupec1 h3,
.container-level-root .content-container h3,
.container-level-root .cms-obsah h3,
.container-level-root .u-max-width-12-12 > div:not([class]) h3 {
  font-family: var(--tp-font-head);
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--tp-ink);
  margin: 32px 0 12px;
}

.container-level-root .sloupec1 h4,
.container-level-root .content-container h4,
.container-level-root .cms-obsah h4,
.container-level-root .u-max-width-12-12 > div:not([class]) h4 {
  font-family: var(--tp-font-head);
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--tp-ink);
  margin: 28px 0 10px;
}

.container-level-root .sloupec1 h5,
.container-level-root .content-container h5,
.container-level-root .cms-obsah h5,
.container-level-root .u-max-width-12-12 > div:not([class]) h5 {
  font-family: var(--tp-font-head);
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  color: var(--tp-ink);
  margin: 24px 0 8px;
}

/* H6 = malý „popisek sekce“ v brand červené, aby byl vizuálně odlišen */
.container-level-root .sloupec1 h6,
.container-level-root .content-container h6,
.container-level-root .cms-obsah h6,
.container-level-root .u-max-width-12-12 > div:not([class]) h6 {
  font-family: var(--tp-font-head);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--tp-red);
  margin: 24px 0 8px;
}

/* První nadpis v bloku nemá dělat mezeru navíc */
.container-level-root .sloupec1 > :first-child,
.container-level-root .content-container > :first-child,
.container-level-root .cms-obsah > :first-child { margin-top: 0; }


/* ==========================================================================
   4) TYPOGRAFIE — odstavce, odkazy, zvýraznění
   ========================================================================== */

.container-level-root .sloupec1 p,
.container-level-root .content-container p,
.container-level-root .cms-obsah p,
.container-level-root .u-max-width-12-12 > div:not([class]) p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--tp-ink);
}

/* Perex – volitelná třída pro úvodní odstavec */
.container-level-root .perex,
.container-level-root p.perex {
  font-size: 18px;
  line-height: 1.65;
  color: var(--tp-ink-muted);
  margin-bottom: 24px;
}

.container-level-root .sloupec1 a:not(.btn),
.container-level-root .content-container a:not(.btn),
.container-level-root .cms-obsah a:not(.btn),
.container-level-root .u-max-width-12-12 > div:not([class]) a:not(.btn) {
  color: var(--tp-red);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color var(--tp-ease);
}

.container-level-root .sloupec1 a:not(.btn):hover,
.container-level-root .content-container a:not(.btn):hover,
.container-level-root .cms-obsah a:not(.btn):hover { color: var(--tp-red-dark); }

.container-level-root .content-container strong,
.container-level-root .sloupec1 strong { font-weight: 600; color: var(--tp-ink-strong); }

.container-level-root .content-container mark,
.container-level-root .sloupec1 mark {
  background: var(--tp-red-soft);
  color: var(--tp-ink-strong);
  padding: 0 .2em;
  border-radius: 2px;
}

/* Předformátovaný text / kód */
.container-level-root .content-container pre,
.container-level-root .sloupec1 pre {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 14px;
  line-height: 1.6;
  background: var(--tp-bg);
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius-sm);
  padding: 16px 20px;
  overflow-x: auto;
  margin: 0 0 20px;
}

.container-level-root .content-container code,
.container-level-root .sloupec1 code {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: .9em;
  background: var(--tp-bg);
  border: 1px solid var(--tp-line);
  border-radius: 3px;
  padding: .1em .4em;
}

/* Oddělovač */
.container-level-root .content-container hr,
.container-level-root .sloupec1 hr {
  border: 0;
  border-top: 1px solid var(--tp-line);
  margin: 40px 0;
}


/* ==========================================================================
   5) SEZNAMY
   ========================================================================== */

.container-level-root .content-container ul,
.container-level-root .cms-obsah ul,
.container-level-root .u-max-width-12-12 > div:not([class]) ul,
.container-level-root .content-container ol,
.container-level-root .cms-obsah ol,
.container-level-root .u-max-width-12-12 > div:not([class]) ol {
  margin: 0 0 20px;
  padding-left: 0;
  list-style: none;
}

.container-level-root .content-container li,
.container-level-root .cms-obsah li,
.container-level-root .u-max-width-12-12 > div:not([class]) li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 8px;
  line-height: 1.65;
}

/* Odrážka jako brand tečka */
.container-level-root .content-container ul > li::before,
.container-level-root .cms-obsah ul > li::before,
.container-level-root .u-max-width-12-12 > div:not([class]) ul > li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: .62em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tp-red);
}

/* Číslovaný seznam s brand číslem */
.container-level-root .content-container ol,
.container-level-root .cms-obsah ol,
.container-level-root .u-max-width-12-12 > div:not([class]) ol { counter-reset: tp-ol; }

.container-level-root .content-container ol > li::before,
.container-level-root .cms-obsah ol > li::before,
.container-level-root .u-max-width-12-12 > div:not([class]) ol > li::before {
  counter-increment: tp-ol;
  content: counter(tp-ol) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--tp-font-head);
  font-weight: 700;
  font-size: 15px;
  color: var(--tp-red);
}

/* Vnořené seznamy */
.container-level-root .content-container li > ul,
.container-level-root .content-container li > ol { margin: 8px 0 0; }


/* ==========================================================================
   6) CITACE
   Dnes: šedý box s tenkou linkou vlevo. Sjednoceno s rádiusem karet.
   ========================================================================== */

.container-level-root .content-container blockquote,
.container-level-root .cms-obsah blockquote,
.container-level-root .sloupec1 blockquote {
  position: relative;
  background: var(--tp-bg);
  border: 0;
  border-left: 4px solid var(--tp-red);
  border-radius: var(--tp-radius-sm);
  padding: 20px 24px 20px 28px;
  margin: 0 0 24px;
  font-size: 17px;
  line-height: 1.65;
  font-style: normal;
  color: var(--tp-ink-strong);
}

.container-level-root .content-container blockquote p:last-child { margin-bottom: 0; }

.container-level-root .content-container blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-style: normal;
  color: var(--tp-ink-muted);
}


/* ==========================================================================
   7) TABULKY V OBSAHU
   ========================================================================== */

.container-level-root .content-container table:not(.forms-table),
.container-level-root .cms-obsah table:not(.forms-table),
.container-level-root .u-max-width-12-12 > div:not([class]) table:not(.forms-table) {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 24px;
  font-size: 15px;
  background: var(--tp-white);
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius-sm);
  overflow: hidden;
}

.container-level-root .content-container table:not(.forms-table) th {
  background: var(--tp-bg);
  font-family: var(--tp-font-head);
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  color: var(--tp-ink-strong);
  padding: 12px 16px;
  border-bottom: 1px solid var(--tp-line);
}

.container-level-root .content-container table:not(.forms-table) td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--tp-line);
  vertical-align: top;
}

.container-level-root .content-container table:not(.forms-table) tr:last-child td { border-bottom: 0; }
.container-level-root .content-container table:not(.forms-table) tbody tr:nth-child(even) td { background: #FAFBFC; }

/* Vodorovný scroll na mobilu */
@media (max-width: 750px) {
  .container-level-root .content-container table:not(.forms-table) { display: block; overflow-x: auto; white-space: nowrap; }
}


/* ==========================================================================
   8) DVOUSLOUPCOVÝ KONTEJNER (.c-container-two-columns)
   Dnes flex s pevnými 584px. Předělávám na grid – rovnoměrné sloupce,
   zarovnání shora a čisté zalomení na mobilu.
   ========================================================================== */

.c-container-two-columns__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--tp-gap-lg);
  align-items: start;
}

.c-container-two-columns .c-container-two-columns__left,
.c-container-two-columns .c-container-two-columns__right {
  width: 100%;      /* přebíjí width:calc(50% - 16px) z hlavního stylu */
  min-width: 0;
}

/* Varianty poměru sloupců – volitelné třídy na .c-container-two-columns */
.c-container-two-columns--7-5 .c-container-two-columns__wrap { grid-template-columns: 7fr 5fr; }
.c-container-two-columns--5-7 .c-container-two-columns__wrap { grid-template-columns: 5fr 7fr; }
.c-container-two-columns--center .c-container-two-columns__wrap { align-items: center; }

@media (max-width: 1000px) {
  .c-container-two-columns__wrap { gap: var(--tp-gap); }
}

@media (max-width: 750px) {
  .c-container-two-columns__wrap,
  .c-container-two-columns--7-5 .c-container-two-columns__wrap,
  .c-container-two-columns--5-7 .c-container-two-columns__wrap {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}


/* ==========================================================================
   9) OBRÁZKOVÁ KOMPONENTA .cimg — SPOLEČNÝ ZÁKLAD
   Klíčová oprava: obrázky se dnes vykreslují v nativní velikosti podle
   atributů width/height (390px, 300px, 470px…), takže nikdy nevyplní sloupec
   a bloky mají nahodilé rozměry. Níže se obrázek roztáhne na 100 % šířky
   a výška se řídí poměrem stran.

   POZN.: .cimg-image-wrap je vrácen do původní podoby – všechna pravidla
   na tento element (rozměry, overflow, rádius, pozadí, aspect-ratio ve všech
   šablonách) byla z tohoto souboru odstraněna.
   ========================================================================== */


/* Jemný zoom při najetí (jen tam, kde je obrázek prokliknutelný) */
.cimg-image-wrap__link:hover .cimg-image,
a.cimg-image-wrap:hover .cimg-image { transform: scale(1.04); }

/* Popisek pod/nad obrázkem – dnes kurzíva 16px, přeplouvá přes nadpis */
.cimg-caption {
  display: block;
  order: 2;
  margin-top: 10px;
  font-family: var(--tp-font-body);
  font-size: 13px;
  line-height: 1.5;
  font-style: normal;
  color: var(--tp-ink-muted);
}

.cimg-container-caption-tl .cimg-caption { order: 0; margin: 0 0 10px; }

/* Textová část */
.cimg-content { min-width: 0; }

.cimg-content > :first-child { margin-top: 0; }
.cimg-content > :last-child  { margin-bottom: 0; }

.cimg-content h2,
.cimg-content h3,
.cimg-content h4 {
  font-family: var(--tp-font-head);
  color: var(--tp-ink);
  margin: 0 0 12px;
}

.cimg-content h3 { font-size: 24px; line-height: 1.3; font-weight: 700; }
.cimg-content p  { margin: 0 0 12px; line-height: 1.65; }


/* --------------------------------------------------------------------------
   9.1 Šablona IMAGE — samostatný obrázek na šířku bloku
   -------------------------------------------------------------------------- */

.cimg-template-image .cimg-container { flex-direction: column; }

/* Menší varianty (volitelné třídy) */
.cimg-template-image.cimg--auto .cimg-image { height: auto !important; object-fit: contain; }
.cimg-template-image.cimg--sm  { max-width: 480px; }
.cimg-template-image.cimg--md  { max-width: 720px; }

/* Vystředěná pozice (.cimg-position-ac) */
.cimg-position-ac { margin-left: auto; margin-right: auto; }
.cimg-position-ac .cimg-container { justify-content: center; }

/* Technické výkresy a schémata mají zůstat celé viditelné, ne oříznuté */
.cimg-template-image.cimg--schema .cimg-image { object-fit: contain; padding: 16px; }


/* --------------------------------------------------------------------------
   9.2 Šablona CARD — obrázek a text vedle sebe
   -------------------------------------------------------------------------- */

.cimg-template-card .cimg-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--tp-gap);
  background: var(--tp-white);
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius);
  padding: 20px;
  box-shadow: var(--tp-shadow);
  transition: box-shadow var(--tp-ease), transform var(--tp-ease);
}

.cimg-template-card .cimg-container:hover {
  box-shadow: var(--tp-shadow-hover);
  transform: translateY(-2px);
}


.cimg-template-card .cimg-image-part { display: block; flex: 0 0 42%; max-width: 42%; }
.cimg-template-card .cimg-content    { flex: 1 1 auto; }

/* Obrázek vpravo */
.cimg-template-card .cimg-image-horizontal-right .cimg-image-part,
.cimg-template-card.cimg--image-right .cimg-container { flex-direction: row-reverse; }

/* Odkaz v kartě jako brand link se šipkou */
.cimg-template-card .cimg-content a:not(.btn) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  text-decoration: none;
  color: var(--tp-red);
}
.cimg-template-card .cimg-content a:not(.btn)::after {
  content: "→";
  transition: transform var(--tp-ease);
}
.cimg-template-card .cimg-content a:not(.btn):hover::after { transform: translateX(4px); }

@media (max-width: 750px) {
  .cimg-template-card .cimg-container { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px; }
  /* padding-right z CMS drží obrázek na část šířky – po zalomení ho rušíme */
  .cimg-template-card .cimg-image-part { flex: 1 1 auto; max-width: 100%; padding: 0 !important; }
}


/* --------------------------------------------------------------------------
   9.3 Šablona OVERLAY — text v poloprůhledné ploše nad obrázkem
   Pozicování textu (nahoře/uprostřed/dole, vlevo/vpravo) řídí sám CMS
   třídami .cimg-content-vertical-* / .cimg-content-horizontal-*, proto je
   nepřepisujeme — měníme jen barvy, rádiusy a velikost obrázku.
   -------------------------------------------------------------------------- */

.cimg-template-overlay .cimg-container {
  display: flex;
  position: relative;
  flex-direction: column;
  border-radius: var(--tp-radius);
  overflow: hidden;
}

/* CMS rezervuje u překrytí procentuální padding (obrázek zabírá jen část
   plochy) – nulujeme ho, aby fotka vyplnila celý blok a text ležel vždy na ní. */
.cimg-template-overlay .cimg-container,
.cimg-template-poster .cimg-container { padding: 0; }

.cimg-template-overlay .cimg-image-part,
.cimg-template-poster .cimg-main-wrap { padding: 0 !important; }

.cimg-template-overlay .cimg-image-part { width: 100%; }

.cimg-template-overlay .cimg-content,
.cimg-template-poster .cimg-content { color: var(--tp-white); }

.cimg-template-overlay .cimg-content h2,
.cimg-template-overlay .cimg-content h3,
.cimg-template-overlay .cimg-content h4,
.cimg-template-overlay .cimg-content p,
.cimg-template-poster .cimg-content h2,
.cimg-template-poster .cimg-content h3,
.cimg-template-poster .cimg-content h4,
.cimg-template-poster .cimg-content p { color: var(--tp-white); }

.cimg-template-overlay .cimg-content a:not(.btn),
.cimg-template-poster .cimg-content a:not(.btn) { color: var(--tp-white); text-decoration: underline; }

/* Podklad pod textem — dnes neutrální šedá (#aaa) vkládaná z administrace.
   Sjednoceno s brand červenou; !important kvůli inline stylu z CMS. */
.cimg-content-bg {
  background: rgba(164, 23, 19, .92) !important;
  border-radius: var(--tp-radius-sm);
}

/* Barevné pozadí celého rámu obrázku se nepoužívá – barvu nese jen podklad textu */
.cimg-container.cimg-content-bg-color { background: transparent !important; }

/* Vnitřní odsazení textu nad obrázkem */
.cimg-template-overlay .cimg-content-inner,
.cimg-template-poster .cimg-content-inner { padding: 24px 28px; }

@media (max-width: 750px) {
  .cimg-template-overlay .cimg-content-inner,
  .cimg-template-poster .cimg-content-inner { padding: 18px 20px; }
}


/* --------------------------------------------------------------------------
   9.4 Šablona BLOCK — obrázek nad textem („Styl Pod sebou“)
   -------------------------------------------------------------------------- */

.cimg-template-block .cimg-container { display: flex; flex-direction: column; }

.cimg-template-block .cimg-content { width: 100% !important; padding: 20px 0 0; }

.cimg-template-block .cimg-content h3 { font-size: 22px; margin-bottom: 8px; }
.cimg-template-block .cimg-content p  { color: var(--tp-ink-muted); font-size: 15px; }


/* --------------------------------------------------------------------------
   9.5 Šablona POSTER — obrázek vyplňuje celou plochu, text leží na něm
   Pozn.: .cimg-image-wrap zde záměrně nestylujeme – ponechán v původní podobě.
   -------------------------------------------------------------------------- */

.cimg-template-poster .cimg-container {
  display: flex;
  position: relative;
  flex-direction: column;
  border-radius: var(--tp-radius);
  overflow: hidden;
  min-height: 420px;
}

.cimg-template-poster .cimg-main-wrap {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-height: 420px;
  align-items: flex-end;
}

.cimg-template-poster .cimg-image { object-fit: cover; }

.cimg-template-poster .cimg-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

@media (max-width: 750px) {
  .cimg-template-poster .cimg-container,
  .cimg-template-poster .cimg-main-wrap { min-height: 320px; }
}


/* ==========================================================================
   10) GALERIE (.cg-*)
   Dnes: dlaždice v nativních rozměrech, řádky nestejně vysoké, bez rádiusu.
   ========================================================================== */

.cg-single-gallery,
.cg-rows-gallery {
  display: grid;
  gap: 12px;
  margin: 0 0 24px;
}

/* Mřížka pro víceobrázkovou galerii */
.cg-rows-gallery {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.cg-gallery-item,
.cg-gallery-photo-item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--tp-radius-sm);
  background: var(--tp-white);
  border: 1px solid var(--tp-line);
  aspect-ratio: 1 / 1;
  transition: box-shadow var(--tp-ease), transform var(--tp-ease);
}

.cg-gallery-item:hover,
.cg-gallery-photo-item:hover {
  box-shadow: var(--tp-shadow-hover);
  transform: translateY(-2px);
  z-index: 2;
}

/* Obrázek v dlaždici - stylován níže spolu s .cg-gallery-image-part img */

.cg-gallery-hover-fx .cg-gallery-item:hover .cg-gallery-image { transform: scale(1.05); }

/* Jednoobrázková galerie – větší, vystředěná */
.cg-single-gallery {
  grid-template-columns: 1fr;
  max-width: 640px;
}

.cg-single-gallery.cg-gallery-layout--ac { margin-left: auto; margin-right: auto; }

.cg-single-gallery .cg-gallery-item { aspect-ratio: 4 / 3; }

/* Počítadlo fotek – dnes holé „6 📷“ pod obrázkem */
.cg-single-gallery-count {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(17, 18, 19, .72);
  color: var(--tp-white);
  font-family: var(--tp-font-head);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  z-index: 3;
}

.cg-single-gallery-count img,
.cg-single-gallery-count svg { width: 14px; height: 14px; filter: invert(1); }

@media (max-width: 750px) {
  .cg-rows-gallery { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
}


/* --- 10.1 Obrázky v dlaždicích --- */

.cg-gallery-image-part {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;        /* přebije inline margin 5px z galerijní knihovny */
  overflow: hidden;
  border-radius: inherit;
}

.cg-gallery-image-part img,
.cg-gallery-image,
.cg-gallery-photo-img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;       /* ← pryč s 8px */
  object-fit: cover;
  object-position: center;
  transition: transform .45s cubic-bezier(.4, 0, .2, 1);
}

/* single galerie: item je inline-block s auto šířkou → bez tohohle se zhroutí na 0 */
.cg-single-gallery .cg-gallery-item,
.cg-single-gallery .cg-gallery-photo-item {
  display: block;
  width: 100%;
}

/* hlavní fotka se needituje ořezem – u výkresů a schémat by z ní zbyl prázdný střed */
.cg-single-gallery .cg-gallery-image-part img {
  object-fit: contain;
  background: #fff;
}


/* ==========================================================================
   11) VÝPIS ZNAČEK / PRODUKTOVÝCH ŘAD (.marks__*)
   Dnes: řádek .marks__item je vysoký 88 px, ale logo uvnitř se vykresluje
   ve 100×100 px (bez omezení výšky) a přetéká do sousedních řádků; názvy
   mají pevnou šířku 100 px a lámou se, rozbité obrázky zabírají plný čtverec.
   Řešení: pevná miniatura loga 72×40 s object-fit: contain a pružný název.
   ========================================================================== */

/* --- 11.1 Seznam značek s počty (dlaždice s názvem, logem a číslem) -------- */

/* .marks__items .grid__cell - řeší se v src/css/instance/marks.scss */

.marks__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 76px;
  padding: 12px 16px;
  background: var(--tp-white);
  border: 1px solid var(--tp-line);
  border-radius: 12px;
  color: var(--tp-ink);
  text-decoration: none;
  overflow: hidden;
  transition: border-color var(--tp-ease), box-shadow var(--tp-ease), transform var(--tp-ease);
}

.marks__item:hover {
  border-color: var(--tp-red);
  box-shadow: var(--tp-shadow);
  transform: translateY(-2px);
}

/* Název – místo pevných 100 px pružná šířka */
.marks__item .title {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  font-family: var(--tp-font-head);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--tp-ink);
  overflow-wrap: anywhere;
}

/* Miniatura loga – jednotný rámeček, obrázek se do něj vejde celý */
.marks__item .image,
.marks__items .image {
  flex: 0 0 84px;
  width: 84px;
  height: 40px;
  max-width: 84px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Pevná šířka i výška + object-fit: contain – jinak se široká loga
   (např. GROHE 239×70) ořežou, protože samotný max-height je nezastaví. */
.marks__item .image img,
.marks__items .image img,
.marks__item img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  /* rozbitý obrázek nemá roztahovat řádek ani vypisovat alt */
  font-size: 0;
  color: transparent;
}

/* Počet položek */
.marks__item .counter {
  flex: 0 0 auto;
  width: auto;
  min-width: 38px;
  text-align: right;
  font-family: var(--tp-font-head);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--tp-ink-muted);
  font-variant-numeric: tabular-nums;
}

/* --- 11.2 Pás log produktových řad ---
   Dlaždice .marks__items .grid__cell > a:not(.marks__item) se stylují
   v src/css/instance/marks.scss (novější verze), zde už nejsou. */

@media (max-width: 750px) {
  .marks__item { min-height: 64px; padding: 10px 12px; gap: 8px; }
  .marks__item .image,
  .marks__items .image { flex: 0 0 64px; width: 64px; height: 32px; max-width: 64px; }
  .marks__item .title { font-size: 13px; }
}


/* ==========================================================================
   12) LOGA VÝROBCŮ (.eshop-loga-vyrobcu)
   Dnes: 115 floatovaných divů v nativních velikostech (od 51px po 300px),
   sekce je přes 6 800 px vysoká a rozbité obrázky ukazují alt text.
   Řešení: rovnoměrná mřížka s pevnou výškou dlaždice.
   ========================================================================== */

.eshop-loga-vyrobcu {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
  align-items: stretch;
}

.eshop-loga-vyrobcu::after { content: none; }   /* ruší clearfix po floatech */

.eshop-loga-vyrobcu .obrl {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  display: flex;
}

.eshop-loga-vyrobcu .obrl > a,
.eshop-loga-vyrobcu .obrl > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 84px;
  padding: 12px 16px;
  background: var(--tp-white);
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius-sm);
  overflow: hidden;
  transition: border-color var(--tp-ease), box-shadow var(--tp-ease), transform var(--tp-ease);
}

.eshop-loga-vyrobcu .obrl > a:hover {
  border-color: var(--tp-red);
  box-shadow: var(--tp-shadow);
  transform: translateY(-2px);
}

.eshop-loga-vyrobcu img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 56px;       /* strop výšky – bez něj vysoká loga natahují dlaždici */
  object-fit: contain;
  /* Sjednocení barevnosti – log je 115 a barevně se tlučou.
     Pokud mají zůstat barevná, smažte následující tři řádky (filter/opacity). */
  filter: grayscale(100%);
  opacity: .78;
  transition: filter var(--tp-ease), opacity var(--tp-ease);
  /* Rozbitý obrázek nemá vypisovat alt text přes celou dlaždici */
  font-size: 0;
  color: transparent;
}

.eshop-loga-vyrobcu .obrl > a:hover img { filter: none; opacity: 1; }

@media (max-width: 750px) {
  .eshop-loga-vyrobcu { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
  .eshop-loga-vyrobcu .obrl > a,
  .eshop-loga-vyrobcu .obrl > span { height: 64px; padding: 8px 10px; }
  .eshop-loga-vyrobcu img { max-height: 44px; }
}


/* ==========================================================================
   13) FORMULÁŘE (.greyform)
   Dnes: šedý blok, tabulkový layout, systémové inputy s modrým rámečkem,
   drobné popisky. Sjednoceno s kartami e-shopu.
   ========================================================================== */

.greyform {
  /* !important – barvu pozadí vkládá CMS inline (background-color:#cccccc).
     Ideálně změnit i v administraci formuláře. */
  background: var(--tp-white) !important;
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius);
  padding: 32px;
  box-shadow: var(--tp-shadow);
}

.forms-nadpis-formulare,
.greyform-nadpis-formulare {
  font-family: var(--tp-font-head);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--tp-ink);
  margin: 0 0 24px;
  padding: 0;
}

/* Tabulka na blokový (dvousloupcový) layout */
.forms-table,
.forms-table tbody,
.forms-table tr,
.forms-table td { display: block; width: 100%; }

.forms-table { border: 0; border-collapse: collapse; }

.forms-radek {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 8px 24px;
  align-items: start;
  padding: 0 0 20px;
}

.forms-radek .forms-siroky { grid-column: 1 / -1; }

.forms-levy,
.forms-popis {
  padding: 10px 0 0;
  font-family: var(--tp-font-head);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--tp-ink-strong);
}

.forms-pravy,
.forms-prvek { padding: 0; min-width: 0; }

.forms-position-wrapper { position: relative; width: 100%; }

/* Povinné pole – zvýraznění popisku.
   Pozn.: hvězdičku „*“ doplňuje samotný CMS do textu labelu,
   proto ji zde nepřidáváme znovu. */
.greyform .forms-tr-povinne .forms-popis { font-weight: 600; }

/* Skryté řádky */
.forms-tr-hidden { display: none !important; }

/* --- Vstupní pole --------------------------------------------------------- */

.greyform .forms-input,
.greyform .forms-textarea,
.greyform input[type="text"],
.greyform input[type="email"],
.greyform input[type="tel"],
.greyform input[type="number"],
.greyform select,
.greyform textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--tp-font-body);
  font-size: 16px;
  line-height: 1.4;
  color: var(--tp-ink);
  background: var(--tp-white);
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius-btn);
  padding: 12px 14px;
  min-height: 46px;
  transition: border-color var(--tp-ease), box-shadow var(--tp-ease);
  appearance: none;
}

.greyform textarea,
.greyform .forms-textarea { min-height: 140px; resize: vertical; line-height: 1.6; }

.greyform .forms-input:hover,
.greyform .forms-textarea:hover { border-color: #B9C5D3; }

.greyform .forms-input:focus,
.greyform .forms-textarea:focus,
.greyform select:focus,
.greyform textarea:focus {
  outline: 0;
  border-color: var(--tp-red);
  box-shadow: 0 0 0 3px var(--tp-red-soft);
}

.greyform ::placeholder { color: #9AA5B1; }

/* Chybový stav */
.greyform .forms-input.error,
.greyform .forms-textarea.error,
.greyform .input-error { border-color: var(--tp-red); background: #FFF7F7; }

/* Indikátor validace */
.formsInputIndicator {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}

/* --- Soubor --------------------------------------------------------------- */

.forms-fileinput-obal {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
  background: var(--tp-bg);
  border: 1px dashed var(--tp-line);
  border-radius: var(--tp-radius-btn);
  min-height: 46px;
  box-sizing: border-box;
}

.forms-fileinput-obal input[type="file"] {
  font-family: var(--tp-font-body);
  font-size: 14px;
  color: var(--tp-ink-muted);
  max-width: 100%;
}

.forms-fileinput-obal input[type="file"]::file-selector-button {
  font-family: var(--tp-font-head);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--tp-red);
  background: var(--tp-white);
  border: 1px solid var(--tp-red);
  border-radius: var(--tp-radius-btn);
  padding: 8px 14px;
  margin-right: 12px;
  cursor: pointer;
  transition: background var(--tp-ease), color var(--tp-ease);
}

.forms-fileinput-obal input[type="file"]::file-selector-button:hover {
  background: var(--tp-red);
  color: var(--tp-white);
}

.forms-fileinput-infotext {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--tp-ink-muted);
}

/* --- Souhlas / checkbox --------------------------------------------------- */

.consent-checkbox,
.greyform .consent-checkbox { font-size: 14px; line-height: 1.6; color: var(--tp-ink); }

.consent-checkbox__box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  line-height: 1.6;
}

.greyform input[type="checkbox"],
.greyform input[type="radio"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--tp-red);
  cursor: pointer;
}

/* --- Poznámka o povinných polích ----------------------------------------- */

.forms-info-povinne {
  font-size: 13px;
  color: var(--tp-ink-muted);
  margin: 4px 0 20px;
}

/* --- Odesílací tlačítko --------------------------------------------------- */

.forms-submit-button { text-align: left; }

.greyform-submit,
.greyform input[type="submit"],
.greyform button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 14px 28px;
  font-family: var(--tp-font-head);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--tp-white) !important;
  /* !important – CMS vkládá inline background-color:#ff0000 */
  background: var(--tp-red) !important;
  border: 0;
  border-radius: var(--tp-radius-btn);
  cursor: pointer;
  transition: background var(--tp-ease), box-shadow var(--tp-ease), transform var(--tp-ease);
}

.greyform-submit:hover,
.greyform input[type="submit"]:hover {
  background: var(--tp-red-dark) !important;
  box-shadow: 0 6px 16px rgba(164, 23, 19, .25);
  transform: translateY(-1px);
}

.greyform-submit:active { transform: translateY(0); }

/* Responzivní formulář */
@media (max-width: 750px) {
  .greyform { padding: 20px; border-radius: var(--tp-radius-sm); }
  .forms-radek { grid-template-columns: 1fr; gap: 6px; padding-bottom: 16px; }
  .forms-levy, .forms-popis { padding-top: 0; }
  .greyform-submit,
  .greyform input[type="submit"] { width: 100%; }
}


/* ==========================================================================
   14) TLAČÍTKA V OBSAHU
   Kopíruje vzhled tlačítek webu (bílá plocha, červený text, 3px rádius).
   ========================================================================== */

.container-level-root .content-container .btn,
.container-level-root .cms-obsah .btn { text-decoration: none; }

.tp-btn,
.container-level-root .content-container a.tp-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 14px 20px;
  font-family: var(--tp-font-head);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-decoration: none;
  color: var(--tp-white);
  background: var(--tp-red);
  border: 1px solid var(--tp-red);
  border-radius: var(--tp-radius-btn);
  transition: background var(--tp-ease), color var(--tp-ease), transform var(--tp-ease);
}

.tp-btn:hover { background: var(--tp-red-dark); border-color: var(--tp-red-dark); color: var(--tp-white); transform: translateY(-1px); }

.tp-btn--ghost {
  background: var(--tp-white);
  color: var(--tp-red);
}
.tp-btn--ghost:hover { background: var(--tp-red); color: var(--tp-white); }


/* ==========================================================================
   15) MEZERNÍK (.cms-mezera)
   Dnes pevných 50 px. Nastaveno responzivně.
   ========================================================================== */

.cms-mezera { height: clamp(24px, 4vw, 56px) !important; }
.cms-mezera--sm { height: clamp(12px, 2vw, 24px) !important; }
.cms-mezera--lg { height: clamp(40px, 6vw, 88px) !important; }


/* ==========================================================================
   16) DROBNOSTI A KONZISTENCE
   ========================================================================== */

/* Všechny obrázky v obsahu jsou responzivní */
.container-level-root .content-container img,
.container-level-root .sloupec1 img,
.container-level-root .cms-obsah img,
.container-level-root .u-max-width-12-12 > div:not([class]) img {
  max-width: 100%;
  height: auto;
}

/* Vložená videa / mapy drží poměr 16:9 */
.container-level-root .content-container iframe,
.container-level-root .cms-obsah iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  border-radius: var(--tp-radius);
  display: block;
}

.mapicka-wrapper iframe { border-radius: var(--tp-radius); }

/* Viditelný focus pro klávesnici (přístupnost) */
.container-level-root a:focus-visible,
.container-level-root button:focus-visible,
.greyform :focus-visible {
  outline: 2px solid var(--tp-red);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Respekt k nastavení „omezit pohyb“ */
@media (prefers-reduced-motion: reduce) {
  .container-level-root * ,
  .greyform * { transition: none !important; animation: none !important; }
  .cimg-image, .cg-gallery-image { transform: none !important; }
}

/* ------------------------------------------------------------------
   Autorizovaný servis – kontaktní řádek
   Odolné vůči chybějícím položkám (jméno / telefon / e-mail / web / logo)
   ------------------------------------------------------------------ */

/* Celý box */
.product-detail__servis {
  display: flex;
  align-items: center;
  gap: 32px;
}

/* Logo servisu – když v šabloně není obrázek, box zmizí i s rámečkem */
.product-detail__servis-box {
  margin: 0;                 /* mezery řeší gap na rodiči */
  flex: 0 0 auto;
}

/* Pravý sloupec */
.product-detail__servis-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;                 /* místo margin-bottom – nezůstane prázdné místo */
  min-width: 0;              /* aby se dlouhá URL mohla zalomit */
  flex: 1 1 auto;
}

/* Název firmy */
.product-detail__servis-text {
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}
.product-detail__servis-text:empty {
  display: none;
}

/* Řádek s kontakty */
.product-detail__servis-right--bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;             /* svisle 8px, vodorovně 24px */
  min-width: 0;
  width: 100%;
}
/* Když v něm nezůstane žádná položka, nedělá prázdné místo */
.product-detail__servis-right--bottom:empty,
.product-detail__servis-right--bottom:not(:has(> *)) {
  display: none;
}

/* Společné pro všechny položky (jméno i odkazy) */
.product-detail__servis-name,
.product-detail__servis-info-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;                 /* ruší staré margin/padding oddělovače */
  padding: 0;
  border: 0;                 /* ruší border-right u jména */
  font-size: 17px;
  line-height: 1.4;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;   /* dlouhá URL / e-mail se zalomí, nerozbije layout */
}

/* Ikonka před textem – dědí barvu textu */
.product-detail__servis-name::before,
.product-detail__servis-info-text::before {
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: var(--ico) center / contain no-repeat;
  mask: var(--ico) center / contain no-repeat;
  opacity: .75;
}

/* Kontaktní osoba */
.product-detail__servis-name {
  color: #a41713;
  font-weight: 600;
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.product-detail__servis-name:empty {
  display: none;
}

/* Odkazy */
.product-detail__servis-info-text {
  color: #72797e;
  text-decoration: none;
  transition: color .15s ease;
}
.product-detail__servis-info-text:hover,
.product-detail__servis-info-text:focus-visible {
  color: #a41713;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.product-detail__servis-info-text:hover::before,
.product-detail__servis-info-text:focus-visible::before {
  opacity: 1;
}
.product-detail__servis-info-text:empty,
.product-detail__servis-info-text[href="tel:"],
.product-detail__servis-info-text[href="mailto:"],
.product-detail__servis-info-text[href=""] {
  display: none;             /* prázdná položka z šablony se nezobrazí */
}

/* Telefon */
.product-detail__servis-info-text[href^="tel:"] {
  white-space: nowrap;
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

/* E-mail */
.product-detail__servis-info-text[href^="mailto:"] {
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
}

/* Web - i odkazy zadané bez protokolu (www.…) */
.product-detail__servis-info-text[href^="http"],
.product-detail__servis-info-text[href^="www."] {
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}

/* Mobil */
@media (max-width: 767px) {
  .product-detail__servis {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 24px 20px;
  }
  .product-detail__servis-right {
    padding-left: 0;
    border-left: 0;
    width: 100%;
  }
  .product-detail__servis-right--bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .product-detail__servis-name,
  .product-detail__servis-info-text {
    font-size: 16px;
  }
}


/* ==========================================================================
   17) c-homepage-banner (HP - Rozcestník) — podklad pod textem
   Text leží na obrázku na pozadí, proto dostane světlý poloprůhledný
   podklad a tmavou barvu písma. Přebíjí základ ze style.css (bílý text
   s text-shadow), protože se tento soubor linkuje za ním.
   ========================================================================== */

.c-homepage-banner__left {
  background-color: rgba(255, 255, 255, 0.6);
  background-clip: padding-box;   /* podklad nezasahuje do gutteru gridu */
  border-radius: 4px;
  padding: 32px 40px;
}

@media (max-width: 999px) {
  .c-homepage-banner__left {
    padding: 20px 24px;
  }
}

/* text na světlém podkladu — tmavé písmo bez stínu */
.c-homepage-banner__left h1,
.c-homepage-banner__left .c-homepage-banner__description {
  color: #2F353C;
  text-shadow: none;
}


/* ==========================================================================
   18) img-bck (Obrázek jako pozadí s textem) — podklad pod textem
   Stejně jako u banneru: světlý poloprůhledný podklad a tmavé písmo,
   aby byl text čitelný na obrázku v pozadí.
   ========================================================================== */

.img-bck__content--text {
  background-color: rgba(255, 255, 255, 0.45);
  background-clip: padding-box;
  border-radius: 4px;
  padding: 32px 40px;
  margin-bottom: 24px;   /* odsazení od tlačítka */
  color: #2F353C;
}

@media (max-width: 999px) {
  .img-bck__content--text {
    padding: 20px 24px;
    margin-bottom: 16px;
  }
}

/* nadpisy a odstavce dědí bílou z .img-bck__content — přebíjíme na tmavou */
.img-bck__content--text h1,
.img-bck__content--text h2,
.img-bck__content--text h3,
.img-bck__content--text h4,
.img-bck__content--text p,
.img-bck__content--text li {
  color: #2F353C;
  text-shadow: none;
}


/* ==========================================================================
   19) c-homepage-categories — menší písmo + hover efekty
   Přebíjí základ ze style.css (padding 32px, titulek 32/40px), protože
   tento soubor se linkuje za ním.
   ========================================================================== */

/* --- karta ---------------------------------------------------------------- */
.c-homepage-categories__item {
  padding: 24px;
  border: 1px solid rgba(8, 22, 8, 0.06);
  -webkit-transition: -webkit-transform .25s ease, box-shadow .25s ease, border-color .25s ease;
          transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

@media (max-width: 999px) {
  .c-homepage-categories__item {
    padding: 16px;
  }
}

/* hover + klávesová navigace */
.c-homepage-categories__item:hover,
.c-homepage-categories__item:focus-visible {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 18px 32px rgba(26, 26, 26, 0.14);
          box-shadow: 0 18px 32px rgba(26, 26, 26, 0.14);
  border-color: rgba(164, 23, 19, 0.35);
}

.c-homepage-categories__item:focus-visible {
  outline: 2px solid #A41713;
  outline-offset: 3px;
}

.c-homepage-categories__item:active {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 8px 16px rgba(26, 26, 26, 0.12);
          box-shadow: 0 8px 16px rgba(26, 26, 26, 0.12);
}

/* --- titulek: menší písmo ------------------------------------------------- */
.c-homepage-categories__item-title {
  font-size: 22px;          /* bylo 32px */
  line-height: 30px;        /* bylo 40px */
  letter-spacing: -0.4px;
  -webkit-transition: color .25s ease;
          transition: color .25s ease;
}

@media (max-width: 999px) {
  .c-homepage-categories__item-title {
    font-size: 20px;        /* bylo 28px */
    line-height: 28px;      /* bylo 36px */
    letter-spacing: -0.4px; /* bylo -1.6px */
  }
}

@media (max-width: 749px) {
  .c-homepage-categories__item-title {
    font-size: 18px;
    line-height: 26px;
  }
}

/* titulek reaguje na hover celé karty */
.c-homepage-categories__item:hover .c-homepage-categories__item-title,
.c-homepage-categories__item:focus-visible .c-homepage-categories__item-title {
  color: #A41713;
}

/* --- ohled na uživatele s omezením animací -------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .c-homepage-categories__item,
  .c-homepage-categories__item-title {
    -webkit-transition: none;
            transition: none;
  }
  .c-homepage-categories__item:hover,
  .c-homepage-categories__item:focus-visible {
    -webkit-transform: none;
            transform: none;
  }
}

/* --- náhled ve VisualEditoru (ve22) --------------------------------------
   Na webu si rozcestník zajíždí pod banner (margin-top: -65px), v editoru
   ale banner nad modulem není, takže by se ořezal. */
.ve22-container__item-content-cms--old-6-module-menumaker .c-homepage-categories {
  margin-top: 0;
}

/* Neaktivní modul slideru v editoru není nainicializovaný, takže by se
   všechny slidy vypsaly pod sebou — necháme vidět jen první. */
.ve22-container__item:not(.item-active)
  > .ve22-container__item-content-cms--old-6-module-bannery .slide:not(:first-child) {
  display: none;
}

/* Totéž pro slider na HP a pro bannery i v aktivním modulu */
.ve22-container__item-content-cms--slider-hp .slide:not(:first-child),
.ve22-container__item-content-cms--old-6-module-bannery .slide:not(:first-child) {
  display: none;
}

/* Vizuální editor: doplnit texty, které se v náhledu nevyrenderují */
.ve22-container__item-content-cms--heureka .b-heureka__text::after {
  content: "Ověřeno našimi zákazníky";
}
.ve22-container__item-content-cms--heureka .b-heureka__number::after {
  content: " zákazníků nás doporučuje";
}
.ve22-container__item-content-cms--heureka .b-heureka__number--small::before {
  content: "z celkem ";
}
.ve22-container__item-content-cms--heureka .b-heureka__number--small::after {
  content: " ověřených recenzí";
}
.ve22-container__item-content-cms--heureka .b-heureka__link a span::after {
  content: "Zobrazit všechna hodnocení";
}
.ve22-container__item-content-cms--heureka .b-rating__date::before {
  content: "Přidáno ";
}

/* Vizuální editor: galerie se v náhledu nerozlaďuje JS, proto ji poskládáme
   mřížkou místo původního floatu s fixními rozměry */
.ve22-container__item-content-cms--type-31 .cg-rows-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
}

.ve22-container__item-content-cms--type-31 .cg-rows-gallery .cg-gallery-item {
  width: auto;
  height: auto;
  margin: 0;
  float: none;
}

/* Vizuální editor: galerii srovnat do mřížky (varianta uvnitř rendereru,
   kde do ní zasahují styly editoru) */
.visual-editor-22-renderer .ve22-container__item-content-cms--type-31 .cg-rows-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
}

.visual-editor-22-renderer .ve22-container__item-content-cms--type-31 .cg-rows-gallery .cg-gallery-item {
  width: auto;
  height: auto;
  margin: 0;
  float: none;
}

.visual-editor-22-renderer .ve22-container__item-content-cms--type-31 .cg-rows-gallery a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ==========================================================================
   20) slider-hp — jednotná výška slidů
   ========================================================================== */

/* Všechny obrázky ve slideru drží stejný poměr → stejná výška slidu.
   Platí i na mobilu: bez pevného poměru zná prohlížeč výšku obrázku teprve
   po jeho načtení (v patternu banneru není width/height) a layout poskočí. */
.slider-hp .slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
}

@media (min-width: 750px) {
  /* varianta uvnitř .slider si ponechá svou pevnou výšku */
  .slider .slider-hp .slide img {
    height: 350px;
    aspect-ratio: auto;
  }
}

.slider .banner-img img {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 420px;
  object-fit: cover;
}

/* text vždy začíná ve stejné výšce */
.slider .slide-text {
  align-items: flex-start;
  padding-top: 60px;   /* dolaď podle vzhledu */
}

/* rezervace místa na dvouřádkový nadpis */
.slider .slide-text h1,
.slider .slide-text h2,
.slider .slide-text h3 {
  min-height: 120px;          /* 2 × line-height 60px */
}

@media (max-width: 900px) {
  .slider .slide-text h1,
  .slider .slide-text h2,
  .slider .slide-text h3 {
    min-height: 80px;         /* 2 × 40px */
  }
}

/* aby na mobilu neskákalo tlačítko podle délky odstavce */
@media (max-width: 1000px) {
  .slider .slide-text p {
    min-height: 82px;
  }
}


/* ============================================================
   TOPENATO – mobilní úpravy košíku
   1) AJAX modal "Zboží bylo přidáno do košíku"  (.b-ajax-basket)
   2) Stránka košíku                             (main.kosik)
   Vše uvnitř @media (max-width: 749px) → desktop beze změny.
   ============================================================ */


/* ------------------------------------------------------------
   1) AJAX KOŠÍK (modal po vložení do košíku)
   ------------------------------------------------------------ */
@media (max-width: 749px) {

  /* Menší název produktu.
     Globální mobilní pravidlo `h3, .h3 { font-size:22px !important }`
     přebíjí .b-product-row__name (16px) → proto !important. */
  .b-ajax-basket .b-product-row__name {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  /* Ceny na společnou pravou hranu.
     .b-product-row__right má margin-left:-64px (gutter gridu),
     ale buňky na mobilu nemají odpovídající padding → blok
     "1 ks / cena" se posouval doleva a hrany se rozjížděly. */
  .b-ajax-basket .b-product-row__side {
    flex: 1 1 100%;
    width: 100%;
  }
  .b-ajax-basket .b-product-row__right {
    width: 100%;
    margin-left: 0;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
  .b-ajax-basket .b-product-row__right > .grid__cell                  { padding-left: 10px; }
  .b-ajax-basket .b-product-row__right > .grid__cell.size--autogrow   { flex: 1 1 auto; text-align: left; }
  .b-ajax-basket .b-product-row__right > .grid__cell.size--auto       { flex: 0 0 auto; }

  .b-ajax-basket .b-product-row__price { text-align: right; }

  /* Řádek dopravy na stejnou hranu (padding 16px → 10px) */
  .b-ajax-basket .c-products-row__item--highlight .b-product-row {
    padding-left: 10px;
    padding-right: 10px;
  }
}


/* ------------------------------------------------------------
   2) STRÁNKA KOŠÍKU  (eshop-kosik.html)
   ------------------------------------------------------------ */
@media (max-width: 749px) {

  /* Menší proklad názvu (bylo 22px/30px) */
  main.kosik .b-product-row__name       { line-height: 24px !important; }
  main.kosik .b-product-row__name small { line-height: 18px; }

  /* Cena vpravo */
  main.kosik .b-product-row__price { text-align: right; }

  /* Recyklační poplatek / paleta: řádek nemá +/- počítadlo, ale
     prázdný .b-product-row__count si drží flex-basis 90px a tlačí
     cenu na druhý řádek. Skryjeme ho → "1 ks x 69 Kč" a cena
     zůstanou na jednom řádku (qty vlevo, cena vpravo).
     Pozn.: :has() = Chrome 105+/Safari 15.4+/FF 121+; ve starších
     prohlížečích se pravidlo ignoruje a chování zůstane původní. */
  main.kosik .b-product-row__side > .b-product-row__count:not(:has(*)) {
    display: none;
  }
}


/* ------------------------------------------------------------
   3) SLEVOVÝ KÓD  (.f-discount-code na stránce košíku)
   Input i tlačítko jsou .grid__cell.size--auto (flex:0 0 auto)
   v .grid s flex-wrap:wrap. Input má pevných 201px + tlačítko
   107px = 308px > 295px dostupných → tlačítko padalo pod input.
   Řešení: input se roztahuje, tlačítko drží svou šířku, nezalamovat.
   ------------------------------------------------------------ */
@media (max-width: 749px) {

  main.kosik .f-discount-code .inp-row--button .grid {
    flex-wrap: nowrap;
    align-items: stretch;
  }
  main.kosik .f-discount-code .inp-row--button .grid__cell:first-child {
    flex: 1 1 auto;
    min-width: 0;          /* aby se input mohl zmenšit pod svou šířku */
  }
  main.kosik .f-discount-code .inp-row--button .grid__cell:last-child {
    flex: 0 0 auto;
  }
  main.kosik .f-discount-code .inp-row--button .inp-fix {
    display: block;
    width: 100%;
  }
  main.kosik .f-discount-code .inp-row--button .inp-text {
    width: 100%;
  }
}

/* ==========================================================================
   TOPENATO – SJEDNOCENÍ TYPOGRAFIE CEN V NÁKUPNÍM PROCESU
   Rozsah: ajax košík (modal) → košík → doprava a platba → údaje / shrnutí
   Přepisuje starší pravidla stejné specificity (načítá se po style.css).
   ========================================================================== */

/* --------------------------------------------------------------------------
   0) TOKENY – jediné místo, kde se mění velikosti a barvy cen
   -------------------------------------------------------------------------- */
:root {
  --price-ff:        "Roboto", sans-serif;

  --price-fs-vat:    11px;  /* "s DPH" / "bez DPH" popisky              */
  --price-fs-sm:     14px;  /* vedlejší ceny (bez DPH, ks × cena, škrtnutá) */
  --price-fs-md:     16px;  /* řádkové ceny, doprava, platba            */
  --price-fs-lg:     18px;  /* zvýrazněná cena v produktové kartě       */
  --price-fs-xl:     20px;  /* celková cena                             */

  --price-fw-normal: 400;
  --price-fw-bold:   700;

  --price-color:       #2F353C;
  --price-color-muted: #7D848B;
  --price-color-vat:   #9AA4AE;
  --price-color-free:  #12684A;
}

/* --------------------------------------------------------------------------
   1) KOŘENOVÁ PŘÍČINA – fancybox (ajax košík) přebíjí písmo webu
      .fancybox-container ze sdíleného ajaxkosik.css nastavuje systémový
      stack (-apple-system, system-ui, Segoe UI…). Všechno uvnitř modalu,
      co nemá vlastní font-family, se pak vykresluje jiným písmem než web.
   -------------------------------------------------------------------------- */
.fancybox-container,
.fancybox-container input,
.fancybox-container select,
.fancybox-container textarea,
.fancybox-container button {
  font-family: "Roboto", sans-serif;
}

/* nadpisy v modalu zůstávají Montserrat (jako zbytek webu) */
.fancybox-stage h1, .fancybox-stage h2, .fancybox-stage h3,
.fancybox-stage h4, .fancybox-stage h5, .fancybox-stage h6,
.fancybox-stage .h1, .fancybox-stage .h2, .fancybox-stage .h3,
.fancybox-stage .h4, .fancybox-stage .h5, .fancybox-stage .h6 {
  font-family: "Montserrat", sans-serif;
}

/* --------------------------------------------------------------------------
   2) JEDNOTNÉ PÍSMO VŠECH CEN V NÁKUPNÍM PROCESU
      Roboto + tabulkové číslice (číslice mají stejnou šířku, ceny pod sebou
      se pak zarovnají na desetinné řády).
   -------------------------------------------------------------------------- */
.price,
.price *,
.b-basket__number,
.b-basket__price, .b-basket__price *,
.b-basket__summary-price, .b-basket__summary-price *,
.b-product-row__price, .b-product-row__price *,
.b-product-row__basket-quantity,
.b-product__price, .b-product__price *,
.summary__price, .summary__price *,
.summary__quantity,
.b-summary__total, .b-summary__total *,
.transport__message, .transport__message *,
.product-transport-free__text, .product-transport-free__text *,
.bonus-doprava-zdarma {
  font-family: var(--price-ff) !important;
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: "tnum" 1;
          font-feature-settings: "tnum" 1;
  letter-spacing: .02em;
}

/* cena se nikdy nezalamuje */
.price__wrap,
.price__current,
.price__current > strong,
.price__current-with,
.price__current-without,
.price__no-dph,
.price__total,
.price__total strong,
.summary__price,
.summary__price strong,
.transport__message strong,
.b-basket__summary-price {
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   3) AJAX KOŠÍK (modal po vložení do košíku)
   -------------------------------------------------------------------------- */

/* "s DPH" za cenou */
.b-ajax-basket .price__vat,
.fancybox-stage .price__vat,
.b-product-row__price .price__vat {
  font-size: var(--price-fs-vat);
  font-weight: var(--price-fw-normal);
  line-height: 1;
  color: var(--price-color-vat);
  margin-left: 4px;
  white-space: nowrap;
}

/* řádek s dopravou (PPL: 139 Kč) – dřív se vykresloval systémovým fontem */
.b-ajax-basket .transport__message,
.fancybox-stage .transport__message {
  font-size: var(--price-fs-md);
  color: var(--price-color-muted);
}
.b-ajax-basket .transport__message strong,
.fancybox-stage .transport__message strong {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  color: var(--price-color);
}

/* mezisoučet v modalu */
.b-basket__summary-price,
.b-basket__summary-price strong {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  color: var(--price-color);
}


/* "s DPH" jako holý textový uzel uvnitř .price__current (ajax košík)
   – kontejner drží drobný popisek, cena je v <strong> */
.b-product-row__price .price__current {
  font-size: var(--price-fs-vat);
  font-weight: var(--price-fw-normal);
  color: var(--price-color-vat);
  gap: 4px;
}
/* cena položky / vloženého produktu — platí i pro ajax košík */
.b-product-row__price .price__current > strong {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  line-height: 1.4;
  color: var(--price-color);
}


/* starší pravidlo ve style.css tlačilo cenu v modalu na čistě černou;
   sjednoceno na základní barvu textu. Pokrývá i produktové karty
   ("Mohlo by se vám hodit"), proto zůstává samostatně s !important. */
.fancybox-stage .price__current strong {
  color: var(--price-color) !important;
}

/* --------------------------------------------------------------------------
   3b) CENA V ŘÁDKU PRODUKTU – "s DPH" pod částku
       Popisek .price__vat se zalomí pod cenu a zarovná se s ní na pravý
       okraj; u .price__total drží cena a popisek jeden řádek vpravo.
   -------------------------------------------------------------------------- */
.b-product-row__price .price__current > strong,
.b-product-row__price .price__total > strong {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.2;
}

.b-product-row__price .price__current > strong > .price__vat,
.b-product-row__price .price__total > strong > .price__vat {
  display: block;
  margin-left: 0;
}

.b-product-row__price .price__total {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
}


/* --------------------------------------------------------------------------
   4) PRODUKTOVÉ KARTY V MODALU ("Mohlo by se vám hodit")
      Cena se lámala do dvou řádků, protože .price__wrap je flex se
      space-between a oba sloupce byly příliš úzké.
   -------------------------------------------------------------------------- */
.b-product__price .price__wrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 8px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.b-product__price .price__no-dph {
  font-size: var(--price-fs-sm);
  font-weight: var(--price-fw-normal);
  line-height: 1.3;
  color: var(--price-color-muted);
  white-space: nowrap;
}
.b-product__price .price__current,
.b-product__price .price__current strong {
  font-size: var(--price-fs-lg);
  font-weight: var(--price-fw-bold);
  line-height: 1.3;
  color: var(--price-color);
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   5) KOŠÍK (eshop-kosik.html)
   -------------------------------------------------------------------------- */

/* cena položky */
.c-products-row--basket .b-product-row .price__current > strong,
.c-products-row--basket .b-product-row .price__discount > strong {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  color: var(--price-color);
  line-height: 1.4;
}

/* "1 ks × 542 Kč" */
.b-product-row__basket-quantity {
  font-size: var(--price-fs-sm);
  font-weight: var(--price-fw-normal);
  color: var(--price-color-muted);
}

/* celková cena košíku */
.price__total strong {
  font-size: var(--price-fs-xl);
  font-weight: var(--price-fw-bold);
  color: var(--price-color);
  line-height: 1.3;
}

/* druhý řádek "Celková cena bez DPH" — menším písmem pod hlavní cenou */
.price__total--without-vat {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
  font-size: var(--price-fs-sm);
  color: var(--price-color-muted);
}

.price__total--without-vat .u-color-black,
.price__total--without-vat strong {
  font-size: var(--price-fs-sm);
  font-weight: var(--price-fw-normal);
  line-height: 1.4;
  color: var(--price-color-muted);
}

/* --------------------------------------------------------------------------
   6) VÝBĚR DOPRAVY A PLATBY (eshop-objednavka-1.html)
      Ceny metod byly Montserrat 700 – jediné místo v procesu s tímto řezem.
   -------------------------------------------------------------------------- */
.b-product-row__price.price--sm,
.b-product-row__price.price--sm strong,
.b-product-row__price.price--sm b,
.b-product-row .bonus-doprava-zdarma {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  line-height: 1.4;
}
.b-product-row .bonus-doprava-zdarma,
.b-product-row__price .u-color-green {
  color: var(--price-color-free);
}

/* --------------------------------------------------------------------------
   7) SHRNUTÍ OBJEDNÁVKY (pravý sloupec, kroky 2 a 3)
      Dvě tabulky ve stejném boxu měly různé měřítko:
      položky 13 px / cena 14 px 600, doprava 16 px / cena 16 px 700.
   -------------------------------------------------------------------------- */

/* společné měřítko pro obě tabulky */
.b-summary .summary td,
.b-summary .summary--img td {
  padding: 8px 0;
  line-height: 1.35;
  vertical-align: middle;
}
.b-summary .summary__name,
.b-summary .summary--img .summary__name {
  color: var(--price-color);
  padding-right: 8px;
}
.b-summary .summary__quantity,
.b-summary .summary--img .summary__quantity {
  color: var(--price-color-muted);
  white-space: nowrap;
  padding-right: 8px;
}

/* ceny v obou tabulkách stejně */
.b-summary .summary__price,
.b-summary .summary--img .summary__price {
  text-align: right;
  white-space: nowrap;
}
.b-summary .summary__price strong,
.b-summary .summary--img .summary__price strong {
  display: block;
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  line-height: 1.35;
  color: var(--price-color);
}
.b-summary .summary__price strong.u-color-green,
.b-summary .summary--img .summary__price strong.u-color-green {
  color: var(--price-color-free);
}

/* "s DPH" pod všechny ceny v souhrnu objednávky
   (popisek pro celkovou cenu v <span> je jen o 1 px větší — viz níže) */
.b-summary .summary__price::after,
.b-summary__total > span:last-child::after {
    content: "s DPH";
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: #9AA4AE;
    margin-top: 2px;
}

/* položky košíku: popisek už vypisuje .summary--img .summary__price strong::after (style.css ř. 19187) */
.b-summary .summary--img .summary__price::after,
.b-summary__total > span.without-text:last-child::after {
    content: none;
}

/* celková cena – dřív Montserrat 18/500, teď stejné písmo jako zbytek */
.b-summary__total {
  padding-top: 16px;
  font-size: var(--price-fs-sm);
  line-height: 1.4;
  color: var(--price-color-muted);
}
.b-summary__total strong {
  display: block;
  font-size: var(--price-fs-xl);
  font-weight: var(--price-fw-bold);
  line-height: 1.3;
  color: var(--price-color);
  margin-bottom: 2px;
}
.b-summary__total small {
  display: block;
  font-size: var(--price-fs-sm);
  font-weight: var(--price-fw-normal);
  line-height: 1.4;
  color: var(--price-color-muted);
}


/* --------------------------------------------------------------------------
   7b) SHRNUTÍ – tabulka dopravy a platby
       V řádku "PŘEVODEM (CZK)" je <td> BEZ třídy .summary__name, takže se
       na něj pravidla pro název nechytila a zůstal na 16 px, zatímco "PPL"
       měl 14 px. Sjednoceno na úrovni všech buněk tabulek ve shrnutí.
   -------------------------------------------------------------------------- */
.b-summary .b-summary__table td {
  font-size: var(--price-fs-sm);
  line-height: 1.35;
  color: var(--price-color);
}
.b-summary .b-summary__table .summary__quantity {
  color: var(--price-color-muted);
}
.b-summary .b-summary__table .summary__price strong {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
}

/* --------------------------------------------------------------------------
   7c) SHRNUTÍ – "s DPH" u celkové ceny
       Text se doplňuje v šabloně ("Celková cena s DPH 681 Kč").
       Tady je jen styl pro případ, že se popisek obalí do
       <span class="price__vat">s DPH</span> – ať je drobný a šedý
       stejně jako u řádkových cen.
   -------------------------------------------------------------------------- */
.b-summary__total strong .price__vat {
  font-size: var(--price-fs-vat);
  font-weight: var(--price-fw-normal);
  letter-spacing: .02em;
  color: var(--price-color-vat);
  margin-left: 4px;
}

/* Varianta, kde je celková cena v <span> (děkovná stránka / detail objednávky)
   — popisek se dogeneruje pod částku */
.b-summary__total > span:last-child {
    text-align: right;
}

.b-summary__total > span:last-child::after {
    font-size: 13px;
}

/* poslední řádek tabulky dopravy a platby "s DPH" nedostává */
.b-summary__table--bottom tr:last-child .summary__price::after {
    content: none;
}

/* Pokud šablona popisek vypisuje sama (<span class="summary__price-vat">s DPH</span>),
   stačí ho jen zalomit pod částku — pravidlo ::after výše pak zakomentuj,
   jinak se "s DPH" zobrazí dvakrát. */
.b-summary__total > span:last-child .summary__price-vat {
    display: block;
    font-size: 13px;
    margin-top: 2px;
}

/* --------------------------------------------------------------------------
   7d) SHRNUTÍ – celková cena: popisek vlevo, částka vpravo
       Šablona html/components/order_summary.php obaluje popisek do
       .b-summary__total-text a částku do .b-summary__total-price, takže se
       dají rozhodit na protilehlé strany řádku. Kontejner musí být blokový —
       v .order-summary-new je z instance.scss flex a strong se small by
       jinak zůstaly vedle sebe.
   -------------------------------------------------------------------------- */
.b-summary__total,
.order-summary-new .b-summary__total {
  display: block;
}

.b-summary__total strong,
.b-summary__total small {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.b-summary__total-price {
  flex: 0 0 auto;
  text-align: right;
  white-space: nowrap;
}


/* --------------------------------------------------------------------------
   8) DROBNOSTI, ABY PROCES SEDĚL VIZUÁLNĚ
   -------------------------------------------------------------------------- */

/* pruh "Doprava: 139 Kč" na detailu / v modalu – stejný řez jako ostatní ceny */
.product-transport-free__text p,
.product-transport-free__text strong {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  line-height: 1.4;
}

/* mini košík v hlavičce */
.b-basket__number {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
}

/* --------------------------------------------------------------------------
   9) MOBIL
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  :root {
    --price-fs-lg: 16px;
    --price-fs-xl: 18px;
  }
  /* specificita musí odpovídat pravidlu .b-summary .b-summary__table td
     ze sekce 7b — media query sama o sobě specificitu nezvyšuje */
  .b-summary .b-summary__table td,
  .b-summary .b-summary__table .summary__name,
  .b-summary .b-summary__table .summary__quantity {
    font-size: 13px;
  }
}

/* Nadpis checkboxu "Nakupuji na firmu" v objednávce — sjednocení s okolím */
.inp-item:has(> input[name="companyInfo"]) .inp-item__text .bold,
.inp-item:has(> input[name="deliveryAddress"]) .inp-item__text .bold {
    font-size: 16px;
    line-height: 1.7143;
}

/* Odsazení názvu produktu od pravého sloupce (kód / cena) */
.b-product-row__name {
    padding-right: 20px;
}

/* Název položky v mini košíku v hlavičce */
.b-basket__name.product-row__name {
    line-height: 1.3;
}

/* ------------------------------------------------------------
   AJAX košík – rozložení řádku a "s DPH" pod cenou
   ------------------------------------------------------------ */

/* "s DPH" pod cenu (gap 2px přebíjí obecných 4px z pravidla
   .b-product-row__price .price__current výše) */
.b-ajax-basket .b-product-row__price .price__current {
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

/* odsazení pod názvem produktu */
.b-ajax-basket .b-product-row__name {
    margin-bottom: 6px;
}

/* rozložení řádku – jen desktop */
@media (min-width: 48em) {
    .b-ajax-basket .b-product-row__content  { flex: 1 1 auto; }
    .b-ajax-basket .b-product-row__side     { flex: 0 1 auto; }
    .b-ajax-basket .b-product-row__right    { flex-wrap: nowrap; }
    .b-ajax-basket .b-product-row__quantity { white-space: nowrap; }
    .b-ajax-basket .b-product-row__price    { min-width: 90px; }
}
tbody.summary .summary__price:has(strong.u-color-green)::after,
tbody.summary strong.u-color-green::after {
  content: none !important;
}

@media (max-width: 479px) {
  .b-product-row.b-product-row--li {
    padding: 8px 12px 0 40px;
  }
  .b-product-row.b-product-row--li .inp-item__tool {
    left: 12px;
  }
  .b-product-row.b-product-row--li .b-product-row__content-inner {
    flex-wrap: nowrap;
    align-items: center;
  }
  .b-product-row.b-product-row--li .b-product-row__text {
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 8px;
  }
  .b-product-row.b-product-row--li .b-product-row__side {
    position: static;
    flex: 0 0 auto;
    flex-basis: auto;
    width: auto;
    padding-left: 8px;
    justify-content: flex-end;
    text-align: right;
  }
  .b-product-row.b-product-row--li .b-product-row__price {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    max-width: none;
    width: auto;
    text-align: right;
    white-space: normal;
    line-height: 18px;
  }
  .b-product-row.b-product-row--li .b-product-row__price > * {
    display: block;
    white-space: nowrap;
  }
  .b-product-row.b-product-row--li .f-open__box {
    margin-left: -28px;
  }
}

/* ==========================================================================
   Řádek dopravy v ajaxovém košíku / fancyboxu
   Oprava: .transport__message byl float:right -> text se lámal do 3 řádků
   ("PPL:" / "139 Kč" / "s DPH") v úzkém 55px sloupci.
   Nově: ikona + popisek vlevo, cena vpravo - stejně jako řádek produktu.
   ========================================================================== */

.b-ajax-basket .transport-price,
.fancybox-stage .transport-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
}

.b-ajax-basket .transport-price .icon-svg--car,
.fancybox-stage .transport-price .icon-svg--car {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  color: var(--price-color-muted);
}

.b-ajax-basket .transport__message,
.fancybox-stage .transport__message {
  float: none;                 /* zdroj původního rozbitého layoutu */
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px 16px;
  font-size: var(--price-fs-md);
  line-height: 1.35;
  color: var(--price-color-muted);
}

/* cenový blok vpravo, "139 Kč" nad "s DPH" - shodně s řádkem zboží */
.b-ajax-basket .transport__message .price,
.fancybox-stage .transport__message .price {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}

.b-ajax-basket .transport__message strong,
.fancybox-stage .transport__message strong {
  font-size: var(--price-fs-md);
  font-weight: var(--price-fw-bold);
  color: var(--price-color);
}

/* "s DPH" - stejná velikost i barva jako u řádku zboží */
.b-ajax-basket .transport__message .price__current,
.fancybox-stage .transport__message .price__current {
  font-size: var(--price-fs-vat);
  font-weight: var(--price-fw-normal);
  line-height: 1.2;
  color: var(--price-color-vat);
}

@media (max-width: 480px) {
  .b-ajax-basket .transport-price,
  .fancybox-stage .transport-price {
    gap: 8px;
  }
  .b-ajax-basket .transport__message,
  .fancybox-stage .transport__message {
    font-size: var(--price-fs-sm);
  }
}

/* šedý box řádku dopravy měl padding 16px 16px 0 -> chyběla spodní mezera */
.b-ajax-basket .c-products-row__item:has(.transport-price) .b-product-row,
.fancybox-stage .c-products-row__item:has(.transport-price) .b-product-row {
  padding-bottom: 16px;
}

/* doprava / platba zdarma – u "Zdarma" nedává popisek "s DPH" smysl
   (třídu přidávají šablony order_summary.php a order_sent*.php) */
.summary__price--free::after,
.b-summary .summary__price--free::after {
  content: none;
}