@charset "utf-8";

/* URI: //www.mastersport.cz/templates/b2c/css/swiper.css */
/**
 * Swiper 6.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 15, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/main.css?v=20250904 */
:root {
    --color-01-hex:#253a7d;
    --color-02-hex:#a0c41a;
    --color-03-hex:#e61717;
    --color-04-hex:#e6f5c8;
    --color-05-hex:#ffe6a5;
    --color-01-rgb:37 58 125;
    --color-02-rgb:160 196 26;
    --color-03-rgb:230 23 23;
    --color-04-rgb:230 245 200;
    --color-05-rgb:255 230 165;

    --color-error-hex:#f00;

    --color-error-rgb:255 0 0;
}

* {
    box-sizing: border-box;
    outline:none;
    font-family:Roboto, sans-serif
}


body {margin:0; padding:0; background-color:#dcdcdc; font-family:Roboto, sans-serif}
body.scroll-locked {overflow:hidden}

button {border: none;}

img {border:0 none}
p, ul, li {margin:0; padding:0}
h1, h2, h3 {margin:0; padding:0; font-weight:normal; font-family:Roboto, sans-serif}
strong, b {font-family:Roboto, sans-serif; font-weight:700}

.preloader-circle {border-radius:100%; animation:preloader-circle-rotate 0.5s infinite linear}
@keyframes preloader-circle-rotate {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}


.hover-default:hover {filter:brightness(0.95); transition:filter 100ms ease}
.hover-button-gray:hover {filter:brightness(1.25)}

.swiper-container {position:relative; overflow:hidden; list-style:none}

.swiper-button-prev.swiper-button-disabled {opacity:.12 !important; pointer-events:initial !important}
.swiper-button-next.swiper-button-disabled {opacity:.12 !important; pointer-events:initial !important}
.swiper-button-lock {display:flex !important}

.swiper-button-prev.default {left:0; z-index:1; width:40px; height:40px; background-color:#000; color:#fff; outline:none; border-radius:100%}
.swiper-button-prev.default::after {font-size:18px; font-weight:700}
.swiper-button-next.default {right:0; z-index:1; width:40px; height:40px; background-color:#000; color:#fff; outline:none; border-radius:100%}
.swiper-button-next.default::after {font-size:18px; font-weight:700}

.swiper-button-prev.rectangle {top:calc(50% - 30px); left:0; z-index:1; width:30px; height:60px; margin:0; background-color:#000; color:#fff; outline:none}
.swiper-button-prev.rectangle::after {font-size:16px; font-weight:700}
.swiper-button-next.rectangle {top:calc(50% - 30px); right:0; z-index:1; width:30px; height:60px; margin:0; background-color:#000; color:#fff; outline:none}
.swiper-button-next.rectangle::after {font-size:16px; font-weight:700}

.swiper-lazy-preloader.default {border:4px solid var(--color-01-hex); border-top-color:transparent; border-right-color:transparent; animation:swiper-preloader-spin 0.5s infinite linear}


.clear {clear:both}

.tooltip {font-size:12px; box-shadow:0 0 3px rgba(0,0,0,0.1); padding:12px 20px; background:var(--color-05-hex); border-radius:0; border:1px rgba(0 0 0 / 5%) solid !important; opacity:1}



a.side-banner {position:absolute; background-repeat:no-repeat; display:block}
a.side-banner.left {margin-left:-30px}
a.side-banner.right {margin-right:-30px}

.message-box {font-size:16px; font-family:Roboto, sans-serif; font-weight:700; line-height:28px}
.message-box .messageStackError {background-color:var(--color-error-hex); color:#fff}
.message-box tr.messageBox td {padding:5px 50px}
.message-box tr.messageBox:first-child td {padding:30px 50px 5px 50px}
.message-box tr.messageBox:last-child td {padding:5px 50px 30px 50px}
.message-box tr.messageBox:only-child td {padding:30px 50px}
.message-box .messageStackWarning {padding:40px 50px; background-color:#fffbf0; color:#000}
.message-box .messageStackSuccess {padding:40px 50px; background-color:#19bb43; color:#fff}
.message-box-contact-form {margin:-40px -160px 40px -160px}





.content {position:relative}
.center {position:relative; max-width:1600px; margin:0 auto; background-color:#f6f6f6}
.content-white {background-color:#fff}
.center-content {max-width:1280px; margin:0 auto}
.bottom-line {border-bottom:1px #eee solid}
.content-white-break-20 {background-color:#fff; height:20px}

.text-content {padding:50px 0; font-size:15px}
.text-content h1 {font-size:30px; font-family:Roboto, sans-serif; font-weight:700; padding-bottom:30px}
.text-content h2 {font-size:24px; padding:30px 0 15px 0}
.text-content h3 {font-size:18px; padding:15px 0}
.text-content .wide-image {margin-bottom:25px; max-width:100%}
.text-content p {margin-bottom:25px}
.text-content a {color:var(--color-01-hex)}
.text-content a:hover {text-decoration:none}
.text-content ul {margin:10px 10px 30px 10px}
.text-content li {margin-left:20px}
.text-content img.max {max-width:100%}

.text-content table {border:1px #e9e9e9 solid}
.text-content table tr {}
.text-content table td {border:1px #e9e9e9 solid; padding:10px}
.text-content table p {margin:0; padding:0}

.info-page {}
.info-page li {line-height:1.6}
.info-page p {line-height:1.5}

.article-bottom {display:flex; flex-wrap:wrap; padding:30px 0 0 0}
.article-bottom .left {flex:1 0 auto; padding:40px 50px 0 0}
.article-bottom .left a {color:var(--color-01-hex)}
.article-bottom .left span {display:inline-block; vertical-align:middle; margin-right:10px; width:0; height:0; border-right: 4px solid var(--color-01-hex); border-bottom:4px solid transparent; border-top:4px solid transparent}
.article-bottom .right {padding:40px 0 0 0}

.button-more {border:2px #e2e2e2 solid; color:var(--color-01-hex); font-size:17px; font-family:Roboto, sans-serif; font-weight:700; padding:19px 38px}
.button-more:hover {background-color:#f9f9f9}

.marketing-content-top {background-color:#f6f6f6; border-bottom:1px #ccc dotted}
.marketing-content-top .actions {display:flex; justify-content:space-between; align-items:center; max-width:1600px; margin:0 auto}
.marketing-content-top .actions a {text-decoration:none}








.path.swiper-container {height:62px; padding:0 50px}
.path.swiper-container .swiper-wrapper {}
.path.swiper-container .swiper-wrapper .swiper-slide {display:flex; align-items:center; width:auto}
.path.swiper-container .swiper-wrapper .swiper-slide a {color:var(--color-01-hex); font-size:14px; white-space:nowrap}
.path.swiper-container .swiper-wrapper .swiper-slide a:hover {text-decoration:none}
.path.swiper-container .swiper-wrapper .swiper-slide .arrow {width:0; height:0; margin:0 20px; border-left:4px solid #474747; border-bottom:4px solid transparent; border-top:4px solid transparent}
.path.swiper-container .swiper-wrapper .swiper-slide.home a.icon {text-decoration:none}
.path.swiper-container .swiper-wrapper .swiper-slide.home a.icon img {display:block}
.path.swiper-container .swiper-wrapper .swiper-slide.home a.tc {text-decoration:none}
.path.swiper-container .swiper-wrapper .swiper-slide.last {padding-right:20px}
.path.swiper-container .swiper-wrapper .swiper-slide.last a {color:var(--color-02-hex); text-decoration:none}
.path.swiper-container .swiper-wrapper .swiper-slide.last a:hover {text-decoration:underline}
.path.swiper-container.fixed {position:fixed; top:0; right:0; left:0; z-index:9998; max-width:1500px; margin:0 auto; background-color:#f6f6f6; box-shadow:0 1px 4px #dcdcdc}

.path-scroll-substitute {height:0}
.path-scroll-substitute.visible {height:62px}




.banners-category {}
.banners-category.nested {}
.banners-category a.banners {display:block; background-color:#fff; padding:15px 0 0 0}
.banners-category.nested a.banners:last-child {padding:15px 0 20px 0}
.banners-category a.banners img {margin:0 auto}
.banners-category a.banners img.desktop {display:block; max-width:1280px}
.banners-category a.banners img.mobile {display:none; max-width:calc(100% - 40px)}




.socials {display:flex}
.socials .fb {width:28px; height:28px; margin:0 15px 0 0; background-image:url("/templates/b2c/images/social-fb.png")}
.socials .fb-messenger {width:28px; height:28px; margin:0 15px 0 0; background-image:url("/templates/b2c/images/social-messenger.png")}
.socials .whatsapp {width:28px; height:28px; background-image:url("/templates/b2c/images/social-whatsapp.png")}



#top-compare-cart {
    position:fixed; right:0; bottom:0; left:0; background-color:#666; text-align:center; box-shadow:0 -1px 5px rgba(0,0,0,0.2); z-index:3;
    justify-content:center;display: flex;gap: 40px;
    align-items: center;
}
#top-compare-cart a.compare-products,
#top-compare-cart a.wishlist
{display:inline-block; text-decoration:none; color:#fff; margin:14px 0; padding:0 0 0 40px}

#top-compare-cart a.compare-products:hover,
#top-compare-cart a.wishlist:hover
{text-decoration:underline}

#top-compare-cart a.wishlist
{background:url("/templates/b2c/images/product-favorites.png") 0 center no-repeat;}


#top-compare-cart a.compare-products
{background:url("/templates/b2c/images/compare-icon-white.png") 0 center no-repeat;}


#top-compare-cart .count {display:inline-block; color:var(--color-01-hex); font-family:Roboto, sans-serif; font-weight:700; background-color:#fff; margin-left:10px; width:26px; height:26px; line-height:28px; font-size:15px; text-align:center; border-radius:50%}

@media only screen and (max-width:600px) {
    #top-compare-cart a.compare-products,
    #top-compare-cart a.wishlist
    {margin-left:20px}
}


.center-dark {background-color:#d0d0d0; padding-top:35px}




.telephone-box {position:relative}
.telephone-box input[name=telephone] {padding:10px 18px 10px 40px !important}




.text-simple {padding:80px 0; border-top:1px #f6f6f6 solid; text-align:center; line-height:28px; font-size:15px}
.text-simple a {color:var(--color-01-hex)}


.form-content {padding:40px 0 0 0; border:0 none}

.seo-texts {color:#333; font-size:14px; padding:40px 0;padding-left: 40px;padding-right: 40px; border-bottom:1px #ccc dotted; text-align:justify}
.seo-texts h2 {padding:0 0 10px 0; color:#333; font-family:Roboto, sans-serif}
.seo-texts p {padding:6px 0 0 0; line-height:1.5}
.seo-texts a {color:var(--color-01-hex)}
.seo-texts a:hover {text-decoration:none}

.missing-content {padding:0 0 80px 0}
.missing-content h1 {padding:40px 0}
.missing-content .mark {float:left; width:150px; text-align:right; margin:40px 80px 0 0; font-size:130px; color:#ccc; font-family:Roboto, sans-serif; font-weight:700}
.missing-content .text {float:left}

.black-friday-content {}
.black-friday-content a {text-decoration:none}
.black-friday-content img {max-width:100%}
.black-friday-content .full {display:block}



.gray-line {height:1px; background-color:#f6f6f6}




table.article {width:100%; border-collapse:collapse; text-align:center}
table.article tr:first-child {background-color:#fafafa; color:#424242; font-weight:bold}
table.article tr td:first-child {text-align:left; width:25%}
table.article td {border:1px #e9e9e9 solid; padding:20px; font-size:11px}



.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    animation-delay: -0.16s;
}


@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
    } 40% {
          transform: scale(1.0);
      }
}

#password_entered {}
#password_entered a {color:#999}


.shoproku-icon {position:fixed; top:380px; left:0; z-index:1}

.customer-sso-buttons {display:flex; flex-wrap:wrap}
.customer-sso-buttons a.button {display:flex; align-items:center; margin:8px 8px 0 0; padding:10px 17px; background-color:#fff; border:1px #d6d6d6 solid; border-radius:3px; color:#000; text-decoration:none}
.customer-sso-buttons a.button img {width:32px; height:32px}
.customer-sso-buttons a.button .label {padding:0 0 0 10px; font-size:14px; line-height:1.2}
.customer-sso-buttons a.button:hover {text-decoration:underline}

.layout-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999990;
}

.layout-top {
    z-index: 999999;
}


/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/dialog.css?v=20250904 */
dialog {
	border: 1px solid #c9c9c9;
	/* border-radius: 5px; */
}

.dialog-header {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 55px;
	align-items: center;
	font-weight: bolder;
	margin-bottom: 10px;
	margin-right: 100px;
}

.dialog-header div {
	padding: 10px;
	font-weight: bolder;
	font-size: 1.1rem;
}

.dialog-header button {
	background-color: transparent;
	border: none;
	font-weight: bolder;
	font-size: 18px;
	text-align: center;
}



.dialog-body {
	margin-top: 10px;
	padding-top: 10px;
	height: calc(100% - 80px);
}

.dialog-body .buttons {
	padding: 10px;
	text-align: right;

}

.dialog-footer {
	text-align: right;
}

dialog[open] {
	opacity: 1;
	transform: scaleY(1);
}

dialog {
	overflow: auto;
	opacity: 0;
	transform: scaleY(0);
	transition:
			opacity 0.4s ease-out,
			transform 0.4s ease-out,
			overlay 0.4s ease-out allow-discrete,
			display 0.4s ease-out allow-discrete;
}

dialog .close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	z-index: 99999;

	width:57px;
	height:57px;
	background-color:#484848;
	background-image:url("/templates/b2c/images/popup-close.png");
	background-position:center center;
	background-repeat:no-repeat;

	transition: all;
	transition-duration: 1s;

}

dialog .close:hover {background-color:var(--color-error-hex)}


@starting-style {
	dialog[open] {
		opacity: 0;
		transform: scaleY(0);
	}
}

dialog::backdrop {
	background-color: rgb(0 0 0 / 0%);
	transition:
			display 0.4s allow-discrete,
			overlay 0.4s allow-discrete,
			background-color 0.4s;

}

dialog[open]::backdrop {
	background-color: rgb(0 0 0 / 25%);
}

@starting-style {
	dialog[open]::backdrop {
		background-color: rgb(0 0 0 / 0%);
	}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/btn.css?v=20250904 */
.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529 !important;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: none;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	text-decoration: none;
	transition: color 0.33s ease-in-out, background-color 0.33s ease-in-out, border-color 0.33s ease-in-out, box-shadow 0.33s ease-in-out;
}

.btn .icon {
	background-color: #ffffff;
}

.btn-sm {
	font-size: 0.8rem;
	padding: 0.2rem;
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		transition: none
	}
}

.btn:hover {
	color: #212529 !important;
	text-decoration: none;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}


.btn {
	cursor: pointer;
}

.btn-primary {
	background-color: #233675;
	color: #ffffff;
	font-weight: bolder;
	background-image: url("/templates/b2c/images/arrow-button-right.png");
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;

}

.btn-primary .icon {
	background-color: #ffffff;
}

.btn-primary .btn-content {
	color: #ffffff;
}


.btn-primary:hover {
	color: #ffffff !important;
	background-color: #0069d9;
}

.btn-primary.focus, .btn-primary:focus {
	color: #ffffff !important;
	background-color: #0069d9;
	box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
	color: #ffffff !important;
	background-color: #6c757d !important;
}

.btn-secondary .icon {
	background-color: #ffffff;
}


.btn-secondary:hover {
	color: #ffffff !important;
	background-color: #5a6268;
}

.btn-secondary.focus, .btn-secondary:focus {
	color: #ffffff !important;
	background-color: #5a6268;
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
	color: #ffffff !important;
	background-color: var(--color-02-hex);
	background-image: url("/templates/b2c/images/arrow-button-right.png");
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;
	font-size: 17px;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	font-weight: 700

}
.btn-success:hover {
	color: #ffffff !important;
	background-color: #218838;
}

.btn-success.focus, .btn-success:focus {
	color: #ffffff !important;
	background-color: #218838;
	box-shadow: 0 0 0 .2rem rgba(72, 180, 97, 0.5);
}


.btn-info {
	background-color: #474747;
	color: #ffffff !important;
	font-weight: bolder;
	background-image: url("/templates/b2c/images/arrow-button-right.png");
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;
}




.btn-info:hover {
	color: #ffffff !important;
	background-color: #138496;
}

.btn-info.focus, .btn-info:focus {
	color: #ffffff !important;
	background-color: #138496;
	box-shadow: 0 0 0 .2rem rgba(58, 176, 195, 0.5);
}


.btn-warning {
	color: #212529 !important;
	background-color: #ffc107;
}

.btn-warning .icon {
	background-color: #212529;
}


.btn-warning:hover {
	color: #212529 !important;
	background-color: #e0a800;
}

.btn-warning.focus, .btn-warning:focus {
	color: #212529 !important;
	background-color: #e0a800;
	box-shadow: 0 0 0 .2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
	background-color: #dc3545;
	color: #ffffff;
	font-weight: bolder;
	background-image: url("/templates/b2c/images/arrow-button-right.png");
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;
	text-decoration: none;
}

.btn-danger .btn-content {
	color: #ffffff;
}

.btn-danger:hover {
	color: #ffffff !important;
	background-color: #c82333;
}

.btn-danger.focus, .btn-danger:focus {
	color: #ffffff !important;
	background-color: #c82333;
	box-shadow: 0 0 0 .2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
	color: #212529 !important;
	background-color: #f8f9fa;
}

.btn-light .icon {
	background-color: #212529;
}


.btn-light:hover {
	color: #212529 !important;
	background-color: #e2e6ea;
}

.btn-light.focus, .btn-light:focus {
	color: #212529 !important;
	background-color: #e2e6ea;
	box-shadow: 0 0 0 .2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
	color: #ffffff !important;
	background-color: #343a40;
}

.btn-dark:hover {
	color: #ffffff !important;
	background-color: #23272b;
}

.btn-dark.focus, .btn-dark:focus {
	color: #ffffff !important;
	background-color: #23272b;
	box-shadow: 0 0 0 .2rem rgba(82, 88, 93, 0.5);
}

.btn-link {
	font-weight: 400;
	color: #233776;
	text-decoration: none;
}

.btn-link .icon {
	background-color: #233776;
}


.btn-link:hover {
	color: #0056b3 !important;
	text-decoration: underline;
}

.btn-link.focus, .btn-link:focus {
	text-decoration: underline;
}


.btn-group, .btn-group-vertical {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.btn-group > .btn {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.btn-group > .btn:hover {
	z-index: 1;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
	z-index: 1;
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
	margin-left: -1px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
}


.btn-upload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}

.btn-upload>div {
	display:flex;
	align-items: center;
}

.btn-upload input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);
}

.btn-content {
	display: flex;
	align-items: center;
	gap: 6px;
}
/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/icon.css?v=20250904 */
.icon {
	background-repeat: no-repeat;
	background-position: center center;
	mask-position: center;
	mask-repeat: no-repeat;
	display: inline-block;

}

.tabs-tabs .icon {
	background-color: #000000;
}

.icon-xs {
	width: 16px;
	height: 16px;
}

.icon-sm {
	width: 20px;
	height: 20px;
}

.icon-normal {
	width: 24px;
	height: 24px;
}

.icon-lg {
	width: 32px;
	height: 32px;
}

.icon-xl {
	width: 64px;
	height: 64px;
}


.icon-ul {
	width: 128px;
	height: 128px;
}
/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/oauth.css?v=20250904 */
.oauth-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.oauth-button {
	width: 100%;
	display: grid;
	align-items: center;
	grid-template-columns: 21px 1fr;

	text-decoration: none;
	overflow: hidden;
	cursor: pointer;

	gap: 10px;
	padding: 8px;
	background-color: #ffffff;
	border: 1px solid #c6c6c6;
}

.oauth-button:active {
	filter: brightness(0.9);
}

.oauth-button img {
	width: 100%;
	height: auto;
}

.oauth-button span {
	text-align: left;
	font-weight: normal;
	font-family: 'Roboto',arial,sans-serif;
}

.oauth-button span:hover {
	text-decoration: underline;
}
/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/availability.css?v=20250904 */
.availability {
	margin: 10px;
}

.availability_in_stock {
	font-weight: normal;
	color: #9FBE14;
}

.availability_good {
	font-weight: normal;
	color: #000000;
}

.availability_so_so {
	font-weight: normal;
	color: #000000;
}

.availability_bad {
	font-weight: normal;
	color: #000000;
}


.availability_terrible,
.availability_not_available {
	font-weight: normal;
	color: #000000;
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/forms.css?v=20250904 */
.form-row {align-items:center; margin-bottom:18px}
.form-row .form-error-message {margin:0 0 5px 0; color:var(--color-error-hex); font-size:13px; line-height:19px}
.form-row .form-error-message .existing-email-link {margin-bottom:5px}
.form-row .form-error-message .existing-email-link span {cursor:pointer; text-decoration:underline; font-family:Roboto, sans-serif; font-weight:700}
.form-row .form-success-message {margin:0 0 5px 0; color:#69ac24; font-size:13px; line-height:19px}
.form-row > label {margin:0; padding-right:6px; color:#231f20;}
.form-row .input {flex:1 1 0; position:relative}
.form-row .input .wrapper {position:relative; margin-top:2px}
.form-row .input input[type=text],
.form-row .input input[type=password],
.form-row .input input[type=email] {border:1px #d6d6d6 solid; margin:0; padding:10px 18px; width:100%; box-sizing:border-box}
.form-row .input input.telephone-prefix-before {padding:10px 18px 10px 70px; width:100%}
.form-row .required {flex:0 0 12px; text-align:right}
.form-row .checkbox {flex:1 1 auto}
.form-row .checkbox label {vertical-align:middle}

.form-row.form-row-error {}
.form-row.form-row-error input {background-color:rgba(var(--color-error-rgb) / 5%); border:1px var(--color-error-hex) solid !important}
.form-row.form-row-ok {}
.form-row.form-row-ok input {background-color:#e4fdd3; border:1px #bce59f solid !important}



.form-std .form-row {
	display: grid;
	justify-content: center;
	grid-template-columns: 220px 0.8fr;
}

.form-row:has(textarea) {
	align-items: baseline;
}


@media screen and (width <= 1000px) {

	.form-std .form-row {
		display: grid;
		justify-content: center;
		grid-template-columns: 1fr;
	}

	.form-std .form-row>label {
		padding: 5px;
	}

}




.form-icon {position:absolute; bottom:11px; right:10px}


.form-control {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 1px solid #a6a6a6;
	transition: border-color .25s ease-in-out, box-shadow .25s ease-in-out
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	outline: 0;
	border-color: rgb(160, 196, 26, 90%);
	box-shadow: 0 0 0 1px rgb(160, 196, 26, 90%)
}

.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}


select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

select.form-control[multiple], select.form-control[size] {
	height: auto
}

textarea.form-control {
	height: auto
}



.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
	color: #6c757d
}

.form-check-label {
	margin-bottom: 0
}

.form-check-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.valid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #28a745
}

.valid-tooltip {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .25rem .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1.5;
	color: #fff;
	background-color: rgba(40, 167, 69, .9);
	/* border-radius: .25rem */
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
	display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
	border-color: #28a745;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
	padding-right: calc(1.5em + .75rem);
	background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid, .was-validated .custom-select:valid {
	border-color: #28a745;
	padding-right: calc(.75em + 2.3125rem);
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
	color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
	display: block
}


.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545
}

.invalid-tooltip {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .25rem .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1.5;
	color: #fff;
	background-color: rgba(220, 53, 69, .9);
	/* border-radius: .25rem */
}


.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
	display: block
}


.form-control.is-invalid, .was-validated .form-control:invalid {
	border: 1px solid #ff0000;
	/* padding-right: calc(1.5em + .75rem); */
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
	padding-right: calc(1.5em + .75rem);
	background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
	color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
	display: block
}



.form-std .form-row>label {
	text-align: left;
}

.form-row .error {
	color:#ff0000;
	padding: 5px;
}

.form-row .input-container
{
	display: flex;
	align-items: center;
	gap: 10px;
}

.form-row .prefix {
	background-color: #F0F0F0;
	border: 1px solid #A6A6A6;
	color: #A6A6A6;
	position: relative;
	left: 11px;
	font-size: 16px;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;

}

.form-row .help-icon {
	display: inline-block !important;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: -1px 0 0 4px;
	border: 1px #cfcfcf solid;
	border-radius: 50%;
	color: #aaa;
	font-size: 12px;
	cursor: pointer;
}

.help-text {
	padding: 30px;
}
/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/tabs.css?v=20250904 */
.tabs-container {

}

.tabs-tabs {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	border-bottom: 1px solid #dee2e6;
	margin-left: 10px;
	margin-right: 10px;
}

.tabs-tab {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: .5rem 1rem;
	margin-bottom: -1px;
	border: 1px solid transparent;
	margin-left: 10px;
}

.tabs-tabs a {
	text-decoration: none;
}

.tabs-tabs .icon {
	background-color: #5A28A3;
}

.tabs-tabs .active .icon {
	background-color: #000000;
}



.tabs-tab:focus, .tabs-tab:hover {
	cursor: pointer;
	text-decoration: none;
	border-color: #e9ecef #e9ecef #dee2e6
}


.tabs-tab.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	font-weight: bolder;
}

.tab-pane {
	padding: 10px;
}


.tabs-container > .tab-pane {
	display: none
}

.tabs-container > .active {
	display: block
}

.tabs-mobile-menu-icon {
	display: none;
}

.tabs-mobile-menu-icon img {
	width: 30px;
	height: auto;
}

@media screen and (width <= 1300px) {
	.tabs-tab:not(.active) {
		display: none;
	}

	.visible-menu .tabs-tab {
		display: flex;
	}


	.tabs-tab.active {
		border: none;
	}

	.tabs-tabs {
		border: none;
	}

	.tabs-tabs {
		border: 1px solid #dee2e6;
		display: block;
	}

	.tabs-mobile-menu-icon {
		display: inline-block;
	}
}
/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/alerts.css?v=20250904 */
.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	/* border-radius: .25rem; */
	display: flex;
	align-items: center;
	gap: 10px;
}


.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff
}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb
}


.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe
}



/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/cards.css?v=20250904 */

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	/* border-radius: .25rem; */
	/* box-shadow: 0px 0px 10px #aaaaaa; */
	max-width: 100%;
}

.card > hr {
	margin-right: 0;
	margin-left: 0
}

.card > .list-group {
	border-top: inherit;
	border-bottom: inherit
}

.card > .list-group:first-child {
	border-top-width: 0;
}

.card > .list-group:last-child {
	border-bottom-width: 0;
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
	border-top: 0
}

.card-body {
	flex: 1 1 auto;
	min-height: 1px;
	padding: 10px;
}

.card-body p {
	margin: 15px;
}

.card-title {
	margin: 5px;
	margin-bottom: .75rem;
	font-size: 1.7rem;
}

.card-subtitle {
	margin-top: -.375rem;
	margin-bottom: 0
}

.card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-link + .card-link {
	margin-left: 1.25rem
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
	/* border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 */
}

.card-footer {
	padding: .75rem 1.25rem;
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
	/* border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) */
}

.card-header-tabs {
	margin-right: -.625rem;
	margin-bottom: -.75rem;
	margin-left: -.625rem;
	border-bottom: 0
}

.card-header-pills {
	margin-right: -.625rem;
	margin-left: -.625rem
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/ui/table.css?v=20250904 */
.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529
}

.table td, .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
	border-top: 2px solid #dee2e6
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05)
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/catalog.css?v=20250904 */
.product_listing_item_compare_buttons {
	position: absolute;
	top: 60px;
	right: 10px;
}



.product_listing_item_compare_button,
.product_listing_item_compare_button_selected {
	width: 30px;
	height: 30px;
	mask-position: center;
	mask-repeat: no-repeat;
	display: inline-block;
	border: none;
	cursor: pointer;
	transition: all;
	transition-duration: 0.4s;
}

.product_listing_item_compare_button {
	background-color: #c9c9c9;
}


.product_listing_item_compare_button_selected {
	background-color: #6b6b6b;
}

.product_listing_item_compare_button:hover {
	background-color: #e7e7e7;
}
.product_listing_item_compare_button_selected:hover {
	background-color: #282828;
}


#product_listing {

}

#product_listing_default_filter_area {
	padding: 10px;
	background-color: #eaeaea;
}

#product_listing_default_filter_area button {
	margin: 3px;
}

#product_listing_filter_area {
	position: fixed;
	right: 0px;
	top: 0px;
	background: #ffffff;
	height: 100%;
	overflow: auto;
	padding: 10px;
	width: 500px;
	max-width: 100%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	z-index: 999999;
}

#product_listing_selected_filter_area {
	padding: 10px;
}
#product_listing_selected_filter_area button {
	margin: 2px;
}

.product_listing_filter {
	border: 1px solid #283077;
	margin: 7px;
	margin-bottom: 20px;
	background-color: #ffffff;
}

.product_listing_filter_title {
	background-color: #283077;
	padding: 10px;
	font-weight: 200;
	cursor: pointer;
	color: #ffffff;
}

.product_listing_filter_filter {
	padding: 5px;
	max-height: 300px;
	overflow: auto;
}

#product_listing_filter_area_bottom_buttons {
	padding: 5px;
}

#product_listing_sort_title {
	font-weight: bolder;
	color: #5e5e5e;
}

#product_listing_sort {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0px;
	padding:15px 20px 15px 20px;
	color:#999;
	font-size:14px;
	flex-wrap: wrap;
}

#product_listing_header {
	background-color:#f6f6f6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 auto;
	flex-wrap: wrap;
}

#product_listing_footer {
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 auto;
	flex-wrap: wrap;
}

#product_listing_footer .ontop {color:var(--color-01-hex); font-size:17px; font-family:Roboto, sans-serif; font-weight:700; display:inline-block; padding:19px 38px; border:2px #efefef solid; cursor:pointer}
#product_listing_footer .ontop:hover {background-color:rgba(0 0 0 / 3%)}


#product_listing_selected_sorter {
	text-decoration:none;
	margin:0 30px 0 0; padding:10px 0; white-space:nowrap;
	cursor:default; font-family:Roboto, sans-serif; font-weight:700; color:var(--color-03-hex)
}

.product_listing_sort_btn {
	color:#999;
	background-color: transparent;
	border: none;
	cursor: pointer;
	text-decoration:underline; margin:0 30px 0 0; padding:10px 0; white-space:nowrap;
}



#product_listing_list {
}

.btn-listing-filter {
	background-color: #ffbfbf;
}

.btn-listing-filter:hover {
	background-color: #ffd8d8;
}

.btn-listing-filter .icon {
	background-color: #000000;
}



#product_listing_filter_area_top_buttons {
	padding: 5px;
	height: 55px;
}

#product_listing_filter_area_bottom_buttons {
	padding: 5px;
	height: 40px;
}

#product_listing_filter {
	height: calc(100% - 130px);
	overflow: auto;
}

.product_listing_filter_option,
.product_listing_filter_option_selected,
.product_listing_filter_option_disabled {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px;
	margin: 5px;
}

.product_listing_filter_option>label,
.product_listing_filter_option_selected>label,
.product_listing_filter_option_disabled>label {
	position: relative;top: 5px;
	padding: 2px;
}

.product_listing_filter_option_selected {
	background-color: #c9c9c9;
}

.product_listing_filter_option_disabled {
	opacity: 0.5;
}


.product_listing_list_products {
	display: grid;
	gap: 0px;
	justify-content: left;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	border-left: 1px solid #F3F3F3;
	border-top: 1px solid #F3F3F3;
}


.product_listing_item {
	background-color: #ffffff;
	padding: 10px;
	position: relative;
	border-right: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}


.product_listing_item a {
	color: #343434;
}

.product_listing_item_images {
	height: 350px;
	text-align: center;
	position: relative;
}

.product_listing_item_images_main_image {
	width: 100%;
	height: 350px;
	position: absolute;
	top:0px;
	left: 0px;
	background-position: center center;
	background-size: 70% auto;
	background-repeat: no-repeat;
	transition: all;
	transition-duration: 0.5s;
}

.product_listing_item_images_thbs {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.product_listing_item_images_thbs_container {
	justify-content: center;
	display: grid;
	gap:10px;
	grid-template-columns: repeat(auto-fit, 50px);
	margin: 20px;
}

.product_listing_item_images_thb {
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px auto;
	border: 1px solid #c9c9c9;
	transition: all;
	transition-duration: 0.5s;
}

.product_listing_item_images_thb.selected {
	border: 1px solid #000000;
}

.product_listing_item_title {
	font-weight: bolder;
	overflow: hidden;
	height: 50px;
	text-align: center;
}

.product_listing_item_title a {
	text-decoration: none;
}

.product_listing_item_stickers {
	position: absolute;
	left: 5px;
	right: 5px;
}

.product_listing_item_stickers .discount {
	position: absolute;
	right: 0px;
	top: 0px;
	margin:10px 0 0 0;
	padding:7px 10px;
	background-color:var(--color-01-hex);
	color:#fff;
	font-size:14px
}

.product_listing_item_sticker {
	display: flex;
	gap: 5px;
	width: 120px;
	align-items: center;
	margin: 5px;
	opacity: 0.8;
}

.product_listing_item_sticker_image {
	padding: 3px;
	position: relative;
	width: 30px;
}

.product_listing_item_sticker_image img {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}


.product_listing_item_sticker_text {
	font-size: 0.8rem;
	width: 40px;
	padding: 5px;
}

.product_listing_availability {
	text-align: center;
}

.product_listing_item_price {
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #E61717;
}

.product_listing_item .free-delivery {
	color: #4BA4DD;
	font-weight: bolder;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.product_listing_item_price_standard {
	display: inline-block;
	padding: 5px;
	color: #999999;
	text-decoration: line-through;
}

.product_listing_item_price_final {
	display: inline-block;
	text-align: right;
	font-weight: bolder;
	padding: 5px;
	font-size: 1.4rem
}

.product_listing_item_buy_buttons {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	align-items: center;
}

.product_listing_item_buy_buttons .detail .icon {
	background-color: #c9c9c9;
}

.product_listing_item_buy_buttons .detail,
.product_listing_item_buy_buttons .select_variant,
.product_listing_item_buy_buttons .buy
{
	text-align: center;
	padding: 10px;
	font-weight: bolder;
	transition: all;
	transition-duration: 0.5s;
	justify-content: center;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.product_listing_item_buy_buttons .select_variant .icon,
.product_listing_item_buy_buttons .buy .icon
{
	background: #ffffff;
}

.product_listing_item_buy_buttons .detail {
	background-color: #ffffff;
	border: 1px solid #E1E1E1;
	color: #A0C41A;
}

.product_listing_item_buy_buttons .detail:hover {
	background-color: #f1f1f1;
}


.product_listing_item_buy_buttons .select_variant,
.product_listing_item_buy_buttons .buy
{
	background-color: #A0C41A;
	border: 1px solid #A0C41A;
	color: #ffffff;
}

.product_listing_item_buy_buttons .select_variant:hover,
.product_listing_item_buy_buttons .buy:hover
{
	background-color: #8ba918;
}




.product_listing_pagination  {
	display: flex;
	flex: 1 1 auto;
	padding:0 0 0 20px;
	gap: 2px;
	text-align:right;

	align-items: center;
	justify-content: right;
	padding-right: 20px;
}

.product_listing_pagination  span.page-item,
.product_listing_pagination  a.next-btn
{
	display:inline-block;
	margin:0 0 0 2px;
	padding:13px 16px;
	background-color:#4a4a4a;
	color:#fff;
	text-decoration:none;
}


.product_listing_pagination  a.page-item {
	display:inline-block;
	margin:0 0 0 2px;
	padding:13px 16px;
	text-decoration:none;
	background-color:#fff;
	color:#999;
	cursor: pointer;
}

.product_listing_pagination  a.page-item:hover {
	color:#000;
}






.product_listing_item_reviews {
	position: absolute;
	top: 10px;
	left: 10px;
	opacity: 1;
}

.product_listing_item_reviews .star
{
	color: #00b84b;
}






.dual-slider {
	padding-top: 20px;
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;

}


.dial-slider-container {
	position: relative;
	min-height: 30px;
}

.dual-slider-range {
	position: absolute;
	-webkit-appearance: none;
	appearance: none;
	pointer-events: none;
	width: 100%;

	height: 3px;
	background-color: #C6C6C6;
}


.dual-slider-range::-webkit-slider-thumb
{
	-webkit-appearance: none;
	pointer-events: all;
	width: 24px;
	height: 24px;
	background-color: #2a0fb0;
	border-radius: 10%;
	box-shadow: 0 0 0 1px #C6C6C6;
	cursor: pointer;
}

.dual-slider-range::-moz-range-thumb {
	-webkit-appearance: none;
	pointer-events: all;
	width: 24px;
	height: 24px;
	background-color: #2a0fb0;
	border-radius: 10%;
	box-shadow: 0 0 0 1px #C6C6C6;
	cursor: pointer;
}


.dual-slider-range::-webkit-slider-thumb:hover {
	background: #2a0fb0;
}

.dual-slider-range::-webkit-slider-thumb:active {
	box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}


.dial-slider-values {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}

.dual-slider-status-from {
	text-align: left
}

.dual-slider-status-to {
	text-align: right
}

.dual-slider-from {
}

.categories {
	margin-top: 20px;
	margin-bottom: 20px;
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 0px;
	border-top: 1px solid #F6F6F6;
	border-left: 1px solid #F6F6F6;
}




.category {
	padding: 10px;
	background-color: #ffffff;
	border-right: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;
}

.category a {
	color: #000000;
	font-size: 1.1rem;
}

.category-image {
	position: relative;
	text-align: center;
	height: 150px;
}

.category-image img {
	max-width: 150px;
	max-height: 150px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.category .category-subcategories {
	padding: 10px;
}

.category-name {
	font-size: 1.4rem;
	text-align: center;
	font-weight: bolder;
	line-height: 1.5;
	height: 2lh;
}

.category-subcategory a {
	display: inline-block;
	color: #3f3f3f;
	margin: 5px;
	font-size: 1.2rem;
}


/*
.category-description>.image {
	grid-column: image;
	grid-row: span 2;
}
.category-description>.title {
	grid-column: title;
}
.category-description>.description {
	grid-column: description;
	color: #999999;
}

.category-description>.description a {
	color: #7e7e7e;
	text-decoration: underline;
}
*/

.category-description {
	display: grid;
	gap: 5px;
	grid-template-columns: 80px 1fr;
	align-items: center;
}




.category-description .image {
	padding: 20px;
	max-width: 150px;
	height: auto
}

.category-description .image img {
	max-width: 150px;
	height: auto
}

/*
@media screen and (width <= 1600px) {
	.category-description {
		display: none;
	}
}
 */

.product_detail_sticker {
	display: flex;
	gap: 5px;
	width: 120px;
	align-items: center;
	margin: 5px;
	opacity: 0.8;
	padding: 5px;
}

.product_detail_sticker_image {
	padding: 3px;
	position: relative;
	width: 30px;
}

.product_detail_sticker_image img {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}


.product_detail_sticker_text {
	font-size: 0.8rem;
	width: 40px;
	padding: 5px;
}


.hp-categories {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1px;
	border-top: 1px solid #F6F6F6;
	border-left: 1px solid #F6F6F6;
	margin: 10px;
}

.hp-categories .hp-category {
	background-color: #ffffff;
	border-right: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;

}

.hp-categories .hp-category>.name {
	display: grid;
	grid-template-columns: 50px 1fr;
	align-items: center;
	gap: 10px;
	padding: 10px;
}

.hp-categories .hp-category>.name a {
	color: #000000;
	font-weight: bolder;
}

.hp-categories .hp-category .subcategories {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.hp-categories .hp-category .subcategories a {
	color: #999999;
	text-decoration: underline;
	margin: 2px;
	margin-right: 4px;
	font-size: 15px;
}

.hp-categories .hp-category .subcategories a:hover {
	text-decoration: none;
	color: #000000;
}

.best-sellers {padding:15px 0 25px 0}
.best-sellers .top {font-size:21px; font-family:Roboto, sans-serif; font-weight:700; padding-bottom:20px; border-bottom:1px #edebeb solid}
.best-sellers .item {display:table; width:100%; padding:8px 0; border-bottom:1px #ddd dotted}
.best-sellers .item:last-child {border-bottom:0 none}
.best-sellers .item div {display:table-cell; vertical-align:middle}
.best-sellers .counter {width:15px}
.best-sellers .image {width:130px; text-align:center}
.best-sellers .title {padding-right:30px}
.best-sellers .title a {font-size:17px; font-family:Roboto, sans-serif; font-weight:700; color:#000; text-decoration:none}
.best-sellers .title a:hover {text-decoration:underline}
.best-sellers .availability {width:260px; font-size:14px; padding-right:30px}
.best-sellers .availability span {color:#90bf11}
.best-sellers .price {width:120px; text-align:right; color:var(--color-03-hex); font-size:18px; font-family:Roboto, sans-serif; font-weight:700; white-space:nowrap}


.category-video {display:flex; flex-wrap:wrap; background-color:#fff}
.category-video .item {position:relative; width:calc(100% / 3); padding-bottom:calc(56.25% / 3)}
.category-video .item::before {content:''; position:absolute; top:calc(50% - 7px); left:calc(50% - 3px); z-index:0; width:0; height:0; border-style:solid; border-width:8px 0 8px 12px; border-color:transparent transparent transparent #d3d3d3}
.category-video .item::after {content:''; position:absolute; top:calc(50% - 25px); left:calc(50% - 25px); z-index:0; width:50px; height:50px; border:1px #e9e9e9 solid; border-radius:100%}
.category-video .item iframe {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:100%; height:100%}

.category-video-2 {max-width:1280px; padding:20px 15px; margin:0 auto; background-color:#fff}
.category-video-2 .title {font-weight:700; padding-bottom:8px}
.category-video-2 .video {position:relative; padding-bottom:56.25%}
.category-video-2 .video iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.category-manufacturer-banner {padding:10px 0; background-color:#fff}
.category-manufacturer-banner img {display:block; max-width:100%; margin:0 auto}


.category-header {display:flex; justify-content:space-between; align-items:flex-start; padding:40px 0 0 0}

.category-header .left {flex:1 1 60%; display:flex; padding:0}
.category-header .left .icon {flex:1 0 auto; width:50px; height:50px; padding:0 30px 0 0}
.category-header .left .icon img {max-width:100%}
.category-header .left .texts {}
.category-header .left .texts h1 {color:#000; font-size:32px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase}
.category-header .left .texts h1 span {display:block; font-size:20px}
.category-header .left .texts .description {padding:10px 0 0 0; font-size:14px; color:#999; line-height:1.5; overflow:hidden}
.category-header .left .texts .description a {color:var(--color-01-hex)}
.category-header .left .texts .description .description-visible {display:inline}
.category-header .left .texts .description .description-visible .description-hidden-mobile {display:inline}
.category-header .left .texts .description .description-hidden {display:none}
.category-header .left .texts .description .toggle {padding-top:2px}
.category-header .left .texts .description .toggle div {text-decoration:underline; font-size:13px; color:var(--color-01-hex); cursor:pointer; white-space:nowrap}
.category-header .left .texts .description .toggle div.text-a {display:inline}
.category-header .left .texts .description .toggle div.text-a::after {content:''; display:inline-block; margin-left:8px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid var(--color-01-hex); vertical-align:middle}
.category-header .left .texts .description .toggle div.text-b {display:none}
.category-header .left .texts .description .toggle div.text-b::after {content:''; display:inline-block; margin-left:8px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid var(--color-01-hex); vertical-align:middle}
.category-header .left .texts .description .toggle div:hover {text-decoration:none}
.category-header .left .texts .description.active {}
.category-header .left .texts .description.active .description-visible .dots {display:none}
.category-header .left .texts .description.active .description-hidden {display:inline}
.category-header .left .texts .description.active .toggle .text-a {display:none}
.category-header .left .texts .description.active .toggle .text-b {display:block}

.category-header .right {flex:1 1 auto;  display:flex; justify-content:space-between; margin-left:40px; background-color:#f6f6f6}
.category-header .right .count {flex:0 1 auto;  display:flex; align-items:center; padding:40px 0; font-family:Roboto, sans-serif; font-weight:700}
.category-header .right .count .pieces {padding:0 10px 0 35px; color:var(--color-01-hex); font-size:40px}
.category-header .right .count .text {padding-right:10px; color:#000; font-size:13px; line-height:15px}
.category-header .right .count .text span {display:block; font-size:18px}
.category-header .right .image {flex:0 1 153px; background-repeat:no-repeat; background-position:center center; background-size:100%; margin-right:20px}
.category-header .right .percentage {flex:0 1 153px; position:relative; background-repeat:no-repeat; background-position:right center; min-width:153px}
.category-header .right .percentage span {position:absolute; top:70px; right:30px; color:#fff; font-size:40px}

.categories-list {display:flex; flex-wrap:wrap; margin:25px auto 0 auto; box-shadow:inset 1px 1px 0 #f6f6f6}
.categories-list .box {position:relative; width:25%; box-shadow:inset -1px -1px 0 #f6f6f6; padding-bottom:20px}
.categories-list .box a.top {display:block; color:#231f20; text-decoration:none}
.categories-list .box a.top .image {display:flex; justify-content:center; align-items:center; padding:20px 30px}
.categories-list .box a.top .image img {max-width:100%; max-height:110px}
.categories-list .box a.top h2 {padding:0 20px; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; text-align:center}
.categories-list .box .bottom {text-align:center; padding:10px 15px}
.categories-list .box .bottom a.sub-title {display:inline-block; padding:3px 6px 3px 0; color:#999; font-size:14px}
.categories-list .box .bottom a.sub-title-all {display:inline-block; padding:3px 0; color:var(--color-01-hex); font-size:14px}
.categories-list .box .bottom a.sub-title-all span {display:inline-block; background:url("/templates/b2c/images/arrow-blue.png"); width:6px; height:9px; margin-left:5px}
.categories-list.sub-list {}

.categories-list-2 {margin:25px auto 0 auto; text-align:center;  display:flex; flex-flow:wrap; justify-content:center; overflow:hidden; max-width:1288px}
.categories-list-2 .box {position:relative; vertical-align:top; background-color:#fff;  flex:0 0 25%; overflow:hidden}
.categories-list-2 a.image {display:block; margin:0 4px 8px 4px}
.categories-list-2 a.image img {width:100%}
.categories-list-2 a.title {position:absolute; right:0; bottom:20px; left:0; display:block; text-align:center; color:#fff; text-decoration:none; font-size:16px; padding:0 25px}
.categories-list-2 a.title span {display:inline-block; vertical-align:middle; height:60px}
.categories-list-2 a.title h2 {display:inline-block; vertical-align:middle}

.category-info {background-color:#fff; padding:30px 0;  display:flex}
.category-info > div {flex:1 0 33%; box-sizing:border-box}
.category-info > div:not(.product) {border-right:1px #ccc dotted}
.category-info .contact {}
.category-info .contact a {display:block; color:var(--color-02-hex); margin:20px 0}
.category-info .contact a:hover {text-decoration:none}
.category-info .help {}
.category-info .row {display:table; margin-bottom:15px}
.category-info .row div {display:table-cell; vertical-align:top; padding-right:12px}
.category-info .row span {display:block; width:20px; height:20px; line-height:23px; text-align:center; border:1px #ccc solid; border-radius:50%; color:#ccc}
.category-info .row a {display:table-cell; padding-top:2px; color:var(--color-02-hex)}
.category-info .row a:hover {text-decoration:none}
.category-info .product {}
.category-info .product a {display:block; color:#000; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none; margin:10px 0}
.category-info .title {padding:0 50px 15px 50px; font-size:18px; font-family:Roboto, sans-serif; font-weight:700}
.category-info .content {display:table; padding:0 50px; font-size:14px}
.category-info .icon {display:table-cell; width:76px; height:99px; background:url("/templates/b2c/images/poradime.jpg")}
.category-info .data {display:table-cell; color:#999; padding-left:20px}
.category-info .mail {display:inline-block; width:16px; height:11px; background-image:url("/templates/b2c/images/envelope.png"); vertical-align:middle; margin-right:15px}
.category-info .phone {display:inline-block; width:16px; height:16px; background-image:url("/templates/b2c/images/phone.png"); vertical-align:middle; margin-right:15px}
.category-info .image {display:table-cell; width:76px; height:92px; background-repeat:no-repeat; background-position:center center; background-size:80%}
.category-info .old {color:#666; font-size:13px; text-decoration:line-through; display:inline-block; margin-right:10px}
.category-info .price {color:var(--color-03-hex); font-size:17px; font-family:Roboto, sans-serif; font-weight:700}


.product-info {color:#231f20}
.product-info .gallery {position:relative; float:left; width:50%; box-shadow:inset -1px 0 0 #f3f3f3; padding-bottom:20px}
.product-info .products-3d-model {position:relative; z-index:0; margin:0px auto; max-width:535px; width:100%; height:550px}
.product-info .main {display:block; text-align:center; margin:70px 0 30px 0}
.product-info .main img {width:auto; max-width:80%; height:auto; max-height:80%}
.product-info .thumbs { display:flex; margin:40px 0 0 0;  justify-content:flex-end; flex-flow:wrap}
.product-info .thumb {flex:0 0 25%; text-align:center}
.product-info .thumb img {width:auto; max-width:90%; height:auto; max-height:90%}
.product-info .all {position:relative; flex:0 0 25%; color:var(--color-02-hex); text-align:center; vertical-align:top; cursor:pointer}
.product-info .all span {display:block; background-image:url("/templates/b2c/images/gallery-all.png"); width:32px; height:33px; margin:5% auto 5%}
.product-info .all:hover {text-decoration:underline}
.product-info .hidden {display:none}
.product-info .stickers {position:absolute; top:50px; right:0; text-align:right}
.product-info .sticker-discount {display:inline-block; color:#fff; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; background-color:#b2d125; margin-bottom:18px; padding:7px 12px}
.product-info .sticker-delivery {display:inline-block; background-image:url("/templates/b2c/images/preview-delivery.png"); width:32px; height:22px; margin:0 12px 18px 0}
.product-info .sticker-gift {display:inline-block; background-image:url("/templates/b2c/images/preview-gift.png"); width:28px; height:28px; margin:0 12px 18px 0}
.product-info .property {display:inline-block; height:28px; margin:0 12px 18px 0}
.product-info .property img {max-height:100%}
.product-info .left-icons {position:absolute; top:50px; left:0}
.product-info .left-icons .tv-reklama {background-image:url("/templates/b2c/images/preview-tv.png"); width:74px; height:58px; margin-bottom:20px}
.product-info .left-icons .free-delivery {width:75px; height:64px; margin-bottom:20px;background-size: 75px 64px;}
.product-info .unknown-info {font-size:22px; color:var(--color-03-hex); font-family:Roboto, sans-serif; font-weight:700; margin:80px 0; line-height:1.5}
.product-info .info {position:relative; float:right; width:50%; box-shadow:-1px 0 0 #f3f3f3; padding-bottom:30px}
.product-info .info > div {margin-left:50px}
.product-info .top {display:flex; padding:30px 0 25px 0}
.product-info .top .socials {}
.product-info .top .options {display:flex; align-items:center; padding:0 0 0 50px}
.product-info .top .options .link {font-size:15px; color:#999; text-decoration:underline; background:url("/templates/b2c/images/envelope-icon.png") 0 center no-repeat; min-height:19px; padding-left:26px; cursor:pointer; white-space:nowrap}
.product-info .top .options .link:hover {color:#000}
.product-info .top .options .questions {font-size:15px; color:#999; text-decoration:underline; background:url("/templates/b2c/images/info-bubble.png") 0 center no-repeat; min-height:19px; padding-left:24px; cursor:pointer; white-space:nowrap}
.product-info .top .options .questions:hover {color:#000}
.product-info h1 {font-size:34px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase}
.product-info .copy-benefits {position:absolute; background-color:var(--color-05-hex); padding:30px 75px 15px 30px; border:1px rgba(0 0 0 / 5%) solid; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.15); display:none}
.product-info .copy-benefits .arrow-line {font-size:15px; font-weight:bold; margin-bottom:15px}
.product-info .copy-benefits .arrow-line::before {content:""; background-image:url("/templates/b2c/images/check-green.png"); width:13px; height:10px; vertical-align:middle; display:inline-block; margin-right:16px}
.product-info .copy-benefits .arrow-1 {position:absolute; top:-10px; left:90%; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid rgba(0 0 0 / 5%); margin:0 0 -10px -10px}
.product-info .copy-benefits .arrow-2 {position:absolute; top:-9px; left:90%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:9px solid var(--color-05-hex); margin:0 0 -9px -9px}
.product-info .copy-benefits .arrow-3 {position:absolute; bottom:0; left:10%; display:none; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid rgba(0 0 0 / 5%); margin:0 0 -10px -10px}
.product-info .copy-benefits .arrow-4 {position:absolute; bottom:0; left:10%; display:none; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-05-hex); margin:0 0 -9px -9px}
.product-info .copy-benefits .close {position:absolute; top:4px; right:12px; cursor:pointer; font-size:21px}


.product-info .price {margin:25px 0 -10px 0; font-size:18px; font-family:Roboto, sans-serif; font-weight:700}
.product-info .final {color:var(--color-03-hex); font-size:32px}
.product-info .normal {text-decoration:line-through}
.product-info .row {display:flex; align-items:center; flex-flow:wrap}
.product-info .cell {padding:0 30px 15px 0; white-space:nowrap}
.product-info .ibod {background:url("/templates/b2c/images/ibod-68x32.png") 0 center no-repeat; height:32px; line-height:45px; margin-top:-25px; padding-left:75px; color:#818181}
.product-info .pre-actions {display:flex; flex-flow:wrap; width:100%; margin:25px 0 0 0; padding:5px 0 0 0; border-top:1px #dbdbdb dotted}
.product-info .pre-actions .availability {padding:20px 30px 0 0; color:#9fbe14; font-size:17px; font-weight:700}
.product-info .pre-actions .available {padding:20px 20px 0 0; font-weight:700; color:#000; text-decoration:underline; cursor:pointer}
.product-info .pre-actions .available:hover {text-decoration:none}
.product-info .benefits-variants { display:flex; flex-flow:wrap; padding:10px 0}
.product-info .benefits-variants > span {padding-top:25px}
.product-info .benefits-variants a {display:block; vertical-align:top; color:#231f20; font-size:13px; text-decoration:none; padding-top:25px}
.product-info .benefits-variants .icon {display:inline-block; vertical-align:middle}
.product-info .benefits-variants .text {display:inline-block; vertical-align:middle; padding:0 70px 0 12px; font-size:13px}
.product-info .benefits-variants [data-tooltip] {display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px; text-align:center; margin:-16px 10px 0 15px; border:1px #cfcfcf solid; border-radius:50%; color:#aaa; font-size:13px}
.product-info .shipping .icon {background:url("/templates/b2c/images/benefit-shipping.png"); width:40px; height:26px}
.product-info .gift .icon {background:url("/templates/b2c/images/benefit-gift.png"); width:31px; height:32px}
.product-info .compare {cursor:pointer}
.product-info .compare .icon {background:url("/templates/b2c/images/compare-icon-gray.png") center center no-repeat; width:32px; height:30px}
.product-info .warranty .icon {background:url("/templates/b2c/images/benefit-warranty.png"); width:36px; height:36px}
.product-info .twisto .icon {background:url("/templates/b2c/images/benefit-twisto.png"); width:40px; height:32px}
.product-info .actions {display:flex; flex-wrap:wrap; align-items:flex-start; background-color:#f6f6f6; margin:20px 0 15px 0; padding:30px}
.product-info .actions .left {}


.quantity .plus,
.quantity .minus {
	right: 0;
	display: block;
	background-color: #fff;
	line-height: 30px;
	color: #999;
	text-align: center;
	cursor: pointer;
	border: 1px #e8e6e6 solid;
	border-left: none;
}

.quantity .plus {
	grid-area: plus;
}
.quantity .minus {
	grid-area: minus;
	border-top: none;
}

.quantity input {
	grid-area: input;
}

.quantity {
	display: grid;
	grid-template:
			"input plus"
			"input minus";
	grid-template-columns: auto 36px;
}



.product-info .actions .form-button {display:flex}
.product-info .actions .form-button input[type=text] {vertical-align:top; border:1px #e8e6e6 solid; width:50px; font-size:17px; text-align:center; color:#231f20; padding:20px 0}
.product-info .actions .form-button button {border:none;background-color:var(--color-02-hex); background-image:url("/templates/b2c/images/button-cart.png"); background-position:22px center; background-repeat:no-repeat; padding:20px 35px 20px 70px; color:#fff; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; vertical-align:top}
.product-info .static {margin-top:30px; font-size:14px}
.product-info .static select {margin-left:10px}
.product-info .actions .right {padding:0 0 0 50px; font-size:15px}
.product-info .benefits {}
.product-info .benefits > span {display:block; vertical-align:top; font-size:13px; margin-bottom:25px}
.product-info .benefits > span:last-child {margin-bottom:0}
.product-info .benefits a {display:block; vertical-align:top; color:#231f20; font-size:13px; text-decoration:none}
.product-info .benefits .icon {display:inline-block; margin-right:10px; vertical-align:middle}
.product-info .benefits .text {display:inline-block; vertical-align:middle; padding:0}
.product-info .benefits .compare .text {text-decoration:underline}
.product-info .benefits .compare:hover .text {text-decoration:none}
.product-info .benefits [data-tooltip] {display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px; text-align:center; margin:0 10px; border:1px #cfcfcf solid; border-radius:50%; color:#aaa; font-size:13px}
.product-info .gifts {margin:20px 0 15px 0; font-size:15px}
.product-info .gifts > span {display:block; margin-bottom:10px; color:#666}
.product-info .gifts .gift-row { display:flex; align-items:center; background-color:#f6f6f6; margin-bottom:3px; padding:12px}
.product-info .gifts .gift-row.selected {background-color:#ffe6a4}
.product-info .gifts .gift-row span { flex:0 0 20px}
.product-info .gifts .gift-row a {color:#000; font-size:14px; text-decoration:none; padding-right:20px}
.product-info .gifts .image {vertical-align:middle; display:inline-block; padding-left:15px}
.product-info .gifts a {}
.product-info .manufacturer { display:flex;  justify-content:space-between; align-items:center; margin:10px 0}
.product-info .manufacturer .left {color:#999; font-size:14px}
.product-info .manufacturer .right { flex:1 0 50%; height:80px; background-repeat:no-repeat; background-position:right center; background-size:auto 100%}
.product-info .manufacturer a.name {color:#999; display:inline-block; margin-left:10px}
.product-info .manufacturer a.name:hover {color:#000}



.product-accessories {max-width:1280px; margin:0 auto; padding:25px 0; border-top:1px #f3f3f3 solid}
.product-accessories .title {display:inline-block; margin:0 0 25px 0; padding:0 2px 7px 0; border-bottom:2px var(--color-02-hex) solid; font-size:16px; font-weight:700}
.product-accessories .list {position:relative; padding:0 40px; box-sizing:border-box}
.product-accessories .list .swiper-container {position:initial}
.product-accessories .list .swiper-container .swiper-wrapper {height:auto}
.product-accessories .list .swiper-container .swiper-button-prev {left:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-prev::after {font-size:18px; font-weight:700}
.product-accessories .list .swiper-container .swiper-button-next {right:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-next::after {font-size:18px; font-weight:700}

.product-promo-before-tabs {max-width:1280px; margin:0 auto}
.product-promo-before-tabs-variants {max-width:1280px; margin:0 auto}

.product-tabs {padding:25px 0}
.product-tabs .titles {display:flex; flex-wrap:wrap}
.product-tabs .tab-title {position:relative; padding:10px 35px; box-sizing:border-box; font-size:17px; color:#999; font-family:Roboto, sans-serif; font-weight:700; cursor:pointer}
.product-tabs h2 {font-size:18px; color:#231f20; font-family:Roboto, sans-serif; font-weight:700; padding:50px 50px 40px 50px; border-bottom:1px #f3f3f3 solid}
.product-tabs .tab-title.selected {background-color:var(--color-01-hex); color:#fff; cursor:default}
.product-tabs .tab-title.selected span {position:absolute; bottom:0; left:50%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-01-hex); margin:0 0 -9px -9px}
.product-tabs .tab-title:not(.selected):hover {background-color:rgba(0 0 0 / 5%); color:#333}
.product-tabs .contents {background-color:#fff; margin-top:25px}
.product-tabs .tab-content {display:none}
.product-tabs .tab-content.selected {display:block}
.product-tabs .tc-description {padding:30px 50px; line-height:24px; font-size:15px}
.product-tabs .tc-description a {color:var(--color-01-hex)}
.product-tabs .tc-description a:hover {text-decoration:none}
.product-tabs .tc-description ul {margin:10px 0 20px 20px}
.product-tabs .tc-description .pdf {margin-top:30px}
.product-tabs .tc-description .pdf span {display:inline-block; vertical-align:middle; width:44px; height:46px; background-image:url("/templates/b2c/images/pdf-icon.png"); margin-right:15px}
.product-tabs .tc-description .block {padding:0 0 35px 0; text-align:justify}
.product-tabs .tc-description .columns {display:flex; justify-content:space-between; align-items:center}
.product-tabs .tc-description .columns .left {padding-right:20px; padding-bottom:20px}
.product-tabs .tc-description .columns .right {padding-bottom:20px; padding-left:20px}
.product-tabs .tc-description .columns .image {}
.product-tabs .tc-description .columns .image img {display:block; margin:0 auto}
.product-tabs .tc-description .columns .text {padding-top:20px; text-align:center}
.product-tabs .tc-description .columns .text .heading {margin:0 0 15px 0; font-size:17px; font-weight:700}
.product-tabs .tc-description .break-line {height:1px; margin:20px 0; background-color:#eee}
.product-tabs .tc-params {padding:30px 0 0 0; color:#231f20; font-size:15px}
.product-tabs .tc-params .title {display:block; padding:0 50px 25px 50px; color:#000; font-family:Roboto, sans-serif; font-size:16px; font-weight:700}
.product-tabs .tc-params .param-description {display:flex; align-items:center; gap:10px; margin:0 50px 15px 50px; padding:18px; background-color:var(--color-04-hex); font-size:14px}
.product-tabs .tc-params .param-description img {}
.product-tabs .tc-params .list {display:grid; grid-template-columns:minmax(40%, max-content) auto; grid-gap:2px; margin:0 0 30px 0; padding:0 50px 30px 50px; border-bottom:1px #dfdfdf dotted}
.product-tabs .tc-params .list:last-child {margin:0; border:0 none}
.product-tabs .tc-params .list .label {padding:18px; background-color:#f6f6f6; font-weight:600}
.product-tabs .tc-params .list .properties {position:relative; display:flex; flex-wrap:wrap; gap:10px 20px; padding:18px 80px 18px 18px; background-color:#f6f6f6}
.product-tabs .tc-params .list .properties a {color:var(--color-01-hex); text-decoration:none}
.product-tabs .tc-params .list .properties a:hover {text-decoration:underline}
.product-tabs .tc-params .list .properties .property-description {position:absolute; top:15px; right:15px}
.product-tabs .tc-inclusion {padding:30px 0 20px 0}
.product-tabs .tc-inclusion.border-top {border-top:1px #dfdfdf dotted}
.product-tabs .tc-inclusion a {display:block; margin:0 0 30px 0; padding:0 50px 30px 50px; border-bottom:1px #dfdfdf dotted; font-size:15px; color:var(--color-01-hex); text-decoration:none}
.product-tabs .tc-inclusion a:last-child {margin-bottom:0; border:0 none}
.product-tabs .tc-inclusion span {display:flex; align-items:baseline; margin:0 20px 5px 0; line-height:1.5}
.product-tabs .tc-inclusion span > span {width:0; height:0; border-left:5px solid var(--color-02-hex); border-bottom:5px solid transparent; border-top:5px solid transparent; margin-right:10px}
.product-tabs .tc-inclusion span:hover {text-decoration:underline}


.product-tabs .tc-articles {padding:0 !important; background-color:#fff !important}
.product-tabs .tc-accessories {}
.product-tabs .tc-video {position:relative; padding-bottom:56.25%; margin-bottom:4px}
.product-tabs .tc-video iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.product-tabs .products-listing { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; box-shadow:inset 0 -1px 0 #f3f3f3}
.product-tabs .products-listing .product {position:relative; flex:0 0 25%; border-bottom:1px #f3f3f3 solid; box-shadow:1px 0 0 #f3f3f3; text-align:center}
.product-tabs .products-listing .benefits {position:absolute; top:10px; right:0; z-index:1}
.product-tabs .products-listing .benefits .icons {text-align:right}
.product-tabs .products-listing .discount {display:inline-block; background-color:#b2d125; color:#fff; font-size:14px; margin-bottom:12px; padding:7px 10px}
.product-tabs .products-listing .delivery {display:inline-block; background-image:url("/templates/b2c/images/preview-delivery.png"); width:32px; height:22px; margin:0 8px 12px 0}
.product-tabs .products-listing .gift {display:inline-block; background-image:url("/templates/b2c/images/preview-gift.png"); width:28px; height:28px; margin:0 8px 12px 0}
.product-tabs .products-listing .rank {position:absolute; top:10px; left:15px}
.product-tabs .products-listing .rank .stars {background-image:url("/templates/b2c/images/star-rating-15.png"); background-repeat:no-repeat; width:96px; height:15px; margin:5px 15px 0 0}
.product-tabs .products-listing a.image {position:relative; display:block; height:260px; text-decoration:none}
.product-tabs .products-listing a.image img {width:auto; max-width:70%; height:auto; max-height:70%; vertical-align:middle}
.product-tabs .products-listing .middle {display:inline-block; height:100%; vertical-align:middle}
.product-tabs .products-listing .availability {font-size:14px; padding-bottom:8px}
.product-tabs .products-listing .availability span {color:#90bf11}
.product-tabs .products-listing a.title {display:block; height:50px; line-height:25px; overflow:hidden; padding:0 15px; color:#231f20; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none; white-space:initial}
.product-tabs .products-listing .price {text-align:center; padding:15px 15px 20px 15px}
.product-tabs .products-listing .price .final {color:var(--color-01-hex); font-size:19px; font-family:Roboto, sans-serif; font-weight:700}
.product-tabs .products-listing .price .old {display:inline-block; margin-right:15px; font-family:Roboto, sans-serif; color:#999; font-size:13px; text-decoration:line-through}

.product-info-user-photos {max-width:1280px; margin:0 auto; padding:0 0 25px 0}
.product-info-user-photos .title {display:flex; padding:0 0 25px 0}
.product-info-user-photos .title .text {position:relative; padding:10px 40px; background-color:var(--color-01-hex); text-align:center}
.product-info-user-photos .title .text h3 {color:#fff; font-size:17px; font-weight:700}
.product-info-user-photos .title .text::after {content:''; position:absolute; bottom:0; left:50%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-01-hex); margin:0 0 -9px -9px}
.product-info-user-photos .swiper-container {}
.product-info-user-photos .swiper-container .swiper-wrapper {height:auto}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide {}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span {position:relative; display:block; padding-top:70%; background-color:#fff; background-size:cover; background-position:center}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span::before {content:''; position:absolute; top:50%; left:calc(50% - 12px + 2px); width:24px; height:4px; background-color:rgba(255 255 255 / 75%); box-shadow:0 0 10px rgba(0 0 0 / 80%); transition:all 200ms ease}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span::after {content:''; position:absolute; top:calc(50% - 12px + 2px); left:50%; width:4px; height:24px; background-color:rgba(255 255 255 / 75%); transition:all 200ms ease}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span:hover::before {background-color:#fff}
.product-info-user-photos .swiper-container .swiper-wrapper .swiper-slide span:hover::after {background-color:#fff}

.product-accessories {max-width:1280px; margin:0 auto; padding:25px 0; border-top:1px #f3f3f3 solid}
.product-accessories .title {display:inline-block; margin:0 0 25px 0; padding:0 2px 7px 0; border-bottom:2px var(--color-02-hex) solid; font-size:16px; font-weight:700}
.product-accessories .list {position:relative; padding:0 40px; box-sizing:border-box}
.product-accessories .list .swiper-container {position:initial}
.product-accessories .list .swiper-container .swiper-wrapper {height:auto}
.product-accessories .list .swiper-container .swiper-button-prev {left:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-prev::after {font-size:18px; font-weight:700}
.product-accessories .list .swiper-container .swiper-button-next {right:0; z-index:1; width:auto; height:auto; padding:14px 8px; background-color:#000; color:#fff; outline:none}
.product-accessories .list .swiper-container .swiper-button-next::after {font-size:18px; font-weight:700}




/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/


@media only screen and (max-width:1600px) {
	.category-header {padding:25px 20px 0 40px}
	.categories-list {margin:20px auto 0 auto; box-shadow:inset 0 1px 0 #f6f6f6, inset 0 -1px 0 #f6f6f6}
	.categories-list-2 {margin:20px 36px 0 36px}
	.banners-category a.banners img.desktop {max-width:calc(100% - 40px)}
	.product-info {padding:0 40px}
	.product-accessories {max-width:initial; padding:25px 40px}
	.product-promo-before-tabs {max-width:initial}
	.product-promo-before-tabs-variants {max-width:initial}
	.product-info-user-photos {max-width:initial; padding:0 40px 25px 40px}
	.product-tabs {padding:25px 40px}
}


@media only screen and (max-width:1280px) {
	.product-info .price {margin:15px 0 -10px 0}
	.product-info .cell {padding:0 30px 5px 0}
	.product-info .ibod {margin-top:-16px}
	.product-info .stickers {top:30px}
	.product-info .sticker-discount {top:30px; right:30px}
	.product-info .actions .right {width:100%; padding:35px 0 0 0}
}


@media only screen and (max-width:1200px) {
	.category-info {flex-flow:wrap}
	.category-info > div { flex:1 0 auto}
	.category-info > div.help {border:0 none}
	.category-info > div.product {border-top:1px #ccc dotted; margin:30px 30px 0 30px; padding-top:30px;  flex:1 0 calc(100% - 60px)}
	.category-info > div.product .title {padding:0 20px 15px 20px}
	.category-info > div.product .content {padding:0 20px}
	.category-info .data {padding-left:40px}
	.category-info .image {width:86px; height:104px; background-size:100%}

	.product-tabs .tab-title {padding:15px 25px}

	.product-info .thumb { flex:0 0 50%; margin-top:20px}
	.product-info .all { flex:0 0 50%}
	.product-info .ibod { flex:0 0 100%; margin:0 0 20px 0}
}

@media only screen and (max-width:1180px) {
	.product-info .info > div {margin-left:30px}


}


@media only screen and (max-width:1080px) {
	.categories-list .box {width:calc(100% / 3)}
	.categories-list-2 .box { flex:0 0 calc(100% / 3)}

	.category-header .left .icon {padding:0 20px 0 0}
	.category-header .right {display:none}
	.product-accessories .list {padding:0 30px}


	.best-sellers .availability {width:200px}


	.product-accessories .list {padding:0 30px}
	.product-tabs .products-listing .product {flex:0 0 calc(100%/3)}


}

@media only screen and (max-width:1020px) {
	.product-tabs .tab-title {padding:15px 15px}
	.product-tabs .tab-title.selected span {display:none}
}

@media only screen and (max-width:980px) {
	.category-header {padding:25px 20px 0 20px}
	.categories-list-2 {margin:20px 16px 0 16px}
	.category-video .item {width:100%; padding-bottom:56.25%}

	.product-info {padding:0 15px}
	.product-info .info {padding-bottom:10px}
	.product-info .info > div {margin-left:20px}
	.product-info .top {padding:20px 0 15px 0}
	.product-info .stickers {top:20px}
	.product-info .sticker-discount {top:20px; right:20px}

	.product-accessories {padding:25px 15px 15px 15px}
	.product-accessories .title {margin:0 0 20px 0}

	.product-tabs {padding:0}
	.product-tabs .contents {margin-top:0}
	.product-tabs h2 {padding:30px 30px 20px 30px}
	.product-tabs .tc-description {padding:20px 30px}
	.product-tabs .tc-params {padding:20px 0 10px 0}
	.product-tabs .tc-params .title {padding:0 30px 20px 30px}
	.product-tabs .tc-params .param-description {margin:0 30px 15px 30px}
	.product-tabs .tc-params .list {padding:0 30px 30px 30px}
	.product-tabs .tc-inclusion {padding:20px 0 10px 0}
	.product-tabs .tc-inclusion a {margin:0 0 20px 0; padding:0 30px 10px 30px}
	.product-tabs .tc-reviews {padding:20px 0 30px 0}
	.product-tabs .tc-reviews .overview {margin:0 30px}
	.product-tabs .tc-reviews .list .post > div {margin:0 30px}
	.product-tabs .tc-questions {padding:20px 0 30px 0}
	.product-tabs .tc-questions .overview {margin:0 30px}
	.product-tabs .tc-questions .list .post > div {margin:0 30px}
	.product-info-user-photos {padding:0}
	.product-info-user-photos .title {padding:20px}
	.product-info-user-photos .title .text {padding:15px 20px}
	.product-info-user-photos .title .text::after {display:none}

	.category-info > div { flex:1 0 calc(100% - 60px)}
	.category-info > div.contact {border-right:0 none; border-bottom:1px #ccc dotted; margin:0 30px 30px 30px; padding-bottom:30px}
	.category-info > div.contact .title {padding:0 20px 15px 20px}
	.category-info > div.contact .content {padding:0 20px}


}

@media only screen and (max-width:940px) {
}

@media only screen and (max-width:920px) {
}

@media only screen and (max-width:860px) {
	.categories-list .box .bottom a.sub-title {padding:6px 6px 6px 0}
	.categories-list .box .bottom a.sub-title-all {padding:6px 0}

	.product-info .gallery {float:none; width:100%; box-shadow:none; border-bottom:1px #f3f3f3 solid}
	.product-info .main {margin:0}
	.product-info .info {float:none; width:100%; box-shadow:none}
	.product-info .info > div {margin:20px 0 0 0}
	.product-info .thumb { flex:0 0 25%; margin-top:0}
	.product-info .all { flex:0 0 25%}
	.product-info .copy-benefits .arrow-1 {display:none}
	.product-info .copy-benefits .arrow-2 {display:none}
	.product-info .copy-benefits .arrow-3 {display:block}
	.product-info .copy-benefits .arrow-4 {display:block}
	.product-info .actions .right {width:auto; padding:0 0 0 50px}

	.product-tabs .tab-title {font-size:15px; font-family:Roboto, sans-serif}

	.product-info-user-photos .title .text h3 {font-size:15px}

	.banners-category a.banners  img.desktop {display:none}
	.banners-category a.banners  img.mobile {display:block}

}

@media only screen and (max-width:820px) {
	.categories-list-2 .box { flex:0 0 50%}

	.product-tabs .products-listing .product {flex:0 0 50%}

	.product-tabs .tc-description .columns {flex-wrap:wrap; align-items:flex-start}
	.product-tabs .tc-description .columns .left {width:100%; padding:0 0 20px 0}
	.product-tabs .tc-description .columns .right {width:100%; padding:0 0 20px 0}
	.product-tabs .tc-description .columns .image {order:-1}
	.product-tabs .tc-description .columns .image img {max-width:100%}

	.products-3d-model-popup .content .container .close {top:-57px; right:0}
}


@media only screen and (max-width:780px) {
	.product-tabs .tab-title {flex:1 0 auto; width:50%; text-align:center; border-bottom:3px #fff solid}
	.product-tabs .tab-title:nth-child(even) {border-left:3px #fff solid}
	.product-tabs #question-popup .content-question {padding:30px 20px}

	.product-tabs h2 {padding:30px 20px 20px 20px}
	.product-tabs .tc-description {padding:20px}
	.product-tabs .tc-params .title {padding:0 20px 20px 20px}
	.product-tabs .tc-params .param-description {margin:0 20px 15px 20px}
	.product-tabs .tc-params .list {padding:0 20px 20px 20px}
	.product-tabs .tc-inclusion a {padding:0 20px 10px 20px}
	.product-tabs .tc-reviews .overview {margin:0 20px}
	.product-tabs .tc-reviews .list .post > div {margin:0 20px}
	.product-tabs .tc-questions .overview {margin:0 20px}
	.product-tabs .tc-questions .list .post > div {margin:0 20px}
}


@media only screen and (max-width:720px) {
	.category-header .left .texts .description .description-visible .description-hidden-mobile {display:none}
	.category-header .left .texts .description.active .description-visible .description-hidden-mobile {display:inline}
}

@media only screen and (max-width:680px) {
	.categories-list .box {width:50%}
	.categories-list .box a.top h2 {font-size:17px}
	.products-listing .ontop {order:1; text-align:center}
	.products-listing .bottom .pagination {width:100%; margin-bottom:25px; text-align:center}

	.product-tabs #question-popup .content-question > div {display:block}
	.product-tabs #question-popup .content-question > div > div:first-child {text-align:left}
}


@media only screen and (max-width:640px) {
	.product-info .thumb { flex:0 0 50%; margin-top:20px}
	.product-info .all { flex:0 0 50%}
	.product-tabs .tc-reviews .list .columns > div { flex:0 0 100%; margin-bottom:20px; max-width:none}
}

@media only screen and (max-width:600px) {
	.product-info .actions {padding:15px}
	.product-info .actions .right {padding:10px 0 10px 35px}
	.product-info .manufacturer {display:block; justify-content:initial; text-align:center}
	.product-info .manufacturer .right {display:none}
	.product-info .benefits-variants {border-bottom:1px #ccc dotted; padding-bottom:30px}

	.product-info-user-photos .title .text {width:100%}

}


@media only screen and (max-width:560px) {
	.product-info .actions .right {width:100%; padding:35px 0 0 0}

	.product-tabs .tc-params .list {grid-template-columns:1fr}
	.product-tabs .tc-params .list .properties {background-color:#fff}
	.product-tabs .tc-reviews .list .verified {margin-top:15px}
	.product-tabs .tc-questions .info {display:block; margin:0 0 15px 0}
}

@media only screen and (max-width:520px) {

	.product-tabs .products-listing .product {flex:0 0 100%}

	.product-info-user-photos .title {padding:10px}
}

@media only screen and (max-width:500px) {
	.category-header .left .icon {width:30px; height:30px; padding:2px 15px 0 0}
	.category-header .left .texts h1 {font-size:27px}
	.category-header .left .texts .description {padding:6px 0 0 0}

	.product-info .top {flex-wrap:wrap; padding:5px 0 25px 0}
	.product-info .top .options {width:100%; padding:30px 0 0 0}

}

@media only screen and (max-width:480px) {
	.categories-list-2 .box { flex:0 0 100%}
	.categories-list-2 a.image {display:block; margin:0 4px 4px 4px}
	.category-info .icon {display:none}
	.category-info .data {padding-left:0}
}

@media only screen and (max-width:460px) {
	.categories-list.sub-list .box {width:100%}
}


@media only screen and (max-width:380px) {
	.product-info .actions {background-color:initial; padding:0 0 20px 0; border-bottom:1px #ccc dotted}
	.product-info .actions .form-button input[type=button] {padding:20px 25px 20px 65px}
}

a.listing-product-item-min {display:flex; align-items:center; text-decoration:none}
a.listing-product-item-min .image {display:flex; justify-content:center; align-items:center; width:70px; min-width:70px; height:70px}
a.listing-product-item-min .image img {max-width:100%}
a.listing-product-item-min .name {padding:0 0 0 10px; font-size:14px; font-weight:700; color:#000; line-height:1.4}
a.listing-product-item-min:hover .name {text-decoration:underline}

@media only screen and (max-width:660px) {
	a.listing-product-item-min .name {font-size:13px}
}


.listing-tabs {position:relative}
.listing-tabs .loading {position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; display:flex; justify-content:center; align-items:center; background-color:#fff}
.listing-tabs .loading .preloader-circle {width:64px; height:64px; border:5px solid rgba(0 0 0 / 10%); border-top:5px solid var(--color-02-hex)}
.listing-tabs .titles {display:flex}
.listing-tabs .titles .tab-title {position:relative; padding:10px 40px; cursor:pointer}
.listing-tabs .titles .tab-title.selected {background-color:var(--color-01-hex); cursor:default}
.listing-tabs .titles .tab-title.selected::after {content:''; position:absolute; bottom:0; left:50%; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid var(--color-01-hex); margin:0 0 -9px -9px}
.listing-tabs .titles .tab-title h3 {font-size:17px; color:#999; font-weight:700}
.listing-tabs .titles .tab-title.selected h3 {color:#fff}
.listing-tabs .titles .tab-title:not(.selected):hover {background-color:rgba(0 0 0 / 5%)}
.listing-tabs .titles .tab-title:not(.selected):hover h3 {color:#333}
.listing-tabs .line {width:100%; height:1px; margin:25px 0 0 0; background-color:#f3f3f3}
.listing-tabs .contents {background-color:#fff}
.listing-tabs .contents .products-listing-tabs.swiper-container {position:relative; display:none; box-shadow:inset 1px 0 0 #f3f3f3, inset -1px 0 0 #f3f3f3}
.listing-tabs .contents .products-listing-tabs.swiper-container.selected {display:block}
.listing-tabs .contents .products-listing-tabs.swiper-container .swiper-wrapper {height:auto}
.listing-tabs.listing-tabs-white {background-color:#fff; padding:40px 0 0 0}
.listing-tabs.listing-tabs-cart {padding:30px 0 0 0; border-bottom:1px #f3f3f3 solid}
.listing-tabs.listing-tabs-product-info {border-bottom:1px #f3f3f3 solid}
.listing-tabs.listing-tabs-search-empty {padding:30px 0 0 0; border-bottom:1px #f3f3f3 solid}


.listing-product-item {position:relative; box-sizing:border-box; border-right:1px #f3f3f3 solid;width: 320px;}
.listing-product-item a.image {display:flex; justify-content:center; align-items:center; width:100%; height:260px; margin:0 0 10px 0}
.listing-product-item a.image img {width:auto; max-width:100%; height:auto; max-height:100%}
.listing-product-item .availability {padding:0 0 8px 0; color:#90bf11; font-size:14px; text-align:center}
.listing-product-item a.name {display:block; height:40px; margin:0 0 12px 0; padding:0 15px; box-sizing:border-box; text-align:center; text-decoration:none; color:#000; font-size:17px; font-weight:600; line-height:1.2; overflow:hidden}
.listing-product-item a.name:hover {text-decoration:underline}
.listing-product-item .free-delivery {height:18px; color:#4ba4dd; font-size:12px; font-weight:700; text-transform:uppercase; text-align:center}
.listing-product-item .prices {display:flex; justify-content:center; align-items:baseline; padding:5px 10px 15px 10px}
.listing-product-item .prices .old {padding:0 15px 0 0; color:#999; font-size:13px; text-decoration:line-through}
.listing-product-item .prices .real {color:var(--color-03-hex); font-size:19px; font-weight:700}
.listing-product-item .left {position:absolute; top:0; left:15px; z-index:1}
.listing-product-item .left .rank {margin:15px 0 0 0}
.listing-product-item .left .tv-reklama {margin:15px 0 0 0; background-image:url("/templates/b2c/images/preview-tv.png"); width:74px; height:58px}
.listing-product-item .left img.ma-icon {display:block; max-width:75px; margin:15px 0 0 0}
.listing-product-item .left .letak {margin:15px 0 0 0; background-image:url("/templates/b2c/images/top_bar_letak_icon.png"); width:42px; height:38px}
.listing-product-item .right {position:absolute; top:0; right:0; z-index:1; display:flex; flex-wrap:wrap; justify-content:flex-end; max-width:70px}
.listing-product-item .right .discount {display:block; margin:10px 0 0 0; padding:7px 10px; background-color:var(--color-01-hex); color:#fff; font-size:14px}
.listing-product-item .right .gift {margin:15px 12px 0 0; background:url("/templates/b2c/images/preview-gift.png"); width:28px; height:28px}
.listing-product-item:only-child {min-width:320px}


.delivery-popup .content-delivery {padding:20px}
.delivery-popup .green {background-color:#ddfcac; margin:-10px 0 20px 0; padding:15px}
.delivery-popup .green span {display:inline-block; background:#90bf11 url("/templates/b2c/images/check.png") center center no-repeat; width:22px; height:22px; border-radius:11px; vertical-align:middle; margin-right:20px}
.delivery-popup .row {display:flex; border-bottom:1px #bebebe dotted; padding:20px 0}
.delivery-popup .cell {flex:0 0 50%}
.delivery-popup .left {font-size:15px}
.delivery-popup .right {font-size:14px; color:#999}
.delivery-popup .right span {color:var(--color-03-hex); font-size:15px; font-family:Roboto, sans-serif; font-weight:700; display:inline-block; margin-right:10px}
.delivery-popup .bottom {color:#999; font-size:14px; margin-top:30px; line-height:22px}





.product-info .variants-title {
	font-weight: bolder;
	padding: 10px;
}


.product-info .variants {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-bottom: 20px;
}

.product-info .variants .variant .img {
	grid-area: image;
}

.product-info .variants .variant .img img {
	width: 90%;
	height: auto;
	text-align: center;
	padding: 0px;
}


.product-info .variants .variant .name {
	grid-area: name;
	padding: 10px;
	font-weight: bolder;
	text-transform: capitalize;

}

.product-info .variants .variant .avl {
	grid-area: avl;
	font-size: 0.8rem;
}

.product-info .variants .variant .price {
	grid-area: price;
	border: 1px solid purple;
}


.product-info .variants .variant {
	align-items: center;
	gap: 0px;
	border: 1px solid #d5d5d5;
	display: grid;
	grid-template:  "image name"
					"image avl";
	grid-template-columns: 100px 1fr;
	grid-template-rows: auto auto;
}


.product-info .variants .variant {
	opacity: 0.5;
	cursor: pointer;
}

.product-info .variants .variant-selected {
	background-color: #ffffff;
	border: 2px solid #c9c9c9;
	opacity: 1;
}

.product-info .variants .variant-selected .name {
	font-weight: bolder;
	font-size: 1.1rem;
}



/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/search.css?v=20250904 */
#header-search-area {

}


#search-dialog,
#header-search-dialog {
	display: grid;
	grid-template-columns: 1fr minmax(80px, 500px) 1fr
}

#search-dialog .dialog,
#header-search-dialog .dialog
{
	display: flex;
	align-items: center;
	gap: 0px;
}

#search-dialog .dialog input,
#header-search-dialog .dialog input
{
	border: 1px solid #c9c9c9;
	border-right: none;
	width: 100%;
	height: 40px;
	padding-left: 10px;
	background-color: #ffffff;
}


#search-dialog .dialog button,
#header-search-dialog .dialog button {
	padding: 3px;
	border: 1px solid #c9c9c9;
	border-left: none;
	background-color: #ffffff;
	width: 40px;
	height: 40px;
	margin: 0px;
}

#search_whisperer {
	position: absolute;
	width: 100%;
	left: calc( 50% - 700px );
	max-width: 1400px;
	margin-top: 10px;
	z-index: 99999;
	text-align: left;
	background: #ffffff;
	border: 1px solid #c9c9c9;
}

#search_whisperer_content {
	display: grid;
	grid-template-columns: 1fr 4fr;
}

#search_whisperer_content .title {
	font-size: 1.2rem;
	font-weight: bolder;
	margin: 5px;
	margin-bottom: 8px;
	margin-top: 8px;
}

#search_whisperer_content>div {
	padding: 1%;
}

#search_whisperer_content.categories {
	background-color: #0c00b3;
}

#search_whisperer_content h5 {
	font-weight: bolder;
	padding-top: 10px;
}

#search_whisperer_content .more_products {
	padding: 10px;
	text-align: right;
}

#search_whisperer_content .result-categories {
	background-color: #ffffff;
	border-right: 1px solid #c9c9c9;
	padding: 10px;
	margin-bottom: 25px;
}

.btn-search-more {
	background-color: #233675;
	color: #ffffff;
	font-weight: bolder;
	background-image: url("/templates/b2c/images/arrow-button-right.png");
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;

}

.btn-search-more .btn-content {
	color: #ffffff;
}

#search_whisperer_content .result-categories a {
	display: block;
	color: #2C4181;
	text-decoration: none;
	margin: 5px;
}

#search_whisperer_content .result-categories .item {
	justify-content: left;
	display: grid;grid-template-columns: auto 1fr;gap: 5px;
	align-items: center;
}

#search_whisperer_content .result-categories .item .arrow {
	color: #FABF3F;
}


#search_whisperer_content .result-products {

}


@media screen and ( width <= 1600px ) {
	#search_whisperer {
		width: 96%;
		left: 2%;
	}

	#search_whisperer_content {
		display: grid;
		grid-template-columns: 1fr;
	}

}

.product_listing_list_products.search_result {
	display: grid;
	gap: 10px;
	justify-content: left;
	grid-template-columns: repeat(auto-fill, 350px);
}




/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/top-menu.css?v=20250904 */
#top-menu-bg {
	z-index: 9998;
}

#top-menu-cover {
	position: absolute;
	background-color: #ffffff;
	z-index: 10000;
}

.top-menu {
}


.top-menu {
	position: relative;
	background-color: var(--color-01-hex);
	background-image: linear-gradient(transparent, rgba(0 0 0 / 15%));
	z-index: 9999;
	padding: 0;
	margin: 0;
}


.top-menu .level-1,
.top-menu .level-2
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


.top-menu-item {
	height: 50px;
}

.top-menu-item a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	border-right: 1px solid #707070;
	padding-left: 20px;
	padding-right: 20px;
}

.top-menu-item.active {
	background-color: #ffffff;
}

.top-menu-item.active a {
	color: #000000;
	border: none;
}

.top-menu-item.active.level-1 {
}


.categories {
	position: absolute;
	left: calc(50% - 770px);
	top: 230px;
	right: 0;
	max-width: 1540px;
	background-color: #fff;
	padding: 50px 0;
	z-index: 10000;
	display: grid;
	grid-template-columns: 1fr;
	border: 1px solid #ffffff;
}


.categories .title {
	font-size: 19px;
	font-weight: 700;
	margin: 0 50px;
}

.categories .items {
	margin: 10px 50px 0 50px;
	align-items: center;
	justify-content: left;
	display: grid;
	grid-template-columns: repeat(auto-fill, 20%);
}

.categories .items .item {
	padding: 20px;
}

.categories .items .item a {
	align-items: center;
	color: #666666;
	text-decoration: none
}

.categories .items .item a span {
	display: inline-block;
	margin: 0 18px 0 0;
	width: 4px;
	height: 4px;
	background-color: var(--color-02-hex)
}

.categories .items .item a:hover {
	color: var(--color-02-hex);
	text-decoration: underline
}



@media only screen and (max-width: 1080px) {
	.top-menu {
		display: none
	}
}

@media only screen and (max-width: 980px) {
	.top-menu {
		display: none
	}
}

#responsive_menu_background {position:fixed; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.6); z-index:1}

.responsive-menu {display:flex; flex-wrap:wrap; position:absolute; right:0; left:0; background-color:#474747; border-top:1px #2a2a2a solid; z-index:9999}
.responsive-menu a {flex:0 0 calc(100%/3); text-decoration:none; padding:18px 0; text-align:center; box-shadow:inset -1px -1px 0 #2a2a2a}
.responsive-menu a {background-color:#3a3a3a; color:#eee}


@media only screen and (max-width:1600px) {
	.top-menu .categories {left:30px; right:30px}
}

@media only screen and (max-width:1280px) {
	.top-menu .categories .bottom a.item {width:25%}
}

@media only screen and (max-width:790px) {
	.responsive-menu a {flex:0 0 50%}
}

@media only screen and (max-width:480px) {
	.responsive-menu a {flex:0 0 100%}
}

@media only screen and (min-width:1081px) {
	.responsive-menu {display:none !important}
	#responsive_menu_background {display:none}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/hp-banners.css?v=20250904 */
.hp-banners {position:relative}
.hp-banners a.swiper-slide {color:#000}
.hp-banners a.swiper-slide img {max-width:100%; height:auto}
.hp-banners a.swiper-slide video {max-width:100%; height:auto}
.hp-banners .swiper-lazy-preloader.default {margin-top:40px}
.hp-banners .swiper-pagination {position:initial; display:flex; flex-wrap:wrap; justify-content:center; width:100%; padding:13px 0}
.hp-banners .swiper-pagination .swiper-pagination-bullet {width:44px; height:auto; margin:7px 6px !important; padding:8px 0; background-color:#fff; text-align:center; border:1px rgba(0,0,0,.1) solid; border-radius:0; color:#000; font-size:15px; opacity:1; outline:none}
.hp-banners .swiper-pagination .swiper-pagination-bullet-active {background-color:var(--color-02-hex); color:#fff; border:1px var(--color-02-hex) solid}
.hp-banners .swiper-pagination .swiper-pagination-bullet span {}
.hp-banners .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {background-color:#eee}
.hp-banners .swiper-pagination a.all {display:flex; align-items:center; order:999; height:auto; margin:7px 6px; padding:8px 30px; background-color:#fff; text-align:center; border:1px rgba(0,0,0,.1) solid; color:#000; font-size:15px; text-decoration:none}
.hp-banners .swiper-pagination a.all:hover {background-color:#eee}
.hp-banners .swiper-pagination a.all::after {content:''; width:7px; height:7px; margin:0 0 0 8px; border-top:1px #000 solid; border-right:1px #000 solid; transform:rotate(45deg)}

.hp-banners-mobile {position:relative; display:none}
.hp-banners-mobile a.swiper-slide {color:#000}
.hp-banners-mobile a.swiper-slide img {max-width:100%; height:auto}
.hp-banners-mobile a.swiper-slide video {max-width:100%; height:auto}
.hp-banners-mobile .swiper-lazy-preloader.default {margin-top:40px}
.hp-banners-mobile .swiper-pagination {position:initial; display:flex; flex-wrap:wrap; justify-content:center; width:100%; padding:18px 0}
.hp-banners-mobile .swiper-pagination .swiper-pagination-bullet {width:44px; height:auto; margin:7px 6px !important; padding:8px 0; background-color:#fff; text-align:center; border:1px rgba(0,0,0,.1) solid; border-radius:0; color:#000; font-size:15px; opacity:1; outline:none}
.hp-banners-mobile .swiper-pagination .swiper-pagination-bullet-active {background-color:var(--color-02-hex); color:#fff; border:1px var(--color-02-hex) solid}
.hp-banners-mobile .swiper-pagination .swiper-pagination-bullet span {}
.hp-banners-mobile .swiper-pagination a.all {display:flex; align-items:center; order:999; height:auto; margin:7px 6px; padding:8px 30px; background-color:#fff; text-align:center; border:1px rgba(0,0,0,.1) solid; color:#000; font-size:15px; text-decoration:none}
.hp-banners-mobile .swiper-pagination a.all::after {content:''; width:7px; height:7px; margin:0 0 0 8px; border-top:1px #000 solid; border-right:1px #000 solid; transform:rotate(45deg)}

@media only screen and (max-width:940px) {
	.hp-banners {display:none}
	.hp-banners-mobile {display:block}
}


@media only screen and (max-width:580px) {
	.hp-banners-mobile .swiper-pagination {
		padding: 13px 0
	}

	.hp-banners-mobile .swiper-pagination .swiper-pagination-bullet {
		width: 18px;
		height: 18px;
		margin: 7px 8px !important;
		padding: 0;
		background-color: rgba(0, 0, 0, .1);
		border-radius: 100%;
		border: 0
	}

	.hp-banners-mobile .swiper-pagination .swiper-pagination-bullet-active {
		background-color: var(--color-02-hex)
	}

	.hp-banners-mobile .swiper-pagination .swiper-pagination-bullet span {
		display: none
	}

	.hp-banners-mobile .swiper-pagination a.all {
		margin: 7px 20px;
		padding: 0;
		background-color: transparent;
		border: 0 none;
		color: #666
	}

	.hp-banners-mobile .swiper-pagination a.all::after {
		border-top: 1px #666 solid;
		border-right: 1px #666 solid
	}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/header.css?v=20250904 */
.top-bar {background-color:#fff; border-bottom:1px rgba(0 0 0 / 15%) dashed; font-size:13px; color:#999}

.top-bar .wrap {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1600px; margin:0 auto; padding:0 25px; box-sizing:border-box}

.top-bar .wrap a.logo-mobile {display:none; justify-content:center; align-items:center; width:100%; padding:10px 15px; border-bottom:1px rgba(0 0 0 / 15%) dashed}
.top-bar .wrap a.logo-mobile img {max-width:100%; height:auto}

.top-bar .wrap .contact {display:flex; flex-wrap:wrap}
.top-bar .wrap .contact .phone {display:flex; align-items:center; padding:0 25px; color:#000; white-space:nowrap}
.top-bar .wrap .contact .phone img {margin:0 10px 0 0}
.top-bar .wrap .contact .email {display:flex; align-items:center; padding:0 25px; color:var(--color-01-hex); font-weight:700}
.top-bar .wrap .contact .email img {margin:0 10px 0 0}

.top-bar .wrap .menu {flex-grow:1; display:flex; justify-content:flex-end}
.top-bar .wrap .menu a.item {display:flex; justify-content:center; align-items:center; margin:0 25px; padding:20px 0; color:#999; white-space:nowrap}
.top-bar .wrap .menu a.item img.icon {display:none}
.top-bar .wrap .menu a.item .text {}
.top-bar .wrap .menu a.item:first-child {margin-left:0}
.top-bar .wrap .menu a.item:hover {color:#000}




#header {background-color:#fff}
#header .wrap {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; max-width:1600px; margin:0 auto; padding:0 25px; box-sizing:border-box}
#header .wrap .menu-mobile {align-self:stretch; display:none; justify-content:center; align-items:center; background-color:var(--color-01-hex); color:#fff; padding:0 60px; box-sizing:border-box; cursor:pointer}
#header .wrap .menu-mobile span {display:inline-block; vertical-align:middle; margin:-3px 12px 0 0; width:16px; height:16px; background-image:url("/templates/b2c/images/menu.png")}
#header .wrap a.logo-master {display:flex; justify-content:center; align-items:center; max-width:25%; padding:15px 0 15px 25px}
#header .wrap a.logo-master img {max-width:100%; height:auto}
#header .wrap .search {flex-grow:1; padding:0 0 0 5%}
#header .wrap .search form {position:relative; display:flex; height:100%}
#header .wrap .search form input {border:none;flex-grow:1; background-color:#f1f1f1; padding:18px 20px; box-sizing:border-box; font-size:14px}
#header .wrap .search form button {border:none;background-color:#474747; background-image:url("/templates/b2c/images/search.png"); background-position:center center; background-repeat:no-repeat; width:52px}
#header .wrap .search form .preloader-circle {position:absolute; top:9px; right:62px; width:29px; height:29px; border:3px solid rgba(0,0,0,0.1); border-top:3px solid var(--color-01-hex); display:none}




#header.header-checkout {}
#header.header-checkout::after {content:''; display:block; width:100%; height:1px; background-color:rgba(0 0 0 / 10%)}
#header.header-checkout .wrap .search {padding:0 25px 0 5%}

@media only screen and (max-width:640px) {
	.top-bar .wrap .menu {
		padding: 0 3%
	}

	.top-bar .wrap .account-mobile {
		padding: 0 3%
	}

	.top-bar .wrap .account-mobile a {
		padding: 0 20px
	}

	.top-bar .wrap .account-mobile::before {
		display: none
	}

	#header .wrap .search {
		order: -1;
		width: 100%
	}

	#header .wrap .menu-mobile {
		width: 50%;
		padding: 18px 0
	}

	#header .wrap .top-cart {
		width: 50%
	}
}

@media only screen and (max-width:1600px) {
	.top-bar .wrap {
		padding: 0 15px
	}

	#header .wrap {
		padding: 0 15px
	}
}

@media only screen and (max-width:1400px) {
	/*.top-bar .wrap .left {padding:0}*/

	.top-bar .wrap .contact {flex-basis:0}
}


@media only screen and (max-width:1280px) {
	.top-bar .wrap {padding:0}
	.top-bar .wrap .menu a.item {margin:0 20px}

	#header .wrap {padding:0}
	#header .wrap .top-cart {flex-grow:1}
}

@media only screen and (max-width:1080px) {
	.top-bar {border-bottom:none}
	.top-bar .wrap {height:auto}
	.top-bar .wrap a.logo-mobile {display:flex}
	.top-bar .wrap .menu {justify-content:space-between; padding:0 5%}
	.top-bar .wrap .menu a.item {margin:0; padding:20px 5%}
	.top-bar .wrap .menu a.item img.icon {display:block}
	.top-bar .wrap .menu a.item .text {display:none}
	.top-bar .wrap .header-acount {display:none}
	.top-bar .wrap .account-mobile {display:flex}

	#header .wrap .menu-mobile {display:flex}
	#header .wrap a.logo-master {display:none}
	#header .wrap .search {align-self:stretch; padding:0}
	#header .wrap .search form input[type=text] {border-top:1px rgba(0 0 0 / 10%) solid}
	#header .wrap .top-cart {min-width:140px; width:140px; background-color:var(--color-02-hex)}
	#header .wrap .top-cart a.top-cart-content {display:none}
	#header .wrap .top-cart a.top-cart-content-mobile {display:flex}
	#header .wrap .top-cart::before {top:calc(50% - 11px); left:calc(50% - 11px); width:19px; height:19px; border:3px solid rgba(0,0,0,0.1); border-top:3px solid #fff}
	#header.header-checkout::after {display:none}
	#header.header-checkout .wrap .search {padding:0}
	#header.header-checkout .wrap .search form input[type=text] {border-bottom:1px rgba(0 0 0 / 10%) solid}
}

@media only screen and (max-width:900px) {
	.top-bar .wrap .contact {display:none}
}

@media only screen and (max-width:520px) {
	.top-bar .wrap .menu {
		padding: 0 5px
	}

	.top-bar .wrap .menu a.item {
		padding: 15px 4%
	}

	.top-bar .wrap .menu a.item.novinky {
		display: none
	}

	.top-bar .wrap .account-mobile {
		padding: 0 5px
	}

	.top-bar .wrap .account-mobile a {
		padding: 0 15px
	}
}


/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/login.css?v=20250904 */
.header-acount {position:relative; display:flex; align-items:center; padding:0 25px 0 30px; background-color:#fff; white-space:nowrap;}
.header-acount .account-icon {background-image:url("/templates/b2c/images/account.png"); width:15px; height:15px; margin:0 15px 0 0}
.header-acount a {color:#999}
.header-acount a:hover {color:#000}
.header-acount .separator {padding:0 12px}
.header-acount .account-popup {position:absolute; top:100%; right:0; background-color:#fff; width:720px; white-space:initial;}
.header-acount .account-popup .signup {display:flex; flex-direction:column; width:50%; padding:40px 30px 30px 50px}
.header-acount .account-popup .signup .title {display:flex; align-items:center; height:70px; padding:0 0 20px 0; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; color:#231f20; border-bottom:1px #ccc dotted; box-sizing:border-box}
.header-acount .account-popup .signup .title img {margin:0 16px 0 0}
.header-acount .account-popup .signup .box {flex-grow:1; padding:30px 0 20px 0; font-size:15px; color:#666}
.header-acount .account-popup .signup .box div {display:flex; align-items:center; line-height:1.4; padding:4px 0}
.header-acount .account-popup .signup .box div::before {content:''; width:4px; height:4px; margin:0 10px 0 0; background-color:#666; border-radius:100%}
.header-acount .account-popup .signup .button {display:block; padding:18px 0; background-color:var(--color-02-hex); color:#fff; font-size:16px; text-decoration:none; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; text-align:center}
.header-acount .account-popup .signin {width:50%; padding:40px 50px 30px 30px}
.header-acount .account-popup .signin .title {display:flex; align-items:center; height:70px; padding:0 0 20px 0; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; color:#231f20; border-bottom:1px #ccc dotted; box-sizing:border-box}
.header-acount .account-popup .signin .title img {margin:0 16px 0 0}
.header-acount .account-popup .signin .box {padding:20px 0 0 0; font-size:15px; color:#666}
.header-acount .account-popup .signin .box label span {color:var(--color-03-hex); font-size:20px}
.header-acount .account-popup .signin .box input[type=email] {width:100%; border:1px #d7d7d7 solid; margin:9px 0 28px 0; padding:14px 18px; box-sizing:border-box}
.header-acount .account-popup .signin .box input[type=password] {width:100%; border:1px #d7d7d7 solid; margin:9px 0 28px 0; padding:14px 18px; box-sizing:border-box}
.header-acount .account-popup .signin .box a.forgotten {display:block; margin:-10px 0 20px 0; font-size:13px}
.header-acount .account-popup .signin .box button[type=submit] {width:100%; padding:18px 0; background-color:var(--color-02-hex); color:#fff; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; text-align:center}

.account-mobile {position:relative; display:none; justify-content:space-between; padding:0 5%}
.account-mobile a {display:flex; justify-content:center; align-items:center; padding:0 25px}
.account-mobile a img {}
.account-mobile::before {content:''; position:absolute; top:15px; bottom:15px; left:0; border-right:1px rgba(0 0 0 / 12%) solid}

#ajax_login_error_message {
	font-weight: bolder;
	color: red;
	padding: 10px;
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/footer.css?v=20250904 */
.footer {background-color:#fff}
.footer .benefits {display:flex; justify-content:space-between; max-width:1280px; margin:0 auto; padding:30px 0 60px 0}
.footer .benefits a {text-decoration:none}
.footer .benefits a .icon {display:flex; justify-content:center; align-items:center; height:120px}
.footer .benefits a .icon img {max-width:100%}
.footer .benefits a .text {display:block; padding:0 15px; text-align:center; color:#231f20; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; line-height:1.4}
.footer .benefits a:hover .text {text-decoration:underline}

.footer .bottom {background-color:#232323}
.footer .bottom .navigation {display:flex; flex-wrap:wrap; max-width:1280px; margin:0 auto}
.footer .bottom .navigation .links {flex:1 0 0; padding:50px 10% 25px 0}
.footer .bottom .navigation .links .title {color:#fff; font-size:16px; font-family:Roboto, sans-serif; font-weight:700}
.footer .bottom .navigation .links .title::after {content:''; display:block; width:21px; height:2px; background-color:var(--color-02-hex); margin:30px 0}
.footer .bottom .navigation .links .item {padding:0 10px 18px 0}
.footer .bottom .navigation .links .item a {display:inline-block; color:#a7a7a7; font-size:14px; text-decoration:none; line-height:1.3}
.footer .bottom .navigation .links .item a:hover {text-decoration:underline}

.footer .bottom .alternative {display:flex; flex-wrap:wrap; justify-content:center; max-width:1280px; margin:0 auto; padding:20px 0 50px 0; border-top:1px #484848 dotted; color:#a7a7a7; font-size:14px; text-align:center; line-height:1.8}
.footer .bottom .alternative div {display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.footer .bottom .alternative div img {margin:10px}
.footer .bottom .alternative a {color:var(--color-02-hex)}
.footer .bottom .alternative a:hover {text-decoration:none}


@media only screen and (max-width:1600px) {
	.footer .benefits {max-width:initial; padding:10px 25px 40px 25px}
	.footer .bottom .navigation {max-width:initial; padding:0 40px}
	.footer .bottom .alternative {max-width:initial}
}

@media only screen and (max-width:1220px) {

	.footer .bottom .navigation {justify-content:space-between}
	.footer .bottom .navigation .links {padding:50px 6% 20px 0}
}

@media only screen and (max-width:1080px) {

	.footer .benefits a .icon {height:100px}
	.footer .benefits a .text {font-size:14px}
}

@media only screen and (max-width:980px) {
	.footer .benefits {padding:0 10px 25px 10px}
	.footer .bottom .navigation {padding:0 30px}
}

@media only screen and (max-width:920px) {
	.footer .bottom .navigation {padding:0 20px}
	.footer .bottom .navigation .links {padding:35px 4% 30px 0}
}

@media only screen and (max-width:740px) {
	.footer .benefits {flex-wrap:wrap}
	.footer .benefits a {width:calc(100% / 3)}
}

@media only screen and (max-width:560px) {
	.footer .bottom .navigation .links {flex:1 0 auto; width:100%; padding:35px 0 0 0; text-align:center}
	.footer .bottom .navigation .links .item {padding:0 0 15px 0}
	.footer .bottom .navigation .links .title::after {margin:20px auto}
	.footer .bottom .alternative {padding:0 15px 60px 15px; border-top:0 none}
}

@media only screen and (max-width:440px) {
	.footer .benefits {padding:0 0 20px 0}
	.footer .benefits a {width:50%}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/homepage.css?v=20250904 */
.homepage-title {background-color:#f6f6f6}
.homepage-title h1 {font-size:14px; color:#999; padding-top:40px}

.top-categories-list {position:relative; background-color:#fff; margin:40px auto 70px auto;  display:flex; flex-flow:wrap}
.top-categories-list .box { flex:0 0 25%; box-shadow:inset -1px -1px 0 #f6f6f6}
.top-categories-list a.top {display:table; padding:35px 40px 0 40px; color:#231f20; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none}
.top-categories-list .icon {display:table-cell; width:50px; height:50px}
.top-categories-list .icon img {width:auto; height:auto; max-width:50px; max-height:50px}
.top-categories-list h2 {display:table-cell; padding-left:15px; vertical-align:middle; font-size:18px; font-family:Roboto, sans-serif; font-weight:700}
.top-categories-list .bottom {display:flex; flex-wrap:wrap; padding:30px 40px 40px 40px}
.top-categories-list a.sub-title {color:#999; font-size:14px; padding:5px 9px 5px 0; box-sizing:border-box}
.top-categories-list a.sub-title.hidden {display:none}
.top-categories-list a.sub-title:hover {color:#000; text-decoration:none}
.top-categories-list a.sub-title-all {padding:5px 0 5px 0; color:var(--color-01-hex); font-size:14px}
.top-categories-list a.sub-title-all:hover {text-decoration:none}
.top-categories-list a.sub-title-all span {display:inline-block; background:url("/templates/b2c/images/arrow-blue.png"); width:6px; height:9px; margin-left:5px}
.top-categories-list .box.banner {text-align:center}
.top-categories-list .box.banner a {display:block}
.top-categories-list .box.banner img {width:calc(100% - 2px); height:auto; max-width:478px; margin-bottom:1px}

.top-categories-list .side-icons {position:absolute; top:50px; right:-110px}
.top-categories-list .side-icons span {display:block; margin-bottom:60px}

.manufacturers {display:flex; background-color:#fff; border-bottom:1px #ccc dotted; text-align:center; padding-bottom:40px; box-shadow:0 40px 0 #fff}
.manufacturers a.logo {flex-grow:1; height:150px; background-repeat:no-repeat; background-position:center center; background-size:60%; transition:all 100ms ease}
.manufacturers a.logo:hover {filter:brightness(1.1)}
.manufacturers-more {margin-top:-30px; text-align:center}
.manufacturers-more a {display:inline-block; background-color:#fff; text-decoration:none}


@media only screen and (max-width:1600px) {
	.homepage-title h1 {padding:15px 40px 0 40px}
	.top-categories-list {margin:15px auto 0 auto; box-shadow:inset 0 -1px 0 #f6f6f6}
	.top-categories-list .side-icons {display:none}
}

@media only screen and (max-width:1080px) {
	.top-categories-list .box { flex:0 0 calc(100% / 3)}
	.top-categories-list .bottom {}
	.top-categories-list a.sub-title {font-size:15px}
}

@media only screen and (max-width:820px) {
	.top-categories-list .box {flex: 0 0 50%}
}

@media only screen and (max-width:600px) {
	.top-categories-list a.top {padding:15px 25px 15px 25px}
	.top-categories-list .bottom {padding:0 25px 25px 25px}
	.top-categories-list a.sub-title {padding:8px 12px 8px 0}
	.top-categories-list a.sub-title-all {padding:8px 0 8px 0}
}


@media only screen and (max-width:980px) {
	.homepage-title h1 { padding: 15px 20px 0 20px }
}

@media only screen and (max-width:520px) {

	.top-categories-list .box { flex:0 0 100%}
	.top-categories-list a.top {padding:15px 15px 20px 15px}
	.top-categories-list .bottom {padding:0 15px 10px 15px}
	.top-categories-list a.sub-title {width:calc(100% / 3); padding:8px 30px 8px 0}
}

@media only screen and (max-width:420px) {
	.top-categories-list a.sub-title {width:50%}
}

@media only screen and (max-width:1080px) {
	.manufacturers a.logo {height:120px}
	.manufacturers a.logo:nth-child(6), .manufacturers a.logo:nth-child(7) {display:none}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/product-reviews.css?v=20250904 */
.product-rank {
	display: flex;
	align-items: center;
	margin: 20px 0 0 0;
	color: #999
}

.product-rank .stars {
	flex: 0 0 111px;
	background-image: url("/templates/b2c/images/star-rating-18.png");
	background-repeat: no-repeat;
	height: 18px;
	margin-right: 17px
}

.product-rank .value {
	font-size: 20px;
	margin-right: 35px
}

.product-rank .count {
	font-size: 15px;
	cursor: pointer
}

.product-rank .count span {
	text-decoration: underline
}

.product-rank .count span:hover {
	color: #000
}


.product-review {
	padding: 10px;
	border: 1px solid #c9c9c9;
	margin: 10px;
	border-radius: 5px;
}

.product-review>.header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}

.product-review>.header>div:nth-child(2) {
	text-align: right;
}

.product-review>.summary {
	padding: 10px;
}

.product-review>.pros-cons {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media screen and ( width <= 1000px ) {
	.product-review>.pros-cons {
		grid-template-columns: 1fr;
	}
}

.product-review>.pros-cons>div {
	padding: 30px;
}

.product-review>.pros-cons>div>div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.product-review-product {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}

.product-write-review-img {
	grid-area: img;
}

.product-write-review-name {
	grid-area: name;
}

.product-write-review-button {
	grid-area: button;
}

#product-write-review-thank-you {
	background-color: #E6F5C8;
	border: 1px solid #CAD7B0;
	padding: 20px;
	margin-bottom: 30px;
}

#product-write-review-thank-you h3 {
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 10px;
}

.product-write-review {
	display: grid;
	grid-template: "img name button";
	grid-template-columns: 100px 1fr 300px;
	gap: 30px;
	align-items: center;
	margin: 20px;
	padding: 20px;
}

@media screen and (width <= 1200px ) {
	.product-write-review {
		grid-template:
				"img name"
				"img button";
		grid-template-columns: 100px 1fr;
	}
}



.product-write-review img {
	max-width: 100px;
	height: auto;
}

#product-write-review-page {
	padding-left: 20%;
	padding-right: 20%;
}



@media screen and (width <= 1200px ) {
	#product-write-review-page {
		padding-left: 5%;
		padding-right: 5%;
	}
}


@media screen and (width <= 1000px ) {
	#product-write-review-page {
		padding-left: 0;
		padding-right: 0;
	}
}




.tc-reviews {padding:30px 0 40px 0}
.tc-reviews .overview {display:flex; align-items:stretch; flex-flow:wrap; margin:0 40px}
.tc-reviews .overview > div {background-color:#f6f6f6; padding:20px 25px; border-bottom:2px #fff solid; border-right:2px #fff solid}
.tc-reviews .overview .column-1 {flex:1 0 auto; text-align:center}
.tc-reviews .overview .column-1 .text {margin:0 20px 10px 20px; font-size:17px; font-family:Roboto, sans-serif; font-weight:700}
.tc-reviews .overview .column-1 .stars {display:inline-block; background-image:url("/templates/b2c/images/star-rating-22.png"); background-repeat:no-repeat; width:135px; height:22px}
.tc-reviews .overview .column-2 {flex:1 0 auto; text-align:center}
.tc-reviews .overview .column-2 div {font-size:13px; line-height:22px; color:#999}
.tc-reviews .overview .column-2 span {display:inline-block; margin-right:5px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700; color:#000}
.tc-reviews .overview .column-3 {flex:1 1 auto; text-align:center}
.tc-reviews .overview .column-3 .info {display:block; margin-bottom:15px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
.tc-reviews .overview .column-3 a.new {display:inline-block; background-color:var(--color-02-hex); background-image:url("/templates/b2c/images/new-message-icon.png"); background-position:25px center; background-repeat:no-repeat; padding:10px 34px 10px 52px; color:#fff; text-decoration:none}
.tc-reviews .list {}
.tc-reviews .list .post {border-bottom:1px #dfdfdf dotted; padding:10px 0}
.tc-reviews .list .post:last-child {border-bottom:0 none; padding:10px 0 0 0}
.tc-reviews .list .post > div {margin:0 40px}
.tc-reviews .list .top {margin:28px 0 20px 0}
.tc-reviews .list .top > div {display:inline-block}
.tc-reviews .list .author {background:url("/templates/b2c/images/customer-icon.png") 0 center no-repeat; min-height:18px; margin-right:6px; padding:0 0 0 24px; font-size:17px; font-family:Roboto, sans-serif; font-weight:700}
.tc-reviews .list .date {font-size:13px; color:#999; margin-right:25px}
.tc-reviews .list .stars {background-image:url("/templates/b2c/images/star-rating-15.png"); background-repeat:no-repeat; width:96px; height:15px; margin-right:25px}
.tc-reviews .list .verified {background-color:#3fb500; padding:5px 12px; border-radius:3px; font-size:13px; color:#fff}
.tc-reviews .list .columns { display:flex; flex-flow:wrap}
.tc-reviews .list .columns > div { flex:0 0 auto; margin-bottom:10px; max-width:40%}
.tc-reviews .list .positive {margin-right:90px}
.tc-reviews .list .negative {}
.tc-reviews .list .columns .row {position:relative; padding:0 0 13px 22px; font-size:13px; color:#666; line-height:19px}
.tc-reviews .list .columns .row::before {position:absolute; top:1px; left:0; display:block; width:15px; height:15px}
.tc-reviews .list .columns .positive .row::before {content:""; background-image:url("/templates/b2c/images/reviews-plus.png")}
.tc-reviews .list .columns .negative .row::before {content:""; background-image:url("/templates/b2c/images/reviews-minus.png")}
.tc-reviews .list .images {margin-bottom:20px}
.tc-reviews .list .images a {text-decoration:none; margin:0; padding:0}
.tc-reviews .list .images img {height:135px; margin:0 4px 4px 0}
.tc-reviews .list .summary {margin-bottom:20px; font-size:16px; color:#333; line-height:24px}
.tc-reviews .list .answer {margin-bottom:20px; padding-left:45px; font-size:14px; color:#666; line-height:24px}
.tc-reviews .list .answer .intro {display:inline-block; background:url("/templates/b2c/images/answer_icon.png") 0 center no-repeat; min-height:20px; margin-left:-45px; padding:0 8px 0 45px; color:var(--color-01-hex); font-family:Roboto, sans-serif; font-weight:700}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/shopping-cart.css?v=20250904 */
.top-cart {position:relative; align-self:stretch; display:flex; justify-content:flex-end; min-width:25%}
.top-cart a.top-cart-content {position:relative; display:flex; justify-content:center; align-items:center; padding:0 15%; background-color:#fff; font-size:17px; color:#231f20; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none}
.top-cart a.top-cart-content.active {background-color:#f3f3f3}
.top-cart a.top-cart-content .left {position:relative; align-self:stretch; display:flex; justify-content:center; align-items:center}
.top-cart a.top-cart-content .left img {}
.top-cart a.top-cart-content .left .count {position:absolute; top:28px; left:-10px; width:32px; height:32px; background-color:var(--color-02-hex); border-radius:100%; font-size:15px; color:#fff; text-align:center; line-height:2.2}
.top-cart a.top-cart-content .right {display:flex}
.top-cart a.top-cart-content .right .text {padding:0 4px 3px 10px; white-space:nowrap}
.top-cart a.top-cart-content .right .total {color:var(--color-01-hex); white-space:nowrap}
.top-cart a.top-cart-content .products {position:absolute; top:100%; right:0; width:100%; background-color:#fff; z-index: 99999}
.top-cart a.top-cart-content .products .row {display:flex; align-items:center; width:100%; height:90px; border-bottom:1px #eee solid}
.top-cart a.top-cart-content .products .row .image {display:flex; justify-content:center; align-items:center; min-width:100px; width:100px}
.top-cart a.top-cart-content .products .row .text {flex-grow:1; width:calc(100% - 100px); padding:0 20px 0 0; box-sizing:border-box; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; text-align:left}
.top-cart a.top-cart-content .products .row .text .title {display:block; padding:0 0 5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.top-cart a.top-cart-content .products .row .text .price {color:var(--color-02-hex)}
.top-cart a.top-cart-content .products .row:hover .text .title {text-decoration:underline}
.top-cart a.top-cart-content .products .button {display:flex; justify-content:center; align-items:center; gap:10px; margin:20px; padding:18px; background-color:var(--color-02-hex); color:#fff; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase}
.top-cart a.top-cart-content .products .empty {display:block; padding:25px 0; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-align:center}
.top-cart a.top-cart-content-mobile {position:relative; align-self:stretch; display:none; justify-content:center; align-items:center; width:100%; background-color:var(--color-02-hex)}
.top-cart a.top-cart-content-mobile .count {position:absolute; top:10px; left:calc(50% - 28px); width:24px; height:24px; background-color:#fff; border-radius:100%; font-size:14px; text-align:center; line-height:1.8}


.cart-steps {background-color:#eaeaea}
.cart-steps .content {margin:0 auto; white-space:nowrap; display:table; width:1280px}
.cart-steps .left {display:table-cell; width:100%; vertical-align:top}
.cart-steps .right {display:table-cell; width:100%; vertical-align:top}
.cart-steps .steps { display:flex}
.cart-steps a.step:nth-child(1) {flex:1 0 30%; justify-content:flex-end}
.cart-steps a.step:nth-child(2) {flex:1 0 40%; justify-content:space-between}
.cart-steps a.step:nth-child(3) {flex:1 0 30%; justify-content:flex-start}
.cart-steps a.step { display:flex; align-items:center; color:#999; font-size:18px; text-transform:uppercase; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none}
.cart-steps a.step:nth-child(1) .title {white-space:nowrap}
.cart-steps a.step.light {background-color:#f6f6f6; color:#999}
.cart-steps .number {flex:0 0 50px; height:50px; line-height:50px; text-align:center; border:1px #ccc dashed; border-radius:50%;margin: 10px;}
.cart-steps .number.active {background-color:var(--color-02-hex); color:#fff; border:1px var(--color-02-hex) solid}
.cart-steps .number.completed {border:1px #bbb dashed}
.cart-steps .title {flex:0 1 50%; white-space:normal; padding:0 20px}
.cart-steps .title.active {color:#231f20}
.cart-steps .arrows {flex:0 0 36px; position:relative; height:130px}
.cart-steps .arrow {position:absolute; top:0; left:0; width:0; height:0; border-left:35px solid #eaeaea; border-bottom:65px solid transparent; border-top:65px solid transparent; z-index:1}
.cart-steps .border {position:absolute; top:0; left:1px; width:0; height:0; border-left:35px solid #ddd; border-bottom:65px solid transparent; border-top:65px solid transparent; z-index:0}
.cart-steps .border.lightbg {background-color:#f6f6f6}
.cart-steps .light .arrow {border-left:35px solid #f6f6f6}
.cart-steps .break {flex:0 1 45px; height:130px}
.cart-steps .break.light {background-color:#f6f6f6}
.cart-steps .break.dark {background-color:#eaeaea}
.cart-steps .fake-break {display:none}
.cart-steps .help {display:block; background-color:var(--color-04-hex); color:#231f20; width:100%; height:130px; font-size:14px}
.cart-steps .question {position:relative; display:inline-block; vertical-align:middle; width:51px; height:51px; line-height:51px; margin-left:30px; text-align:center; border-radius:50%; background-color:#b3d38e; color:var(--color-04-hex); font-size:24px; font-family:Roboto, sans-serif; font-weight:700}
.cart-steps .question > span {position:absolute; top:-3px; left:-5px; display:block; background-color:#90bf11; width:23px; height:23px; border-radius:50%}
.cart-steps .question > span > span {position:absolute; top:5px; left:5px; display:block; width:12px; height:12px; background-image:url("/templates/b2c/images/phone-small.png")}
.cart-steps .contact {display:inline-block; vertical-align:middle; height:inherit}
.cart-steps .contact > span {display:table-cell; height:inherit; padding:0 30px 0 20px; vertical-align:middle; line-height:25px}
.cart-steps .contact > span > span {color:#7c8d72}


.shopping-cart {color:#231f20}
.shopping-cart .caption {color:#231f20; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; height:60px; line-height:60px; margin-top:30px}

.shopping-cart .top {display:flex; justify-content:space-between; width:100%; padding:35px 0; font-weight:700}
.shopping-cart .top .c1 {flex-grow:1}
.shopping-cart .top .c3 {width:250px}
.shopping-cart .top .c4 {width:80px}
.shopping-cart .top .c5 {width:90px; text-align:right}
.shopping-cart .top .c6 {width:120px; padding:0 49px 0 0; text-align:right}

.shopping-cart .item {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; padding:25px 0; border-top:1px #bebebe dotted}
.shopping-cart .item a.image {display:flex; justify-content:center; align-items:center; width:10%; padding:0 10px 0 0; box-sizing:border-box; overflow:hidden}
.shopping-cart .item a.image img {max-width:100%; height:auto; transition:all 300ms ease}
.shopping-cart .item a.image:hover img {transform:scale(1.1)}
.shopping-cart .item .image {display:flex; justify-content:center; align-items:center; width:10%; padding:0 10px 0 0; box-sizing:border-box}
.shopping-cart .item .image img {max-width:100%; height:auto}
.shopping-cart .item .title {flex-grow:1; width:30%}
.shopping-cart .item .title a.link {color:#000; text-decoration:none; font-size:17px; font-weight:700; display:block; margin-right:25px}
.shopping-cart .item .title a.link:hover {text-decoration:underline}
.shopping-cart .item .title .link {font-size:17px; font-weight:700; margin-right:25px}
.shopping-cart .item .availability {width:250px; padding-right:25px; box-sizing:border-box; font-size:15px; line-height:150%}
.shopping-cart .item .availability .delivery-ok {display:block; color:#90bf11}
.shopping-cart .item .availability .delivery-delay {display:block; line-height:initial; color:#aaa}
.shopping-cart .item .availability .delivery-delay span {display:inline-block; margin-right:5px; color:var(--color-03-hex); font-size:18px; font-weight:700}
.shopping-cart .item .availability .available {color:#999; text-decoration:underline; font-size:13px; cursor:pointer}
.shopping-cart .item .availability .available:hover {text-decoration:none}
.shopping-cart .item .quantity {display:flex; width:80px; box-sizing:border-box}
.shopping-cart .item .quantity input[type=number] {vertical-align:top; border:1px #e8e6e6 solid; width:50px; font-size:14px; text-align:center; color:#231f20; padding:12px 0}
.shopping-cart .item .quantity .buttons {position:relative; vertical-align:top; display:inline-block; width:25px}
.shopping-cart .item .quantity input[type=button] {position:absolute; left:0; display:block; background-color:#fff; width:25px; height:22px; line-height:1.1; color:#a7a7a7; text-align:center; border:1px #e8e6e6 solid; border-left:0 none}
.shopping-cart .item .quantity input[type=button].plus {top:0}
.shopping-cart .item .quantity input[type=button].minus {top:21px; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .item .quantity input[type=button]:hover {background-color:#f6f6f6; cursor:pointer}
.shopping-cart .item .price {width:90px; font-size:14px; text-align:right}
.shopping-cart .item .total {width:120px; box-sizing:border-box; font-size:18px; font-weight:700; text-align:right}
.shopping-cart .item a.delete {min-width:32px; width:32px; height:32px; margin:0 0 0 25px; line-height:32px; border-radius:100%; box-sizing:border-box; text-align:center; text-decoration:none; color:var(--color-03-hex); font-size:21px; font-weight:700}
.shopping-cart .item a.delete:hover {background-color:rgba(0 0 0 / 7%)}

.shopping-cart .item.autooffer {padding:10px 0}
.shopping-cart .item.autooffer .title .description {padding:0 0 6px 0; font-size:14px; color:#666}
.shopping-cart .item.autooffer .title .parent {display:flex; flex-wrap:wrap; justify-content:space-between}
.shopping-cart .item.autooffer .title .parent .variants-price {padding:0 169px 0 0; font-size:14px}
.shopping-cart .item.autooffer .title .variants {padding:3px 0 0 0}
.shopping-cart .item.autooffer .title .variants .variant {padding:14px 0 0 0}
.shopping-cart .item.autooffer .title .variants .variant .name {padding:0 0 3px 0; font-size:14px}
.shopping-cart .item.autooffer .title .variants .variant .buy {display:inline-block; padding:7px 35px; background-color:var(--color-02-hex); color:#fff; font-size:16px; text-align:center; white-space:nowrap; cursor:pointer}
.shopping-cart .item.autooffer .add {width:169px; padding:0 15px 0 30px; box-sizing:border-box}
.shopping-cart .item.autooffer .add .buy {padding:7px 0; background-color:var(--color-02-hex); color:#fff; font-size:16px; text-align:center; white-space:nowrap; cursor:pointer}
.shopping-cart .item.autooffer.special {position:relative; background-color:var(--color-04-hex)}
.shopping-cart .item.autooffer.special::before {content:''; position:absolute; top:-1px; bottom:-1px; left:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}
.shopping-cart .item.autooffer.special::after {content:''; position:absolute; top:-1px; bottom:-1px; right:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}

.shopping-cart .autooffer-check {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; padding:20px 0; border-top:1px #bebebe dotted}
.shopping-cart .autooffer-check .select {display:flex; justify-content:center; align-items:center; width:10%; padding:0 10px 0 0; box-sizing:border-box; overflow:hidden}
.shopping-cart .autooffer-check .text {flex-grow:1; flex-basis:0}
.shopping-cart .autooffer-check .text .title {font-size:17px; font-weight:700}
.shopping-cart .autooffer-check .text .label {padding:6px 25px 0 0; font-size:14px; color:#666; line-height:1.5}
.shopping-cart .autooffer-check .text .label a {color:#666}
.shopping-cart .autooffer-check .text .label a:hover {text-decoration:none}
.shopping-cart .autooffer-check .price {width:259px; padding:0 49px 0 0; box-sizing:border-box; font-size:14px; text-align:right}
.shopping-cart .autooffer-check.special {position:relative; background-color:var(--color-04-hex)}
.shopping-cart .autooffer-check.special::before {content:''; position:absolute; top:-1px; bottom:-1px; left:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}
.shopping-cart .autooffer-check.special::after {content:''; position:absolute; top:-1px; bottom:-1px; right:-20px; width:20px; background-color:var(--color-04-hex); border:1px #bebebe dotted; border-left:0; border-right:0; display:none}

.shopping-cart .item.coupon {border-bottom:1px #bebebe dotted}
.shopping-cart .item.coupon .title {display: grid;grid-template-columns: auto 1fr;}
.shopping-cart .item.coupon .title .link {font-size:17px; font-weight:700; margin-right:25px}
.shopping-cart .item.coupon .title .amount {font-size:14px; padding:5px 0 0 0}

.shopping-cart .item.gift {}
.shopping-cart .item.gift .title .worth {color:#999; font-size:13px; padding:4px 0 0 0}

.shopping-cart .empty-cart {display:flex; justify-content:flex-end}
.shopping-cart .empty-cart .button {padding:10px 25px; color:#000; font-size:12px; text-transform:uppercase; text-decoration:none; text-align:center; border:1px #999 solid; cursor:pointer}
.shopping-cart .empty-cart .button:hover {background-color:var(--color-03-hex); color:#fff; border:1px var(--color-03-hex) solid}

.shopping-cart .bonus-coupons {margin:15px 0 0 0}
.shopping-cart .bonus-coupons .coupon {justify-content:space-between; align-items:center; padding:20px 25px; background-color:#f6f6f6; cursor:pointer;display: grid;grid-template-columns: auto 1fr auto;}
.shopping-cart .bonus-coupons .coupon img {}
.shopping-cart .bonus-coupons .coupon .text {padding:0 35px; font-size:15px; font-weight:700; line-height:1.3;text-align: left}
.shopping-cart .bonus-coupons .coupon .arrow {width:0; height:0; border-right:6px solid transparent; border-top:6px solid #666; border-left:6px solid transparent}
.shopping-cart .bonus-coupons .coupon:hover {background-color:#f0f0f0}
.shopping-cart .bonus-coupons .coupon.active {background-color:#f0f0f0}
.shopping-cart .bonus-coupons .coupon.active .arrow {transform:rotate(180deg)}
.shopping-cart .bonus-coupons .inputs {display:none; padding:0 25px 20px 25px; background-color:#f0f0f0}
.shopping-cart .bonus-coupons .inputs form {display:flex; gap:3px}
.shopping-cart .bonus-coupons .inputs form input[type=text] {max-width:calc(100% - 80px); border:1px #d6d6d6 solid; padding:10px 15px; box-sizing:border-box}
.shopping-cart .bonus-coupons .inputs form button[type=submit] {width:80px; background-color:#474747; color:#fff; text-align:center; text-transform:uppercase}
.shopping-cart .bonus-coupons .inputs .error-message {color:var(--color-error-hex); font-size:14px; margin-top:10px}
.shopping-cart .bonus-coupons .inputs.active {display:block}

.shopping-cart .summary {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding-top:20px}
.shopping-cart .summary .delivery {flex-grow:1; display:flex; align-items:center}
.shopping-cart .summary .delivery .icon {display:flex; justify-content:center; align-items:center; width:100px}
.shopping-cart .summary .delivery .icon img {max-width:100%; height:auto}
.shopping-cart .summary .delivery .explanation {padding:0 30px 0 0; line-height:1.5}
.shopping-cart .summary .delivery .explanation .remains {}
.shopping-cart .summary .delivery .explanation .remains a {color:var(--color-03-hex); font-weight:700; white-space:nowrap}
.shopping-cart .summary .delivery .explanation .remains a:hover {text-decoration:none}
.shopping-cart .summary .delivery .explanation .register {display:inline-block; margin:10px 0; padding:10px 25px; background-color:var(--color-04-hex); font-size:14px}
.shopping-cart .summary .delivery .explanation .register a {}
.shopping-cart .summary .delivery .explanation .register a:hover {text-decoration:none}
.shopping-cart .summary .delivery .explanation .register strong {white-space:nowrap}
.shopping-cart .summary .delivery .explanation .weight {color:#999; font-size:12px; margin-top:5px}
.shopping-cart .summary .delivery a {color:#231f20}
.shopping-cart .summary .total {flex-grow:1; padding:20px 0; text-align:right; white-space:nowrap; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .summary .total span {display:inline-block; margin:0 0 0 20px; color:var(--color-03-hex); font-size:22px}

.shopping-cart .info {display:inline-block; vertical-align:middle; width:24px; height:24px; line-height:24px; text-align:center; margin:0 10px; border:1px #cfcfcf solid; border-radius:50%; color:#aaa; font-size:13px}
.shopping-cart .message {font-size:14px; color:var(--color-03-hex); text-align:right; margin-top:10px; padding:25px 0 0 0; border-top:1px #f6f6f6 solid}
.shopping-cart .navigation { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:30px 0}
.shopping-cart .navigation a.back {color:var(--color-01-hex); font-size:14px; font-weight:700; text-decoration:none}
.shopping-cart .navigation a.back:hover {text-decoration:underline}
.shopping-cart .navigation .back a {color:var(--color-01-hex); font-size:14px; font-weight:700; text-decoration:none}
.shopping-cart .navigation .back a:hover {text-decoration:underline}
.shopping-cart .navigation .back span {display:inline-block; vertical-align:middle; margin-right:12px; width:0; height:0; border-right:4px solid var(--color-01-hex); border-bottom:4px solid transparent; border-top:4px solid transparent}
.shopping-cart .navigation .share-cart {margin:0 25px 0 30%}
.shopping-cart .navigation .share-cart span {display:inline-block; padding:2px 30px 0 0; background:url("/templates/b2c/images/share-cart-icon.png") right center no-repeat; min-height:24px; cursor:pointer; text-decoration:underline; font-size:16px}
.shopping-cart .navigation .share-cart span:hover {text-decoration:none}
.shopping-cart .navigation .continue {display:flex; align-items:center}
.shopping-cart .navigation .continue button {background-color:var(--color-02-hex); background-image:url("/templates/b2c/images/arrow-button-right.png"); background-position:calc(100% - 30px) center; background-repeat:no-repeat; padding:20px 80px 20px 50px; color:#fff; font-size:17px; text-transform:uppercase; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .navigation .continue button.two {display:none}
.shopping-cart .navigation .continue button.preloader {padding:20px 40px; background-color:var(--color-02-hex); background-image:none}
.shopping-cart .navigation .continue button.preloader:disabled {background-color:var(--color-02-hex) !important; color:#fff !important}
.shopping-cart .navigation .continue .preloader-circle {width:40px; height:40px; border:4px solid rgba(0,0,0,0.1); border-top:4px solid var(--color-01-hex); margin:0 5px 0 15px; box-sizing:border-box; display:none}

#send-order-popup-content .content-send-order {padding:30px 40px 40px 40px}
#send-order-popup-content .content-send-order .text {padding-bottom:25px; max-width:600px; line-height:22px; font-size:15px}
#send-order-popup-content .content-send-order .question {padding-bottom:15px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
#send-order-popup-content .content-send-order .methods { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
#send-order-popup-content .content-send-order .methods > div {margin-right:10px}
#send-order-popup-content .content-send-order .methods a.fb {display:block; background-image:url("/templates/b2c/images/share-cart-fb.png"); width:44px; height:44px}
#send-order-popup-content .content-send-order .methods a.whatsapp {display:block; background:url("/templates/b2c/images/share-cart-whatsapp.png"); width:44px; height:44px}
#send-order-popup-content .content-send-order .methods .label {margin-bottom:2px; font-size:12px}
#send-order-popup-content .content-send-order .methods .icon {display:inline-block; width:28px; height:28px; vertical-align:top}
#send-order-popup-content .content-send-order .methods .icon.email {background-image:url("/templates/b2c/images/share-cart-mail.png")}
#send-order-popup-content .content-send-order .methods .icon.link {background-image:url("/templates/b2c/images/share-cart-link.png")}
#send-order-popup-content .content-send-order .methods input[type=email] {margin-left:-4px; padding:5px 8px; font-size:14px; border:1px #d6d6d6 solid; border-left:0 none; vertical-align:top}
#send-order-popup-content .content-send-order .methods input[type=text] {margin-left:-4px; padding:5px 8px; font-size:14px; border:1px #d6d6d6 solid; border-left:0 none; vertical-align:top; width:240px}
#send-order-popup-content .content-send-order .methods input[type=button] {background-color:#484848; margin-left:-5px; padding:6px 12px 7px 12px; font-size:13px; color:#fff; vertical-align:top}
#send-order-popup-content .content-send-order .send-order-method-area #send_order_by_mail_info_area {margin-top:20px; color:#90bf11; display:none}

#empty-cart-popup-content .content-empty-cart {padding:30px 40px 40px 40px}
#empty-cart-popup-content .content-empty-cart .buttons {display:flex; gap:20px; padding:20px 0 0 0}
#empty-cart-popup-content .content-empty-cart .buttons .confirm {padding:15px 10%; background-color:var(--color-03-hex); color:#fff; text-align:center; text-transform:uppercase; text-decoration:none; font-size:13px; font-weight:700}
#empty-cart-popup-content .content-empty-cart .buttons .cancel {padding:15px 10%; background-color:#bbb; color:#fff; text-align:center; text-transform:uppercase; font-size:13px; font-weight:700; cursor:pointer}

.shopping-cart .checkout-total {display:table; width:100%; padding:40px 0; background-color:#f6f6f6; text-align:right; border-top:30px #fff solid}
.shopping-cart .checkout-total > div {display:table-cell; vertical-align:middle; padding:0 40px; color:#231f20; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
.shopping-cart .checkout-total > div span:not(.text) {color:var(--color-03-hex); font-size:22px; display:inline-block; margin:0}
.shopping-cart .checkout-total .text {display:inline-block; margin-right:20px}
.shopping-cart .conditions {padding-bottom:30px; font-size:13px; color:#999; text-align:right}
.shopping-cart .conditions a {color:#999}
.shopping-cart .conditions a:hover {text-decoration:none}
.shopping-cart-empty {padding:100px 0; border:1px #f6f6f6 solid; border-left:0 none; border-right:0 none; text-align:center; line-height:50px; font-family:Roboto, sans-serif; font-weight:700; font-size:21px}
.shopping-cart-empty a {color:var(--color-01-hex); font-family:Roboto, sans-serif; font-size:15px}
.shopping-cart-eet-info {background:url("/templates/b2c/images/top-bar-info.png") 0 center no-repeat; max-width:1280px; margin:0 auto; padding:20px 0; font-size:14px}
.shopping-cart-eet-info div {margin-left:40px}


#shopping_cart_popup_content {}
#shopping_cart_popup_content .content-cart {padding:40px}
#shopping_cart_popup_content .product { display:flex; justify-content:space-between; align-items:center; border-top:1px #e3e3e3 solid; padding:20px 0}
#shopping_cart_popup_content .product > div {font-family:Roboto, sans-serif; font-weight:700}
#shopping_cart_popup_content .image {flex:0 0 90px; background-color:#fff; height:55px; padding-right:20px; text-align:center}
#shopping_cart_popup_content .image img {max-width:100%; max-height:100%; width:auto; height:auto}
#shopping_cart_popup_content .title {flex:1 1 auto; padding:0 20px; line-height:23px}
#shopping_cart_popup_content .price {text-align:right; white-space:nowrap}
#shopping_cart_popup_content .summary {border-top:1px #e3e3e3 solid; padding:40px 0; line-height:23px}
#shopping_cart_popup_content .summary .info {display:inline-block; background-image:url("/templates/b2c/images/info-icon.png"); width:20px; height:21px; margin-right:15px; vertical-align:middle}
#shopping_cart_popup_content .summary span {font-family:Roboto, sans-serif; font-weight:700; white-space:nowrap}
#shopping_cart_popup_content .buttons {border-top:1px #e3e3e3 solid; padding-top:40px}
#shopping_cart_popup_content .back {float:left; font-size:14px; color:var(--color-01-hex); font-weight:700; text-decoration:none; cursor:pointer}
#shopping_cart_popup_content .back:hover {text-decoration:underline}
#shopping_cart_popup_content .back span {display:inline-block; width:0; height:0; border-right:4px solid #c4c4c4; border-bottom:4px solid transparent; border-top:4px solid transparent; margin:30px 15px 0 0}
#shopping_cart_popup_content .cart {float:right; color:#fff; text-transform:uppercase; font-size:17px; font-family:Roboto, sans-serif; font-weight:700; text-decoration:none; background-color:var(--color-02-hex); background-image:url("/templates/b2c/images/arrow-button-right.png"); background-position:calc(100% - 30px) center; background-repeat:no-repeat; padding:20px 80px 20px 50px}
#shopping_cart_popup_content .gift-option-title {padding:20px 0 10px 0; font-size:15px; font-family:Roboto, sans-serif; font-weight:700; border-top:1px #e3e3e3 solid}
#shopping_cart_popup_content .gift-option-container {margin-bottom:30px; /*border-top:1px #ccc solid; box-shadow:0 1px 0 #ccc*/}
#shopping_cart_popup_content .gift-option { display:flex; align-items:center; background-color:#f6f6f6; margin-bottom:3px; cursor:pointer}
#shopping_cart_popup_content .gift-option:last-child {margin-bottom:0}
#shopping_cart_popup_content .gift-option > div {font-size:14px}
#shopping_cart_popup_content .gift-option-selected {background-color:#ffe6a4}
#shopping_cart_popup_content .recommended-products {border-top:1px #e3e3e3 solid; padding:0 0 20px 0}
#shopping_cart_popup_content .recommended-products .label {background-color:#f6f6f6; margin-bottom:15px; padding:20px 35px; border-bottom:1px #e3e3e3 solid; font-weight:700}
#shopping_cart_popup_content .recommended-products .list {display:flex}
#shopping_cart_popup_content .recommended-products .list .item {width:calc(100% / 3); max-width:calc(100% / 3); padding-bottom:20px; box-shadow:-1px 0 0 #f0f0f0}
#shopping_cart_popup_content .recommended-products .list .item:first-child {box-shadow:none}
#shopping_cart_popup_content .recommended-products .list .item a.image {display:flex; justify-content:center; align-items:center; height:130px; padding:0}
#shopping_cart_popup_content .recommended-products .list .item .availability {font-size:14px; text-align:center}
#shopping_cart_popup_content .recommended-products .list .item .availability span {color:#90bf11}
#shopping_cart_popup_content .recommended-products .list .item a.title {display:block; height:40px; line-height:21px; overflow:hidden; margin:10px 0 10px 0; padding:0 5%; color:#231f20; font-size:16px; font-weight:700; text-decoration:none; text-align:center}
#shopping_cart_popup_content .recommended-products .list .item .recommended-price {text-align:center; color:var(--color-01-hex); font-size:18px; font-weight:700}
#shopping_cart_popup_content .recommended-products .list .item .recommended-price .old {color:#999; font-size:13px; font-weight:400; text-decoration:line-through; padding-right:15px}


@media only screen and (max-width:1600px) {
	.cart-steps .content {width:initial; padding:0 40px}
	.shopping-cart {padding:0 40px}
	.shopping-cart-eet-info {max-width:initial; margin:0 40px}
}

@media only screen and (max-width:1400px) {
	.cart-steps .content {display:block; padding:0}
	.cart-steps .left {display:block}
	.cart-steps .right {display:block}
	.cart-steps .steps {text-align:center}
	.cart-steps .title {text-align:left}
	.cart-steps .help {height:initial; padding:15px 0; text-align:center}
	.cart-steps .question {width:26px; height:26px; line-height:26px; border-radius:50%; font-size:15px}
	.cart-steps .question span {display:none}
	.cart-steps .contact > span > br {display:none}
	.cart-steps .contact > span > span:first-child {margin-right:30px}
}

@media only screen and (max-width:1220px) {
	.shopping-cart .navigation .share-cart {margin:0}
}

@media only screen and (max-width:1180px) {
	.shopping-cart .top .c5 {display:none}
	.shopping-cart .item .price {display:none}
	.shopping-cart .item.autooffer .price {display:block}
}


@media only screen and (max-width:1080px) {

	.shopping-cart .top .c3 {display:none}
	.shopping-cart .item {padding:20px 0}
	.shopping-cart .item .availability {order:3; width:100%; padding:15px 0 0 10%}
	.shopping-cart .checkout-total {padding:30px 0}
}

@media only screen and (max-width:980px) {
	.shopping-cart {padding:0 20px}
	.shopping-cart .item a.image {width:15%}
	.shopping-cart .item .image {width:15%}
	.shopping-cart .item .availability {padding:15px 0 0 15%}
	.shopping-cart-eet-info {margin:-20px 20px 0 20px}
	.shopping-cart .autooffer-check .select {width:15%}

}

@media only screen and (max-width:940px) {
	.cart-steps a.step:nth-child(1) {flex:0 0 calc(100% / 3); justify-content:space-between}
	.cart-steps a.step:nth-child(2) {flex:0 0 calc(100% / 3); justify-content:space-between}
	.cart-steps a.step:nth-child(3) {flex:0 0 calc(100% / 3); justify-content:space-between}
	.cart-steps .title {display:none}
	.cart-steps .break {display:none}
	.cart-steps .fake-break {flex:0 1 36px; display:block}
}


@media only screen and (max-width:900px) {
	.shopping-cart .message {text-align:left; padding:25px 0 0 0}
	.shopping-cart .navigation {justify-content:space-between}
	.shopping-cart .navigation .share-cart {flex:0 0 100%; order:-1; text-align:right; margin-bottom:30px}
}

@media only screen and (max-width:860px) {
	.shopping-cart .item.autooffer .title .parent .variants-price {width:100%; padding:8px 0 0 0}
	.shopping-cart .item.autooffer .price {width:100%; padding:5px 0 5px 15%; text-align:left}
	.shopping-cart .item.autooffer .add {width:auto; padding:0 0 0 15%}
	.shopping-cart .item.autooffer .add .buy {padding:7px 35px}
	.shopping-cart .autooffer-check .price {width:100%; padding:12px 0 0 15%; text-align:left}
}

@media only screen and (max-width:820px) {
	.shopping-cart .top {padding:15px 0}
}

@media only screen and (max-width:780px) {
	#shopping_cart_popup_content .content-cart {padding:20px 0 0 0}
	#shopping_cart_popup_content .product {padding:20px}
	#shopping_cart_popup_content .title {flex:0 1 auto}
	#shopping_cart_popup_content .price {padding:0 0 0 40px}
	#shopping_cart_popup_content .gift-option-title {padding:10px 20px}
	#shopping_cart_popup_content .summary {padding:20px; text-align:center}
	#shopping_cart_popup_content .buttons {padding:30px 20px}
	#shopping_cart_popup_content .gift-option-container {padding:0 20px}
	#shopping_cart_popup_content .recommended-products .label {text-align:center}
}

@media only screen and (max-width:720px) {
	.cart-steps .contact {text-align:left}
	.cart-steps .contact > span > br {display:block}
}


@media only screen and (max-width:640px) {
	.shopping-cart .top .c4 {display:none}
	.shopping-cart .top .c6 {display:none}
	.shopping-cart .item .quantity {order:2; width:100%; padding:15px 0 0 15%}
	.shopping-cart .navigation .share-cart {text-align:center}
	.shopping-cart .navigation .back {flex:0 0 100%; text-align:center; margin-bottom:40px}
	.shopping-cart .navigation .continue {flex:0 0 100%; text-align:center; margin-bottom:20px}
	.shopping-cart .navigation .continue form {text-align:center}
	.shopping-cart .checkout-total {text-align:center}
	.shopping-cart .checkout-total .text {display:block; margin:0 0 20px 6px}
	.shopping-cart .conditions {text-align:center}
	.shopping-cart .message {text-align:center}
	.shopping-cart .empty-cart .button {width:100%; margin:15px 0 0 0}

	.shopping-cart .summary .delivery .explanation {flex-grow:1; padding:10px 0; text-align:center}
	.shopping-cart .summary .delivery .explanation .register {margin:12px 0; padding:10px 25px}
	.shopping-cart .summary .total {width:100%; text-align:center}

	.shopping-cart .icon {display:none !important}
	.shopping-cart .info {display:none}
	.shopping-cart .navigation .continue {text-align:center}
}

@media only screen and (max-width:600px) {
	#top-compare-cart a.compare-products {margin-left:20px}
	#shopping_cart_popup_content .image {padding-right:0}
	#shopping_cart_popup_content .buttons {padding-top:0}
	#shopping_cart_popup_content .back {float:none; display:block; padding:30px 0}
	#shopping_cart_popup_content .back span {margin:0 15px 0 0}
	#shopping_cart_popup_content .cart {float:none; display:block}
	#shopping_cart_popup_content .summary .info {display:none}
}

@media only screen and (max-width:580px) {

	.shopping-cart .item a.image {width:25%}
	.shopping-cart .item .image {width:25%}
	.shopping-cart .item .title {width:60%}
	.shopping-cart .item .availability {padding:15px 0 0 25%}
	.shopping-cart .item .quantity {padding:15px 0 0 25%}
	.shopping-cart .item .total {order:4; width:100%; padding:15px 0 0 25%; text-align:left}
	.shopping-cart .item.autooffer .price {padding:5px 0 5px 25%}
	.shopping-cart .item.autooffer .add {padding:0 0 0 25%}
	.shopping-cart .item.autooffer.special::before {display:block}
	.shopping-cart .item.autooffer.special::after {display:block}
	.shopping-cart .autooffer-check .select {width:25%}
	.shopping-cart .autooffer-check .price {padding:12px 0 0 25%}
	.shopping-cart .autooffer-check.special::before {display:block}
	.shopping-cart .autooffer-check.special::after {display:block}
}

@media only screen and (max-width:520px) {
	.cart-steps .break {width:20px}
	.cart-steps .help {padding:10px 0; text-align:left}
	.cart-steps .question {margin-left:20px}
	.cart-steps .contact > span {padding:0 0 0 10px}
	.cart-steps .contact > span > span:first-child {margin-right:0}

	.shopping-cart .explanation .block {display:block; margin:3px 0 8px 0}

}

@media only screen and (max-width:480px) {
	.shopping-cart .navigation .continue button.one {display:none}
	.shopping-cart .navigation .continue button.two {display:inline-block}
}

@media only screen and (max-width:440px) {
	#shopping_cart_popup_content .image {display:none}
	#shopping_cart_popup_content .title {padding:10px 0}
	#shopping_cart_popup_content .gift-option-container .title {padding:10px}
}

@media only screen and (max-width:420px) {
	.shopping-cart {padding:0 15px}
	.shopping-cart .item a.image {display:block; width:40%}
	.shopping-cart .item .image {display:block; width:40%}
	.shopping-cart .item .title {width:100%; padding:15px 0 0 0}
	.shopping-cart .item .availability {padding:15px 0 0 0}
	.shopping-cart .item .quantity {padding:15px 0 0 0}
	.shopping-cart .item .total {padding:15px 0 0 0}
	.shopping-cart .item a.delete {position:absolute; top:20px; right:5px; margin:0}
	.shopping-cart .item.autooffer .price {padding:8px 0}
	.shopping-cart .item.autooffer .add {padding:0}
	.shopping-cart .autooffer-check {align-items:flex-start}
	.shopping-cart .autooffer-check .select {justify-content:flex-start; width:15%; padding:0 10px 0 5px}
	.shopping-cart .autooffer-check .price {padding:12px 0 0 15%}

	.shopping-cart .bonus-coupons .coupon {padding:15px 20px}
	.shopping-cart .bonus-coupons .inputs {padding:0 20px 15px 20px}

	#empty-cart-popup-content .content-empty-cart .buttons .confirm {flex-grow:1; padding:15px 0}
	#empty-cart-popup-content .content-empty-cart .buttons .cancel {flex-grow:1; padding:15px 0}
}


@media only screen and (max-width:380px) {
	.cart-steps .arrows {display:none !important}
	.cart-steps .break {display:none !important}
}


/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/cash-desk.css?v=20250904 */
.btn-cashdesk-continue {
	background-color: var(--color-02-hex);
	background-image: url("/templates/b2c/images/arrow-button-right.png");
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;
	color: #ffffff;
	font-size: 17px;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	font-weight: 700
}

.btn-cashdesk-continue .btn-content {
	color: #ffffff;
}

.btn-cashdesk-change-selectetion {
	background-color: #474747;
	margin: 10px;
	padding-left: 20px;
	padding-right: 20px;
	opacity: 0.3;
}

.btn-chashdesk-select-not-selected {
	background-color: #474747;
	margin: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
}

.btn-chashdesk-select-not-selected .btn-content {
	color: #ffffff;
}

.btn-chashdesk-select-selected {
	background-color: #a1a1a1;
	margin: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
}

.btn-chashdesk-select-selected .btn-content {
	color: #ffffff;
}


.btn-cashdesk-change-selectetion .btn-content {
	color: #ffffff
}

.change-selection-area {
	text-align: right;
	width: 100%;
}


#cash_desk_main_layout {
	display: grid;
	grid-template: "overview process-area";
	grid-template-columns: 0.7fr 2fr
}

#cash_desk_process_area {
	grid-area: process-area;
	padding-right: 20px;
	position: relative;
}

#cash_desk_process_area a {
	color: #000000;
	text-decoration: underline dotted 1px;
}

#cash_desk_overview_box {
	position: sticky;
	top: 0px;
	padding: 20px;
	margin: 20px;
	border: 1px solid #EAEAEA;
	box-shadow: 17px 10px 17px -23px rgba(0,0,0,0.36);
}

#cash_desk_overview {
	grid-area: overview;
}

#cash_desk_overview .item .quantity {
	position: absolute;
	display: inline-block;
	top: -5px;
	left: -5px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background-color: #8bb813;
}

#cash_desk_overview .item .image {
	grid-area: image;
}

#cash_desk_overview .item .title {
	grid-area: title;
	font-weight: bolder;
	padding: 5px;
}

#cash_desk_overview .item .price {
	grid-area: price;
	color: #cccccc;
	font-size: 0.8rem;
	padding: 5px;
}


#cash_desk_overview .item {
	position: relative;
	display: grid;
	grid-template:
			"image title"
			"image price";
	grid-template-columns: 60px 1fr;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px;
	margin-bottom: 10px;
}

#cash_desk_overview .total {
	font-size:16px;
	line-height:34px;
}
#cash_desk_overview .total .amount {
	font-size:22px; font-weight:bold; color:var(--color-03-hex);
}


@media screen and (width <= 1200px) {
	#cash_desk_main_layout {
		display: grid;
		grid-template:
				"process-area"
				"overview"
		;
		grid-template-columns: 1fr;
	}

	#cash_desk_process_area {
		padding-left: 10px;
		padding-right: 10px;
	}

	#cash_desk_overview_box {
		padding: 20px;
		margin: 0px;
		margin-bottom: 50px;
	}

	#cash_desk_overview_box .items {
		display: none;
	}

}



.method .method-radio-btn,
.method-selected .method-radio-btn
{
	grid-area: radio-btn;
}

.method .method-icon,
.method-selected .method-icon,
.method-has-been-selected .method-icon
{
	grid-area: icon;
}

.method .method-title .info,
.method-selected .method-title .info,
.method-has-been-selected .method-title .info
{
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin: 0 10px;
	border: 1px #cfcfcf solid;
	border-radius: 50%;
	color: #aaa;
	font-size: 13px;
	cursor: help;
}


.method .method-title,
.method-selected .method-title,
.method-has-been-selected .method-title
{
	grid-area: title;
}

.method .price,
.method-selected .price,
.method-has-been-selected .price
{
	grid-area: price;
}

.method .price
{
	color: #999999;
}

.method-selected .price,
.method-has-been-selected .price
{
	color: #E61717;
	font-weight: bolder;
}

.method,
.method-selected {
	background-color: #F6F6F6;
	cursor: pointer;
	display: grid;
	grid-template: "radio-btn icon title price";
	grid-template-columns: 35px 80px 1fr 90px;
	align-items: center;
	padding: 10px;
	margin: 0px;
	gap: 5px;
	border-bottom: 1px solid #EAEAEA;
}

.method-has-been-selected {
	display: grid;
	grid-template: "icon title price";
	grid-template-columns: 80px 1fr 90px ;
	align-items: center;
	padding: 10px;
	margin: 0px;
	gap: 5px;
}


.method-selected {
	background-color: #EAEAEA;
}

@media screen and (width <= 1000px) {
	.method,
	.method-selected {
		grid-template:
				"radio-btn icon title"
				". . price";
		grid-template-columns: 20px 70px 1fr;
	}
}


.method-selected {
	background-color: #dcdbdb;
}

.option, .option-selected {
	display: grid;
	grid-template-columns: 20px 40px 1fr;align-items: center;
	padding: 5px;
	margin: 5px;
	gap: 5px;
}

.option-selected {
	background-color: #969696;
}


.step-title {
	display: block;
	font-weight: bolder;
	font-size: 1.3rem;
	background-color: #ffffff;
	padding: 20px;
	border: 1px solid #EAEAEA;
}


.step-block {
	background-color: #ffffff;
	border: none;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.step-form {
	background-color: #efefef;
	border: 1px solid #EAEAEA;
	padding: 20px;
}

.selected-contact {
	background-color: #fefefe;
	border: 1px solid #EAEAEA;
	align-items: center;
	justify-content: center;
	padding: 20px;
	display: grid;
	grid-template:  "title info change-btn";
	grid-template-columns: 150px 1fr auto;
	gap: 10px;
	margin-bottom: 25px;
}

@media screen and (width <= 1000px) {

	.selected-contact {
		grid-template:  "title"
						"info"
						"change-btn";
		grid-template-columns: 1fr;
		gap: 10px;
		margin-bottom: 25px;
	}

}


.selected-contact .title {
	grid-area: title;
	font-weight: bolder;
}
.selected-contact .info {
	grid-area: info;
	overflow: hidden;
}
.selected-contact .change-btn {
	grid-area: change-btn;
	text-align: right;
}





.continue-button-area {
	padding: 5px;
	text-align: right;
}

.price-standard {
	text-decoration: line-through;
	font-size: 0.6rem;
}

.price-final {
}

.method-icon {
	padding: 5px;
}

.method-title {
	padding: 5px;
}

.method-title>div{
	font-size: 0.8rem;
}

.addresses {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 10px;
	margin-bottom: 20px;
}

.address {
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #dedede;
}

.address-selected {
	padding: 10px;
	background-color: #bebebe;
	border: 1px solid #dedede;
}

.address-field {
}


@media screen and (width <= 900px) {
	.address-field {
		grid-template-columns: 1fr;
	}
}



/*
#cash_desk_customer .form-field {
	display: grid;
	justify-content: center;
	grid-template-columns: 150px 1fr;
	align-items: center;
	gap: 20px;
	margin: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*

#cash_desk_customer .form-field>label {
	width: 150px;
}


#cash_desk_customer .form-field>div {
	width: 350px;
}

@media screen and (width <= 700px) {
	#cash_desk_customer .form-field {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#cash_desk_customer .form-field>label {
		width: 100%;
	}

	#cash_desk_customer .form-field>div {
		width: 100%;
	}

}
 */



.phone-field {
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 0px;
	align-items: center;
}

.company-or-person-switch {
	margin: 20px;
	text-align: center;
}

.different-address-switch {
	padding-top: 10px;
	padding-bottom: 10px;
}

.disabled-delivery-address {
	opacity: 0.5;
}

#select_personal_takeover_point_dialog {
	width: 100%;
	height: 100vh;
}

#personal_takeover_filter {
	grid-area: filter;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 100px 1fr;
	overflow: hidden;
}



#personal_takeover_map {
	grid-template: "map";
}


#personal_takeover_filter .search-dialog {
	display: grid;
	grid-template-columns: 1fr 60px;
	grid-template-rows: 40px;
	margin-top: 5px;
}

#personal_takeover_filter .search-dialog>button {
	box-sizing: border-box;
	border: 1px solid #c9c9c9;
	border-left: none;
	height: 40px;
	background-color: #ffffff;
	font-size: 30px;
	font-weight: bolder;
}

#personal_takeover_filter .search-dialog input {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	border: 1px solid #c9c9c9;
	border-right: none;
}

#personal_takeover_filter>div {
	padding: 10px;
}

#personal_takeover_filter .methods-title {
	border: 1px solid #c9c9c9;
	border-bottom: none;
	padding: 10px;
	font-weight: bolder;
}

#personal_takeover_filter .methods {
	border: 1px solid #c9c9c9;
}

#personal_takeover_buttons {
	grid-area: buttons;
	overflow: hidden;
}


#select_personal_takeover_point_dialog_body {
	display: grid;
	grid-template: "filter buttons map";
	grid-template-columns: 1fr 0px 2fr;
	grid-template-rows: 1fr;
	height: calc(100vh - 150px);
}

@media screen and (width <= 1000px) {
	#select_personal_takeover_point_dialog_body:not(.filter-visible) {
		grid-template: "filter buttons map";
		grid-template-columns: 0px 40px 1fr;
	}
	#select_personal_takeover_point_dialog_body.filter-visible {
		grid-template: "filter buttons map";
		grid-template-columns: 1fr 40px 0px;
	}
}

#personal_takeover_buttons>button {
	height: 100%;
	background-color: #eeeeee;
	border: 1px solid #c9c9c9;
	font-weight: bolder;
	font-size: 35px;
}


#personal_takeover_buttons>button:not(.opened):after {
	content: '›';
}

#personal_takeover_buttons>button.opened:after {
	content: '‹';
}

#select_personal_takeover_point_search_result {
	width: 100%;
}

.whisperer-items {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #ffffff;
	overflow: auto;
	z-index: 999999;
	border: 1px solid #a1a1a1;
}

.whisperer-item {

}

.whisperer-item-selected {
	background-color: #b2b2b2
}

#personal_takeover_filter .method .checkbox {
	grid-area: checkbox;
}

#personal_takeover_filter .method .icon {
	grid-area: icon;
}

#personal_takeover_filter .method .icon img {
	width: 100%;
	height: auto;
}

#personal_takeover_filter .method .title {
	grid-area: title;
}

#personal_takeover_filter .method .price {
	grid-area: price;
}


#personal_takeover_filter .method {
	display: grid;
	grid-template: "checkbox icon title price";
	grid-template-columns: 20px 50px 1fr 100px;
	align-items: center;
	gap: 10px;
}

@media screen and (width <= 1200px) {
	#personal_takeover_filter .method {
		display: grid;
		grid-template:
				"checkbox icon title"
				"checkbox icon price";
		grid-template-columns: 20px 50px 1fr;
		align-items: center;
		gap: 10px;
	}
}

.place_search_result_item .image {
	grid-area: image;
}

.place_search_result_item .image>img {
	width: 100%;
	height: auto;
}

.place_search_result_item .address {
	grid-area: address;
	white-space: nowrap;
	overflow: hidden;
	background: transparent;
	border: none;
}

.place_search_result_item .price {
	grid-area: price;
	color: #6c6c6c;
	padding: 10px;
}

.place_search_result_item {
	display: grid;
	grid-template:
				"image address"
				"price address";
	grid-template-columns: 100px 1fr;
	align-items: center;
	gap: 5px;
	margin: 5px;
}


.pto-header {
	align-items: center;
	margin: 5px;
	display: grid;
	grid-template:
			"image title price"
			"image info info";
	grid-template-columns: 100px 1fr 80px;
	min-width: 300px;
	max-width: 90%;
}

.pto-header .image {
	grid-area: image;
}

.pto-header .title {
	grid-area: title;
	font-size: 1.2rem;
	font-weight: bolder;
}

.pto-header .info {
	grid-area: info;
	padding: 5px;
	padding-left: 10px;
}

.pto-header .price {
	grid-area: price;
	font-size: 1.2rem;
}

.pto-body {
	display: grid;
	justify-content: left;
	gap: 10px;
	grid-template-columns: 1fr;
	margin: 10px;
}


.pto-openong-hours {
	font-size: 0.9rem;
}

.pto-images {
	display: grid;
	grid-template-columns: repeat(auto-fill, 100px);
	gap: 10px;
}

.pto-images>div {
	text-align: center;
}

.pto-images>div img {
	width: 100px;
	height: auto;
}

.method-description {
	max-width: 500px;
	margin: 30px;
}

.agree-flag {
	display: grid;
	justify-content: left;
	align-items: center;
	grid-template-columns: auto 1fr;
	gap: 5px;
	margin: 20px;
}

.agree-flag-error {
	color: red;
	margin: 5px;
	padding-left: 30px;
}


.checkout-success-steps {background-color:#4c4c4c; color:#999; font-size:18px; font-family:Roboto, sans-serif; font-weight:700}
.checkout-success-steps .content {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:0 auto; padding:35px 0; width:1280px}
.checkout-success-steps .content > div {flex:0 0 25%}
.checkout-success-steps .check {display:table-cell; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; text-transform:uppercase; border:1px #999 dashed; border-radius:50%}
.checkout-success-steps .title {display:table-cell; vertical-align:middle; padding:0 20px}
.checkout-success-steps .phone {color:#fff; margin-top:5px}
.checkout-success-steps .phone span {display:inline-block; vertical-align:middle; margin-right:10px; width:16px; height:16px; background-image:url("/templates/b2c/images/phone.png")}
.checkout-success-steps .text {font-size:15px; margin:5px 0 0 27px; font-family:Roboto, sans-serif; line-height:20px}
.checkout-success {border-bottom:1px #bebebe dotted; padding:80px 5% 110px 5%; text-align:center}
.checkout-success .title {font-family:Roboto, sans-serif; font-weight:700; font-size:32px; text-transform:uppercase}

.checkout-success .info {margin-top:60px; padding:0 110px; font-size:15px; color:#aaa}
.checkout-success .payment {display:grid; justify-content:center; margin-top:40px;align-items: center;grid-template-columns: auto auto;}
.checkout-success .payment .qr {}

.checkout-success .payment .data {
	text-align: left;
	line-height: 26px;
	padding: 50px 0 0 30px;
	font-size: 14px;
	display: grid;
	grid-template-columns: auto auto;
	gap: 10px
}

.checkout-success .payment .data div.title {
	font-weight: bolder;
	grid-column: span 2;
	font-size: 16px;
	color: #000000;
	text-wrap: nowrap;
}

.checkout-success .payment .data div.label {
	color: #aaa;
	text-wrap: nowrap;
}

.checkout-success .payment .data span {
	color: #000;
	font-weight: 700;
	text-wrap: nowrap;
}
.checkout-success a.button {color:#fff; background-color:var(--color-01-hex);  text-decoration:none; text-transform:uppercase; padding:20px 35px}
.checkout-success a {color:inherit}
.checkout-success .fail {color:#ed163c}
.checkout-success .success {color:#69ac24}
.checkout-success .help {margin-top:60px; font-size:18px; color:#69ac24;border: 1px solid red}
.checkout-success .help strong {font-size:20px}
.checkout-success .help a {color:#69ac24;text-wrap: nowrap}

.checkout-success .try-again-area {
	margin-top: 50px;margin-bottom: 50px;
}

.checkout-success .try-again {
	background-color: #86d718;
	color: #000000;
	font-size: 25px;
	padding: 20px;
	font-weight: bolder;
	text-decoration: none;
	border-radius: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.qr-payment-container {
	text-align: left;
	width: 100%;
	padding-left: 25%;
	padding-right: 25%;
}

.checkout-success .number-area {

	margin: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: bolder;
	font-size: 1.3rem;
	justify-content: center;
}

.checkout-success .number {
	background-color: #d9d9d9;
	border-radius: 10px;
	padding: 10px 40px;
}


@media only screen and ( width <= 680px) {
	.checkout-success .payment {
		grid-template-columns: 1fr;
	}
	.qr-payment-container {
		padding-left: 5%;
		padding-right: 5%;
	}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/product-question.css?v=20250904 */
.new-product-question-form {
	width: 1000px;
}


.new-product-question-form .buttons {
	width: 1000px;
	text-align: right;
}

.new-product-question-form button {
	padding:13px 24px; background-color:#484848; color:#fff; text-transform:uppercase
}

.new-product-question-form .conditions {
	font-size:14px;
	line-height:20px;
	width: 1000px;
	text-align: center;
}
.new-product-question-form .conditions a {color:var(--color-01-hex); white-space:nowrap}
.new-product-question-form .conditions a:hover {text-decoration:none}

@media only screen and (max-width:1200px) {
	.new-product-question-form,
	.new-product-question-form .conditions
	{
		width: 90vw;
	}

	.new-product-question-form .buttons
	{
		width: 80vw;
	}

}



.product-question {
	padding: 10px;
	border: 1px solid #c9c9c9;
	margin: 10px;
	border-radius: 5px;
}

.product-question>.date-time {
	text-align: right;
}

.product-question>.question {
	padding: 10px;
}


.product-question>.answer {
	padding: 20px;
}

@media (max-width: 1100px) {
	.new-product-question-form {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.new-product-question-form label {
		text-align: left;
		margin-left: 5px;
	}

	.new-product-question-form input,
	.new-product-question-form textarea {
		width: calc(100% - 20px);
	}

}



.tc-questions {padding:30px 0 40px 0}
.tc-questions .overview {margin:0 40px}
.tc-questions .overview > div {background-color:#f6f6f6; padding:20px 25px}
.tc-questions .info {display:inline-block; margin-right:20px; font-size:15px; font-family:Roboto, sans-serif; font-weight:700}
.tc-questions a.new {display:inline-block; background-color:var(--color-02-hex); background-image:url("/templates/b2c/images/new-message-icon.png"); background-position:25px center; background-repeat:no-repeat; padding:10px 34px 10px 52px; color:#fff; text-decoration:none}
.tc-questions .list {}
.tc-questions .list .post {border-bottom:1px #dfdfdf dotted; padding:10px 0}
.tc-questions .list .post:last-child {border-bottom:0 none; padding:10px 0 0 0}
.tc-questions .list .post > div {margin:0 40px}
.tc-questions .list .top {margin:28px 0 20px 0}
.tc-questions .list .top > div {display:inline-block}
.tc-questions .list .author {background:url("/templates/b2c/images/customer-icon.png") 0 center no-repeat; min-height:18px; margin-right:6px; padding:0 0 0 24px; font-size:17px; font-family:Roboto, sans-serif; font-weight:700}
.tc-questions .list .date {font-size:13px; color:#999; margin-right:25px}
.tc-questions .list .question {margin-bottom:20px; font-size:16px; color:#333; line-height:24px}
.tc-questions .list .question a {color:var(--color-01-hex)}
.tc-questions .list .question a:hover {text-decoration:none}
.tc-questions .list .answer {margin-bottom:20px; padding-left:45px; font-size:14px; color:#666; line-height:24px}
.tc-questions .list .answer a {color:var(--color-01-hex)}
.tc-questions .list .answer a:hover {text-decoration:none}
.tc-questions .list .answer .intro {display:inline-block; background:url("/templates/b2c/images/answer_icon.png") 0 center no-repeat; min-height:20px; margin-left:-45px; padding:0 8px 0 45px; color:var(--color-01-hex); font-family:Roboto, sans-serif; font-weight:700}
#question-popup {}
#question-popup .content-question {padding:40px}
#question-popup .content-question > div { display:flex}
#question-popup .content-question > div > div:first-child { flex:0 1 12%; padding:5px 2% 5px 0; text-align:right; color:#666}
#question-popup .content-question > div > div:last-child { flex:0 1 86%; margin-bottom:10px}
#question-popup .content-question .error {margin-top:4px; font-size:14px; color:var(--color-error-hex)}
#question-popup .content-question input[type=text] {border:1px #d6d6d6 solid; padding:10px 12px; width:calc(100% - 26px)}
#question-popup .content-question textarea {border:1px #d6d6d6 solid; padding:10px 12px; width:calc(100% - 26px); height:60px; resize:none}
#question-popup .content-question input[type=button] {padding:13px 24px; background-color:#484848; color:#fff; text-transform:uppercase}
#question-popup .content-question .conditions {font-size:14px; line-height:20px; padding:0 20px 10px 8px}
#question-popup .content-question .conditions a {color:var(--color-01-hex); white-space:nowrap}
#question-popup .content-question .conditions a:hover {text-decoration:none}
#question-popup .done {margin:40px}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/articles.css?v=20250904 */
/*
.article {

}

.article .author {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 10px;
	margin: 10px;
}

.article .author .info .name {
	font-weight: bolder;
}

.product-advices {
	border-top: 1px solid #c9c9c9;
	padding-top: 10px;
	margin-top: 30px;
}

.product-advices .articles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
	gap: 15px;
}

.product-advices .articles .article .image {
	grid-area: image;
}

.product-advices .articles .article .image>img {
	width: 100%;
	height: auto;
}

.product-advices .articles .article .title {
	grid-area: title;
}

.product-advices .articles .article .perex {
	grid-area: perex;
}

.product-advices .articles .article {
	display: grid;
	grid-template:  "image title"
					"image perex";
	gap: 10px;
	grid-template-columns: 100px 1fr;
	border: 1px solid #c9c9c9;
	padding: 10px;
	border-radius: 5px;
}
 */


.articles {text-align:center;  display:flex; flex-flow:wrap; overflow:hidden; box-shadow:-1px 0 0 #f6f6f6}
.articles .box {position:relative; vertical-align:top; background-color:#fff;  flex:0 0 25%; text-align:left; overflow:hidden; box-shadow:inset -1px 0 0 #f6f6f6, inset 0 -1px 0 #f6f6f6}
.articles .box:first-child { flex:0 0 50%}
.articles .box:first-child a.image {position:absolute; top:0; bottom:0; left:0; display:inline-block; width:50%; height:100%}
.articles .box:first-child a.image img {display:none}
.articles .box.hidden {display:none}
.articles a.image {display:block; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover}
.articles a.image img {width:100%; height:auto}
.articles .box:first-child a.text {display:inline-block; width:50%; margin-left:50%}
.articles a.text {display:block; width:100%; padding-bottom:40px}
.articles h3 {display:block; padding:30px 40px 20px 40px; line-height:28px; color:#231f20; font-size:17px; font-family:Roboto, sans-serif; font-weight:700}
.articles .box:first-child .intro {display:block; padding:0 40px 20px 40px; line-height:25px; color:#a7a7a7; font-size:14px}
.articles .box:first-child .intro span {display:block; width:20px; height:2px; margin:10px 0 30px 0; background-color:var(--color-01-hex)}
.articles .intro {display:none}
.articles .next {position:absolute; bottom:20px; right:0; display:block; width:calc(100% - 40px); padding-top:20px; color:var(--color-01-hex); font-size:14px}
.articles .box:first-child .next {width:calc(50% - 40px)}
.articles .next span {display:inline-block; width:6px; height:9px; vertical-align:middle; margin-left:14px; background:url("/templates/b2c/images/arrow-blue.png")}
.articles .box:first-child:hover .next {text-decoration:underline}
.articles a {vertical-align:top; text-decoration:none}
.articles a.detail {position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.85); padding:40px; line-height:25px; color:#fff; font-size:15px; box-shadow:inset -1px 0 0 #000; opacity:0; transition:all 300ms ease}
.articles a.detail .next {background-color:#000; left:0; bottom:0; padding:15px 0 15px 40px; box-shadow:0 -30px 80px #000; color:#fff}
.articles a.detail .next span {background:url("/templates/b2c/images/arrow-white.png")}
.articles .box:not(:first-child):hover a.detail {opacity:1}
.articles-more {text-align:center}
.articles-more a {display:inline-block; margin:25px 0; text-decoration:none}
.articles-break {height:35px; background-color:#d0d0d0}
#articles-all-toggle {background-color:#fff; padding:50px 0 70px 0; text-align:center; font-size:14px; color:var(--color-01-hex); text-decoration:underline; border-bottom:1px #f6f6f6 solid; cursor:pointer}
#articles-all-toggle span {display:inline-block; margin-left:8px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid var(--color-01-hex); vertical-align:middle}


.articles-categories {padding:40px 0}
.articles-categories h1 {font-size:32px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; padding-bottom:30px}
.articles-categories .list { display:flex; flex-flow:wrap; box-shadow:-1px -1px 0 #f6f6f6}
.articles-categories a { flex:0 0 25%;  display:flex; align-items:center; text-decoration:none; color:#a7a7a7; box-shadow:inset -1px -1px 0 #f6f6f6}
.articles-categories a:hover {color:#000}
.articles-categories img {margin-left:20px}
.articles-categories h2 {padding:25px 20px; font-size:16px}
.articles-empty-categories {height:70px}
.articles-all {border-top:#f6f6f6 1px solid}
.center-dark .articles {box-shadow:-1px 0 0 #d0d0d0}


@media only screen and (max-width:1600px) {
	.articles {padding-top:20px}
	.articles-break {height:1px}
	.articles-categories h1 {padding:0 40px 30px 40px}
}




@media only screen and (max-width:1080px) {


	.articles {padding-top:0}
	.articles .box { flex:0 0 calc(100% / 3)}
	.articles .box:first-child { flex:0 0 calc(100% / 3)}
	.articles .box:first-child a.image {position:relative; display:block; width:100%; height:auto; background:initial}
	.articles .box:first-child a.image img {display:block}
	.articles .box:first-child a.text {display:block; width:100%; margin-left:0}
	.articles .box:first-child .intro {display:none}
	.articles .box:first-child .next {width:calc(100% - 40px)}

	.missing-content .mark {width:100px; margin:25px 40px 0 0; font-size:100px}

	.articles-categories a { flex:0 0 calc(100% / 3)}
	#articles-all-toggle {padding:30px 0}

}


@media only screen and (max-width:980px) {
	.articles-more a {margin:10px 0}

	.articles-categories h1 {padding:0 20px 20px 20px}
	.articles-categories {padding:20px 0}

}


@media only screen and (max-width:820px) {
	.articles .box { flex:0 0 50%}
	.articles .box:first-child { flex:0 0 50%}
	.articles:not(.articles-all) .box:nth-child(3) {display:none}
	.articles-categories a { flex:0 0 50%}
}

@media only screen and (max-width:520px) {
	.articles .box {
		flex: 0 0 100%
	}

	.articles .box:first-child {
		flex: 0 0 100%
	}
}


@media only screen and (max-width:480px) {
	.articles-categories a { flex:0 0 100%}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/compare.css?v=20250904 */
.compare-header {padding:40px 0}
.compare-header .group-title { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; background-color:#f6f6f6; border:1px #eee solid}
.compare-header h2 {flex:0 0 auto; padding:20px 30px}
.compare-header h2 span {display:inline-block; background:url("/templates/b2c/images/arrow-blue.png"); width:6px; height:9px; margin:0 12px; vertical-align:middle}
.compare-header .remove-compare-set {flex:0 0 auto; font-size:13px; color:#666; padding:20px 30px; cursor:pointer;text-decoration: none;}
.compare-header .remove-compare-set .cross {vertical-align:middle; display:inline-block; color:var(--color-error-hex); font-size:17px; margin-right:4px}
.compare-header .remove-compare-set .text {vertical-align:middle;color: #a7a7a7;text-decoration: none;}
.compare-header .remove-compare-set .text:hover {text-decoration:underline}
.compare-header .group {position:relative; overflow-x:hidden; margin:-1px 0 50px 0; border:1px #eee solid; border-top:0 none}
.compare-header .group:last-child {margin-bottom:0}
.compare-header .content { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.compare-header .block { display:flex}
.compare-header .column {flex:0 0 300px; border-top:1px #eee solid; box-shadow:1px 0 0 #eee}
.compare-header .top {flex:0 0 100%}
.compare-header .top .column {position:relative; text-align:center; padding-bottom:80px}
.compare-header .top a.title {color:#000; text-decoration:none; font-family:Roboto, sans-serif; font-weight:700; display:block; padding:20px 20px 5px 20px; height:40px}
.compare-header .top a.title:hover {text-decoration:underline}
.compare-header .top a.image {display:block; height:260px; text-decoration:none}
.compare-header .top a.image img {width:auto; max-width:80%; height:auto; max-height:80%; vertical-align:middle; transition:all 300ms ease}
.compare-header .top a.image:hover img {transform:scale(1.075)}
.compare-header .top .middle {display:inline-block; height:100%; vertical-align:middle}
.compare-header .top .availability {margin:25px 15px 15px 15px; font-size:14px}
.compare-header .top .availability > span {color:#90bf11}
.compare-header .top .price {color:var(--color-01-hex); font-family:Roboto, sans-serif; font-weight:700; font-size:24px; margin:10px 0 25px 0}
.compare-header .top .remove-compare {font-size:15px; padding:20px 0; cursor:pointer;text-decoration: none;color: #a7a7a7;}
.compare-header .top .remove-compare .cross {vertical-align:middle; display:inline-block; color:var(--color-error-hex); font-size:17px; margin-right:4px}
.compare-header .top .remove-compare .text {vertical-align:middle}
.compare-header .top .remove-compare .text:hover {text-decoration:underline}
.compare-header .top .description {margin:20px 20px 0 20px; text-align:left; font-size:11px; line-height:1.4;height: 400px;overflow: auto;}
.compare-header .top .button {position:absolute; bottom:15px; left:15px; right:15px; text-align:left}
.compare-header .top .button .form-button {display:flex}
.compare-header .top a.variants {display:block; background-color:var(--color-02-hex); padding:15px 50px 14px 50px; color:#fff; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; text-align:center; text-transform:uppercase; text-decoration:none; vertical-align:top}
.compare-header .top .quantity {position:relative; display:inline-block; vertical-align:top; padding-right:30px}
.compare-header .top .quantity span {position:absolute; right:0; display:block; background-color:#fff; width:30px; height:25px; line-height:25px; color:#a7a7a7; text-align:center; border:1px #e8e6e6 solid; border-right:0 none}
.compare-header .top .quantity span:hover {background-color:#f6f6f6; cursor:pointer}
.compare-header .top .plus {top:0}
.compare-header .top .minus {bottom:0; font-family:Roboto, sans-serif; font-weight:700}
.compare-header .top input[type=text] {vertical-align:top; border:1px #e8e6e6 solid; width:50px; font-size:14px; text-align:center; color:#231f20; padding:16px 0}
.compare-header .top input[type=button] {flex-grow:1; background-color:var(--color-02-hex); padding:16px 30px; color:#fff; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; vertical-align:top}
.compare-header .params {flex:0 0 100%}
.compare-header .params .block .column {flex:0 0 270px; padding:8px 15px 8px 15px}

.compare-header .compare-draggable-info {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none}
.compare-header .compare-draggable-info > div {position:absolute; top:0; right:0; bottom:0; left:0;  display:flex; justify-content:center; align-items:center}
.compare-header .compare-draggable-info .box {position:relative; background:#fff; padding:30px 50px; text-align:center; font-size:15px}
.compare-header .compare-draggable-info .close {position:absolute; top:0; right:-57px; width:57px; height:57px; background:#484848 url("/templates/b2c/images/popup-close.png") center center no-repeat; cursor:pointer}
.compare-header .compare-draggable-info .close:hover {background-image:var(--color-error-hex)}
.compare-header .compare-draggable-info .image {background:url("/templates/b2c/images/compare-draggable.png") center 0 no-repeat; height:123px; margin-top:20px}

.compare-property {
	display: grid;
	justify-content: left;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid #F2F2F2;
}

.compare-property .label {
	font-weight: bolder;
	padding: 10px;
	text-align: left;
}

.compare-property .value {
	padding: 10px;
	text-align: left;
}


@media only screen and (max-width:740px) {
	.compare-header h2 {flex:0 0 100%; padding:15px 20px; font-size:14px}
	.compare-header .remove-compare-set {flex:0 0 100%; padding:7px 20px 15px 20px}
}

@media only screen and (max-width:560px) {
	.compare-header .compare-draggable-info .box {flex:0 0 calc(100% - 100px)}
	.compare-header .compare-draggable-info .close {top:-57px; right:0}
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/customer-section.css?v=20250904 */
.customer-section-container {
	padding: 20px;
	background-color: #ffffff;
}

.customer-section-container h2 {
	margin-top: 30px;
}

.login-dialog {
	width: 600px;
	max-width: 100%;
	margin-left: calc( 50% - 300px );
}

.login-dialog-input {
	margin-bottom: 25px;
	display: flex;
	gap: 5px;
	align-items: center
}

.login-dialog-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px;
	justify-content: right;
}


@media screen and ( width <= 800px ) {
	.login-dialog {
		margin-left: 0;
		width: 100%;
	}
}

.login-warning {
	display: grid;
	grid-template-columns: 70px 1fr;
	gap: 10px;
	margin: 10px;
	align-items: center;
}

#customer_detail_dialog .user-name {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 20px;
}

#customer_detail_dialog .buttons {
	display:flex;
	gap: 10px;
	margin: 10px;
}

.customer_section_addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
	gap: 20px;
}

@media screen and (width <= 1000px ) {
	.customer_section_addresses {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

}

.customer_section_addresses_address {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.customer_section_addresses_address>div {
	padding: 10px;
	line-height: 30px;
}

.selected-address {
	background-color: #dcdcdc;
}

.customer_section_addresses_address_buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr;
	border-left: 1px solid #c9c9c9;
	margin-left: 10px;
	padding-left: 10px;
}

@media screen and (width <= 1000px ) {
	.customer_section_addresses_address {
		grid-template-columns: 1fr;
	}

	.customer_section_addresses_address_buttons {
		display: flex;
		gap: 10px;
		border-top: 1px solid #c9c9c9;
		margin-top: 10px;
		padding-top: 10px;
		border-left: none;
		margin-left: 0px;
		padding-left: 0px;
	}

}

.customer_section_form {
	margin: 20px;
}

.customer_section_form_buttons {
	padding: 10px;
	text-align: right;
}

.customer_section_form_dialog {
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 100px;

}


@media screen and (width <= 1000px ) {
	.customer_section_form_dialog {
		margin-left: 0;
		margin-right: 0;
	}
}

.customer_section_basic_info {
	display: grid;
	justify-content: left;
	grid-template-columns: auto auto;
	gap: 20px;
}

@media screen and (width <= 1000px ) {
	.customer_section_basic_info {
		grid-template-columns: 1fr;
	}
}

.order-detail>.main-info,
.order-list-item>.main-info
{
	display: grid;
	grid-template-columns: 0.8fr 2fr;
	gap: 10px;
	align-items: center
}

.order-list-item>.items {

}

.order-list-item>.items>.item>.number-of-units,
.order-detail>.items>.item>.number-of-units
{
	grid-area: number-of-units;
}

.order-list-item>.items>.item>.title,
.order-detail>.items>.item>.title
{
	grid-area: title;
}

.order-list-item>.items>.item>.total,
.order-detail>.items>.item>.total
{
	grid-area: total;
	text-align: right;
}


.order-list-item>.items>.item,
.order-detail>.items>.item
{
	display: grid;
	grid-template: "number-of-units title total";
	grid-template-columns: 0.2fr 1fr 0.3fr;
	gap: 10px;
	margin: 10px;
}

@media screen and (width <= 1000px ) {
	.order-list-item>.items>.item,
	.order-detail>.items>.item
	{
		display: grid;
		grid-template: "number-of-units title"
						". total";
		grid-template-columns: 0.2fr 1fr;
		gap: 10px;
		margin: 10px;
	}

	.order-list-item>.items>.item>.total,
	.order-detail>.items>.item>.total
	{
		text-align: right;
	}
}


.order-list-item>.total {
	font-weight: bolder;
	font-size: 1.5rem;
	text-align: right;
}

.order-list-item {
	display: grid;
	grid-template-columns: 0.7fr 1fr 200px;
	margin: 20px;
	border-radius: 5px;
	padding: 20px;
	gap: 10px;
}

@media screen and (width <= 1000px ) {
	.order-list-item {
		grid-template-columns: 1fr;
	}
}


.order-detail-header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 20px;
}

@media screen and (width <= 1000px ) {
	.order-detail-header {
		grid-template-columns: 1fr;
	}
}


.order-detail .billing-address {
	grid-area: billing-address;
}


.order-detail .delivery-address {
	grid-area: delivery-address;
}

.order-detail .main-info {
	grid-area: main-info;
}

.order-detail .items {
	grid-area: items;
}


.order-detail>.total {
	grid-area: total;
	text-align: right;
	font-weight: bolder;
	font-size: 1.5rem;
}

.order-detail {
	display: grid;
	grid-template:
			"main-info main-info"
			"billing-address delivery-address"
			"items items"
			"total total";
	gap: 20px;
	margin-top: 10px;
}

@media screen and (width <= 1000px ) {
	.order-detail {
		display: grid;
		grid-template:
			"main-info"
			"billing-address"
			"delivery-address"
			"items"
			"total";
		gap: 20px;
		margin-top: 10px;
	}
}

.status-cancelled,
.status-done,
.status-warning,
.status-in-progress,
.status-pending,
.status-processing
{
	padding: 10px;
	text-align: center;
}

.status-cancelled {
	background-color: #ffaaaaaa;
	color: #111111;
	font-weight: bolder;
}

.status-done {
	background-color: #00ffc1;
}

.status-warning {
	background-color: #ffaaaaaa;
	color: #111111;
	font-weight: bolder;
}

.status-in-progress {
	background-color: #9faaFF;
	color: #111111;
}

.status-pending {
	background-color: #cecece;
}


.status-processing {
	background-color: #00ddc1;
}

/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/returns-of-goods.css?v=20250904 */

.return-of-goods-product {
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 5px;
	margin: 10px;
	align-items: center;
}

.return-of-goods-product img {
	max-width: 100%;
	height: auto;
}

.return-of-goods-header {
	display: grid;gap: 10px;align-items: center;grid-template-columns: auto 1fr;
}

.return-of-goods-header .number {
	font-weight: bolder;font-size: 1.4rem
}


.return-of-goods-list-item>.rog-number {
	grid-area: rog-number;
	font-weight: bolder;
}
.return-of-goods-list-item>.order-number {
	grid-area: order-number;
	font-size: 0.8rem;
}
.return-of-goods-list-item>.status {
	grid-area: status;
}
.return-of-goods-list-item>.product {
	grid-area: product;
}
.return-of-goods-list-item>.date {
	grid-area: date;
	font-size: 0.8rem;
	opacity: 0.8;
}


.return-of-goods-list-item {
	border: 1px solid rgba(0, 0, 0, .125);
	padding: 10px;
	margin-bottom: 20px;
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template:
			"status rog-number product"
			"status date product"
			"status order-number product";
	grid-template-columns: 150px 0.25fr 1fr;
}


@media screen and (width<=1000px) {
	.return-of-goods-list-item {
		margin-bottom: 20px;
		display: grid;
		gap: 10px;
		grid-template:
			"status rog-number"
			"status date"
			"status order-number"
			"product product";
		grid-template-columns: 150px 1fr;
	}
}

.return-of-goods-description {
	padding: 10px;
}

.return-of-goods-select-product-item {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-bottom: 20px;
}

.return-of-goods-select-product-item>.buttons>.exists-request {
	padding: 20px;
	font-weight: bolder;
}
/* ------------------------ */ 
/* URI: //www.mastersport.cz/templates/b2c/css/complaints.css?v=20250904 */

.complaints-product {
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 5px;
	margin: 10px;
	align-items: center;
}

.complaints-product img {
	max-width: 100%;
	height: auto;
}

.complaint-header {
	display: grid;gap: 10px;align-items: center;grid-template-columns: auto 1fr;
}

.complaint-header .number {
	font-weight: bolder;font-size: 1.4rem
}


.complaints-list-item>.rog-number {
	grid-area: rog-number;
	font-weight: bolder;
}
.complaints-list-item>.order-number {
	grid-area: order-number;
	font-size: 0.8rem;
}
.complaints-list-item>.status {
	grid-area: status;
}
.complaints-list-item>.product {
	grid-area: product;
}
.complaints-list-item>.date {
	grid-area: date;
	font-size: 0.8rem;
	opacity: 0.8;
}


.complaints-list-item {
	border: 1px solid rgba(0, 0, 0, .125);
	padding: 10px;
	margin-bottom: 20px;
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template:
			"status rog-number product"
			"status date product"
			"status order-number product";
	grid-template-columns: 150px 0.25fr 1fr;
}


@media screen and (width<=1000px) {
	.complaints-list-item {
		margin-bottom: 20px;
		display: grid;
		gap: 10px;
		grid-template:
			"status rog-number"
			"status date"
			"status order-number"
			"product product";
		grid-template-columns: 150px 1fr;
	}
}

.complaints-description {
	padding: 10px;
}

.complaints-select-product-item {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-bottom: 20px;
}

.complaints-select-product-item>.buttons>.exists-request {
	padding: 20px;
	font-weight: bolder;
}

#complaint-images {
	margin-top: 20px;
}

.complaint-image>.image {
	grid-area: image;
}

.complaint-image>.image img {
	max-width: 100%;
	height: auto;
}


.complaint-image>.name {
	grid-area: name;
}
.complaint-image>.size {
	grid-area: size;
}
.complaint-image>.delete {
	grid-area: delete;
	text-align: right;
}

.complaint-image {
	display: grid;
	align-items: center;
	gap: 20px;
	margin: 20px;
	padding-bottom: 20px;
	grid-template:
			"image name delete"
			"image size delete"
		;
	grid-template-columns: 100px 1fr 200px;
	border-bottom: 1px dotted #c9c9c9;
}


@media screen and (width<=1000px) {
	.complaint-image {
		display: grid;
		align-items: center;
		gap: 20px;
		margin: 20px;
		grid-template:
			"image name"
			"image size"
			"image delete"
		;
		grid-template-columns: 60px 1fr;
	}
}

/* ------------------------ */