@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");

/* font-weight */

/* Padding */

.padt-6 {
  padding-top: 3rem;
}

/* pad mobile*/

/* Margin */

/* margin mob */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Variables colors */
:root {
  --background: #161530;
  --black: #000;
  --blue: #07b3e3;
  --gray-100: #f2f2f2;
  --gray-200: #DBDCDC;
  --gray-300: #ccc;
  --gray-400: #c3c3c3;
  --gray-500: #A6A6A6;
  --gray-600: #898989;
  --gray-700: #6c6b6b;
  --gray-800: #514d4d;
  --gray-900: #2a2f31;
  --green: #8bc53f;
  --green-light: #d9ebc3;
  --metalgrey: #adadb9;
  --nightblue: #2f2a50;
  --orange: #f99621;
  --pink: #f83c7c;
  --pink-light: #FEECF2;
  --purple: #8656e8;
  --red: #d21a1a;
  --turquoise: #3BAF84;
  --white: #fff;
}

@keyframes arrow {
  0% {
    right: 0;
  }
  50% {
    right: 0.25rem;
  }
}
/* Global CSS rules */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--black);
}

select::-ms-value {
  background: none;
  color: var(--black);
}

::-webkit-input-placeholder {
  color: var(--metalgrey);
}

::-moz-placeholder {
  color: var(--metalgrey);
}

::-ms-input-placeholder {
  color: var(--metalgrey);
}

::placeholder {
  color: var(--metalgrey);
}

.search input::-webkit-input-placeholder {
  color: var(--gray-900);
}

.search input:-moz-placeholder {
  color: var(--gray-900);
}

.search input::-moz-placeholder {
  color: var(--gray-900);
}

.search input:-ms-input-placeholder {
  color: var(--gray-900);
}

.search input::-ms-input-placeholder {
  color: var(--gray-900);
}

.search input::placeholder {
  color: var(--gray-900);
}

* {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

body {
  background: var(--white);
  color: var(--gray-700);
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 150px;
  margin: 0;
  min-height: 100vh;
  padding: 0;
  position: static;
  text-align: center;
}

html {
  scroll-behavior: smooth;
}

.page {
  max-width: 100%;
  margin: auto;
  z-index: 2;
}

a {
  text-decoration: none;
  transition-duration: 0.25s;
  cursor: pointer;
  color: var(--gray-900);
}

a:hover {
  text-decoration: none;
}

.clear,
hr {
  clear: both;
  float: none;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
p,
ul,
li {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

ul:after,
.bg:after,
.inner:after,
.boxes:after,
.over:after,
.row:after,
.photos:after,
.coupon:after,
.total .price:after,
.items:after,
.addedtocart .btns:after,
.tablediv:after,
.login:after {
  display: block;
  content: "";
  clear: both;
  float: none;
}

.row:after {
  border-top: 1px solid var(--gray-200);
  margin: 15px;
  margin-bottom: 0;
  padding-bottom: 15px;
}

strong,
b {
  font-weight: 700;
}

.overtable {
  width: 100%;
  overflow: auto;
}

table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border: 0;
}

table tr td,
table tr th {
  background-clip: padding-box !important;
  border: 0;
}

.bg {
  padding: 15px;
  max-width: 1410px;
  margin: auto;
}

.inner {
  padding: 15px;
  clear: both;
  float: none;
}


.col75,
.col70,
.col66,
.col50,
.col33,
.col40,
.col30,
.col25,
.col20,
.col16 {
  float: left;
  width: 50%;
}

.col70 {
  width: 70%;
}

.col75 {
  width: 75%;
}

.col66 {
  width: 66.666666%;
}

.col50 {
  width: 50%;
}

.col40 {
  width: 40%;
}

.col33 {
  width: 33.333333%;
}

.col30 {
  width: 30%;
}

.col25 {
  width: 25%;
}

.col20 {
  width: 20%;
}

.col16 {
  width: 16.666666%;
}

.tag {
  position: Absolute;
  top: -130px;
  left: 0;
}

sup {
  display: inline-block;
  font-size: 0.5em;
  margin-top: -4px;
}

a.abslink {
  display: block;
  position: Absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

form {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
}

label {
  color: #97a8b9;
  display: block;
  font-weight: 500;
  font-size: 18px;
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
input[type=password],
textarea,
select {
  -webkit-appearance: none;
  -webkit-border-radius: 45px;
  border: 0;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  height: 45px;
  line-height: 25px;
  color: var(--gray-900);
  border-radius: 45px;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  margin: 0;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  background: var(--gray-100);
  resize: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}

input[type=checkbox],
input[type=radio] {
  display: none;
  visibility: hidden;
}

textarea {
  min-height: 180px;
}

select {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

button {
  display: inline-block;
  border: 0;
  padding: 12px;
  min-height: 35px;
  line-height: 35px;
  color: #0E073C;
  border-radius: 0;
  background: var(--white);
  text-decoration: none;
  outline: none;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  border: 0;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  text-transform: uppercase;
  letter-spacing: 0;
  -webkit-border-fit: border !important;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -webkit-box-align: start;
  -webkit-border-fit: lines;
  -webkit-margin-collapse: discard;
}

button:hover {
  background-color: var(--purple);
}

.radio,
.data .check,
.checkout .gifts .check,
.force-check {
  padding: 15px;
  padding-left: 60px;
  min-height: 30px;
  border-radius: 4px;
  color: var(--gray-700);
  font-weight: 400;
  cursor: pointer;
  font-size: 15px;
  text-align: left;
  border: 1px solid transparent;
}

.data .check,
.force-check {
  padding-left: 45px;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.radio .fleft {
  float: left;
  display: block;
  line-height: 30px;
}

.radio .fright {
  float: right;
  display: block;
  line-height: 30px;
}

.radio .price {
  margin-left: 10px;
  font-size: 18px;
  line-height: 30px;
  min-width: 80px;
  text-align: right;
}

.radio img {
  height: 30px;
  width: auto;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.radio a {
  color: var(--pink);
  text-decoration: underline;
}

.radio a:hover {
  text-decoration: none;
}

.radio.active {
  background-color: transparent;
  border-color: var(--pink);
}

.radiooutline,
.checkout .gifts .check {
  border: 1px solid transparent;
  margin: -1px;
}

.radiooutline.active,
.checkout .gifts .check.active {
  background: transparent;
  border-color: var(--pink);
}

.radiooutline label.check {
  color: var(--nightblue);
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  min-height: 25px;
  padding-top: 5px;
  padding-bottom: 15px;
  margin-top: 24px;
  margin-bottom: 8px;
  display: inline-block;
  padding-left: 40px;
  background: url(../img/ic_bag.png) no-repeat left top;
}

.radiooutline label.check.active {
  background-image: url(../img/ic_bag_active.png);
}

.radio:before,
.data .check:before,
.force-check:before,
.checkout .gifts .check:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: var(--white);
  border: 1px solid var(--gray-400);
  top: 15px;
  left: 15px;
  position: absolute;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.data .check:before,
.force-check:before {
  border-radius: 4px;
  left: 0;
  top: 10px;
}

.radio:after,
.data .check:after,
.force-check:after,
.checkout .gifts .check:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: var(--pink);
  position: absolute;
  top: 22px;
  left: 22px;
  opacity: 0;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.data .check:after,
.force-check:after {
  border-radius: 2px;
  left: 7px;
  top: 17px;
}

.radio.active:before,
.data .check.active:before,
.force-check.active:before,
.checkout .gifts .check.active:before {
  border-color: var(--pink);
}

.radio.active:after,
.data .check.active:after,
.force-check.active:after,
.checkout .gifts .check.active:after {
  opacity: 1;
}

.btn {
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif !important;
  line-height: 30px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
  background: var(--pink);
  color: var(--white);
  font-size: 20px;
  border-radius: 50px;
  outline: none;
}

.btn:hover {
  background-color: var(--purple);
}

.btn.arrow_right {
  padding-right: 40px;
}

.btn.arrow_right:after {
  display: block;
  position: Absolute;
  top: 0;
  width: 32px;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/ic_arrow_right.svg) no-repeat left center;
  content: "";
}

.btn.border {
  line-height: 20px;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  color: #2c2e53;
  border: 2px solid var(--gray-400);
  border-radius: 34px;
  background: transparent;
  font-size: 15px;
}

.btn.border:hover {
  border-color: var(--nightblue);
}

.btn.btnsmall {
  line-height: 20px;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  border-radius: 34px;
}

.btn.border.btnwhite {
  color: var(--white);
  border-color: var(--white);
}

.btn.border.arrow_right,
.btn.btnsmall {
  padding-right: 24px;
}

.btn.border.arrow_right:after {
  width: 17px;
  background-image: url(../img/ic_arrow_right_darkblue.svg);
  background-size: 4px auto;
}

.btn.btnsmall.arrow_right:after {
  width: 17px;
  background-size: 4px auto;
}

.btn.border.btnwhite.arrow_right:after {
  background-image: url(../img/ic_arrow_right.svg);
}

.btn_m {
  border: 2px solid var(--pink);
  background: transparent !important;
  color: var(--pink);
  line-height: 21px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  display: block;
  box-shadow: none !important;
  text-align: center !important;
}

.btn_m.noborder {
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
  text-align: left !important;
  display: inline-block;
}

.btn_m.grey {
  border-color: #C6C6C6;
  color: #C6C6C6;
}

.ic_filter {
  display: inline-block;
  line-height: 21px;
  background: url(../img/ic_filter.svg) no-repeat left center;
  padding-left: 30px;
}

.mtop15 {
  margin-top: 15px !important;
}

.mtop5 {
  margin-top: 5px !important;
}

.pink {
  color: var(--pink) !important;
}

.blue {
  color: var(--blue) !important;
}

.orange {
  color: #f99621 !important;
}

.violet {
  color: #8556e9 !important;
}

.red {
  color: #d21a1a !important;
}

.teal {
  color: #28AAA1 !important;
}

.green {
  color: #66A810 !important;
}

/* Btns */
.btns {
  clear: both;
  float: none;
  padding-top: 20px;
  padding-bottom: 20px;
}

.btns .btn {
  float: right;
  display: block;
  font-size: 18px;
}

.btns .btn.back {
  float: left;
  border: 2px solid var(--gray-400);
  color: var(--gray-400);
  background: var(--white);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 28px;
  padding-right: 28px;
}

.btns .btn.back:hover {
  box-shadow: none;
  border-color: var(--nightblue);
  color: var(--nightblue);
}

/* Coupon */
.coupon {
  background: #fbfbfb url(../img/ic_save_pink.svg) no-repeat 15px center;
  border-radius: 10px;
  padding: 8px;
  text-align: left;
  line-height: 45px;
  padding-right: 15px;
  padding-left: 50px;
}

.coupon input[type=text] {
  display: inline-block;
  width: 110px;
  background-color: var(--white);
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  color: var(--nightblue);
  font-weight: 400;
  font-size: 16px;
  margin-right: 10px;
}

.coupon input[type=text].active {
  background-image: url(../img/ic_check_green.svg);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.coupon a {
  text-decoration: underline;
}

.coupon a:hover {
  text-decoration: none;
}

.coupon .col50:nth-child(2) {
  text-align: right;
}

.coupon button {
  display: inline-block !important;
  float: none !important;
  line-height: 45px;
  height: 45px;
}

/* Delivery */
.delivery {
  float: right;
  overflow: hidden;
  padding-top: 9px;
}
@media (max-width: 890px) {
  .delivery {
    text-align: center !important;
    margin-top: 10px !important;
  }
}

.delivery span {
  display: inline-block;
  line-height: 20px;
  font-size: 18px;
  color: var(--nightblue);
  font-weight: 400;
  vertical-align: middle;
}

.delivery .line {
  height: 20px;
  min-width: 300px;
  margin-right: 10px;
}

.delivery .line:before,
.delivery .line .car:before {
  display: block;
  content: "";
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  background: #f8e5f7;
}

.delivery .line .overcar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 25px;
  bottom: 0;
}

.delivery .line .car {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 25px;
  background: var(--white) url(../img/ic_delivery_pink.svg) no-repeat left center;
}

.delivery .line .car:before {
  width: 300px;
  left: -298px;
  background: var(--pink);
  right: auto;
  z-index: 2;
}

/* Total */
.total {
  text-align: right;
  padding-bottom: 20px;
  float: right;
}

.total .price {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 40px;
}

.total .price strong {
  font-size: 30px;
  margin-left: 10px;
  display: inline-block;
}

.col33 .total {
  float: none;
}

.col33 .total .price {
  margin-bottom: 0;
}

/* Quantity */
.quantityover {
  display: block;
  height: 0;
  width: 100%;
  clear: both;
  float: none;
}

.quantity {
  display: block;
  position: Absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  background: var(--white);
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  padding: 10px;
  min-width: 200px;
  box-sizing: border-box;
}

.quantity:before {
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #cdcdcd;
  border-radius: 0 0 5px 0;
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 35px;
  background: var(--white);
  transform: rotate(45deg);
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
}

.quantity strong {
  display: block;
  color: var(--gray-700);
  font-size: 16px;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 15px;
}

.quantity ul {
  display: block;
  text-align: center;
}

.quantity ul li {
  display: block;
  float: left;
  width: calc(20% - 1px);
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid var(--gray-100);
  margin-right: -1px;
  cursor: pointer;
  margin-bottom: -1px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.quantity ul li:nth-child(6n),
.quantity ul li:first-child {
  border-left: 1px solid transparent;
}

.quantity ul li:nth-child(5n) {
  border-right: 1px solid transparent;
}

.quantity ul li:hover {
  background: #ffecf2;
  font-weight: 700;
  color: var(--pink);
  z-index: 3;
  border-color: var(--pink);
}

/* Banner */
.banner a {
  display: block;
}

.banner a img {
  width: 100%;
  height: auto;
}

/* Other */
.btn.btn-border {
  background: transparent;
}

.btn.btn-border.dark {
  color: #2c2e53;
  border: 2px solid #2c2e53;
}

.banner .btn.btn-border {
  color: var(--nightblue);
  border: 2px solid var(--nightblue);
}

.banner .btn.btn-border.arrow_right::after {
  background-image: url(../img/ic_arrow_right_darkblue.svg);
}

.banner {
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  display: block;
  clear: both;
  float: none;
  height: 120px;
}

.banner > div {
  height: 100%;
  background-color: #cdcdcd;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.banner span {
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
}

.vypis .intro {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

.vypis ul.categories {
  /* display: flex;
    flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 12px;
  margin: 20px 0;
}

.vypis ul.categories li:nth-child(1n+12) {
  display: none;
}

.vypis ul.categories.opened li:nth-child(1n) {
  display: block;
}

.vypis ul.categories li a {
  background: #ffe8ec;
  color: var(--pink);
  padding: 10px 40px 10px 15px;
  display: block;
}

.vypis ul.categories li a.unwrap {
  background: none;
  font-weight: 700;
  padding: 10px 0;
}

.vypis ul.categories li a:after {
  display: block;
  position: Absolute;
  top: 0;
  width: 18px;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/ic_arrow_right_pink.svg) no-repeat left center;
  content: "";
}

.vypis ul.categories li a.unwrap::after {
  display: none;
}

.vypis .sidebar > form {
  margin-right: 20px;
  text-align: left;
  width: calc(100% - 20px);
}

.range-inputs {
  display: flex;
  padding: 30px 10px 10px 0;
}

.range-inputs .dash {
  margin: 0 5px 0 15px;
  font-size: 24px;
}

.range-inputs input {
  border-radius: 5px;
  border: 1px solid lightgray;
  background: white;
  height: 35px;
  font-size: 16px;
  padding-right: 35px;
  text-align: right;
  width: 40%;
  padding-left: 10px;
}

.range-inputs .unit {
  /* display: block; */
  margin-left: -30px;
  width: 20px;
  line-height: 37px;
}

.vypis .intro .wrap-text {
  font-size: 16px;
  margin: 15px 0;
}

.vypis .wraptree .unwrap::before {
  content: "";
  display: inline-block;
  background-image: url(../img/mnozstvi-plus-male_pink.svg);
  background-position: center bottom 1px;
  background-size: 10px;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.ukoncen-msg {
  display: flex;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--gray-100);
  flex-wrap: wrap;
  text-align: left;
  font-size: 18px;
}

.ukoncen-msg h2 {
  margin-right: 25px;
  margin-bottom: 0;
}

.ukoncen-msg .pink {
  cursor: pointer;
  text-decoration: underline;
}

.ukoncen-msg .pink::before {
  content: "";
  display: inline-block;
  background-image: url(../img/mimilatky_hlidani.svg);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 7px;
  vertical-align: middle;
}

.watchdog_layer .box {
  background: white;
  border-radius: 5px;
  text-align: left;
  padding: 30px;
  color: var(--nightblue);
  max-width: 400px;
}

.watchdog_layer h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.watchdog_layer p {
  line-height: 20px;
  color: var(--gray-700);
}

.watchdog_layer .field {
  margin: 25px 0;
}

.watchdog_layer .field > input {
  background: white;
  border: 1px solid var(--gray-700);
  width: 100%;
  padding: 10px 15px;
  font-weight: 500;
  border-radius: 3px;
  transition: border 0.4s ease;
  font-size: 16px;
  padding-right: 30px;
}

.watchdog_layer .field > label {
  color: var(--gray-700);
  background: white;
  position: absolute;
  top: -15px;
  left: 10px;
  font-size: 14px;
  padding: 0 5px;
  white-space: nowrap;
}

.watchdog_layer .field > input:valid {
  border: 1px solid #8bc53f;
  background-image: url(../img/ic_check_green_2.svg);
  background-position: right 10px center;
  background-size: 14px;
  background-repeat: no-repeat;
}

.watchdog_layer .field > input:valid + label {
  color: #8bc53f;
}

.watchdog_layer .btn {
  line-height: 24px;
  padding: 10px 20px;
  font-size: 17px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.fixedcart {
  display: block;
  position: fixed;
  bottom: -500px;
  right: 0;
  left: 0;
  background: var(--white);
  z-index: 88;
  border-top: 1px solid var(--pink);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.hovercart {
  display: none;
}

.marketplace-hp h2 {
  color: var(--nightblue);
  font-weight: 700;
  text-align: left;
  font-size: 30px;
  line-height: 35px;
}

.menu_m .inner ul.icons li a.ic_cart span {
  align-items: center;
  background: #2c2c30;
  border-radius: 20px;
  border: 1px solid var(--white);
  bottom: 0;
  color: var(--white);
  display: flex;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 11px;
  font-weight: 700;
  height: 18px;
  justify-content: center;
  left: 18px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  width: 18px;
}

/* Colors, Buttons, Coupon, Delivery, Total, Quantity, Banner */
.header .search .overinput,
.faq .search .overinput {
  z-index: 5;
}

.faq .search input {
  padding-left: 50px;
  background-image: url(../img/ic_search.svg);
  background-repeat: no-repeat;
  background-position: 5px top;
  background-size: 45px auto;
}

.faq .search input::placeholder {
  color: #c2c2c2;
}

.header .search.active input,
.faq .search.active input {
  background-color: var(--white);
  background-image: url(../img/ic_search_pink.svg);
}

.header .search.active,
.faq .search.active {
  z-index: 99;
}

.header .search .whisperer {
  display: none;
}

.header .search.active .whisperer {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  background: var(--white);
  display: block;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  padding: 15px;
  padding-bottom: 25px;
  padding-top: 70px;
  z-index: 3;
  text-align: left;
}

.header .search.active .whisperer:before {
  display: block;
  height: 1px;
  background: var(--gray-100);
  content: "";
  margin-bottom: 25px;
}

.header .search.active .whisperer h2 {
  font-size: 18px;
  line-height: 20px;
  color: var(--nightblue);
  font-weight: 700;
  margin-bottom: 20px;
}

.header .search.active .whisperer h3 {
  color: var(--gray-800);
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 18px;
  font-weight: 400;
}

.header .search.active .close_search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}

.header .search .tables {
  margin-top: -7px;
  margin-bottom: 15px;
}

.header .search .tables tr td,
.header .hovercart .tables tr td {
  padding-top: 7px;
  padding-bottom: 7px;
  border: 0;
  cursor: pointer;
}

.header .search .tables tr td:last-child,
.header .hovercart .tables tr td:last-child {
  text-align: right;
  white-space: nowrap;
}

.header .search .tables tr td .grey,
.header .hovercart .tables tr td .grey {
  color: var(--metalgrey);
}

.lang {
  position: absolute;
  top: 0;
  right: 15px;
  float: left;
}

.lang ul {
  background: #F3F3F3;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
}

.lang ul li {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  display: block;
  float: left;
  overflow: hidden;
}

.lang ul li.active {
  background: var(--pink);
}

.lang ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 400;
  color: #727171;
}

.lang ul li.active a {
  color: var(--white);
  font-weight: 700;
}

.header {
  background: var(--white);
  left: 0;
  position: sticky;
  right: 0;
  top: 0;
  transition-duration: 0.6s;
  z-index: 99;
}
.header__container {
  line-height: 1.2;
  margin: 0 auto;
  max-width: 1380px;
  position: relative;
  width: 90%;
}
.header__controls {
  display: flex;
  font-size: 1rem;
  gap: 2rem;
}
@media (min-width: 1199px) {
  .header__controls-item:hover .hovercart {
    display: block;
  }
}
.header__controls-link {
  align-items: center;
  background: url(../img/ic_user.svg) no-repeat left center;
  display: flex;
  height: 2.5rem;
  padding-left: 2.5rem;
}
.header__controls-link.active {
  background-image: url(../img/ic_user_pink.svg);
}
.header__controls-link:hover {
  color: var(--pink);
}
.header__controls-link--cart {
  background-image: url(../img/ic_cart.svg);
}
.header__controls-link--cart.active {
  background-image: url(../img/ic_cart_pink.svg);
}
.header__controls-link--popular {
  background-image: url(../img/ic_popular.svg);
}
.header__controls-link--popular.active {
  background-image: url(../img/ic_popular_pink.svg);
}
.header__controls-number {
  align-items: center;
  background: var(--gray-900);
  border-radius: 50%;
  border: 1px solid var(--white);
  bottom: 0rem;
  color: var(--white);
  display: flex;
  font-size: 0.6875rem;
  font-weight: 700;
  height: 1.125rem;
  justify-content: center;
  left: 1.125rem;
  line-height: 1;
  position: absolute;
  width: 1.125rem;
}
.header__controls-item:hover .header__delivery {
  display: none;
}
.header__delivery {
  align-items: center;
  background: var(--purple);
  border-radius: 0.375rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
  color: var(--white);
  display: flex;
  font-size: 1.125rem;
  gap: 1rem;
  min-width: 6rem;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 0;
  top: calc(100% + 1rem);
  white-space: nowrap;
}
.header__delivery::before {
  background: var(--purple);
  border-bottom: 0;
  border-radius: 2px 0 0 0;
  border-right: 0;
  border: 0;
  content: "";
  height: 1rem;
  position: absolute;
  right: 4.5rem;
  top: -5px;
  transform: rotate(45deg);
  width: 1rem;
}
.header__delivery-car {
  background: var(--purple) url(../img/ic_delivery_white.svg);
  background-size: 100% 100%;
  display: block;
  height: 1.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5rem;
}
.header__delivery-car::before {
  background-color: var(--white);
  display: block;
  content: "";
  height: 2px;
  left: -14rem;
  margin-top: -1px;
  position: absolute;
  right: auto;
  top: 50%;
  width: 14rem;
  z-index: 2;
}
.header__delivery-line {
  height: 1.25rem;
  overflow: hidden;
  width: 14rem;
}
.header__delivery-line:before {
  background-color: #9884ec;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  right: 0;
  top: 50%;
}
.header__flash {
  align-items: center;
  background: var(--pink);
  color: var(--white);
  display: flex;
  font-size: 1rem;
  gap: 0.5rem 1rem;
  justify-content: center;
  line-height: 1.2;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  text-align: center;
}
.header__flash .btn {
  line-height: 1.2;
}
.header__flash-close {
  background: url(../img/ic_close_white.svg) no-repeat center center;
  bottom: 0;
  display: block;
  font-size: 0;
  height: 2.5rem;
  margin: auto;
  opacity: 0.3;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
}
.header__flash-close:hover {
  opacity: 0.5;
}
.header__logo {
  background: url(../img/mimilatky_logo.svg) no-repeat bottom center;
  background-size: contain;
  display: block;
  font-size: 0;
  height: 2.8rem;
  overflow: hidden;
  width: 10rem;
}
.header__menu {
  display: flex;
  gap: 0.5rem;
  -ms-overflow-style: none;
}
.header__menu::-webkit-scrollbar {
  display: none;
}
.header__menu-link {
  border-radius: 1.3125rem;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
}
.header__menu-link:first-child:not(.header__menu-link.active) {
  padding-left: 0;
}
.header__menu-link.active {
  color: var(--white);
}
.header__menu-link--blue {
  color: var(--blue);
}
.header__menu-link--blue.active {
  background: var(--blue);
}
.header__menu-link--green {
  color: var(--green);
}
.header__menu-link--green.active {
  background: var(--green);
}
.header__menu-link--orange {
  color: var(--orange);
}
.header__menu-link--orange.active {
  background: var(--orange);
}
.header__menu-link--pink {
  color: var(--pink);
}
.header__menu-link--pink.active {
  background: var(--pink);
}
.header__menu-link--purple {
  color: var(--purple);
}
.header__menu-link--purple.active {
  background: var(--purple);
}
.header__menu-link--red {
  color: var(--red);
}
.header__menu-link--red.active {
  background: var(--red);
}
.header__mobile-icons {
  display: none;
  gap: 0.5rem;
  left: 0;
  position: absolute;
  top: 1rem;
}
.header__mobile-icons-item {
  align-items: center;
  display: flex;
  font-size: 0;
  justify-content: center;
  height: 2.5rem;
  width: 2.5rem;
}
.header__row {
  align-items: center;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  height: 4.375rem;
  position: static;
}
.header__row + .header__row {
  height: 5rem;
}
.header__search {
  flex-grow: 1;
  max-width: 35rem;
}
.header__search input {
  background-image: url(../img/ic_search.svg);
  background-position: 5px top;
  background-repeat: no-repeat;
  background-size: 45px auto;
  padding-left: 3.125rem;
  background-color: transparent;
  border: 1px solid #C3C3C3;
}
.header__search input::placeholder {
  color: #c2c2c2;
}
.header__topmenu {
  display: flex;
  font-size: 0.875rem;
  gap: 2rem;
  text-align: left;
}
.header__topmenu-item {
  display: flex;
  color: #5F5989;
}
.header__topmenu-icon {
  padding-right: 0.5rem;
  position: relative;
}
.header__topmenu-icon img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: relative;
  top: 0;
  width: 1.125rem;
}
@media (max-width: 1399px) {
  .header__controls {
    font-size: 0;
    gap: 1rem;
  }
}
@media (max-width: 1199px) {
  .header__delivery {
    display: none;
  }
  .header__controls {
    position: absolute;
    right: 0;
    top: 1rem;
  }
  .header__controls-item:first-child {
    display: none;
  }
  .header__logo {
    height: 1.75rem;
    width: 7.5rem;
  }
  .header__menu {
    overflow-x: auto;
    padding: 0.5rem 0;
  }
  .header__menu-link {
    font-size: 0.9375rem;
    padding: 0.25rem 0.5rem 0.3rem;
    white-space: nowrap;
  }
  .header__menu-link:first-child {
    margin-top: auto;
  }
  .header__menu-link:first-child:not(.header__menu-link:first-child.active) {
    padding-left: 0.5rem;
  }
  .header__menu-link:last-child {
    margin-bottom: auto;
  }
  .header__mobile-icons {
    display: flex;
  }
  .header__row {
    justify-content: center;
    height: 3rem;
    padding-top: 1rem;
  }
  .header__row + .header__row {
    border-top: 0;
    height: 2.5rem;
    padding-top: 0;
  }
  .header__search {
    display: none;
  }
  .header__topmenu {
    display: none;
  }
}
@media (max-width: 767px) {
  .header__flash {
    flex-direction: column;
    padding-right: 2rem;
  }
  .header__flash-close {
    bottom: auto;
    height: 1rem;
    right: 0.5rem;
    top: 1rem;
    width: 1rem;
  }
}
@media (max-width: 575px) {
  .header__controls-link {
    height: 2rem;
    padding-left: 2rem;
  }
  .header__controls-link--sm-hidden {
    display: none;
  }
  .header__mobile-icons-item {
    height: 2rem;
    width: 2rem;
  }
}
@media (max-width: 399px) {
  .header__controls-link {
    background-size: 70%;
  }
}

.promo {
  border-radius: 1rem;
  color: var(--white);
  display: grid;
  font-size: 1.5rem;
  gap: 2rem;
  grid-template-columns: 1fr 20rem;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 1380px;
  overflow: hidden;
  padding: 2rem 2rem 2rem 3.75rem;
  position: relative;
  text-align: left;
  width: 90%;
}
.promo__boxes {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.promo__boxes-item {
  align-items: start;
  border-radius: 0.625rem;
  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  padding: 2rem;
  position: relative;
}
.promo__heading {
  align-items: start;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  font-weight: normal;
}
.promo__heading-bg {
  background: var(--white);
  border-radius: 0.375rem;
  color: var(--gray-900);
  padding: 0.45rem 0.625rem;
}
.promo__heading-bg + .promo__heading-bg {
  margin-top: -0.5rem;
}
.promo__image {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: left;
  position: absolute;
  top: 0;
  width: 100%;
}
.promo__video {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: left;
  position: absolute;
  top: 0;
  width: 100%;
}
.promo__text {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  position: static;
}
.promo__title {
  display: flex;
  flex-direction: column;
  font-size: 3.75rem;
}
.promo__title-caption {
  font-size: 2rem;
  font-weight: normal;
}
@media (max-width: 1199px) {
  .promo {
    border-radius: 0;
    gap: 1rem;
    grid-template-columns: 1fr 2fr;
    overflow-x: scroll;
    padding: 1rem 5vw;
    width: 100%;
  }
  .promo__boxes {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 40vw);
  }
  .promo__boxes-item {
    padding: 1.25rem;
  }
  .promo__heading {
    font-size: 1.125rem;
  }
  .promo__text {
    border-radius: 0.625rem;
    gap: 1rem;
    overflow: hidden;
    padding: 1.25rem;
    position: relative;
    width: 40vw;
  }
  .promo__text p {
    display: none;
  }
  .promo__text .btn {
    border-radius: 2.125rem;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    padding: 0.4375rem 1.5rem 0.4375rem 0.9375rem;
  }
  .promo__text .btn::after {
    background-size: 0.25rem auto;
    width: 1.0625rem;
  }
  .promo__title {
    font-size: 1.5rem;
  }
  .promo__title-caption {
    font-size: 1.125rem;
  }
}
@media (max-width: 575px) {
  .promo {
    gap: 0.5rem;
  }
  .promo__boxes {
    gap: 0.5rem;
    grid-template-columns: repeat(2, 80vw);
  }
  .promo__text {
    width: 80vw;
  }
}
@media (max-width: 399px) {
  .promo__boxes-item, .promo__text {
    padding: 1rem;
  }
}

/* Items - sekce na HP */
.items {
  text-align: left;
}

.items .bg {
  padding-top: 0;
  padding-bottom: 0;
}

.items .border {
  height: 1px;
  margin-left: 15px;
  margin-right: 15px;
  background: var(--gray-100);
  margin-bottom: 40px;
}

.items .itembox {
  display: block;
  float: left;
  width: 20%;
  display: inline-block;
  float: none;
  margin-left: -2px;
  margin-right: -2px;
  vertical-align: top;
  text-align: center;
}

.landing.items .itembox {
  width: 25%;
}

.itemssmall .itembox {
  width: 16.66666%;
}

.checkout ul.tabstoggle em {
  font-weight: 400 !important;
  color: var(--metalgrey) !important;
  font-style: normal;
}

.itembox .item {
  display: block;
  border-radius: 10px;
  font-weight: 400;
  color: var(--gray-700);
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
}

.itembox .item h3 {
  font-weight: 400;
  color: var(--gray-700);
  font-size: 15px;
  line-height: 24px;
  display: block;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itemssmall .itembox .item h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itembox:hover .item {
  background: var(--white);
  box-shadow: 0 2px 13px rgb(221, 223, 253);
}

.itembox .item .desc {
  display: block;
  padding: 15px;
}

a.product-item-link {
  display: block;
  height: 100%;
}

.itembox .item .img {
  display: block;
  border-radius: 10px;
  background-color: var(--gray-100);
}

.itembox .item .tags {
  display: block;
  position: absolute;
  top: 5px;
  left: -7px;
  float: left;
  width: 50px;
}

.itembox .item .tags span {
  color: #6f6f6f;
  display: inline-block;
  background: #cccccc;
  font-size: 15px;
  line-height: 25px;
  white-space: nowrap;
  font-weight: 700;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 3px;
  margin: 3px;
}

.itembox .item .tags span.pink {
  color: var(--white) !important;
  background: var(--pink) !important;
}

.itembox .item .tags span.green {
  color: var(--white) !important;
  background: #8bc53f !important;
}

.itembox .item .tags span.blue {
  color: var(--white) !important;
  background: var(--blue) !important;
}

.itembox .item .msg {
  display: block;
  padding: 7px;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -10px;
  background: #2c2c30;
  border-radius: 5px;
  color: var(--white);
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}

.itembox .item .msg:before {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #2c2c30;
  position: absolute;
  left: 50%;
  bottom: -4px;
  margin-left: -5px;
  content: "";
  transform: rotate(45deg);
}

.itembox .ic_popular {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url(../img/oblibene_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  opacity: 0.85;
  -webkit-filter: drop-shadow(-1px 1px 4px #adadb9);
  filter: drop-shadow(-1px 1px 4px #adadb9);
}

.itembox.large .ic_popular {
  background-image: url(../img/oblibene-prechod.svg);
}

.itembox.large .populardiv {
  display: none;
}

.item .desc .price .sale {
  color: var(--white) !important;
  background: var(--pink) !important;
  border-radius: 2px;
  padding: 0px 2px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  height: 15px;
  display: inline-block;
  margin-right: 3px;
  bottom: 1px;
}

.itembox .populardiv {
  display: block;
  float: left;
  position: absolute;
  top: 25px;
  right: 25px;
}

.itembox .ic_popular:hover,
.itembox .ic_popular.active,
.itembox.large .ic_popular.active {
  opacity: 1;
  background-image: url(../img/oblibene_pink.svg);
}

.itembox .item .desc .price {
  display: block;
}

.itembox .item .desc .price strong {
  font-size: 17px;
  line-height: 17px;
}

.itembox .item .desc .price strike {
  font-size: 13px;
  font-weight: 600;
  margin-left: 3px;
}

.more {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}

.more:hover {
  text-decoration: underline;
}

.items .more {
  position: absolute;
  top: -52px;
  right: 15px;
}

.tables .more {
  float: right;
  z-index: 2;
}

.items .tab,
.single .tab {
  display: none;
}

.items .tab.active,
.single .tab.active {
  display: block;
}

.tables h2.fleft {
  float: left;
}

@media only screen and (max-width: 1150px) {
  .items .tab .over {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
  .items .more {
    display: none;
  }
  .items .itembox {
    display: inline-block;
    float: none;
    width: 25vw;
    margin: 0 5px;
  }
  .items .swiper-container .itembox {
    width: 25vw;
  }
  /* .archive .items .itembox, .detail:not(.home) .items .itembox {width: 33.3333%;} */
  .items .itembox .inner {
    padding: 5px;
  }
  .items .itembox .inner .desc {
    text-align: center;
    padding: 5px;
  }
  .items .itembox .inner .desc h3 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .itembox .populardiv {
    top: 15px;
    right: 15px;
  }
  .itembox .item,
  .itembox .item .img {
    border-radius: 5px;
  }
  .items ul.tabstoggle {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 720px) {
  .items .itembox .inner .desc h3 {
    white-space: normal;
  }
}
@media only screen and (max-width: 560px) {
  .items .itembox {
    width: 37vw;
  }
}
@media only screen and (max-width: 1000px) {
  .landing.items .itembox {
    width: 45%;
  }
}
.likes {
  line-height: 1.2;
  margin: 0 auto;
  max-width: 1380px;
  padding-bottom: 2rem;
  padding-top: 2rem;
  width: 90%;
}
.likes__box {
  border-radius: 0.75rem;
  display: block;
  min-height: 18rem;
  overflow: hidden;
  position: relative;
}
.likes__box .btn {
  border-color: #474747;
  margin-top: 1rem;
}
.likes__box--large {
  grid-row: span 2;
  min-height: 25rem;
}
.likes__box:hover .likes__image img {
  transform: scale(1.05);
}
.likes__grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1.75fr 1fr 1.75fr;
}
.likes__grid-row {
  display: grid;
  gap: 2rem;
  grid-column: span 2;
  grid-template-columns: 1.75fr 1fr;
}
.likes__heading {
  color: #49413a;
  font-size: 2rem;
  font-weight: normal;
}
.likes__heading--bg-primary {
  background-color: #c83270;
  border-radius: 0.375rem 0.375rem 0 0;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
}
.likes__heading--bg-white {
  background-color: white;
  border-radius: 0 0 0.375rem 0.375rem;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
}
.likes__heading--small {
  font-size: 1.5rem;
}
.likes__heading--large {
  font-size: 2.25rem;
}
.likes__image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.likes__image img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s;
  width: 100%;
}
.likes__text {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  position: relative;
}
.likes__text--left {
  align-items: start;
  text-align: left;
}
.likes__text--right {
  align-items: end;
}
.likes__text--right-center {
  align-items: end;
  height: 100%;
  justify-content: center;
  text-align: left;
}
.likes__text--top {
  padding-top: 1rem;
}
.likes__title {
  color: var(--nightblue);
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 2rem;
  text-align: left;
}
@media (max-width: 1399px) {
  .likes__grid {
    gap: 1rem;
  }
  .likes__grid-row {
    gap: 1rem;
  }
  .likes__heading {
    font-size: 1.5rem;
  }
  .likes__heading--large {
    font-size: 2rem;
  }
}
@media (max-width: 1199px) {
  .likes__text {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 991px) {
  .likes__box .btn.border {
    background: rgba(255, 255, 255, 0.5);
  }
  .likes__grid {
    grid-template-columns: 1.75fr 1fr;
  }
  .likes__grid-row {
    direction: rtl;
  }
  .likes__text--right-center {
    align-items: start;
  }
  .likes__title {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .likes__box--large {
    grid-column: span 2;
  }
  .likes__grid {
    grid-template-columns: 1fr 1.75fr;
  }
  .likes__grid-row {
    direction: initial;
  }
  .likes__text--right-center {
    align-items: end;
  }
}
@media (max-width: 575px) {
  .likes__box--large {
    grid-column: auto;
    grid-row: auto;
    min-height: 90vw;
  }
  .likes__box--tall {
    min-height: 70vw;
  }
  .likes__grid {
    grid-template-columns: none;
  }
  .likes__grid-row {
    grid-column: auto;
    grid-template-columns: none;
  }
  .likes__text {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .likes__text--right {
    padding-top: 15%;
    padding-right: 15%;
  }
  .likes__text--top {
    padding-top: 2rem;
  }
}
@media (max-width: 399px) {
  .likes__box--large {
    min-height: 100vw;
  }
  .likes__heading--large {
    font-size: 1.5rem;
  }
  .likes__text--right {
    padding-top: 10%;
    padding-right: 2rem;
  }
}

/* Blog */
.blog {
  background: #f2f2f1;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
}

.bloglist {
  margin-top: 0;
}

.blog h2 {
  color: #474747;
}

.blog .articles {
  display: flex;
  flex-wrap: wrap;
}

.blog .article {
  width: calc(40% - 30px);
  margin: 15px;
  box-sizing: border-box;
  background: var(--white);
  border-radius: 10px;
  text-align: left;
  overflow: hidden;
}

.blog .article .img {
  display: block;
  width: calc(50% - 30px);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--gray-100);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.blog .article .cont {
  padding: 30px;
  margin-left: calc(50% - 30px);
  box-sizing: border-box;
}

.blog .article.articlepink .cont {
  margin: 0;
}

.blog .article .cat {
  color: var(--pink);
  font-weight: 700;
}

.blog .article h3 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
}

.blog .article p {
  line-height: 24px;
  margin-bottom: 20px;
}

.blog .article.articlepink {
  width: calc(20% - 30px);
  background: var(--pink);
  color: var(--white);
}

.blog .article.articlepink p {
  color: #ffdee9;
}

.blog .article .btn.border.arrow_right {
  border-color: var(--pink);
  color: var(--pink);
  background: var(--white);
}

.blog .article .btn.border.arrow_right:hover {
  border-color: var(--purple);
  color: var(--purple);
}

.blog .article .btn.border.arrow_right:after {
  background-image: url(../img/ic_arrow_right_pink.svg);
}

.blog .article .btn.border.arrow_right:hover:after {
  background-image: url(../img/ic_arrow_right_violet.svg);
}

.blog .article.articlepink .btn.border.arrow_right {
  border-color: var(--white) !important;
}

.blog .article .author {
  display: inline-block;
  margin-left: 10px;
  padding-left: 42px;
  line-height: 34px;
}

.blog .article .author .avatar {
  display: block;
  position: Absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  background-color: var(--gray-100);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bloglist .archive {
  padding-bottom: 0;
}

.bloglist .blog .article {
  width: calc(25% - 30px);
}

.bloglist .blog .article .img {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
}

.bloglist .blog .article .cont {
  margin: 0;
}

.bloglist .archive.tables.col70 {
  width: 70%;
  float: left;
}

.bloglist .excerpt {
  text-align: left;
  padding-top: 10px;
}

.bloglist .level {
  display: inline-block;
  padding: 2px;
  padding-left: 34px;
  padding-right: 9px;
  border-radius: 5px;
  line-height: 20px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.bloglist .level.green {
  background: #7cc96d url(../img/level_green.png) no-repeat 5px 5px;
  color: var(--white) !important;
}

.bloglist .date {
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 20px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 18px;
}

.bloglist .blogdetail {
  text-align: left;
}

.bloglist .blogdetail h3,
.bloglist .blogdetail h2,
.bloglist .borderbox h3 {
  color: var(--nightblue);
  margin-bottom: 14px;
}

.bloglist .blogdetail h3,
.bloglist .borderbox h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}

.bloglist .blogdetail img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 28px;
  border-radius: 10px;
}

.bloglist .blogdetail p {
  font-size: 18px;
  line-height: 28px;
  width: 820px;
  max-width: 100%;
  margin-bottom: 28px;
}

.bloglist .blogdetail .colortip {
  padding: 30px;
  padding-bottom: 16px;
  background: #f8e5f7;
  border-radius: 5px;
  width: 560px;
  box-sizing: border-box;
  max-width: 100%;
  margin-bottom: 28px;
}

.bloglist .blogdetail .colortip p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 14px;
}

.bloglist .blogdetail .colortip h3 {
  color: var(--pink);
}

.bloglist .blogdetail ul {
  font-size: 18px;
  line-height: 28px;
  counter-reset: count;
}

.bloglist .blogdetail ul li {
  margin-bottom: 14px;
}

.bloglist .blogdetail ul li.count {
  padding-left: 36px;
}

.bloglist .blogdetail ul li:before {
  content: counter(count);
  counter-increment: count;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 24px;
  border: 2px solid var(--pink);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--pink);
  position: absolute;
  top: 2px;
  left: 0;
}

.bloglist .blogdetail .pics {
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.bloglist .blogdetail .pics .img50 {
  margin: 15px;
  float: left;
  width: calc(50% - 30px);
  display: block;
}

.bloglist .blogdetail .pics:after {
  display: block;
  float: none;
  clear: both;
}

.bloglist .blogdetail .pics .num {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
  background: var(--white);
  color: var(--pink);
  position: absolute;
  top: 14px;
  left: 14px;
  text-align: center;
  box-shadow: 0 2px 13px rgba(0, 11, 168, 0.21);
}

.bloglist .borderbox {
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  text-align: left;
  padding: 24px;
}

.bloglist .borderbox .borderline {
  margin-top: 24px;
  margin-bottom: 24px;
}

.bloglist .borderbox h3 {
  margin-bottom: 24px;
}

.bloglist .borderbox h3 a {
  color: var(--pink);
  text-decoration: underline;
}

.bloglist .borderbox h3 a:hover {
  text-decoration: none;
}

.bloglist .borderbox ul li {
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 24px;
}

.bloglist .borderbox ul li span {
  display: inline-block;
  vertical-align: middle;
}

.bloglist .borderbox ul li span.title {
  max-width: calc(100% - 84px);
}

.bloglist .borderbox ul li span.img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background-color: var(--gray-100);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-right: 20px;
  box-shadow: 0 1px 6px rgb(221, 223, 253);
}

@media only screen and (max-width: 1320px) {
  .bloglist .blog .article {
    width: calc(33.33333% - 30px);
  }
}
@media only screen and (max-width: 1220px) {
  .blog .article {
    width: calc(50% - 30px);
  }
  .blog .article.articlepink {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1150px) {
  .blog .article {
    margin: 10px;
  }
  .blog .article {
    width: calc(50% - 20px);
  }
  .blog .article .cont {
    padding: 20px;
  }
  .blog .article.articlepink {
    width: calc(100% - 20px);
  }
  .blog {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
  }
  .bloglist .blog .article {
    width: calc(33.33333% - 20px);
  }
  .bloglist .breadcrumbs ul li:first-child {
    display: none;
  }
  .bloglist .breadcrumbs ul {
    margin: 0;
  }
  .bloglist .breadcrumbs {
    position: relative;
    left: 0;
    right: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 0;
    margin-top: -10px;
  }
  .bloglist .archive.tables.col70 {
    width: 66.66666%;
  }
  .bloglist .col30 {
    width: 33.33333%;
  }
}
@media only screen and (max-width: 1020px) {
  .blog .article .img {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
  }
  .blog .article .cont {
    margin: 0;
  }
}
@media only screen and (max-width: 920px) {
  .bloglist .blog .article {
    width: calc(50% - 20px);
  }
  .bloglist .archive.tables.col70,
  .bloglist .col30 {
    width: 50%;
  }
  .bloglist .blogdetail .pics {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 10px;
    padding-bottom: 10Px;
  }
  .bloglist .blogdetail .pics .img50 {
    margin: 10px;
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 640px) {
  .bloglist .archive.tables.col70,
  .bloglist .col30 {
    width: 100%;
  }
}
@media only screen and (max-width: 620px) {
  .blog .article,
  .bloglist .blog .article {
    width: calc(100% - 20px);
  }
}
/* Sidebar */
.sidebar {
  float: left;
  width: 230px;
}

.sidebar-desktop ul li a {
  display: flex;
  margin: 20px 0;
  color: var(--grey);
}

.sidebar .box {
  background: #f9f9f9;
  border-radius: 10px;
  text-align: left;
}

.sidebar .box.orange {
  background-color: #FDEDDE;
}

.sidebar .box.green {
  background-color: #DEEDCA;
}

.sidebar .box.blue {
  background-color: #BBE3F3;
}

.sidebar .box.teal {
  background-color: #D4F0EE;
}

.sidebar .box.pink {
  background-color: #ffecf2;
}

.sidebar .box.border {
  border: 1px solid var(--gray-200);
  background: transparent;
}

.sidebar .box .inner {
  padding: 10px;
}

.sidebar h3 {
  font-weight: 700;
  color: var(--nightblue);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 15px;
  margin-top: 20px;
}

.sidebar ul {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 10px;
}

.sidebar .box.border ul {
  font-size: 18px;
  line-height: 38px;
  font-weight: 400;
  max-height: 456px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: -25px;
  padding: 25px;
  padding-top: 15px;
  padding-bottom: 0;
  margin-top: -15px;
  margin-bottom: 10px;
}

.sidebar .box.border ul li {
  line-height: 22px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.sidebar ul li a {
  color: var(--gray-800);
  display: inline-block;
}

.sidebar ul li a.submenu {
  padding-right: 14px;
}

.sidebar ul li a.submenu:after {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/ic_toggle_grey.svg) no-repeat center center;
  background-size: 7px auto;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
}

.sidebar ul li.active a.submenu:after {
  transform: rotate(180deg);
}

.sidebar ul li.active ul li a.submenu:after {
  transform: none;
}

.sidebar ul li.active ul li.active a.submenu:after {
  transform: rotate(180deg);
}

.sidebar ul li a:hover {
  text-decoration: underline;
}

.sidebar ul li ul {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: none;
  opacity: 0.7;
}

.sidebar ul li ul li ul {
  opacity: 1;
}

.sidebar ul li.active ul {
  display: block;
}

.sidebar ul li.active ul li ul {
  display: none;
}

.sidebar ul li.active ul li.active ul {
  display: block;
}

.category-active {
  font-weight: 700;
}

.sidebar .box a.ic_back {
  margin: -25px;
  margin-bottom: 15px;
  padding: 25px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  color: var(--pink);
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray-200);
  line-height: 25px;
}

.sidebar .box a.ic_back:before,
.archive .category ul li a:before {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/ic_arrow_right_pink.svg) no-repeat center center;
  width: 6px;
  line-height: 25px;
  height: 25px;
  background-size: 6px auto;
  margin-right: 7px;
  content: "";
  transform: rotate(180deg);
}

.archive .category ul li a:before {
  position: Absolute;
  top: 50%;
  margin: 0;
  margin-top: -5px;
  display: block;
  width: 6px;
  height: 10px;
  line-height: 6px;
  transform: none;
  right: 20px;
}

.archive .category ul li a:hover:before,
.archive .category ul li a.active:before {
  filter: grayscale(100%) brightness(0) invert(1);
}

.sidebar .box a.ic_back:hover {
  text-decoration: underline;
}

.sidebar .box.border ul li a.ic_news {
  font-weight: 400;
  color: #8bc53f;
  padding-right: 28px;
  background: url(../img/ic_news.svg) no-repeat right center;
  background-size: auto 20px;
}

.sidebar .box.border ul li a.ic_sale {
  color: #d52828;
  font-weight: 400;
  padding-right: 28px;
  background: url(../img/ic_sale.svg) no-repeat right center;
  background-size: auto 20px;
}

.sidebar .box.border ul li a.ic_soon {
  color: var(--blue);
  font-weight: 400;
  padding-right: 28px;
  background: url(../img/ic_soon.svg) no-repeat right center;
  background-size: auto 20px;
}

.sidebar .box.border ul li a strong {
  font-weight: 400;
}

.sidebar ul.bordered {
  margin: 0;
  margin-top: -15px;
  margin-bottom: -15px;
  font-size: 16px;
}

.sidebar ul.bordered li {
  border-bottom: 1px solid #eeeaea;
  padding-top: 15px;
  padding-bottom: 15px;
}

.sidebar ul.bordered li:last-child {
  border: 0;
}

.sidebar ul.bordered li.active {
  font-weight: 700;
}

.sidebar .btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--gray-800);
  color: var(--gray-800);
  background-color: transparent;
  box-shadow: none !important;
}

.sidebar .btn.ic_plus {
  padding-left: 25px;
  background-image: url(../img/ic_plus_grey.svg);
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 11px;
}

.labelstxt {
  margin-bottom: 25px;
}

.labelstxt label {
  font-size: 15px;
  font-weight: 400;
  color: var(--gray-800);
  line-height: 27px;
  margin-bottom: 16px;
  display: block;
  padding-left: 40px;
  cursor: pointer;
}

.labelstxt label:before,
.labelscolor label:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  background: none;
  content: "";
}

.labelstxt label.active {
  color: var(--pink);
  font-weight: 600;
}

.labelstxt label.active:before {
  border-color: var(--pink);
  background: #ffe8ec url(../img/ic_check_pink.svg) no-repeat center center;
  background-size: 11px auto;
  box-shadow: 1px 1px 3px 1px #c9c9c9;
}

.labelstxt.usage label {
  padding-left: 40px;
  margin-bottom: 14px;
}

.labelstxt.usage label:before {
  box-shadow: none;
  background-image: url(../img/ic_saty.svg);
  border-radius: 0;
  border-color: transparent;
  width: 28px;
  height: 30px;
  top: -3px;
  background-size: contain;
  background-repeat: no-repeat;
}

.labelstxt.usage label.active:before {
  background-image: url(../img/ic_saty_active.svg);
  background-color: transparent;
  border-color: transparent;
}

.labelstxt label.filtr_mikina:before {
  background-image: url(../img/filtr-mikina-neaktivni.svg);
}

.labelstxt label.filtr_mikina.active:before {
  background-image: url(../img/filtr-mikina-aktivni.svg);
}

.labelstxt label.filtr_detske:before {
  background-image: url(../img/filtr-detske-neaktivni.svg);
}

.labelstxt label.filtr_detske.active:before {
  background-image: url(../img/filtr-detske-aktivni.svg);
}

.labelstxt label.filtr_teplaky:before {
  background-image: url(../img/filtr-teplaky-neaktivni.svg);
}

.labelstxt label.filtr_teplaky.active:before {
  background-image: url(../img/filtr-teplaky-aktivni.svg);
}

.labelstxt label.filtr_tricko:before {
  background-image: url(../img/filtr-triko-neaktivni.svg);
}

.labelstxt label.filtr_tricko.active:before {
  background-image: url(../img/filtr-tricko-aktivni.svg);
}

.labelstxt label.filtr_saty:before {
  background-image: url(../img/filtr-saty-neaktivni.svg);
}

.labelstxt label.filtr_saty.active:before {
  background-image: url(../img/filtr-saty-aktivni.svg);
}

.labelstxt label.filtr_sukne:before {
  background-image: url(../img/filtr-sukne-neaktivni.svg);
}

.labelstxt label.filtr_sukne.active:before {
  background-image: url(../img/filtr-sukne-aktivni.svg);
}

.labelstxt label.filtr_bunda:before {
  background-image: url(../img/filtr-bundy-neaktivni.svg);
}

.labelstxt label.filtr_bunda.active:before {
  background-image: url(../img/filtr-bunda-aktivni.svg);
}

.labelstxt label.filtr_leginy:before {
  background-image: url(../img/filtr-leginy-neaktivni.svg);
}

.labelstxt label.filtr_leginy.active:before {
  background-image: url(../img/filtr-leginy-aktivni.svg);
}

.labelstxt label.filtr_kosile:before {
  background-image: url(../img/filtr-kosile-neaktivni.svg);
}

.labelstxt label.filtr_kosile.active:before {
  background-image: url(../img/filtr-kosile-aktivni.svg);
}

.labelstxt label.filtr_doplnky:before {
  background-image: url(../img/filtr-doplnky-neaktivni.svg);
}

.labelstxt label.filtr_doplnky.active:before {
  background-image: url(../img/filtr-doplnky-aktivni.svg);
}

.labelstxt label.filtr_spodary:before {
  background-image: url(../img/filtr-spodary-neaktivni.svg);
}

.labelstxt label.filtr_spodary.active:before {
  background-image: url(../img/filtr-spodary-aktivni.svg);
}

.labelstxt label.filtr_svetr:before {
  background-image: url(../img/filtr-svetr-neaktivni.svg);
}

.labelstxt label.filtr_svetr.active:before {
  background-image: url(../img/filtr-svetr-aktivni.svg);
}

.labelscolor,
.labelssizes {
  margin-lefT: -8px;
  margin-right: -8px;
  margin-top: -8px;
  margin-bottom: 25px;
}

.labelscolor:after,
.labelssizes::after {
  display: block;
  content: "";
  float: none;
  clear: both;
}

.labelscolor label {
  border: 1px solid #9e9e9e;
  width: 30px;
  height: 30px;
  margin: 8px;
  border-radius: 50%;
  background: var(--white);
  float: left;
  display: block;
  overflow: Hidden;
  text-indent: -9999px;
  text-align: left;
  cursor: pointer;
}

.labelscolor label:before {
  border-color: transparent;
  background-image: none;
  background-size: 12px auto;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}

.labelscolor label.active:before {
  background-image: url(../img/ic_check_black.svg);
}

.labelscolor label.negative {
  border: 1px solid transparent;
}

.labelscolor label.negative:before {
  border-color: transparent;
  background-image: none;
}

.labelscolor label.negative.active:before {
  border-color: transparent;
  background-image: url(../img/ic_check_white.svg);
}

.labelscolor label.red,
.labelscolor label.red.active:before {
  background-color: #e91313;
}

.labelscolor label.pink,
.labelscolor label.pink.active:before {
  background-color: var(--pink);
}

.labelscolor label.violet,
.labelscolor label.violet.active:before {
  background-color: #a614f1;
}

.labelscolor label.blue,
.labelscolor label.blue.active:before {
  background-color: var(--blue);
}

.labelscolor label.orange,
.labelscolor label.orange.active:before {
  background-color: #ed720f;
}

.labelscolor label.yellow,
.labelscolor label.yellow.active:before {
  background-color: #eadd10;
}

.labelscolor label.green,
.labelscolor label.green.active:before {
  background-color: #23e04b;
}

.labelscolor label.teal,
.labelscolor label.teal.active:before {
  background-color: #0fe8f0;
}

.labelscolor label.black,
.labelscolor label.black.active:before {
  background-color: var(--black);
}

.labelscolor label.grey,
.labelscolor label.grey.active:before {
  background-color: #7f7f7f;
}

.labelscolor label.colors {
  background: url(../img/colors.png) no-repeat center center;
  background-size: cover;
}

.labelscolor label.colors.active:before {
  background: url(../img/ic_check_white.svg) no-repeat center center, url(../img/colors.png) no-repeat center center;
  background-size: 12px auto, cover;
}

.labelscolor label.active {
  border-color: var(--pink);
  background: white;
  box-shadow: 1px 1px 3px 1px #c9c9c9;
}

.labelssizes label {
  width: 30px;
  height: 30px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  background: none;
  color: var(--gray-800);
  margin: 8px;
  float: left;
  cursor: pointer;
  display: block;
  text-align: center;
}

.labelssizes label.active {
  border-color: var(--pink);
  background: #ffe8ec;
  box-shadow: 1px 1px 3px 1px #c9c9c9;
  color: var(--pink);
}

.range {
  margin-bottom: 15px;
}

.range:after,
.range .inputs:after {
  display: block;
  content: "";
  clear: both;
  float: none;
}

.range .inputs:before {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  right: 0;
  background: #dcdcdc;
  content: "";
  height: 2px;
}

.range input[type=range] {
  -webkit-appearance: none;
  width: 50%;
  float: left;
  margin: 0;
  display: block;
  box-sizing: border-box;
  height: 26px;
  background: transparent;
  outline: none;
  z-index: 2;
}

.range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  border: 2px solid var(--pink);
  background: #f9f9f9 url(../img/ic_arrow_right_pink.svg) no-repeat center center;
  background-size: auto 8px;
  border-radius: 26px;
  cursor: pointer;
}

.range input[type=range]:nth-child(2)::-webkit-slider-thumb {
  transform: rotate(180deg);
}

.range .colorline {
  display: block;
  position: absolute;
  top: 50%;
  left: 26px;
  background: var(--pink);
  height: 2px;
  margin-top: -1px;
  right: 26px;
}

.range .values {
  display: block;
  float: none;
  clear: both;
  text-align: center;
  font-size: 15px;
  color: var(--gray-800);
  line-height: 33px;
  padding-top: 5px;
}

.range .num {
  display: inline-block;
}

.filter_m .range input[type=range]::-webkit-slider-thumb {
  background-color: var(--white);
}

.sidebar.landing ul li ul {
  display: block;
  opacity: 1;
  margin-left: -15px !important;
}

/* Archive */
.archive,
.single {
  float: right;
  width: calc(100% - 230px);
  padding-bottom: 30px;
}

.single.full {
  width: 100%;
  float: none;
}

.archive.tables {
  float: none;
  width: auto;
}

.archive h1,
.vypis h1,
.archive h2,
.single h1,
.single h2,
.detail h1,
.detail h2,
.empty h1,
.faq h1 {
  font-size: 40px;
  font-weight: 700;
  color: var(--nightblue);
  line-height: 52px;
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
}

.empty h1 {
  text-align: center;
}

.archive h1 em,
.vypis h1 em {
  font-weight: 400;
  font-style: normal;
}

.detail h1,
.faq h1 {
  font-size: 36px;
  line-height: 42px;
}

.detail.ukoncen h1 {
  font-size: 30px;
}

.archive h2,
.single h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}

.archive h2.mb0 {
  margin-bottom: 0;
}

.detail h2,
.single h1.smallh1,
.single h2.smallh1 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
}

.archive .btn.blue {
  color: var(--white) !important;
  background: #345199;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
}

.archive .btn.blue:hover {
  background-color: var(--purple);
}

.items .swiper-container .itembox {
  width: 20vw;
}

.items ul.tabstoggle,
.archive .tabstoggle,
.single ul.tabstoggle,
.checkout ul.tabstoggle {
  font-family: "Source Sans Pro", sans-serif;
  color: var(--metalgrey);
  font-weight: 400;
  text-align: left;
  margin-bottom: 20px;
  overflow: hidden;
}

.archive .tabstoggle,
.single ul.tabstoggle,
.checkout ul.tabstoggle {
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
}

.items ul.tabstoggle li,
.archive ul.tabstoggle li,
.archive .tabstoggle .swiper-slide,
.single ul.tabstoggle li,
.checkout ul.tabstoggle li {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 24px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.items ul.tabstoggle li:hover,
.archive ul.tabstoggle li:hover,
.single ul.tabstoggle li:hover,
.checkout ul.tabstoggle li:hover {
  color: var(--nightblue);
}

.archive ul.tabstoggle li,
.single ul.tabstoggle li,
.checkout ul.tabstoggle li,
.archive .tabstoggle .swiper-slide {
  font-size: 18px;
}

.items ul.tabstoggle li a,
.archive .tabstoggle a,
.single ul.tabstoggle li a,
.checkout ul.tabstoggle li a {
  color: var(--metalgrey);
}

.items ul.tabstoggle li.active,
.archive ul.tabstoggle li.active,
.archive .tabstoggle .swiper-slide-active,
.single ul.tabstoggle li.active,
.checkout ul.tabstoggle li.active {
  border-color: var(--pink);
  color: var(--nightblue);
  font-weight: 700;
}

.archive .itembox:hover,
.detail .itembox:hover {
  z-index: 9;
}

.archive .itembox:not(.empty):hover .item,
.detail .itembox:not(.empty):hover .item {
  padding-bottom: 0;
  margin-bottom: 0;
}

.detail .itemssmall .itembox:hover .item {
  padding-bottom: 0;
  margin: 0;
}

.archive .itembox .item .addcart,
.detail .itembox .item .addcart {
  display: block;
  position: absolute;
  bottom: -180px;
  left: 0;
  right: 0;
  padding: 15px;
  background: var(--white);
  opacity: 0;
}

.itembox.empty .item .addcart {
  display: none !important;
}

.detail .itemssmall .itembox .item .addcart {
  position: relative;
  padding: 15px;
  opacity: 1;
  bottom: 0;
  padding-top: 0;
  padding-bottom: 20px;
}

.archive .itembox:hover .item .addcart,
.detail .itembox:hover .item .addcart {
  opacity: 1;
  z-index: 3;
  bottom: 0;
}

.archive .itembox .item .addcart .count,
.checkout .count,
.detail .itembox .item .addcart .count,
.description .count,
.header .count,
.product .count {
  width: calc(40% - 5px);
  margin-right: 5px;
  float: left;
}

.description table.nowidth .count {
  margin: 0;
}

.checkout .count,
.description .count,
.header .count,
.product .count {
  width: 110px;
  margin: 0;
}

.archive .itembox .item .addcart .count .minus,
.archive .itembox .item .addcart .count .plus,
.checkout .count .plus,
.checkout .count .minus,
.detail .itembox .item .addcart .count .plus,
.detail .itembox .item .addcart .count .minus,
.description .count .plus,
.description .count .minus,
.header .count .plus,
.header .count .minus,
.product .count .plus,
.product .count .minus {
  display: block;
  width: 38px;
  height: 38px;
  position: Absolute;
  top: 1px;
  left: 1px;
  background: url(../img/ic_minus_grey.svg) no-repeat center center;
  background-size: 16px auto;
  opacity: 0.5;
  cursor: pointer;
}

.archive .itembox .item .addcart .count .plus,
.checkout .count .plus,
.detail .itembox .item .addcart .count .plus,
.description .count .plus,
.header .count .plus,
.product .count .plus {
  left: auto;
  right: 1px;
  background-image: url(../img/ic_plus_grey.svg);
}

.checkout .count .plus,
.checkout .count .minus,
.description .count .plus,
.description .count .minus,
.header .count .plus,
.header .count .minus {
  height: 48px;
}

.archive .itembox .item .addcart button,
.detail .itembox .item .addcart button,
.addcart button,
.detailcart button,
.product button,
.ic_addcart,
.login button,
.coupon button {
  width: calc(60% - 5px);
  margin-left: 5px;
  float: right;
  height: 40px;
  line-height: 40px;
  padding: 0;
  padding-left: 40px;
  padding-right: 20px;
  text-align: center;
  background: var(--pink) url(../img/ic_cart_white.svg) no-repeat 20px center;
  background-size: 17px auto;
  color: var(--white);
  text-transform: none;
  font-weight: 700;
  font-size: 15px;
  font-family: "Source Sans Pro", sans-serif;
  border-radius: 40px;
}

.archive .itembox .item .addcart button:hover,
.detail .itembox .item .addcart button:hover,
.addcart button:hover,
.description button:hover,
.product button:hover,
.ic_addcart:hover,
.login button:hover,
.coupon button:hover {
  background-color: var(--purple);
}

.archive .itembox .item {
  overflow: visible;
}

.archive .itembox .item .addcart .count {
  width: calc(45% - 5px) !important;
}

.archive .itembox .item .addcart button {
  width: calc(55% - 5px) !important;
}

.ic_addcart {
  display: inline-block;
  float: none;
  margin: 0;
  width: auto;
  padding-left: 45px;
}

.btnsleft {
  margin: -5px;
  margin-top: 0;
  text-align: left;
}

.btnsleft a {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
}

.description .count,
.description button,
.login button,
.coupon button {
  display: inline-block;
  float: none;
  margin: 8px;
  vertical-align: middle;
}

.description .checkout button {
  margin: 0;
}

.description .checkout table {
  max-width: 100%;
  margin-bottom: 30px;
}

.product button {
  white-space: nowrap;
  width: auto;
}

.detailcart button,
.login button,
.coupon button {
  width: auto;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  border-radius: 50px;
  padding-left: 50px;
  background-size: 20px auto;
  float: none;
}

.total button,
.total .btn {
  background: var(--pink) url(../img/ic_cart_white.svg) no-repeat 24px center;
  background-size: 17px auto;
  padding-left: 60px;
  font-size: 18px;
}

.total button {
  height: 50px;
  border-radius: 50px;
  font-family: "Source Sans Pro", sans-serif;
  color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
  font-weight: 700;
  text-transform: none;
  padding-right: 30px;
}

.total button:hover,
.total .btn:hover {
  background-color: var(--purple);
}

.archive .itembox .item .addcart input[type=text],
.checkout .count input[type=text],
.detail .itembox .item .addcart input[type=text],
.description .count input[type=text],
.description .count input[type=number],
.header .count input[type=text],
.product .count input[type=text] {
  height: 40px;
  padding: 0;
  text-decoration: none;
  line-height: 38px;
  border-radius: 40px;
  border: 1px solid var(--gray-400);
  text-align: center;
  font-family: "Source Sans Pro", sans-serif;
  color: var(--nightblue);
  font-weight: 700;
  background: transparent;
  font-size: 18px;
}

.checkout .count input[type=text],
.description .count input[type=text],
.description .count input[type=number],
.header .count input[type=text] {
  height: 50px;
  line-height: 48px;
  border-radius: 50px;
}

.instock {
  font-size: 15px;
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
  color: #8bc53f;
  padding-top: 10px;
  display: block;
}

.archive p.taleft {
  text-align: left;
}

.archive .cats ul,
.header .search .whisperer ul {
  margin: -5px;
  text-align: left;
}

.header .search .whisperer ul {
  margin-bottom: 20px;
}

.archive .cats ul li,
.header .search .whisperer ul li {
  margin: 5px;
  display: inline-block;
}

.archive .cats ul li a,
.header .search .whisperer ul li a {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  border-radius: 40px;
}

.archive .cats ul li a.pink,
.header .search .whisperer ul li a.pink {
  background-color: #ffecf2;
}

.archive .cats ul li a.darkpink {
  background-color: var(--pink) !important;
  color: var(--white) !important;
}

.archive .cats ul li a.orange,
.header .search .whisperer ul li a.orange {
  background-color: #FDEDDE;
}

.archive .cats ul li a.green,
.header .search .whisperer ul li a.green {
  background-color: #DEEDCA;
}

.archive .cats ul li a.blue,
.header .search .whisperer ul li a.blue {
  background-color: #e6faff;
}

.archive .cats ul li a.teal,
.header .search .whisperer ul li a.teal {
  background-color: #D4F0EE;
}

.archive .category h1 {
  margin-bottom: 20px;
}

.archive .category p {
  margin-bottom: 25px;
}

.archive .category ul {
  margin: -4px;
  text-align: left;
  margin-left: -2px;
  margin-right: -2px;
}

.archive .category ul li {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  display: inline-block;
  margin: 4px;
  line-height: 20px;
  margin-left: 2px;
  margin-right: 2px;
}

.archive .category ul li a {
  display: block;
  padding: 15px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 50px;
  background: #ffecf2;
  color: var(--pink);
  text-align: left;
}

.archive .category ul li a:hover,
.archive .category ul li a.active {
  color: var(--white);
  background: var(--pink);
}

.archive .category .selectfilter {
  float: right;
  z-index: 3;
  margin-bottom: 20px;
}

.archive .category .selectfilter select {
  padding: 0;
  line-height: 25px;
  height: 25px;
  font-size: 16px;
  border-radius: 0;
  background-color: transparent;
  padding-right: 16px;
  background-image: url(../img/ic_toggle_grey.svg);
  background-repeat: no-repeat;
  background-position: right center;
}

.archive .category ul li a:before {
  display: none !important;
}

.archive .category ul li a {
  font-size: 11pt !important;
  padding: 10px 12px !important;
}

.items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 25%);
  margin-bottom: 20px;
}
.items-grid .itembox.large {
  grid-column: span 2;
  grid-row: span 2;
}
.items-grid .itembox.large .item {
  height: 100%;
}
.items-grid .itembox.large .item .addcart {
  opacity: 1;
  position: relative;
  bottom: 0;
  background: none;
  padding: 0;
}
.items-grid .itembox.large .item .desc {
  padding: 0 0 15px 0;
  text-align: left;
}
.items-grid .itembox.large .item .desc .pink {
  padding-right: 10px;
}
.items-grid .itembox.large .item .img {
  height: 100%;
  padding: 0;
}
.items-grid .itembox.large .item .img .msg:before {
  display: none;
}
.items-grid .itembox.large:hover .item {
  padding-bottom: 0;
  margin-bottom: 0;
}
.items-grid .itembox > .inner {
  padding-bottom: 0;
}
.items-grid .itembox.large > .inner {
  height: calc(100% - 93px);
}

.items-grid-5 {
  grid-template-columns: repeat(auto-fit, 20%);
}

@media only screen and (max-width: 559px) {
  .items-grid .itembox.large > .inner {
    margin: 0 8px !important;
  }
}
@media only screen and (max-width: 640px) {
  .archive,
  .single {
    width: 100%;
    float: none;
    padding-bottom: 0;
  }
}
@media (min-width: 560px) and (max-width: 720px) {
  .items-grid .itembox.large .inner {
    height: calc(100% - 74px);
  }
}
@media (min-width: 720px) and (max-width: 1150px) {
  .items-grid .itembox.large .inner {
    height: calc(100% - 77px);
  }
}
@media (min-width: 1400px) {
  
  .itembox:nth-child(118) {
    grid-area: 34/4;
  }
  
  .itembox:nth-child(142) {
    grid-area: 41/4;
  }
  
  .itembox:nth-child(186) {
    grid-area: 54/4;
  }
  
  .itembox:nth-child(234) {
    grid-area: 68/4;
  }
  
  .itembox:nth-child(282) {
    grid-area: 82/4;
  }
  
  .itembox:nth-child(310) {
    grid-area: 90/4;
  }
  
  .itembox:nth-child(320) {
    grid-area: 93/4;
  }
  
  .itembox:nth-child(364) {
    grid-area: 106/4;
  }
  
  .itembox:nth-child(374) {
    grid-area: 109/4;
  }
  
  .itembox:nth-child(538) {
    grid-area: 157/4;
  }
  
  .itembox:nth-child(562) {
    grid-area: 164/4;
  }
  
  .itembox:nth-child(606) {
    grid-area: 177/4;
  }
  
  .itembox:nth-child(654) {
    grid-area: 191/4;
  }
  
  .itembox:nth-child(702) {
    grid-area: 205/4;
  }
  
  .itembox:nth-child(730) {
    grid-area: 213/4;
  }
  
  .itembox:nth-child(740) {
    grid-area: 216/4;
  }
  
  .itembox:nth-child(784) {
    grid-area: 229/4;
  }
  
  .itembox:nth-child(794) {
    grid-area: 232/4;
  }
  
  .itembox:nth-child(958) {
    grid-area: 280/4;
  }
  
  .itembox:nth-child(982) {
    grid-area: 287/4;
  }
  
  .itembox:nth-child(1026) {
    grid-area: 300/4;
  }
}
@media (min-width: 561px) and (max-width: 1400px) {
  
  .itembox:nth-child(5) {
    grid-area: 1/3;
  }
  
  .itembox:nth-child(81) {
    grid-area: 31/3;
  }
  
  .itembox:nth-child(100) {
    grid-area: 38/3;
  }
  .itembox:nth-child(110) {
    grid-area: 42/3;
  }
  .itembox:nth-child(186) {
    grid-area: 72/3;
  }
  .itembox:nth-child(205) {
    grid-area: 79/3;
  }
  .itembox:nth-child(215) {
    grid-area: 83/3;
  }
  .itembox:nth-child(291) {
    grid-area: 113/3;
  }
  .itembox:nth-child(310) {
    grid-area: 120/3;
  }
  .itembox:nth-child(320) {
    grid-area: 124/3;
  }
  .itembox:nth-child(396) {
    grid-area: 154/3;
  }
  .itembox:nth-child(415) {
    grid-area: 161/3;
  }
  .itembox:nth-child(425) {
    grid-area: 165/3;
  }
  .itembox:nth-child(501) {
    grid-area: 195/3;
  }
  .itembox:nth-child(520) {
    grid-area: 202/3;
  }
  .itembox:nth-child(530) {
    grid-area: 206/3;
  }
  .itembox:nth-child(606) {
    grid-area: 236/3;
  }
  .itembox:nth-child(625) {
    grid-area: 243/3;
  }
  .itembox:nth-child(635) {
    grid-area: 247/3;
  }
  .itembox:nth-child(711) {
    grid-area: 277/3;
  }
  .itembox:nth-child(730) {
    grid-area: 284/3;
  }
  .itembox:nth-child(740) {
    grid-area: 288/3;
  }
  .itembox:nth-child(816) {
    grid-area: 318/3;
  }
  .itembox:nth-child(835) {
    grid-area: 325/3;
  }
  .itembox:nth-child(845) {
    grid-area: 329/3;
  }
  .itembox:nth-child(921) {
    grid-area: 359/3;
  }
  .itembox:nth-child(940) {
    grid-area: 366/3;
  }
  .itembox:nth-child(950) {
    grid-area: 370/3;
  }
  .itembox:nth-child(1026) {
    grid-area: 400/3;
  }
  .itembox:nth-child(1045) {
    grid-area: 407/3;
  }
  .itembox:nth-child(1055) {
    grid-area: 411/3;
  }
  .itembox:nth-child(1131) {
    grid-area: 441/3;
  }
  .itembox:nth-child(1150) {
    grid-area: 448/3;
  }
}
@media (max-width: 561px) {
  
  .itembox:nth-child(24) {
    grid-area: 13/2;
  }
  
  .itembox:nth-child(72) {
    grid-area: 41/2;
  }
  
  .itembox:nth-child(100) {
    grid-area: 57/2;
  }
  
  .itembox:nth-child(110) {
    grid-area: 63/2;
  }
  
  .itembox:nth-child(118) {
    grid-area: 68/2;
  }
  
  .itembox:nth-child(142) {
    grid-area: 82/2;
  }
  
  .itembox:nth-child(154) {
    grid-area: 89/2;
  }
  
  .itembox:nth-child(164) {
    grid-area: 95/2;
  }
  
  .itembox:nth-child(186) {
    grid-area: 108/2;
  }
  
  .itembox:nth-child(234) {
    grid-area: 136/2;
  }
  
  .itembox:nth-child(282) {
    grid-area: 164/2;
  }
  
  .itembox:nth-child(310) {
    grid-area: 180/2;
  }
  
  .itembox:nth-child(320) {
    grid-area: 186/2;
  }
  
  .itembox:nth-child(328) {
    grid-area: 191/2;
  }
  
  .itembox:nth-child(352) {
    grid-area: 205/2;
  }
  
  .itembox:nth-child(364) {
    grid-area: 212/2;
  }
  
  .itembox:nth-child(374) {
    grid-area: 218/2;
  }
  
  .itembox:nth-child(396) {
    grid-area: 231/2;
  }
  
  .itembox:nth-child(444) {
    grid-area: 259/2;
  }
  
  .itembox:nth-child(492) {
    grid-area: 287/2;
  }
  
  .itembox:nth-child(520) {
    grid-area: 303/2;
  }
  
  .itembox:nth-child(530) {
    grid-area: 309/2;
  }
  
  .itembox:nth-child(538) {
    grid-area: 314/2;
  }
  
  .itembox:nth-child(562) {
    grid-area: 328/2;
  }
  
  .itembox:nth-child(574) {
    grid-area: 335/2;
  }
  
  .itembox:nth-child(584) {
    grid-area: 341/2;
  }
  
  .itembox:nth-child(606) {
    grid-area: 354/2;
  }
  
  .itembox:nth-child(654) {
    grid-area: 382/2;
  }
  
  .itembox:nth-child(702) {
    grid-area: 410/2;
  }
  
  .itembox:nth-child(730) {
    grid-area: 426/2;
  }
  
  .itembox:nth-child(740) {
    grid-area: 432/2;
  }
  
  .itembox:nth-child(748) {
    grid-area: 437/2;
  }
  
  .itembox:nth-child(772) {
    grid-area: 451/2;
  }
  
  .itembox:nth-child(784) {
    grid-area: 458/2;
  }
  
  .itembox:nth-child(794) {
    grid-area: 464/2;
  }
  
  .itembox:nth-child(816) {
    grid-area: 477/2;
  }
  
  .itembox:nth-child(864) {
    grid-area: 505/2;
  }
  
  .itembox:nth-child(912) {
    grid-area: 533/2;
  }
  
  .itembox:nth-child(940) {
    grid-area: 549/2;
  }
  
  .itembox:nth-child(950) {
    grid-area: 555/2;
  }
  
  .itembox:nth-child(958) {
    grid-area: 560/2;
  }
  
  .itembox:nth-child(982) {
    grid-area: 574/2;
  }
  
  .itembox:nth-child(994) {
    grid-area: 581/2;
  }
  
  .itembox:nth-child(1004) {
    grid-area: 587/2;
  }
  
  .itembox:nth-child(1026) {
    grid-area: 600/2;
  }
}
@media only screen and (max-width: 1250px) {
  .detail .items .itembox .item .addcart,
  .archive .items-grid .itembox .item .addcart {
    display: none;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1400px) {
  .archive .itembox .item .addcart button {
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .items-grid {
    grid-template-columns: repeat(auto-fit, 33.33333%);
  }
  .archive .items5 .itembox {
    width: 25%;
  }
}
@media only screen and (max-width: 1150px) {
  .archive .items-grid .itembox.large .item .addcart {
    display: block;
  }
  .archive .filter {
    display: block;
  }
  .archive .btn.blue {
    border: 2px solid var(--pink);
    background: transparent;
    color: var(--pink) !important;
    line-height: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    display: block;
  }
  .archive .btn.blue:hover {
    background: transparent;
  }
  .detail .items .itembox .inner .desc {
    padding: 10px;
  }
  .detail .items .itembox .item,
  .archive .items-grid .itembox .item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .detail .items.itemssmall .itembox .item .addcart {
    display: block;
  }
  .itembox .item .msg {
    font-size: 14px;
    bottom: -5px;
  }
  .itembox .item h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  .itembox .item .desc {
    padding: 10px;
  }
  .itembox.large .item h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 0 auto;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 720px) {
  .items-grid .itembox > .inner {
    padding: 7px 7px 0 7px;
  }
}
@media only screen and (max-width: 560px) {
  .items-grid {
    grid-template-columns: repeat(auto-fit, 50%);
  }
  .items-grid .itembox.large > .inner {
    height: 400px;
    padding: 10px 0px 70px 0;
    margin: 0 -20px;
  }
  .items-grid .itembox.large form {
    width: calc(100% - 60px);
  }
  .items-grid .itembox.large .item .img {
    border-radius: 7px;
  }
  .items-grid .itembox.large .populardiv {
    display: block;
    bottom: 7px;
    right: 7px;
    top: unset;
    left: unset;
    box-shadow: none;
  }
  .items-grid .itembox.large .ic_popular {
    height: 24px;
    width: 24px;
  }
  /* .archive .items .itembox, .detail:not(.home) .items .itembox {width:50%;} */
  .detail .itemssmall .itembox {
    display: inline-block;
    float: none;
    width: 47vw !important;
  }
}
/* Archive */
/* Categories */
.categories {
  text-align: left;
}

.categories ul {
  margin-left: -7px;
  margin-right: -7px;
}

.categories ul li {
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
}

.categories ul li:after {
  display: block;
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
  background: url(../img/ic_arrow_right_grey.svg) no-repeat center center;
  background-size: contain;
  content: "";
}

.categories ul li a {
  display: block;
  color: var(--pink);
}

.categories ul li a:hover {
  text-decoration: underline;
}

.categories ul li:last-child a {
  color: var(--gray-700);
}

.categories ul li:last-child:after {
  display: none;
}

/* Detail */
.detail {
  padding-bottom: 40px;
  padding-top: 20px;
  overflow: hidden;
}

.detail.home {
  padding-bottom: 0;
}

ul.detailtabs,
.mobile .detailtabs {
  font-size: 22px;
  padding-top: 20px;
  white-space: nowrap;
  background: white;
}

.mobile .detailtabs {
  font-size: 18px;
  padding-bottom: 20px;
  text-align: center;
  overflow: visible;
}

ul.detailtabs li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center left;
}

ul.detailtabs li a,
.mobile .detailtabs a {
  display: block;
  border-bottom: 2px solid transparent;
  line-height: 20px;
  color: #c9c9c9;
}

.mobile .detailtabs a {
  width: 100%;
}

.mobile .detailtabs a {
  margin-left: 20px;
  margin-right: 65px;
}

ul.detailtabs li a span,
.mobile .detailtabs a span {
  display: block;
  height: 40px;
  width: 45px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: absolute;
  top: -10px;
  left: -45px;
}

ul.detailtabs li a:hover {
  border-color: var(--pink);
}

ul.detailtabs li.active a,
.mobile .detailtabs .swiper-slide-active a {
  font-weight: 700;
  border-color: var(--pink);
  color: var(--nightblue);
}

.mobile .detailtabs .swiper-slide a {
  margin-left: 10px;
  margin-right: 10px;
}

.detailtabs:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 1px;
  z-index: -1;
  transform: scale(0.98);
  box-shadow: 0px 0px 15px 5px #d3d3d3;
  left: 0;
}

ul.subcategory,
.subcategory.mobile {
  font-size: 16px;
  text-align: left;
  margin-left: -20px;
  margin-right: -20px;
  white-space: nowrap;
  overflow: hidden;
}

.subcategory.mobile {
  padding-bottom: 20px;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
}

ul.subcategory li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center left;
}

ul.subcategory li a,
.subcategory.mobile a {
  display: block;
  border-bottom: 2px solid transparent;
  line-height: 20px;
  color: var(--nightblue);
  margin-left: 45px;
  color: #c9c9c9;
}

.subcategory.mobile a {
  width: 100%;
}

.subcategory.mobile a {
  margin-left: 20px;
  margin-right: 65px;
}

ul.subcategory li a span,
.subcategory.mobile a span {
  display: block;
  height: 30px;
  width: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: absolute;
  top: -5px;
  left: -45px;
  filter: grayscale(1);
}
ul.subcategory li a span.active,
.subcategory.mobile a span.active {
  filter: grayscale(0);
}

.subcategory.mobile a span {
  left: -40px;
}

ul.subcategory li.active a,
.subcategory.mobile .swiper-slide-active a {
  font-weight: 600;
  color: var(--pink);
}

.subcategory.mobile .swiper-slide,
.detail-nav.mobile .swiper-slide {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  flex-shrink: 1;
}

.subcategory.mobile .swiper-slide a {
  margin-left: 45px;
  margin-right: 20px;
}

.subcategory.mobile .swiper-slide:last-child {
  margin-right: 66.6666666667%;
}

.detail .gallery,
.detail .description {
  width: 50%;
  float: left;
  padding-bottom: 30px;
}

.detail.ukoncen .gallery .msg {
  position: absolute;
  left: 45px;
  right: 45px;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail.ukoncen .gallery .msg > span {
  padding: 15px 25px;
  border-radius: 10px;
  background: white;
  font-size: 24px;
  color: var(--nightblue);
}

.detail .description .inner {
  margin-left: 20px;
}

.detail .movie,
.detail .txt {
  float: left;
  width: 50%;
}

.detail .txt {
  float: right;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 30px;
}

.detail .txt .inner {
  margin-left: 20px;
}

.detail .txt h2 {
  margin-bottom: 20px;
}

.detail .txt ul,
.detail .txt p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 30px;
}

.detail .txt ul li {
  margin-bottom: 10px;
  padding-left: 30px;
}

.detail .txt ul:not(.strihy-detail) li:before {
  width: 10px;
  height: 4px;
  position: absolute;
  content: "";
  display: block;
  top: 11px;
  left: 0;
  background: var(--pink);
  background: -moz-linear-gradient(-45deg, var(--pink) 50%, #8357eb 100%);
  background: -webkit-linear-gradient(-45deg, var(--pink) 50%, #8357eb 100%);
  background: linear-gradient(135deg, var(--pink) 50%, #8357eb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f83c7c', endColorstr='#8357eb', GradientType=1);
}

.detail .txt p {
  line-height: 36px;
}

.detail .movie .video {
  padding-bottom: 57%;
  border-radius: 20px;
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.detail .movie .video .ic_play {
  width: 72px;
  height: 72px;
  position: Absolute;
  top: 50%;
  left: 50%;
  margin-left: -36px;
  margin-top: -36px;
  border-radius: 72px;
  background: var(--pink);
  background: -moz-linear-gradient(-45deg, var(--pink) 50%, #8357eb 100%);
  background: -webkit-linear-gradient(-45deg, var(--pink) 50%, #8357eb 100%);
  background: linear-gradient(135deg, var(--pink) 50%, #8357eb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pink)', endColorstr='#8357eb', GradientType=1);
  overflow: hidden;
}

.detail .movie .video .ic_play:before {
  display: block;
  position: Absolute;
  top: 0;
  left: 3px;
  bottom: 0;
  right: 0;
  content: "";
  background: url(../img/ic_play.png) no-repeat center center;
  background-size: 20px auto;
}

.gallery .headimg {
  padding-bottom: 100%;
  border-radius: 10px;
  background-color: var(--gray-100);
}

.gallery .headimg,
.gallery ul li .img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.gallery .swiper-slide {
  justify-content: start;
}
.gallery .swiper-wrapper {
  align-items: center;
}
.gallery ul {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(7, 1fr);
}
.gallery ul li {
  border-radius: 0.75rem;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.gallery ul li .img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  transition: all 0.25s;
  width: 100%;
}
.gallery ul li:hover {
  color: var(--pink);
}
.gallery__content {
  display: grid;
  gap: 1rem;
}
.gallery__content--mobile {
  display: none;
}
.gallery__main {
  background: var(--gray-100);
  border-radius: 0.75rem;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.gallery__main picture {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  transition: all 0.25s;
  width: 100%;
}
.gallery__main--rectangle {
  padding-bottom: 0;
}
.gallery__main--rectangle picture {
  position: static;
}
.gallery__mobile-content {
  width: 100vw;
}
.gallery__open {
  align-items: center;
  border: 1px solid;
  border-radius: 0.75rem;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.gallery-pagination {
  width: 100vw !important;
}
@media (max-width: 750px) {
  .gallery__content {
    display: none;
  }
  .gallery__content--mobile {
    display: block;
    overflow: hidden;
  }
}

.gallery ul li.allimg strong {
  position: absolute;
  height: 20px;
  font-size: 24px;
  line-height: 24px;
  top: 50%;
  margin-top: -12px;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 400;
  color: var(--gray-900);
}

.gallery .meter {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  padding: 9px;
}

.gallery .meter img {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  background: var(--white);
}

.gallery .mobile .swiper-wrapper .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.gallery .mobile .swiper-slide {
  height: 100vw;
  width: 100%;
  border-radius: 0;
  background-color: var(--gray-100);
  /*  */
}

.gallery .gallery-pagination {
  position: absolute;
  bottom: -13px;
  margin: 0 auto;
  justify-content: center;
  width: 100%;
  display: flex;
}

.gallery .swiper-pagination-bullet,
.gallery_layer .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid transparent;
  box-shadow: 1px 1px 5px 0px #d3d3d3;
  background: white;
  margin: 4px;
}

.gallery .swiper-pagination-bullet-active::after,
.gallery_layer .swiper-pagination-bullet-active::after {
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: var(--pink);
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}

.gallery .swiper-pagination-bullet-active,
.gallery_layer .swiper-pagination-bullet-active {
  border-color: var(--pink);
}

.breadcrumbs,
.breadcrumbs-mobile {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  padding-bottom: 10px;
}

.breadcrumbs ul {
  margin-lefT: -15px;
  margin-right: -15px;
  text-align: left;
}

.breadcrumbs ul li {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.breadcrumbs ul li:after,
.breadcrumbs-mobile ul li:after {
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
  content: "";
  background: url(../img/ic_arrow_right_blue.svg) no-repeat center center;
  width: 10px;
  height: 16px;
}

.breadcrumbs ul li a,
.breadcrumbs-mobile ul li a {
  color: var(--blue);
  text-decoration: none;
}

.breadcrumbs ul li a:hover {
  text-decoration: underline;
}

.breadcrumbs ul li:first-child {
  margin-left: 15px;
  display: none;
}

.breadcrumbs ul li:first-child a {
  color: var(--gray-700);
}

.breadcrumbs ul li:first-child:after {
  right: auto;
  left: 0;
  background-image: url(../img/ic_arrow_right_grey.svg);
  transform: rotate(180deg);
}

.breadcrumbs ul li:first-child:before {
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 0;
  width: 1px;
  background: #D5D5D5;
  content: "";
}

.breadcrumbs ul li:last-child:after {
  display: none;
}

.breadcrumbs-mobile ul li:last-child:after {
  display: none;
}

.breadcrumbs-mobile {
  display: none;
}

.breadcrumbs-mobile ul {
  text-align: left;
}

.breadcrumbs-mobile ul li {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.breadcrumbs-mobile ul li:first-child {
  padding-left: 0;
}

.description h1 {
  margin-bottom: 25px;
}

.description ul.actions {
  margin: -3px;
  margin-top: -20px;
  text-align: left;
  margin-bottom: 25px;
}

.description ul.actions li {
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  background: var(--pink);
  color: var(--white);
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px;
  margin: 3px;
  font-weight: 700;
}

.description ul.actions li.green {
  background: #8bc53f;
  color: var(--white) !important;
}

.description .icons .icon span {
  display: none;
}

.description .icons .icon span:empty {
  display: none !important;
}

.description .icons .icon span:before,
.count .alert:before,
.data .overinput.validated .msg:before,
.floated .alert:before,
.fixedcart .alert:before {
  display: none;
  position: absolute;
  top: -5px;
  left: 50px;
  height: 5px;
  width: 14px;
  content: "";
  background: url(../img/tooltip_arrow.png) no-repeat center center;
}

.description .icons .icon span:before {
  left: 18px;
}

.description .icons .icon:hover span:before,
.floated .alert:before,
.fixedcart .alert:before {
  display: block;
}

.description .icons .icon:hover span {
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  min-width: 100%;
  box-sizing: border-box;
  background: rgba(47, 42, 80, 0.9);
  color: var(--white);
  font-size: 15px;
  line-height: 30px;
  border-radius: 4px;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}

.detail-nav {
  position: sticky;
  top: 140px;
  top: calc(var(--top-offset) - 10px);
  background: white;
  z-index: 10;
}

.detail-nav.mobile {
  top: 0px;
}

.section h2 {
  padding: 20px 0;
}

.section {
  text-align: left;
  margin: 25px 0;
  font-size: 16px;
}

.columns2 {
  display: flex;
  flex-direction: row;
  clear: both;
  justify-content: space-between;
}

.columns2 > * {
  width: calc(50% - 20px);
}

.section .icons {
  display: flex;
  position: initial;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 15px 0 15px -7px;
  clear: both;
  float: none;
}

.section .greybox .icons {
  align-items: stretch;
}

.product-params .greybox,
.section .whitebox {
  background: #fbfbfb;
  width: 80px;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  margin: 5px;
  font-size: 15px;
  font-weight: 400;
  color: #a0a0a0;
  line-height: 14px;
  font-size: 14px;
}

.section .whitebox {
  background: white;
  color: #949494;
}

.section .icons .icon {
  display: block;
  margin: 10px auto;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
}

.product-description {
  display: flex;
}

.product-params .overimg {
  position: absolute;
  right: 0;
  top: 0;
}

.product-params .overimg > img {
  margin: auto;
  width: 200px;
}

.section > .greybox {
  background: #fbfbfb;
  padding: 10px;
  margin: 20px 5px 5px 5px;
  border-radius: 7px;
  overflow: hidden;
  padding: 0;
}

.section .info strong a {
  text-decoration: underline;
}

.section .info strong {
  color: var(--nightblue);
}

.section .info h3 {
  font-size: 20px;
  color: var(--nightblue);
  margin: 15px 0;
}

.section .info p {
  margin-right: 15px;
}

.section .info {
  margin: 40px 0;
}

.section .inspiration-swiper .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  border-radius: 7px;
}

.section .inspiration-swiper .swiper-slide-active {
  height: 100%;
}

.inspiration-swiper .next,
.inspiration-swiper .prev,
.items .swiper-container .next,
.items .swiper-container .prev {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(../img/ic_arrow_right_darkblue.svg) no-repeat center center;
  background-size: 8px 12px;
  left: -15px;
  margin-top: -20px;
  transform: rotate(180deg);
  cursor: pointer;
  scale: 1;
}
.inspiration-swiper .next:hover,
.inspiration-swiper .prev:hover,
.items .swiper-container .next:hover,
.items .swiper-container .prev:hover {
  scale: 0.3s ease;
}

.items .swiper-container .next,
.items .swiper-container .prev {
  top: 30%;
  z-index: 10;
}

.inspiration-swiper .next {
  transform: none;
  right: -15px;
  left: auto;
}

.items .swiper-container .prev {
  left: -13px;
}

.items .swiper-container .next {
  transform: none;
  right: -13px;
  left: auto;
}

.inspiration-swiper .swiper-button-disabled,
.items .swiper-container .swiper-button-disabled {
  display: none !important;
}

.items .swiper-container {
  overflow: hidden visible;
  padding-bottom: 100px;
  margin-bottom: -100px;
  padding-left: 10px;
  margin-left: -20px;
  padding-right: 10px;
  margin-right: -10px;
  z-index: 1;
}

.product-list {
  margin-top: 10px;
  margin-right: 15px;
  max-width: 700px;
}

.product-list .product > form {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 15px 0;
  border-bottom: 1px solid var(--gray-100);
}

.product-list .product .img {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 60px;
  height: 60px;
  border-radius: 5px;
}

.product-list .product .desc .desktop {
  white-space: nowrap;
}

.product-list .product .desc {
  padding: 0 0 0 10px;
  font-size: 14px;
  line-height: 20px;
  max-width: calc(100% - 300px);
}

.product-list .product .desc-price {
  font-size: 16px;
}

.count .alert:empty,
.data .overinput.validated .msg:empty,
.floated .alert:empty,
.fixedcart .alert:empty {
  display: none !important;
}

.count .alert,
.data .overinput.validated .msg,
.floated .alert,
.fixedcart .alert {
  background-position: 14px center !important;
  background-size: 8px auto !important;
  border-radius: 4px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  display: block;
  font-size: 14px !important;
  left: 0;
  line-height: 25px !important;
  margin: 0 !important;
  max-width: 1000px !important;
  min-width: 80px;
  padding-bottom: 0 !important;
  padding-left: 30px !important;
  padding-right: 8px;
  padding-top: 0 !important;
  position: absolute;
  top: calc(100% + 0.5rem);
  transform: translateY(-100%);
  white-space: nowrap;
  width: auto !important;
  z-index: 9;
}

.data .overinput.validated .msg {
  background-color: #06b95e;
  background-image: url(../img/ic_check_white.svg);
  background-repeat: no-repeat;
  color: var(--white);
  line-height: 20px !important;
  font-size: 13px !important;
  padding-left: 20px !important;
  padding-right: 7px !important;
  background-position: 6px center !important;
}

.count .alert:before,
.data .overinput.validated .msg:before,
.floated .alert:before,
.fixedcart .alert:before {
  display: block;
  background: #06b95e;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  transform: rotate(45deg);
}

.count .alert.error:before,
.data .overinput.validated.error .msg:before,
.floated .alert.error:before,
.fixedcart .alert.error:before {
  background: #f83c49;
}

.data .overinput.validated.default .msg:before {
  background: #d5d5d5;
}

.floated .alert,
.fixedcart .alert {
  top: auto;
  bottom: 60px;
  font-weight: 400;
  display: block !important;
}

.floated .alert.info,
.fixedcart .alert.info {
  background-color: var(--blue);
  background-image: url(../img/info-white-18dp.svg);
  background-size: 16px auto !important;
  background-position: 8px center !important;
}

.floated .alert:before,
.fixedcart .alert:before {
  top: auto;
  bottom: -5px;
}

.floated .alert.info:before,
.fixedcart .alert.info:before {
  background-color: var(--blue);
}

.data .overinput.validated .msg {
  top: 40px !important;
  left: 15px !important;
}

.data.login .overinput.validated .msg {
  top: 55px !important;
}

.data .overinput.validated.error .msg {
  background-color: #f83c49;
  background-image: url(../img/ic_error_white.svg);
}

.data .overinput.validated.default .msg {
  background: #d5d5d5;
  padding-left: 7px !important;
}

.data .overinput.validated .msg:before {
  left: 20px;
  width: 7px;
  height: 7px;
  top: -3px;
}

.description .detailcart {
  text-align: left;
  margin-left: -8px;
  margin-right: -8px;
}

.description .detailcart .price {
  color: var(--gray-700);
  font-weight: 400;
  line-height: 50px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin: 8px;
}

.description .detailcart .price strong {
  font-size: 30px;
  font-weight: 700;
  color: var(--pink);
}

.description .detailcart .price .save {
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 25px;
  margin-top: -15px;
  margin-bottom: 10px;
}

.description .detailcart .price .save strong {
  font-size: 14px;
  line-height: 25px;
  background: var(--pink);
  color: var(--white);
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 3px;
  margin-right: 5px;
}

.description .detailcart .price .save strike {
  font-weight: 700;
}

.description .detailcart > form {
  display: flex;
  align-items: center;
  flex-wrap: wrap-reverse;
}

.description .detailcart .popular {
  margin: 10px 7px;
}

.stock {
  font-size: 15px;
  color: var(--gray-700);
  font-weight: 400;
  text-align: left;
  margin: 8px 0;
  padding: 25px 0 0 0;
  border-top: 1px solid var(--gray-200);
  vertical-align: middle;
  line-height: 18px;
}

.stock strong {
  font-size: 18px;
  font-weight: 700;
}

.stock a {
  border-bottom: 1px dotted var(--gray-700);
}

.description .infomsg {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: var(--gray-700);
  margin-top: 30px;
  margin-bottom: 0;
  border-bottom: 0;
}

.description .infomsg.noborder {
  border: 0;
  margin-top: 0;
}

.description .infomsg.noborder:before {
  display: none;
}

.description .infomsg ul {
  margin-left: -8px;
  margin-right: -8px;
  padding: 0;
}

.description .infomsg ul {
  align-items: flex-start;
}

.description .infomsg ul li {
  margin: 4px 20px 4px 8px;
}

.description .infomsg ul li p {
  padding: 0;
  background: none !important;
}

.description .infomsg ul li p strong {
  font-weight: 700 !important;
  color: var(--nightblue);
}

.description .infomsg ul li p strong.large {
  font-size: 18px;
}

.description .infomsg ul li p.mimilogo {
  padding-right: 70px;
  background: url(../img/mimitex_logo.svg) no-repeat right center !important;
}

.description .infomsg.noborder ul li p strong {
  font-size: 18px;
  display: block;
  margin-top: 5px;
}

.description .infobubble {
  width: fit-content;
  margin-top: 5px;
  max-width: 100%;
}

.description .infobubble > div {
  margin-bottom: 15px;
  left: 0;
  min-width: 100%;
  box-sizing: border-box;
  background: #eaeaea;
  color: #9c9c9c;
  font-size: 15px;
  line-height: 30px;
  border-radius: 5px;
  white-space: nowrap;
  padding: 3px;
}

.description .infobubble > div.bubble-green {
  background: #8bc53f;
  color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  clip-path: polygon(0 -10px, var(--loaded) -10px, var(--loaded) 100%, 0 100%);
  transition: clip-path 275ms ease;
}

.description .infobubble > div::before {
  display: block;
  position: absolute;
  top: -5px;
  left: 35px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  content: "";
}

.description .infobubble ul {
  text-align: left;
  overflow: hidden;
}

.description .infobubble ul > li {
  padding: 0 10px;
  font-weight: 700;
  border-right: 1px solid #b9b9b9;
  display: inline-block;
}

.description .infobubble ul > li:last-child {
  border-right: none;
}

.description .description-short {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  max-width: 530px;
}

.description .description-short a {
  text-decoration: underline;
  color: var(--pink);
}

.description .addpopular {
  display: inline-block;
  white-space: nowrap;
  padding-left: 32px;
  color: var(--gray-700);
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  background: url(../img/ic_popular_pink.svg) no-repeat center left;
  background-size: 22px auto;
}

.description .addpopular.mobile {
  margin-top: 20px;
  margin-bottom: 20px;
}

.description .addpopular.active {
  background-image: url(../img/ic_popular_pink_fill.svg);
}

.description .code {
  display: block;
  float: right;
  font-size: 15px;
  font-weight: 400;
  color: var(--gray-700);
  line-height: 30px;
}

.description .greybox {
  background: #fbfbfb;
  border-radius: 10px;
  padding: 0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 400;
  color: var(--gray-700);
}

.description .greybox ul li span {
  float: left;
  display: block;
  background: #fbfbfb;
  padding-right: 2px;
}

.description .greybox ul li strong {
  float: right;
  display: block;
  background: #fbfbfb;
  padding-left: 2px;
}

.description .greybox ul li:After,
.description .greybox:after {
  display: block;
  clear: Both;
  float: none;
  content: "";
}

.description .greybox ul li:before {
  position: absolute;
  bottom: 10px;
  border-bottom: 1px dashed #D5D5D5;
  left: 0;
  right: 0;
  display: block;
  content: "";
}

.description .greybox .col33 {
  text-align: right;
}

.description .greybox .overimg {
  display: inline-block;
  background: transparent;
  padding: 15px;
  border-radius: 4px;
  margin: auto;
  padding-bottom: 5px;
  margin: 0;
}

.description .greybox .overimg:before {
  display: block;
  content: "";
  top: 7px;
  left: 7px;
  bottom: 7px;
  right: 7px;
  position: absolute;
  border: 1px dashed #939393;
  border-radius: 2px;
  display: none;
}

.description .icons,
.single .icons {
  margin: -7px;
  text-align: left;
  clear: both;
  float: none;
  margin-top: 12px;
}

.description .icons .icon,
.single .icons .icon {
  display: inline-block;
  margin: 7px;
  vertical-align: top;
  background: var(--white);
  border-radius: 4px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
}

.single .icons .icon {
  background-color: #fbfbfb;
  width: 60px;
  height: 60px;
}

.description .icons {
  margin: 0;
  padding: 3px;
  margin-left: 8px;
  margin-right: 8px;
}

.description .greybox .col33,
.description .greybox .col66 {
  display: inline-block;
  margin-left: -2px;
  margin-right: -2px;
  float: none;
  vertical-align: middle;
}

.description .icons .icon {
  background-color: transparent;
  margin-left: 2px;
  margin-right: 2px;
}

.description .variants {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--gray-100);
  text-align: left;
}

.description .variants h2,
.ukoncen-msg h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 700;
}

.description .variant {
  display: inline-block;
  margin-right: 5px;
  text-align: center;
}

.description .variants .img {
  display: block;
  width: 150px;
  height: 60px;
  border-radius: 5px;
  background-color: var(--gray-100);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.description .variant .desc {
  text-align: center;
  position: relative;
  font-size: 16px;
  padding: 0 8px 0 0;
}

.description .variant .desc::after {
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
  content: "";
  background: url(../img/ic_arrow_right_pink.svg) no-repeat center center;
  width: 10px;
  height: 20px;
}

.product-combinations {
  z-index: 1;
}

.detail .itemssmall .itembox .item .addcart button {
  width: auto;
  margin: 0;
  float: none;
  background-color: transparent;
  border: 2px solid var(--gray-400);
  color: #616161;
  height: 30px;
  line-height: 30px;
  background-image: url(../img/ic_cart_grey.svg);
  display: inline-block;
}

.detail .itemssmall .itembox .item .addcart button:hover {
  border-color: var(--nightblue);
}

.badge-softshell {
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 350px;
}

@media (max-width: 550px) {
  .badge-softshell {
    width: 250px;
  }
}
.badge-softshell-mobile {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 250px;
}

/* Loading state for buttons */
button.is-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
button.is-loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid transparent;
  border-top-color: white;
  border-radius: 50%;
  animation: button-loading-spinner 0.6s linear infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
/* Single */
.single .btn.ic_nav {
  position: absolute;
  top: 15px;
  right: 15px;
}

.single h1 {
  margin-bottom: 20px;
}

.single h2.mb0 {
  margin-bottom: 0;
}

.single p,
.archive .category p {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

.single .row h2 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
}

.row:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-right: 1px solid var(--gray-200);
  content: "";
}

.row.noborder:after {
  border: 0;
  padding: 0;
  margin: 0;
}

.single .row .col50:first-child .inner {
  padding-right: 40px;
}

.single .row .col50:last-child .inner {
  padding-left: 40px;
}

.single .row p {
  font-size: 15px;
  margin-bottom: 15px;
}

.single .row table {
  margin-bottom: 15px;
  text-align: left;
  width: 100%;
  font-weight: 400;
}

.single .row table tr th {
  font-weight: 400;
  text-align: left;
  font-size: 15px;
  line-height: 24px;
}

.single .row table tr td {
  font-weight: 700;
  text-align: right;
  color: var(--nightblue);
  font-size: 15px;
  line-height: 24px;
}

.single .tablediv {
  margin-bottom: 20px;
}

.single .tablediv h3 {
  font-size: 15px;
  color: var(--gray-700);
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.single .tablediv h3:after,
.single .tablediv:after {
  display: block;
  position: absolute;
  left: 0;
  right: -30px;
  height: 1px;
  content: "";
  bottom: 0;
  background: var(--gray-100);
}

.single .tablediv:after {
  left: auto;
  right: auto;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}

.single .tablediv .col33:last-child h3:after {
  right: 0;
}

.single .tablediv .inner {
  text-align: left;
}

.single .tablediv p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.single .checkout table tr td {
  border-bottom: 1px solid var(--gray-100);
  text-align: right;
}

.single .checkout table tr th {
  text-align: right;
}

.single .checkout table tr td:nth-child(2),
.single .checkout table tr td:first-child,
.single .checkout table tr th:first-child {
  text-align: left;
}

.single .checkout .overtable {
  margin-bottom: 25px;
}

.single .checkout table tr.noimg td:nth-child(2) {
  text-align: right;
}

.single h3.taleft {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: var(--nightblue);
  margin-bottom: 30px;
}

.single p.small {
  font-size: 16px;
  margin-bottom: 0;
}

.single .mb0 {
  padding-bottom: 0;
}

.single .mb0 h2 {
  margin-bottom: 0;
}

.single .data label.radio {
  text-align: left;
}

.single .status {
  border-radius: 10px;
  background: #feeddd;
  padding: 10px;
  text-align: left;
  margin-bottom: 24px;
  margin-right: 160px;
}

.single .status .qrpay {
  display: block;
  width: 140px;
  height: 140px;
  position: absolute;
  top: 0;
  right: -160px;
  border: 1px solid #000;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 20px;
}

.single .status .qrpay span {
  display: block;
  float: left;
  position: absolute;
  top: -4px;
  left: 20px;
  background: var(--white);
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  color: var(--black);
  padding-left: 5px;
  padding-right: 5px;
}

.single .status .qrpay .qrcode {
  display: block;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.single .status .ic_pay {
  display: inline-block;
  margin: 10px;
  background: var(--white) url(../img/ic_pay.png) no-repeat center center;
  border-radius: 5px;
  width: 100px;
  height: 100px;
  vertical-align: middle;
}

.single .ic_card {
  display: block;
  float: left;
  margin-bottom: 10px;
  padding-right: 94px;
  background-image: url(../img/ic_card.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.single .status .text {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.single .status .text h2 {
  color: #f8953d;
  display: block;
  margin: 0;
}

.single .status .text p {
  color: #5b586d;
  margin: 0;
}

.single .status .text p strong {
  color: var(--nightblue);
}

.infomsg {
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  margin-top: 40px;
  float: none;
  clear: both;
}

.infomsg:before {
  display: block;
  position: absolute;
  top: -9px;
  left: 35px;
  width: 15px;
  height: 15px;
  border: 1px solid var(--gray-200);
  border-right: 0;
  border-bottom: 0;
  background: var(--white);
  transform: rotate(45deg);
  background: var(--white);
  border-radius: 2px 0 0 0;
  content: "";
}

.infomsg ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 15px;
  padding-bottom: 15px;
}

.infomsg ul:after {
  display: none;
}

.infomsg ul li {
  display: block;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

.infomsg ul li p {
  display: block;
  text-align: left;
  margin: 0;
  padding-left: 40px;
}

.infomsg ul li p small {
  font-size: 13px;
  line-height: 16px;
}

.infomsg ul li p {
  background-repeat: no-repeat;
  background-position: left center;
}

.infomsg:not(.noicon) ul li:first-child p {
  background-image: url(../img/ic_info_01.svg);
}

.infomsg:not(.noicon) ul li:nth-child(2) p {
  background-image: url(../img/ic_info_02.svg);
}

.infomsg:not(.noicon) ul li:nth-child(2) p strong {
  font-weight: 400;
}

.infomsg:not(.noicon) ul li:last-child p {
  background-image: url(../img/ic_park_pink.svg);
}
.single .box {
  padding: 30px;
  background: #deedca;
  border-radius: 10px;
  padding-bottom: 35px;
}

.single .box.pink {
  background: #f8e5f7;
}

.single .box.orange {
  background: #fbd48c url(../img/box_orange_bg.png) no-repeat right bottom;
  background-size: auto 100%;
  text-align: left;
  padding-bottom: 20px;
}

.single .box h2 {
  color: #66a810;
  background: url(../img/ic_phone_green.svg) no-repeat left center;
  padding-left: 50px;
  background-size: 33px auto;
}

.single .box.orange h2 {
  color: #433f37;
  background-image: url(../img/ic_park.svg);
  line-height: 26px;
  margin-bottom: 10px;
}

.single .box.pink h2 {
  color: var(--pink);
  background-image: url(../img/ic_email_pink.svg);
}

.single .box h2 small {
  font-weight: 400;
  font-size: 18px;
}

.single .box p {
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-800);
  font-weight: 400;
}

.single .box.orange p {
  font-size: 18px;
  color: #433f37;
}

.single .box.orange p,
.single .box.orange h2 {
  width: 250px;
  max-width: 100%;
  box-sizing: border-box;
}

.single .box.orange a {
  display: inline-block;
}

.single .box.orange .margin {
  margin-top: 20px;
}

.photos .img {
  display: block;
  padding-bottom: 100%;
  border-radius: 10px;
  background-color: var(--gray-100);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.map {
  margin-bottom: 20px;
}

.map iframe {
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  display: block;
}

.logoprint {
  display: none;
}

.bestseller {
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.bestseller ul li a {
  display: block;
}

.bestseller ul li {
  display: block;
  width: 33.3333%;
  box-sizing: border-box;
  padding: 10px;
  float: left;
}

.bestseller ul li .desc {
  display: block;
  font-weight: 400;
  color: var(--gray-700);
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  margin-left: 80px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.bestseller ul li .desc h3 {
  font-weight: 400;
  color: var(--gray-700);
  font-size: 15px;
  line-height: 24px;
  display: block;
}

.bestseller ul li .desc .price {
  display: block;
}

.bestseller ul li .desc .price strong {
  font-size: 17px;
}

.bestseller ul li .img {
  display: block;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: var(--gray-100);
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  box-shadow: 0 1px 6px rgb(221, 223, 253);
}

.bestseller ul li .position {
  width: 20px;
  height: 20px;
  border: 2px solid var(--white);
  border-radius: 20px;
  background: #f9a521;
  color: var(--white);
  line-height: 20px;
  text-align: center;
  display: block;
  position: absolute;
  left: -10px;
  top: 30px;
  margin-top: -12px;
  font-size: 15px;
  font-weight: 700;
}

.bestseller ul li:nth-child(2) .position {
  background-color: #c8c8c8;
  color: var(--nightblue);
}

.bestseller ul li:nth-child(3) .position {
  background-color: #ba842f;
}

.bestseller .showmore {
  display: block;
  float: left;
  position: absolute;
  bottom: -28px;
  left: 10px;
  font-size: 13px;
  font-weight: 400;
  color: var(--pink);
  height: 28px;
  line-height: 28px;
  border: 1px solid var(--gray-100);
  border-top: 0;
  background: var(--white);
  padding-left: 10px;
  padding-right: 22px;
}

.bestseller .showmore:hover {
  text-decoration: underline;
}

.bestseller .showmore:after {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: url(../img/ic_toggle_pink.svg) no-repeat center center;
  background-size: 7px auto;
  content: "";
  right: 10px;
}

/* Progress */
.progress ul {
  display: block;
  overflow: hidden;
}

.progress ul li {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #d5d5d5;
  font-weight: 700;
  background: var(--white);
  z-index: 2;
  padding-right: 10px;
}

.progress:not(.no-lowercase) ul li:first-child strong {
  text-transform: lowercase;
}

.progress ul li:first-child strong span {
  text-transform: none;
}

.progress ul li em {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 40px;
  border: 2px solid #d5d5d5;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  background: var(--white);
  line-height: 36px;
  margin-right: 8px;
}

.progress ul li:first-child {
  float: left;
  z-index: 3;
}

.progress ul li:last-child {
  float: right;
  z-index: 1;
  padding-right: 0;
}

.progress ul li:before {
  display: block;
  width: 100vw;
  height: 2px;
  background: #d5d5d5;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: -100vw;
  content: "";
}

.progress ul li:first-child:before {
  display: none;
}

.progress ul li.active,
.progress ul li.pink {
  color: var(--pink);
}

.progress ul li.active em,
.progress ul li.pink em {
  border-color: var(--pink);
}

.progress ul li.active:before,
.progress ul li.pink:before {
  background-color: var(--pink);
}

.progress ul li strong a {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: var(--pink);
  text-align: left;
  margin-left: 50px;
  margin-top: -10px;
  text-decoration: underline;
}

.progress ul li strong a:hover {
  text-decoration: none;
}

/* Checkout */
.checkout .ic_phone {
  display: block;
  float: right;
  background: #deedca;
  border-radius: 4px;
  padding: 10px;
  padding-left: 40px;
  padding-right: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #66a810;
  background-image: url(../img/ic_phone_green.svg);
  background-repeat: no-repeat;
  background-size: auto 17px;
  background-position: 15px center;
}

.checkout .ic_phone small {
  font-size: 15px;
  font-weight: 400;
}

.checkout table,
.tables table {
  font-size: 18px;
  line-height: 24px;
}

.tables table {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
}

.checkout table.summary {
  font-size: 15px;
}

.checkout table tr td,
.checkout table tr th,
.tables table tr td {
  padding: 7px;
  text-align: left;
  white-space: nowrap;
}

.tables table tr td {
  white-space: normal;
}

.checkout table.summary tr td {
  white-space: normal;
}

.checkout table.summary tr td:last-child {
  white-space: nowrap;
}

.checkout table tr td,
.tables table tr td {
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid var(--gray-100);
}

.checkout table.nowidth tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0;
}

.checkout table tr td:first-child,
.checkout table tr th:first-child,
.tables table tr td:first-child {
  padding-left: 0;
  width: 50px;
}

.checkout table tr td:last-child,
.checkout table tr th:last-child,
.tables table tr td:last-child,
.tables table.cols4 tr td:last-child {
  padding-right: 0;
  width: 25px;
}

.tables table tr td:last-child {
  width: auto;
}

.checkout table:not(.nowidth) tr:not(.noimg) td:nth-child(2) {
  width: 60%;
}

.checkout table.nowidth tr:not(.noimg) td:nth-child(2) {
  white-space: normal;
}

.checkout table.nowidth td .round {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--pink);
  line-height: 22px;
  background: #ffecf2;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 22px;
}

.tables table tr td:nth-child(2) strong {
  display: block;
}

.tables table tr:first-child td {
  border: 0;
}

.checkout table tr th {
  font-size: 15px;
  font-weight: 400;
}

.checkout table tr td em {
  color: var(--metalgrey) !important;
  font-style: normal;
}

.checkout table tr td .img,
.tables table tr td .img {
  display: block;
  width: 50px;
  height: 50px;
  background-color: var(--gray-100);
  border-radius: 4px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.checkout table tr td .ic_remove,
.tables table tr td .ic_remove {
  width: 18px;
  height: 18px;
  display: block;
  background: url(../img/ic_close_grey.svg) no-repeat center center;
  background-size: auto 18px;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  line-height: 18px;
}

.tables table tr td .ic_cart {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background: var(--pink) url(../img/ic_cart_white.svg) no-repeat center center;
  background-size: 21px auto;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}

.tables table tr td .ic_cart:hover {
  background-color: var(--purple);
}

.tables table.cols4 tr td:nth-last-child(2) {
  width: 35px;
}

.checkout table tr.addgift td .img {
  background-color: transparent;
  background-image: url(../img/ic_gift.png);
  background-size: auto;
}

.checkout table tr.addgift td:nth-child(2) strong {
  color: var(--nightblue);
  cursor: pointer;
  display: inline-block;
  padding-right: 24px;
}

.checkout table tr.addgift td:nth-child(2) strong:after {
  display: block;
  width: 24px;
  height: 24px;
  position: Absolute;
  top: 0;
  right: 0;
  content: "";
  background: url(../img/ic_arrow_right_pink.svg) no-repeat center center;
  transform: rotate(90deg);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.checkout table tr.addgift td:nth-child(2) strong.active:after {
  transform: rotate(-90deg);
}

.checkout .gifts {
  display: none;
  text-align: left;
  margin: -8px;
  margin-bottom: 16px;
}

.checkout .gifts.active {
  display: block;
}

.checkout .gifts .check {
  margin: 8px;
  display: inline-block;
  vertical-align: middle;
  border-color: #cdcdcd;
  border-radius: 6px;
}

.checkout .gifts .check .title {
  display: inline-block;
  vertical-align: middle;
  color: var(--gray-700);
  font-size: 18px;
}

.checkout .gifts .check .img {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #cdcdcd;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 12px;
}

.checkout .gifts .check:before,
.checkout .gifts .check:after {
  top: 50%;
  margin-top: -15px;
}

.checkout .gifts .check:after {
  margin-top: -8px;
}

.checkout table.summary tr td:first-child {
  width: auto;
}

.checkout table.summary tr td:last-child,
.tables table.cols4 tr td:last-child {
  text-align: right;
}

.checkout table.summary tr td:nth-child(2) {
  width: 100%;
}

.checkout table.summary tr:last-child td {
  border-bottom: 1px solid var(--gray-100);
}

.checkout .col66 {
  text-align: left;
}

.checkout h2,
.checkout h3 {
  font-size: 24px;
  line-height: 45px;
  color: var(--nightblue);
  text-align: left;
}

.description .checkout h3 {
  font-size: 20px;
}

.checkout h2 a {
  font-size: 18px;
  font-weight: 400;
  color: var(--pink);
  text-decoration: underline;
  margin-left: 10px;
}

.checkout h2 a:hover {
  text-decoration: none;
}

.checkout h3 {
  font-size: 18px;
}

.checkout h2.inline {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.checkout select,
.data select {
  border: 1px solid var(--gray-400);
  border-radius: 4px;
  font-size: 18px;
  font-weight: 400;
  color: var(--nightblue);
  display: inline-block;
  width: 210px;
  background: var(--white) url(../img/ic_toggle_pink.svg) no-repeat 92% center;
  padding-right: 35px;
}

.checkout h2,
.checkout select,
.data select {
  vertical-align: middle;
}

.data select {
  display: block;
}

.checkout p.info {
  display: block;
  border: 2px dotted #d5d5d5;
  color: #d5d5d5;
  font-weight: 700;
  padding: 20px;
  font-size: 18px;
  border-radius: 4px;
}

.checkout .radios,
.checkout .data {
  max-width: 860px;
}

.checkout .upper {
  text-transform: uppercase;
}

.checkout p.taleft {
  text-align: left;
  font-size: 15px;
  line-height: 24px;
}

.checkout p.taleft strong {
  color: var(--nightblue);
  font-weight: 700;
}

.checkout table tr td strong strike {
  font-weight: 400 !important;
  color: var(--gray-700) !important;
}

.borderline {
  height: 1px;
  background: #f3f3f3;
  margin-top: 10px;
  margin-bottom: 0;
}

.empty {
  padding-bottom: 30px;
}

.empty .icon_cart {
  display: block;
  width: 184px;
  height: 184px;
  background: #fbfbfb url(../img/ic_cart_empty.svg) no-repeat center center;
  background-size: 110px auto;
  border-radius: 184px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

.data .overinput label {
  display: none;
}

.data .overinput.validated label {
  display: block;
  position: absolute;
  top: -10px;
  left: 10px;
  background: var(--white);
  line-height: 20px;
  float: left;
  z-index: 3;
  background: var(--white);
  font-size: 15px;
  font-weight: 400;
  color: #06b95e;
  padding-left: 5px;
  padding-right: 5px;
}

.data .overinput.validated.error label {
  color: #f83c49;
}

.data .overinput.validated.default label {
  color: var(--gray-700);
}

.data .overinput input,
.data .overinput textarea {
  border: 1px solid var(--gray-400);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  color: var(--nightblue);
  background: var(--white);
}

.data .overinput.validated input,
.data .overinput.validated textarea {
  border-color: #06b95e;
  padding-right: 35px;
  background-image: url(../img/ic_check_green.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
}

.data .overinput.validated.error input,
.data .overinput.validated.error textarea {
  border-color: #f83c49;
  background-image: url(../img/ic_error_red.svg);
  background-size: 12px auto;
}

.data .overinput.validated.default input,
.data .overinput.validated.default textarea {
  border-color: #d5d5d5;
  background-image: none;
  padding-right: 15px;
}

.data .overinput input:focus,
.data .overinput textarea:focus,
.data select:focus,
.checkout select:focus {
  border-color: var(--nightblue) !important;
}

.data .overinput.custom input {
  padding-left: 66px;
}

.data .customselect {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  bottom: 0;
  z-index: 2;
  background: transparent url(../img/ic_toggle_grey.svg) no-repeat right center;
}

.data .customselect li {
  display: none;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin-right: 10px;
  background: var(--white);
  cursor: pointer;
}

.data .customselect li img {
  display: inline-block;
  vertical-align: middle;
}

.data .customselect:hover li {
  display: block;
}

.data .customselect li.active {
  display: block;
  background: transparent;
}

@media only screen and (max-width: 1000px) {
  .checkout table:not(.nowidth) tr:not(.noimg) td:nth-child(2) {
    position: relative;
    width: 80%;
  }
  .checkout table:not(.nowidth) tr:not(.noimg) td:nth-child(3) {
    position: relative;
    width: 45%;
  }
}
/* Added to Cart */
.addedtocart {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 88;
}

.addedtocart .overaddedtocart {
  position: Absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
}

.addedtocart .box {
  width: 320px;
  margin: auto;
  border-radius: 20px 20px 0 0;
  background: var(--white);
  text-align: left;
  box-shadow: 0 0 640px rgb(248, 60, 124);
  z-index: 5;
}

.addedtocart .inner {
  padding: 20px;
}

.addedtocart .btns {
  text-align: center;
  padding: 0;
  margin: 0;
}

.addedtocart .btns .btn {
  min-width: 110px;
}

.addedtocart .btns .btn.back {
  min-width: 0;
}

.addedtocart h3:not(.listing__title) {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: var(--nightblue);
  margin-bottom: 5px;
}

.addedtocart p {
  font-size: 14px;
  font-weight: 400;
  color: #727171;
  line-height: 18px;
}

.addedtocart .desc {
  padding-left: 95px;
  min-height: 80px;
  padding-bottom: 15px;
  padding-left: 115px;
  padding-top: 15px;
}

.addedtocart .desc .img {
  width: 95px;
  height: 95px;
  background-color: var(--gray-100);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.addedtocart .desc .img .ic_ok {
  display: block;
  background-color: #66a810;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: -15px;
  border-radius: 30px;
  background-image: url(../img/ic_check_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
}

.addedtocart .ic_close,
.watchdog_layer .ic_close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/ic_close_pink.svg) no-repeat center center;
  background-size: 16px auto;
}

.watchdog_layer .ic_close {
  background-image: url(../img/ic_close_grey.svg);
}

.addedtocart {
  top: 0;
  background: rgba(47, 42, 80, 0.2);
  display: flex;
  z-index: 999;
}
.addedtocart .inner-products {
  padding: 0 50px;
}
@media (max-width: 1100px) {
  .addedtocart .inner-products {
    padding: 0 20px;
  }
}
.addedtocart .inner-products h3.upselltitle {
  margin-top: 20px;
}
@media (max-width: 1100px) {
  .addedtocart .inner-products h3.upselltitle {
    margin-top: 10px;
  }
}
@media (max-width: 1100px) {
  .addedtocart .btns {
    margin-top: 30px;
  }
}
.addedtocart .listing__like {
  display: none !important;
}

.addedtocart .box {
  border-radius: 10px;
  box-shadow: none;
}

@media only screen and (min-width: 721px) {
  .addedtocart .box {
    width: 900px;
    border-radius: 10px;
    box-shadow: none;
  }
  .addedtocart .inner {
    padding: 50px;
    padding-left: 270px;
    min-height: 175px;
  }
  .addedtocart .desc {
    padding-left: 220px;
    margin-left: -220px;
    padding-top: 0;
    padding-bottom: 30px;
  }
  .addedtocart .desc .img {
    width: 175px;
    height: 175px;
  }
  .addedtocart h3:not(.listing__title),
  .addedtocart p {
    font-size: 24px;
    line-height: 30px;
  }
  .addedtocart .btns {
    margin-left: -7px;
    margin-right: -7px;
  }
  .addedtocart .btns .btn {
    float: left;
    margin-left: 7px;
    margin-right: 7px;
  }
  .addedtocart .desc .img .ic_ok {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-size: 24px auto;
    margin-top: -25px;
    right: -25px;
  }
}
/* Orders */
.orders {
  text-align: left;
}

.orders .order-block {
  box-shadow: 0 2px 13px #dddffd;
  border-radius: 10px;
  padding: 0 20px;
  margin-bottom: 20px;
}

.orders .order-block .order {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.orders .order:after {
  display: block;
  position: Absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  height: 1px;
  background: var(--gray-100);
  content: "";
}

.orders .order:last-child:after {
  display: none;
}

.orders .order-status {
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0;
}

.orders .order-status .icon {
  display: inline-block;
  margin: 0 6px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  bottom: -2px;
}

.order-done {
  display: flex;
  justify-content: space-between;
  background: #fbfbfb;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 20px;
  text-align: left;
}

.order-done .desc {
  min-width: 25%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
  color: var(--nightblue);
  max-height: 120px;
}

.order-done .desc .order-num {
  flex-grow: 1;
  color: #c9c9c9;
}

.marketplace-tag,
.order-done .desc .green,
.order-done .desc .red,
.order-done .desc .orange,
.order-done .desc .violet {
  padding: 7px;
  border-radius: 5px;
  font-weight: 700;
  line-height: 16px;
}

.order-done .desc .green,
.marketplace-tag.green {
  background: #e7f3d7;
}

.order-done .desc .red,
.marketplace-tag.red {
  background: #ffe4e4;
}

.order-done .desc .orange,
.marketplace-tag.orange {
  background: #fde2bf;
}

.order-done .desc .violet,
.marketplace-tag.violet {
  background: #d0c3ec;
}

.orders .order p {
  color: var(--nightblue);
  margin-bottom: 8px;
  min-width: 50%;
}

.orders .order p img {
  display: inline-block;
  margin: 0;
  margin-left: 4px;
  margin-right: 4px;
  max-height: 24px;
  width: auto;
  height: 24px;
  vertical-align: middle;
}

.orders .order p.bullet {
  padding-left: 24px;
}

.orders .order p.bullet:before {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #d21a1a;
  box-shadow: 0 0 12px rgba(210, 26, 26, 0.5);
  content: "";
  position: Absolute;
  top: 6px;
  left: 0;
}

.orders .order p.bullet.active:before {
  background-color: #66A810;
  box-shadow: 0 0 12px rgba(102, 168, 16, 0.5);
}

.orders .order p a {
  color: var(--pink);
  text-decoration: underline;
}

.orders .order p a:hover {
  text-decoration: none;
}

ul.order-products,
.done ul {
  margin-left: 20px;
  text-align: right;
  max-height: 130px;
  overflow: hidden;
  transition: max-height 0.6s ease;
}

ul.order-products.opened {
  max-height: 1000px !important;
}

ul.order-products.opened .toggle {
  display: none !important;
}

.done ul {
  display: inline-block;
  margin: 0;
}

ul.order-products li,
.done ul li,
.product-swiper .swiper-slide {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: 4px;
  background-color: #a2a2a2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 4px;
  overflow: hidden;
}

.product-swiper .swiper-slide {
  display: block;
}

.done ul li.last,
ul.order-products li.last {
  background: transparent;
}

.done ul li.last span,
ul.order-products li a,
.done ul li a,
ul.order-products li.last span,
.product-swiper .swiper-slide a {
  line-height: 40px;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.orders .order .btn {
  position: absolute;
  top: 24px;
  right: 24px;
}

.order-products .img,
.product-swiper .img {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.order-products .toggle {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  color: white;
  text-shadow: 1px 1px 3px grey;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
}

.order-products .toggle > span {
  top: calc(50% - 16px);
}

.orders-month .month-header {
  position: sticky;
  top: 150px;
  top: var(--top-offset);
  z-index: 1;
  display: block;
  transition: padding 0.6s ease, margin 0.6s ease;
}

.orders-month .month-header.stucked {
  padding: 0 20px 0 230px;
  margin: 0 -20px 0 -230px;
}

.orders-month .month-header.stucked h2 {
  padding: 15px 20px 15px 230px;
  margin: 15px -20px 15px -230px;
}

.orders-month .month-header h2 {
  margin: 0;
  color: #c9c9c9;
  background: white;
  padding: 15px 0;
  margin: 0;
  font-size: 20px;
}

.orders-month .month-header:after {
  display: block;
  clear: both;
  float: none;
  content: "";
  position: absolute;
  width: 100%;
  bottom: 1px;
  z-index: -1;
  transform: scale(0.98);
  box-shadow: 0px 0px 15px 5px #d3d3d3;
  left: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.orders-month .month-header.stucked:after {
  opacity: 1;
}

.done table tr td,
.done table tr th {
  text-align: left;
  border-bottom: 1px solid var(--gray-100);
}

.done table tr th {
  font-size: 15px;
  font-weight: 400;
  color: var(--gray-700);
}

.done table tr td {
  font-size: 18px;
  line-height: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.done table tr td a.ic_pdf,
.ic_pdf {
  color: var(--gray-700);
  text-decoration: underline;
  padding-left: 25px;
  background: url(../img/ic_pdf.png) no-repeat left 2px;
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
}

.done table tr td a.ic_pdf:hover,
.ic_pdf:hover {
  text-decoration: none;
}

.done table tr td .ic_check,
.done table tr td .ic_close {
  padding-left: 25px;
  background: url(../img/ic_check_green.svg) no-repeat left center;
}

.done table tr td .ic_close {
  background-image: url(../img/ic_close_red.svg);
  background-size: auto 14px;
}

/* Login */
.login {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.login .inner {
  width: 550px;
  max-width: 100%;
  box-sizing: border-box;
  margin: auto;
  text-align: left;
}

.login h1,
.login h2 {
  font-size: 36px;
  color: var(--nightblue);
  line-height: 45px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1111px) {
  .login .overinput input {
    height: 60px;
    line-height: 40px;
    padding-left: 18px;
    font-size: 20px;
  }
  .detail.home .items .itembox .inner .desc {
    min-height: 73px;
  }
  .detail.home .items .itembox:hover .inner .desc {
    min-height: 1px;
  }
}
.login .taright {
  text-align: right;
  font-size: 18px;
  line-height: 30px;
  float: right;
}

.login .taright a,
.login p.small a {
  text-decoration: underline;
}

.login .taright a:hover,
.login p.small a:hover {
  text-decoration: none;
}

.login button,
.coupon button {
  margin: 0;
  display: block;
  vertical-align: top;
  background-image: none;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}

.login button.ic_key {
  background-image: url(../img/ic_key.png);
  background-size: 30px auto;
  padding-left: 64px;
  background-repeat: no-repeat;
}

.login button.ic_plus,
.login .btn.ic_plus,
.coupon button.ic_plus {
  background-image: url(../img/ic_plus_white.svg);
  background-size: 22px auto;
  padding-left: 64px;
  background-position: 23px center;
  margin-right: 15px;
  background-repeat: no-repeat;
}

.login p {
  display: block;
  font-size: 18px;
  line-height: 30px;
  margin: 0;
  color: var(--gray-700);
  font-weight: 400;
}

.login p.small {
  font-size: 14px;
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  width: 270px;
  max-width: 100%;
  vertical-align: top;
  font-weight: 400;
  float: right;
}

.login p.small a {
  color: var(--gray-700);
}

.login .col50:first-child:before {
  display: block;
  width: 1px;
  position: absolute;
  top: -30px;
  bottom: -30px;
  background: #f3f3f3;
  right: 0;
  content: "";
}

.thanks {
  padding-bottom: 0;
}

.thanks .inner {
  width: 480px;
}

.thanks .col50:before {
  display: none !important;
}

.thanks .pinkbg {
  background: #ffecf2 url(../img/thanks_img.png) no-repeat bottom right;
  background-size: auto 90%;
  padding: 35px;
  border-radius: 10px;
  text-align: left;
  margin-left: -60px;
}

.thanks .pinkbg .inner {
  margin: 0;
}

.thanks .pinkbg h1 {
  color: var(--pink);
}

.thanks .btns .btn {
  float: none !important;
  margin: 0 !important;
  display: inline-block !important;
}

.thanks .btns {
  padding: 0;
}

.thanks .btns:after {
  display: block;
  clear: both;
  float: none;
  content: "";
}

.thanks p.small {
  float: left;
  width: 270px;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.thanks .pinkbg ul li {
  font-size: 20px;
  line-height: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  text-align: left;
  padding-left: 44px;
  background: url(../img/ic_check_rounded.svg) no-repeat left 10px;
  background-size: 25px auto;
}

img.login_texture {
  width: 100%;
}

/* Swiper */
.swiper-container {
  overflow: visible;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: visible;
  align-items: baseline;
}

.swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
  justify-content: center;
}

.mobile,
.content .archive table tr td .mobile {
  display: none;
}

.archive .itembox .item .addcart button,
.detail .itembox .item {
  white-space: nowrap;
}

.imagepage .inner * {
  text-align: center !important;
}

.imagepage .inner {
  padding-top: 30px;
}

.imagepage {
  padding-bottom: 0;
}

.imagepage img {
  margin: auto;
  margin-bottom: -30px;
}

.imagepage p {
  width: 480px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  line-height: 36px;
}

.imagepage ul {
  margin-left: -5px;
  margin-right: -5px;
}

.imagepage ul li {
  display: inline-block;
  margin: 5px;
}

.imagepage ul li a {
  display: block;
  line-height: 20px;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 40px;
  color: var(--white) !important;
  background: var(--pink);
}

.imagepage ul li a.blue {
  background: var(--blue);
}

.imagepage ul li a.orange {
  background: #f99621;
}

.imagepage ul li a.violet {
  background: #8556e9;
}

/* Layer */
.layer {
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  min-width: 320px;
  opacity: 0;
}

.layer.opened {
  opacity: 1;
  z-index: 99;
  display: block;
}

.layer .closelayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

.layer .ic_close_layer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/ic_close_white.svg) no-repeat center center, var(--pink);
  background-size: 18px auto;
}

.layer .block .closelayer {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.layer .over {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  z-index: 3;
  /*-webkit-overflow-scrolling: touch*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.layer .block {
  margin: auto;
  position: relative;
  width: 100%;
  padding: 0;
  max-width: 1226px;
}

.layer .block .overinner {
  background: var(--white);
  max-width: 1000px;
  margin: auto;
  padding: 0;
  display: block;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  border-radius: 10px;
}

.layer .block .overinner:after,
.layer .block .overinner .clear {
  display: block;
  content: "";
  margin: 0;
  padding: 0;
  clear: both;
  float: none;
}

.layer .block .overinner .inner {
  padding: 80px;
  text-align: center;
}

.layer .block .overinner .inner p {
  text-align: left;
}

.gallery_layer .block .overinner:before {
  display: block;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--gray-100);
  content: "";
  left: 75%;
  position: absolute;
}

.gallery_layer .swiper-container {
  overflow: visible;
  min-height: 320px;
}

.layer .next,
.layer .prev {
  outline: none;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6) url(../img/ic_arrow_right_white.svg) no-repeat center center;
  background-size: auto 14px;
  left: 15px;
  margin-top: -25px;
  transform: rotate(180deg);
  z-index: 1;
}

.layer .next {
  transform: none;
  right: 15px;
  left: auto;
}

.gallery_layer .swiper-button-disabled {
  display: none !important;
}

.gallery_layer ul.gallery_navi {
  margin: 8px;
}

.gallery_layer ul.gallery_navi li {
  display: block;
  width: calc(50% - 16px);
  padding-bottom: calc(50% - 16px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  margin: 8px;
  float: left;
  cursor: pointer;
}

.gallery_layer ul.gallery_navi li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid var(--pink);
  border-radius: 8px;
  content: "";
  opacity: 0;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.gallery_layer ul.gallery_navi li.active:before {
  opacity: 1;
}

.gallery_layer img {
  max-height: 70vh;
  max-width: 1226px;
  margin: 0 20px;
}

.gallery_layer .gallery-pagination {
  display: none;
  position: absolute;
  bottom: -40px;
  width: 100%;
  justify-content: center;
}

.gallery_layer .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  box-shadow: none;
}

.gallery_layer .slides-num {
  position: absolute;
  top: 20px;
  width: 100%;
  color: white;
  font-size: 24px;
}

.content .alert {
  display: block;
  background: #06b95e;
  border-radius: 5px;
  font-size: 18px;
  color: var(--white);
  margin-top: 15px;
  line-height: 26px;
  padding: 12px;
  padding-left: 48px;
  text-align: left;
  background-image: url(../img/ic_check_white.svg);
  background-repeat: no-repeat;
  background-position: 19px 19px;
  max-width: calc(100% - 60px);
  width: 1380px;
  margin-left: auto;
  margin-right: Auto;
  box-sizing: border-box;
}

.content .alert.error {
  background-image: url(../img/ic_error_white.svg);
  background-size: 12px auto;
  background-color: #f83c49;
  color: var(--white);
  z-index: 20;
}

.content .alert ul {
  font-size: 16px;
  margin-left: -16px;
  margin-right: -16px;
}

.content .alert ul li {
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  border-right: 1px solid var(--white);
  line-height: 20px;
  margin-top: 5px;
}

.content .alert ul li:last-child {
  border: none;
}

.description .mobile,
.subcategory.mobile,
.detail-nav.mobile {
  display: none;
}

/* .subcategory.mobile {overflow:hidden!important;} */
/* FAQ */
.faq {
  text-align: left;
}

.faq .intro {
  display: flex;
  align-items: center;
}

.faq .intro .desc {
  margin: 10px;
}

.faq .intro .img {
  height: 300px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 500px;
}

.faq .intro .desc p {
  margin: 20px 0;
  font-size: 16px;
  line-height: 24px;
}

.faq .search {
  max-width: 600px;
}

.faq .faq-body {
  background: #f7f7f7;
  padding: 15px;
  padding-bottom: 45px;
  margin-bottom: -15px;
  box-shadow: -500px 0px 0px 0px #f7f7f7, 500px 0px 0px 0px #f7f7f7;
}

.faq h2,
.faq-detail h2 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
  color: var(--nightblue);
  padding: 30px 0;
  margin-bottom: 0;
}

.faq-detail h2 {
  padding: 15px 0;
}

.faq h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: var(--nightblue);
  padding: 25px 0;
}

.faq .topics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.faq .topics .topic {
  width: calc((100% - 270px) / 3);
  padding: 40px;
  margin-bottom: 15px;
  background: white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 16px;
  line-height: 38px;
}

.faq .topics .topic .icon {
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
}

.faq .topics .topic .pink {
  font-weight: 700;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--gray-100);
  font-size: 18px;
}

.faq .topics .topic .pink > span:after {
  display: block;
  position: absolute;
  top: 3px;
  right: -15px;
  content: "";
  background: url(../img/ic_arrow_right_pink.svg) no-repeat center center;
  width: 10px;
  height: 16px;
}

.faq .topic ul li::before,
.faq-detail .question::before {
  content: "?";
  display: inline-block;
  border: 1px solid var(--gray-700);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  font-weight: 400;
}

.faq-detail {
  text-align: left;
}

.sidebar-light {
  text-align: left;
}

.sidebar-light ul li a:hover {
  text-decoration: none;
}

.sidebar-light ul {
  padding-right: 15px;
  font-size: 16px;
}

.sidebar-light ul li a,
.sidemenu_m a {
  display: flex;
  color: var(--gray-700);
}

.sidebar-light .active a {
  font-weight: 700;
  color: var(--pink);
}

.sidebar-light .icon,
.sidemenu_m .icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 2px;
}

.sidemenu_m .icon {
  background-size: contain;
  margin-top: 4px;
  margin-right: 16px;
}

.sidemenu_m h2 {
  color: #2a2f31;
  margin-bottom: 20px;
}

.sidemenu_m h3 {
  font-weight: 500;
}

.sidemenu_m p {
  font-size: 14px;
  line-height: 14px;
}

.sidemenu_m .bg {
  margin: unset;
}

.faq-detail .intro {
  margin: 20px 0;
}

.faq-detail .questions > div {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 15px;
  margin: 15px 0;
  position: relative;
  line-height: 20px;
}

.faq-detail .questions .answer {
  margin-left: 30px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.faq-detail .questions .toggle:checked ~ .answer {
  max-height: 500px;
}

.faq-detail .question {
  transition: font-weight 0.4s ease;
}

.faq-detail .questions .toggle:checked ~ .question {
  font-weight: 700;
}

.faq-detail .questions .toggle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
  z-index: 1;
  opacity: 0;
}

.faq-detail .mobile.navigation .icon {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto 20px auto;
}

.faq-detail .mobile.navigation {
  background: #f7f7f7;
  text-align: center;
  padding: 0 10px 45px 10px;
  margin: 0 0 -15px 0;
  line-height: 22px;
  font-weight: 700;
  font-size: 16px;
  box-shadow: -10px 0px 0px 0px #f7f7f7, 10px 0px 0px 0px #f7f7f7;
}

.faq-detail .mobile.navigation nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.faq-detail .mobile.navigation nav ul::after {
  display: none;
}

.faq-detail .mobile.navigation nav ul li {
  background: white;
  border-radius: 5px;
  padding: 20px 10px;
  margin-bottom: 10px;
  width: calc(50% - 25px);
}

.footer .box .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-right: 3px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-size: 18px;
}

/* Print */
@media print {
  body,
  .page {
    top: 0 !important;
    margin-top: 0 !important;
  }
  .fix,
  .footer,
  .header,
  .content .sidebar,
  .content .single .data .btn,
  .addedtocart,
  .detail .gallery,
  .detail .items,
  .archive .btn.blue,
  .content .promo,
  .content .navi,
  .content iframe,
  .banner {
    display: none;
  }
  .content .single,
  .detail .description,
  .content .archive,
  .content .checkout .col70,
  .content .checkout .col30 {
    width: 100%;
    float: none;
  }
  .logoprint {
    display: block;
    width: 162px;
    height: 45px;
    margin: 0;
    float: right;
  }
  .content .single .data textarea {
    margin-bottom: -20px;
  }
  .content .single {
    margin-bottom: -40px;
    overflow: hidden;
  }
  .ml-detail {
    display: block !important;
    width: 100%;
  }
  .ml-detail__gallery {
    width: 60%;
  }
  .ml-detail__row {
    display: none !important;
  }
  .ml-detail__text {
    width: 100%;
  }
}
/* RangeSlider */

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}

.irs-line-left {
  left: 0;
  width: 11%;
}

.irs-line-mid {
  left: 9%;
  width: 82%;
}

.irs-line-right {
  right: 0;
  width: 11%;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: var(--black);
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs-with-grid {
  height: 75px;
}

.irs-line {
  height: 10px;
  top: 33px;
  background: #EEE;
  background: linear-gradient(to bottom, #DDD -50%, var(--white) 150%);
  border: 1px solid #CCC;
  border-radius: 16px;
  -moz-border-radius: 16px;
}

.irs-line-left {
  height: 8px;
}

.irs-line-mid {
  height: 8px;
}

.irs-line-right {
  height: 8px;
}

.irs-bar {
  height: 10px;
  top: 33px;
  border-top: 1px solid #428bca;
  border-bottom: 1px solid #428bca;
  background: #428bca;
  background: linear-gradient(to top, rgb(66, 139, 202) 0%, rgb(127, 195, 232) 100%);
}

.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #428bca;
  border-right: 0;
  background: #428bca;
  background: linear-gradient(to top, rgb(66, 139, 202) 0%, rgb(127, 195, 232) 100%);
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: 0.3;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.irs-slider {
  top: 25px;
  width: 27px;
  height: 27px;
  border: 1px solid #AAA;
  background: #DDD;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(220, 220, 220) 20%, rgb(255, 255, 255) 100%);
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}


.irs-slider:hover {
  background: var(--white);
}

.irs-min,
.irs-max {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.irs-from,
.irs-to,
.irs-single {
  color: var(--white);
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #428bca;
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.irs-grid {
  height: 27px;
}

.irs-grid-pol {
  opacity: 0.5;
  background: #428bca;
}

.irs-grid-pol.small {
  background: #999;
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac;
}

.range-slider {
  margin-bottom: 15px;
}

.irs-min,
.irs-max,
.irs-from,
.irs-to,
.irs-bar-edge {
  display: none !important;
}

.irs-single {
  display: none !important;
  visibility: visible !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 15px;
  color: var(--gray-800);
  line-height: 33px;
  padding-top: 5px;
}

.irs-line {
  margin-bottom: 20px;
}

.irs-slider,
.irs-slider:hover {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  background: var(--pink) url(../img/ic_arrow_right_white.svg) no-repeat center center;
  background-size: auto 10px;
  border: 2px solid var(--pink);
  box-shadow: none;
  top: 0;
}

.irs-slider.to {
  transform: rotate(180deg);
}

.irs-line,
.irs-bar {
  height: 2px;
  background: #dcdcdc;
  border-radius: none;
  border: 0;
  box-shadow: none;
  top: 16px;
}

.irs-bar {
  background: #484465;
  box-shadow: 5px 5px 2px 0px #e4e4e4;
}

/* Parametry střihů */
.detail .txt.fleft {
  float: left;
}

.detail .txt.fleft .inner {
  margin-left: 0;
}

.detail .txt .inner h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--nightblue);
  line-height: 30px;
  margin-bottom: 24px;
}

.detail .txt .inner .icon {
  padding-left: 64px;
  box-sizing: border-box;
}

.detail .txt .inner .icon h3 {
  margin-bottom: 6px;
}

.detail .txt .inner .icon img {
  width: 45px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.dots {
  margin-left: -2px;
  margin-right: 10px;
}

.dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border: 1px solid #d5d5d5;
  margin-left: 2px;
  margin-right: 2px;
}

.dots .dot.full {
  background: #f77413;
  border-color: #f77413;
}

.txt table.sizes tr th,
.txt table.sizes tr td {
  border-bottom: 1px solid var(--gray-100);
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: var(--gray-700);
  line-height: 20px;
  text-align: left;
}

.txt table.sizes tr th {
  font-size: 16px;
  font-weight: 700;
  color: var(--nightblue);
  padding: 15px;
  border-color: var(--nightblue);
  vertical-align: bottom;
}

.txt table.sizes tr td {
  white-space: nowrap;
}

.txt table.sizes tr:hover td {
  background: #ffecf2;
  color: var(--pink);
}

.txt .overtable {
  margin-bottom: 24px;
}

.basket-gifts {
  background-color: #fbfbfb;
  border-radius: 10px;
  padding: 15px;
  text-align: left;
  color: var(--gray-900);
  max-width: 60%;
}
.basket-gifts__gifts input[type=radio] {
  display: inline-block;
  visibility: visible;
}
.basket-gifts__gifts small {
  font-weight: bold;
}
.basket-gifts__gifts label {
  color: var(--gray-900);
}
.basket-gifts__gifts--inactive {
  opacity: 0.5;
  cursor: not-allowed;
}

@media screen and (max-width: 880px) {
  .basket-gifts {
    max-width: 100%;
  }
  .basket-gifts tr:first-child {
    display: block !important;
  }
  .basket-gifts__gifts--inactive td:nth-child(3) {
    line-height: 25px !important;
  }
}
.basket-upsell {
  background-color: #fbfbfb;
  border-radius: 10px;
  padding: 15px;
  text-align: left;
  color: var(--gray-900);
  max-width: 60%;
}
.basket-upsell__products small {
  font-weight: bold;
}
.basket-upsell__products label {
  color: var(--gray-900);
}

@media screen and (max-width: 880px) {
  .basket-upsell {
    max-width: 100%;
  }
  .basket-upsell tr:first-child {
    display: block !important;
  }
}
.btn-cart-icon {
  background: var(--pink) url(../img/ic_cart_white.svg) no-repeat 24px center;
  background-size: 17px auto;
  font-size: 14px;
  line-height: 20px;
  padding-left: 50px;
  padding-right: 20px;
}

.btn-cart-icon.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-cart-icon:hover {
  background-color: var(--pink);
}

/* Media Queries */
@media only screen and (max-width: 1460px) {
  .content .alert {
    margin-left: 30px;
    margin-right: 30px;
  }
  .detail .items .itembox button span {
    display: none;
  }
}
@media only screen and (max-width: 1430px) {
  .detail.home .items .itembox .item .addcart {
    display: none !important;
  }
  .detail.home .items .itembox:hover .item {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .detail.home .items .itembox .item .desc {
    min-height: 1px;
  }
}
@media only screen and (max-width: 1400px) {
  .navi .col25 {
    width: 50%;
  }
  .single .box.orange {
    background-size: auto 50%;
  }
  ul.order-products li,
  .product-swiper .swiper-slide {
    width: 100px;
    height: 100px;
  }
  ul.order-products {
    max-height: 110px;
  }
}
@media only screen and (max-width: 1240px) {
  .checkout .col30,
  .checkout .col33 {
    display: none;
  }
  .checkout .col70,
  .checkout .col66 {
    width: 100%;
  }
  .header .search .tables tr td {
    font-size: 15px;
    line-height: 18px;
  }
  .login .col50 {
    width: 100%;
  }
  .login .col50:first-child {
    padding-bottom: 40px;
    margin-bottom: 30px;
  }
  .login .col50:first-child:before {
    top: auto;
    bottom: 0;
    left: 15px;
    right: 15px;
    width: auto;
    height: 1px;
  }
  .thanks .pinkbg {
    margin-left: 0;
    width: 760px;
    max-width: 100%;
    box-sizing: border-box;
    margin: auto;
  }
  .banners .col50 {
    width: 100%;
  }
  .single .box.orange {
    background-size: auto 100%;
  }
  .gallery_layer img {
    max-width: 100vw;
  }
}
@media only screen and (min-width: 721px) {
  .fixedcart .total .price,
  .fixedcart .total button,
  .fixedcart .total .btn {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }
  .fixedcart .total button,
  .fixedcart .total .btn {
    margin-left: 30px;
  }
  .fixedcart .total {
    padding: 0;
  }
  .fixedcart .btns {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1111px) {
  .fix {
    position: fixed;
    background: var(--white);
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    box-shadow: 0 2px 13px rgba(0, 11, 168, 0);
    z-index: 99;
  }
  .scroll .fix {
    box-shadow: 0 2px 13px rgba(0, 11, 168, 0.21);
  }
  .scroll .fix .inner.border:nth-child(2):before {
    background: var(--white);
  }
  .header .hovercart {
    display: none;
    position: absolute;
    right: 0;
    top: 62px;
    padding: 20px;
    padding-bottom: 30px;
    background: #f9f9f9;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    width: 350px;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
  }
  .header .hovercart:before {
    position: absolute;
    top: -8px;
    right: 90px;
    background: #f9f9f9;
    border-radius: 4px 0 0 0;
    width: 15px;
    height: 15px;
    content: "";
    transform: rotate(45deg);
    border: 1px solid #d5d5d5;
    border-bottom: 0;
    border-right: 0;
  }
  .scroll .header .hovercart {
    top: 54px;
  }
  .header .hovercart .tables tr th {
    padding: 0;
    padding-top: 20px;
    padding-bottom: 4px;
    text-align: left;
    border-top: 1px solid #e9e9e9;
    font-weight: 400;
    color: var(--gray-700);
  }
  .header .hovercart .tables tr:first-child th {
    border: 0;
  }
  .header .hovercart .tables tr th a {
    color: var(--gray-700);
    font-size: 15px;
    line-height: 24px;
  }
  .header .hovercart .tables tr td,
  .header .hovercart .tables tr td a {
    line-height: 24px !important;
    font-size: 18px !important;
    vertical-align: middle;
  }
  .header .hovercart .tables tr td {
    padding: 4px;
    padding-bottom: 25px;
  }
  .header .hovercart .tables tr td em {
    display: inline-block;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-700);
    line-height: 50px;
    margin-left: 6px;
  }
  .header .hovercart .tables tr td:first-child {
    padding-left: 0;
  }
  .header .hovercart .tables tr td:last-child {
    padding-right: 0;
  }
  .header .hovercart .delivery {
    max-width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .header .hovercart .delivery .line .car {
    background-color: #f9f9f9;
  }
  .header .hovercart .delivery .line {
    min-width: 100%;
  }
  .header .hovercart .delivery span.title {
    display: block;
    text-align: left;
  }
  .header .count input[type=text],
  .product .count input[type=text] {
    background-color: var(--white);
  }
  .header .hovercart .totalprice {
    font-size: 18px;
    color: #727171;
    margin-bottom: 25px;
  }
  .header .hovercart .totalprice:after {
    display: block;
    clear: both;
    float: none;
    content: "";
  }
  .header .hovercart .totalprice span {
    display: block;
    float: left;
    line-height: 20px;
    padding-top: 10px;
  }
  .header .hovercart .totalprice strong {
    font-size: 30px;
    display: block;
    float: right;
    line-height: 30px;
  }
  .header .hovercart ul.tabstoggle {
    margin: 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
  }
  .header .hovercart ul.tabstoggle:before {
    display: block;
    height: 1px;
    position: absolute;
    bottom: -20px;
    left: 10px;
    right: 10px;
    background: #e9e9e9;
    content: "";
  }
  .header .hovercart ul.tabstoggle li {
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 24px;
    color: var(--metalgrey);
    font-weight: 400;
    border-bottom: 2px solid transparent;
  }
  .header .hovercart ul.tabstoggle li.active {
    color: var(--nightblue);
    font-weight: 700;
    border-color: var(--pink);
  }
  .header .hovercart ul.tabstoggle li em {
    color: var(--metalgrey) !important;
    font-style: normal;
    font-weight: 400 !important;
  }
  .header .hovercart .total {
    padding: 0;
    float: none;
    text-align: left;
    border-top: 1px solid #e9e9e9;
  }
  /* .header .hovercart .total .btn {display: inline-block;color:var(--white)!important;font-size: 15px!important;line-height:20px!important;padding-right:20px;padding-left:45px;background-position: 17px center;margin-top:10px;margin-bottom:5px;} */
  .header .hovercart .total .btn {
    font-size: 18px;
    color: var(--white);
    text-align: center;
    padding-right: 60px;
  }
  .header .hovercart:after {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    content: "";
    display: block;
  }
  .archive .items {
    min-height: 460px;
  }
  .header .hovercart .overtable {
    max-height: calc(50vh - 75px);
    overflow-x: hidden;
    margin-right: -20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  body {
    margin-top: 0 !important;
  }
  body:not(.home),
  html {
    position: static;
  }
  body,
  html {
    position: relative;
    min-height: 100%;
    height: auto;
    margin: 0 !important;
  }
  body:not(.home) .page {
    margin: 0;
    border-radius: 20px 20px 0 0;
    height: auto;
    min-height: 1px;
    min-width: 320px;
    width: 100%;
    box-shadow: 0 0 20px rgb(221, 223, 253);
  }
  body.home,
  body.home .page {
    top: 0 !important;
    margin-top: 0 !important;
  }
  .data.login .overinput.validated .msg {
    top: 40px !important;
  }
  .done table tr th {
    display: none;
  }
  .done table tr td {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    border: 0;
  }
  .done table tr td:first-child {
    border-top: 1px solid var(--gray-100);
  }
  .done table tr td a.ic_pdf {
    font-size: 15px;
  }
  .items {
    -webkit-transform: translate3d(0, 0, 0);
    /* https://stackoverflow.com/questions/9807620/ipad-safari-scrolling-causes-html-elements-to-disappear-and-reappear-with-a-dela */
  }
  .fix {
    position: absolute;
  }
  .fix .lang {
    display: none;
  }
  .home .fix {
    position: relative;
  }
  .bg,
  .inner {
    padding: 10px;
  }
  .header .search {
    display: none;
  }
  .fix .inner,
  .fix .bg {
    padding: 10px;
  }
  .fix .flash .bg {
    padding-right: 30px;
  }
  .fix .header .bg {
    padding-bottom: 0;
  }
  .fix .header .inner {
    position: static;
    padding-bottom: 0;
  }
  .header .logo {
    width: 118px;
    height: 28px;
    position: relative;
    margin: auto;
    top: 0;
    left: 0;
    float: none;
  }
  .fix .ic_menu,
  .fix .ic_search {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 14px;
    left: 20px;
    background: red;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
  }
  .fix .ic_menu {
    background: url(../img/ic_menu.svg) no-repeat center center;
  }
  .fix .ic_search {
    left: 60px;
    background: url(../img/ic_search.svg) no-repeat center center;
  }
  .header .inner.border:before {
    display: none;
  }
  .header .menu2 {
    position: absolute;
    float: right;
    top: 14px;
    right: 0;
    padding: 0;
  }
  .header .menu2 ul {
    margin-left: 20px;
    margin-right: 20px;
  }
  .header .menu2 ul li:first-child {
    display: none;
  }
  .header .menu2 ul li {
    margin: 0;
  }
  .header .menu2 ul li a {
    width: 40px;
    padding: 0 !important;
    text-align: left;
    overflow: hidden;
    text-indent: -9999px;
    background-position: center center !important;
    height: 40px;
    line-height: 40px;
    display: block;
  }
  .header .menu2 ul li a span {
    text-align: center;
    text-indent: 0;
    bottom: 0;
    left: auto;
    right: 0;
  }
  .navi,
  .items .border {
    display: none;
  }
  .detail .itemssmall .itembox {
    display: inline-block;
    float: none;
    width: 25vw !important;
  }
  .detail .itemssmall {
    white-space: nowrap;
    overflow: auto;
  }
  .menu_m .inner ul.social a.ic_phone {
    background-color: #DEEDCA;
    background-image: url(../img/ic_phone_green.svg);
    background-size: 20px auto;
    background-position: center 12px;
    background-repeat: no-repeat;
  }
  .menu_m .inner ul.social a.ic_phone:after {
    content: "Telefon";
    display: block;
    position: Absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    text-align: center;
    text-indent: 0;
    font-size: 11px;
    font-weight: 400;
    color: #66A810;
  }
  .menu_m .inner ul.social a.ic_fb {
    background-color: #DEE7F8;
    background-image: url(../img/ic_fb.svg);
    background-size: 20px auto;
    background-position: center 12px;
    background-repeat: no-repeat;
  }
  .menu_m .inner ul.social a.ic_fb:after {
    content: "Facebook";
    display: block;
    position: Absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    text-align: center;
    text-indent: 0;
    font-size: 11px;
    font-weight: 400;
    color: #4267B2;
  }
  .menu_m .inner ul.social a.ic_ig {
    background-color: #F8E5F7;
    background-image: url(../img/ic_ig.svg);
    background-size: 20px auto;
    background-position: center 12px;
    background-repeat: no-repeat;
  }
  .menu_m .inner ul.social a.ic_ig:after {
    content: "Instagram";
    display: block;
    position: Absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    text-align: center;
    text-indent: 0;
    font-size: 11px;
    font-weight: 400;
    color: #EF60BB;
  }
  .archive h1,
  .vypis h1,
  .single h1,
  .detail h1,
  .archive h2,
  .empty h1,
  .single h1.smallh1,
  .single h2.smallh1,
  .login h1,
  .login h2,
  .faq h1,
  .detail.ukoncen h1 {
    font-size: 22px;
    line-height: 25px;
  }
  .single .data h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .search_m,
  .menu_m,
  .filter_m,
  .sidemenu_m {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow-x: hidden;
    min-width: 320px;
    background: var(--white);
    display: none;
  }
  .sidemenu_m {
    top: 94px;
    top: var(--top-offset);
    border-radius: 20px 20px 0 0;
    height: initial;
    z-index: 90;
  }
  .search_m.opened,
  .menu_m.opened {
    display: block;
  }
  .sidemenu_m.opened {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .search_m form {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .search_m input[type=text] {
    background: transparent;
    border-radius: 0;
    height: 25px;
    line-height: 25px;
    font-size: 21px;
    padding: 0;
  }
  .search_m .ic_close,
  .menu_m .ic_close,
  .filter_m .ic_close {
    width: 25px;
    height: 25px;
    display: block;
    position: fixed;
    top: 25px;
    right: 25px;
    background: url(../img/ic_close_pink.svg) no-repeat center center;
    background-size: 25px 25px;
    line-height: 25px;
    overflow: hidden;
    text-indent: -9999px;
  }
  .menu_m .ic_close,
  .filter_m .ic_close {
    background-image: url(../img/ic_close_white.svg);
  }
  .menu_m .ic_close {
    width: 75px;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center 25px;
    height: auto;
  }
  .search_m .inner,
  .menu_m .inner,
  .filter_m .inner,
  .sidemenu_m .inner {
    text-align: left;
  }
  .search_m h2,
  .menu_m h2,
  .filter_m h2,
  .filter_m h3 {
    font-size: 16px;
    font-weight: 700;
    color: #060606;
    line-height: 19px;
    margin-bottom: 20px;
  }
  .search_m h3 {
    font-size: 15px;
    line-height: 17px;
    color: #060606;
    margin-bottom: 18px;
    font-weight: 400;
  }
  .search_m ul {
    margin: -5px;
    margin-bottom: 15px;
  }
  .search_m ul li {
    display: inline-block;
    margin: 5px;
  }
  .search_m ul li a {
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    padding: 10px;
    display: block;
    border-radius: 27px;
  }
  .search_m .orange {
    background-color: #FDEDDE;
  }
  .search_m .green {
    background-color: #DEEDCA;
  }
  .search_m .blue {
    background-color: #e6faff;
  }
  .search_m .teal {
    background-color: #D4F0EE;
  }
  .search_m .pink {
    background-color: #ffecf2;
  }
  .menu_m,
  .filter_m {
    background: rgba(248, 60, 124, 0.8);
  }
  .menu_m:before,
  .filter_m:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 75px;
    content: "";
    background: var(--white);
  }
  .menu_m .bg,
  .filter_m .bg {
    background: var(--white);
    margin-right: 75px;
    box-sizing: border-box;
  }
  .menu_m h2,
  .filter_m h2 {
    font-weight: 400;
    color: #727171;
    line-height: 35px;
  }
  .menu_m .inner ul {
    padding-top: 30px;
    border-top: 1px solid #F3F3F3;
    padding-bottom: 28px;
  }
  .menu_m .inner ul li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
  }
  .menu_m .lang {
    top: 20px;
    right: 20px;
    z-index: 3;
  }
  .menu_m .inner ul.icons {
    padding-top: 0;
    border: 0;
  }
  .menu_m .inner ul.icons li a {
    font-weight: 700;
    color: var(--nightblue);
    padding-left: 40px;
    display: inline-block;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: left center;
  }
  .menu_m .inner ul.icons li {
    font-size: 18px;
    margin: 0;
  }
  .menu_m .inner ul.icons li a.ic_login {
    background-image: url(../img/ic_login.svg);
  }
  .menu_m .inner ul.icons li a.ic_user {
    background-image: url(../img/ic_user.svg);
  }
  .menu_m .inner ul.icons li a.ic_user.active {
    background-image: url(../img/ic_user_pink.svg);
  }
  .menu_m .inner ul.icons li a.ic_cart {
    background-image: url(../img/ic_cart.svg);
  }
  .menu_m .inner ul.icons li a.ic_cart.active {
    background-image: url(../img/ic_cart_pink.svg);
  }
  .menu_m .inner ul.icons li a.ic_popular {
    background-image: url(../img/ic_popular.svg);
  }
  .menu_m .inner ul.icons li a.ic_popular.active {
    background-image: url(../img/ic_popular_pink.svg);
  }
  .menu_m .inner ul.icons li a.ic_sortiment {
    background-image: url(../img/ic_sortiment.svg);
  }
  .menu_m .inner ul.social {
    margin-left: -5px;
    margin-right: -5px;
    text-align: center;
    border: 0;
    padding-bottom: 0;
  }
  .menu_m .inner ul.social li {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
  }
  .menu_m .inner ul.social li a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 5px;
  }
  .menu_m .inner ul.social li a {
    text-indent: -9999px;
  }
  .single ul.tabstoggle,
  .checkout ul.tabstoggle {
    margin-left: -5px;
    margin-right: -5px;
  }
  .single p {
    font-size: 15px;
    line-height: 20px;
  }
  .single .row p {
    font-size: 11px;
    line-height: 13px;
  }
  .infomsg {
    border: 0;
    margin-top: -10px;
  }
  .infomsg ul {
    display: block;
    padding: 0;
  }
  .infomsg ul li {
    padding: 0;
    padding-bottom: 15px;
  }
  .infomsg ul li p {
    padding-left: 0;
    background: none !important;
  }
  .infomsg ul li:nth-child(2) p br {
    display: none;
  }
  .infomsg ul li p strong {
    display: block;
    color: var(--nightblue);
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .infomsg ul li p small {
    font-size: 11px;
    line-height: 13px;
    display: block;
    padding-top: 5px;
  }
  .single .btn.ic_nav {
    position: relative;
    top: auto;
    right: auto;
  }
  .photos {
    overflow: hidden;
    z-index: 3;
  }
  .map {
    margin: -20px;
    margin-top: -40px;
    float: none;
    clear: both;
    margin-left: -200vw;
    margin-right: -200vw;
    margin-bottom: 0;
  }
  .map:before {
    width: 100%;
    height: 80px;
    content: "";
    display: block;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  }
  .map iframe {
    border-radius: 0;
  }
  .checkout h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .checkout h2 a {
    font-size: 14px;
  }
  .breadcrumbs ul li:first-child {
    display: inline-block;
  }
  .breadcrumbs {
    font-size: 13px;
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    overflow: auto;
  }
  .breadcrumbs ul li:after {
    background-size: 4px auto;
  }
  .breadcrumbs ul {
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 5px;
  }
  .description,
  .detail .description .inner {
    position: static;
    padding-top: 34px;
  }
  .gallery,
  .description {
    padding-top: 34px;
  }
  .detail .description,
  .detail .gallery {
    padding-bottom: 0;
  }
  .description h1 {
    margin-bottom: -8px;
  }
  .description .detailcart .price {
    display: block;
    margin-bottom: 0;
  }
  .stock strong {
    display: inline-block;
    font-size: 16px;
  }
  .stock {
    display: block;
  }
  .description .infomsg ul li {
    display: none;
    padding-bottom: 0;
  }
  .description .infomsg ul li strong {
    display: inline-block;
  }
  .description .infomsg ul.active li {
    display: block;
  }
  .description .infomsg ul li:first-child {
    display: block;
    background: url(../img/ic_toggle_pink.svg) no-repeat right center;
  }
  .description .infomsg ul li p strong.violet {
    color: var(--pink) !important;
    font-size: 16px;
    font-weight: 400 !important;
  }
  .description .infomsg ul li br {
    display: block !important;
  }
  .description .infomsg ul li:first-child br {
    display: none !important;
  }
  .description .infomsg {
    border-bottom: 1px solid var(--gray-200);
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .description .addpopular {
    font-size: 16px;
  }
  .description .greybox .col66,
  .description .greybox .col33,
  .description .greybox .col50 {
    width: auto;
    float: none;
  }
  .description .greybox .col33 {
    padding-top: 30px;
    text-align: center;
  }
  .filter.mobile {
    display: none;
  }
  .bestseller ul {
    white-space: nowrap;
    overflow: auto;
  }
  .bestseller ul li {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
  }
  .banner.desktop {
    display: none;
  }
  .tables .more {
    font-size: 13px;
    line-height: 25px;
  }
  .description ul.actions {
    margin-top: 20px;
  }
  .single .tablediv .col33 {
    width: 100%;
  }
  .single .tablediv h3:After {
    right: 0;
  }
  .single .tablediv:after {
    margin-left: 10px;
    margin-right: 10px;
  }
  .single .data .col33,
  .single .data .col66 {
    width: 50%;
  }
  .single .data .col16 {
    width: 25%;
  }
  .login {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .login h1,
  .login h2 {
    text-align: center;
  }
  .login .col50:first-child {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .login .inner {
    width: 300px;
  }
  .login .taright {
    font-size: 16px;
    float: none;
    text-align: center;
  }
  .login p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    float: none;
  }
  .login p.small {
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    float: none;
    margin-bottom: 20px;
    padding: 0;
  }
  .login button {
    text-align: center;
    display: block;
    width: 100%;
    float: none;
    margin: 0;
  }
  .login button.ic_key {
    padding-right: 64px;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .login button.ic_plus {
    padding-right: 64px;
    margin: 0;
  }
  .login .col50:first-child:before {
    right: 10px;
    left: 10px;
  }
  .thanks .btns {
    text-align: Center;
  }
  .thanks .pinkbg .btns {
    text-align: left;
  }
  .thanks .pinkbg .inner,
  .thanks .pinkbg .inner h1,
  .thanks .pinkbg .inner p {
    text-align: left;
  }
  .thanks .pinkbg ul li {
    font-size: 14px;
    line-height: 20px;
  }
  .content .alert {
    margin-left: 20px;
    margin-right: 20px;
    max-width: calc(100% - 40px);
  }
  .infomsg:before {
    display: none;
  }
  .description .infomsg.noborder ul li:first-child {
    background: none;
  }
  .description .infomsg.noborder ul li {
    display: block;
  }
  .description .infomsg.noborder {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 5px;
  }
  .fixedcart .delivery {
    float: none;
    text-align: center;
    display: inline-block;
    padding-bottom: 9px;
  }
  .fixedcart .total {
    float: none;
  }
  .detail:not(.home) .itemssmall {
    overflow-y: hidden;
    overflow-x: scroll;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-params .overimg {
    position: relative;
    margin: 20px;
  }
  .detail-nav.mobile {
    display: block;
  }
  .detail-nav.desktop {
    display: none;
  }
  .description .detailcart > form {
    flex-wrap: wrap;
  }
  .description .detailcart .price {
    order: 0;
  }
  .description .detailcart .popular {
    order: 1;
    margin-left: 20px;
  }
  .description .detailcart .break {
    order: 2;
  }
  .description .detailcart .count {
    order: 3;
  }
  .description .detailcart button {
    order: 4;
  }
  .break {
    flex-basis: 100%;
    height: 0;
  }
  .section {
    margin-top: -60px;
    padding-top: 60px;
  }
  .detail.ukoncen .section {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
  }
  .faq .topics .topic {
    width: calc((100% - 190px) / 2);
  }
  .faq .intro .desc {
    margin: 30px 10px 10px 10px;
  }
  .faq-detail .questions .answer {
    margin: 0;
  }
  .faq .faq-body {
    padding: 0 0 45px 0;
    box-shadow: -10px 0px 0px 0px #f7f7f7, 10px 0px 0px 0px #f7f7f7;
  }
  ul.order-products li,
  .product-swiper .swiper-slide {
    width: 80px;
    height: 80px;
  }
  ul.order-products {
    max-height: 90px;
  }
  .inspiration .columns2 {
    flex-direction: column;
  }
  .inspiration .columns2 > div {
    width: 100%;
  }
  .inspiration-swiper {
    height: 600px;
  }
  .product-params .overimg > img {
    width: 150px;
  }
  .orders-month .month-header {
    top: 0;
  }
  .orders .order,
  .order-done {
    flex-direction: column;
  }
  .order-done .desc {
    margin-bottom: 15px;
  }
  .vypis ul.categories li:nth-child(1n+10) {
    display: none;
  }
  .detail .txt .inner h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .detail .txt .inner .icon h3 {
    margin-bottom: 6px;
  }
  .detail .txt .inner .icon {
    padding-left: 45px;
  }
  .detail .txt .inner .icon img {
    width: 32px;
    height: auto;
  }
  .txt table.sizes tr td,
  .txt table.sizes tr th {
    font-size: 16px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .txt table.sizes tr td:first-child,
  .txt table.sizes tr th:first-child {
    padding-left: 0;
  }
  .txt table.sizes tr td:last-child,
  .txt table.sizes tr th:last-child {
    padding-right: 0;
  }
  .txt table.sizes tr th {
    font-size: 14px;
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 880px) {
  .detail .itemssmall .itembox {
    display: inline-block;
    float: none;
    width: 25vw !important;
  }
  .detail .itemssmall .itembox .item .addcart {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .progress ul li {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    vertical-align: top;
    padding-right: 0;
  }
  .progress ul li em {
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 13px;
    margin-right: 0;
  }
  .progress ul li strong span {
    display: none;
  }
  .progress ul li:first-child strong {
    text-transform: none;
  }
  .progress ul li strong {
    display: none;
  }
  .progress ul li.active strong {
    display: inline-block;
  }
  .progress ul li.active em {
    margin-right: 8px;
  }
  .progress ul li.active {
    padding-right: 10px;
  }
  .progress ul li.active:last-child {
    padding-right: 0 !important;
  }
  .tables table {
    font-size: 13px;
    line-height: 20px;
  }
  .tables table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .checkout table,
  .tables table strong {
    font-size: 16px;
  }
  .checkout table tr:first-child {
    display: none;
  }
  .checkout table tr {
    position: relative;
    display: block;
    clear: both;
    float: none;
    border-top: 1px solid var(--gray-100);
  }
  .checkout table tr td:nth-child(4),
  .checkout table tr td:nth-child(5) {
    display: none;
  }
  .checkout table tr td {
    padding-bottom: 15px;
    padding-top: 40px;
    display: block;
    float: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    border: 0;
  }
  .checkout table tr:not(.noimg) td:nth-child(2),
  .checkout table tr.noimg td:nth-child(1) {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    width: auto;
    font-size: 13px;
    line-height: 20px;
    padding: 0;
    border: 0;
  }
  .detail .description,
  .detail .gallery,
  .detail.ukoncen .description,
  .detail.ukoncen .gallery {
    width: 100%;
  }
  .detail.ukoncen .gallery .headimg {
    padding-bottom: 200px;
  }
  .ukoncen-msg h2 {
    width: 100%;
    margin-bottom: 15px;
  }
  .checkout table tr td .ic_remove,
  .checkout table tr td strong {
    display: block;
    vertical-align: middle;
    height: 50px;
  }
  .checkout table tr td:last-child {
    float: right;
  }
  .delivery {
    float: none;
    text-align: center;
    display: inline-block;
    padding-bottom: 9px;
  }
  .total {
    float: none;
  }
  .data .col50 {
    width: 100%;
  }
  .checkout .gifts .check .title {
    font-size: 13px;
    line-height: 20px;
  }
  .single .checkout table tr td:nth-child(4),
  .single .checkout table tr td:nth-child(5) {
    display: block;
    width: auto;
  }
  .single .checkout table tr td {
    border: 0;
  }
  .single .checkout table tr:last-child {
    border-bottom: 1px solid var(--gray-100);
  }
  .single .checkout table tr:after {
    display: block;
    float: none;
    clear: both;
    content: "";
  }
  .single .box.orange {
    background-size: auto 50%;
  }
  .items .swiper-container .itembox {
    width: 30vw;
  }
  .faq .intro {
    flex-direction: column;
  }
  .banner,
  .banner .btn {
    font-size: 18px;
  }
  .vypis ul.categories li:nth-child(1n+6) {
    display: none;
  }
}
@media only screen and (max-width: 760px) {
  .single .data .col33,
  .single .data .col66,
  .single .data .col16 {
    width: 100%;
  }
  .faq .topics .topic {
    width: calc(100% - 80px);
  }
  .vypis ul.categories {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
}
@media only screen and (max-width: 720px) {
  .delivery {
    display: block;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .delivery .line {
    width: 25px;
    min-width: 1px;
  }
  .delivery .line:before,
  .delivery .line .car:before {
    display: none;
  }
  .delivery .line .overcar {
    right: 0;
  }
  .delivery .line .car {
    left: 0 !important;
  }
  .delivery .title {
    font-size: 14px;
  }
  .total {
    padding-bottom: 0;
  }
  .total .price {
    display: block;
    text-align: left;
    margin-bottom: 20px;
  }
  .total .price span {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 24px;
    top: 2px;
    background: var(--white);
    padding-right: 2px;
  }
  .total .price strong {
    display: block;
    float: right;
    font-size: 24px;
    line-height: 24px;
    background: var(--white);
    padding-left: 2px;
  }
  .total .price:before {
    position: absolute;
    bottom: 4px;
    border-bottom: 1px dashed #D5D5D5;
    left: 0;
    right: 0;
    display: block;
    content: "";
  }
  .total .btn,
  .total button {
    display: block;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: none;
    text-align: center;
  }
  .total button {
    width: 100%;
  }
  .btns {
    padding-top: 0;
    padding-bottom: 0;
  }
  .btns .btn {
    font-size: 16px;
    min-width: 110px;
  }
  .btns .btn.back {
    min-width: auto;
  }
  .btns .btn span {
    display: none;
  }
  .btns.nofloat .btn span {
    display: inline;
  }
  .btns.nofloat .btn {
    display: block;
    float: none;
  }
  .btns.nofloat .btn.back {
    margin-top: 20px;
  }
  .radios {
    margin-left: -10px;
    margin-right: -10px;
  }
  .radio .fright {
    display: none;
  }
  .radio .price {
    display: block;
    min-width: 50px;
  }
  .radio,
  .radio .price {
    font-size: 14px;
  }
  .radio img {
    display: block;
    height: 26px;
  }
  .radio .fleft {
    max-width: calc(100% - 60px);
  }
  .description {
    padding-top: 0;
  }
  .detail .description .inner {
    padding: 20px 5vw;
    margin: 0;
  }
  .description .greybox {
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0;
    padding: 20px;
  }
  .radiooutline label.check {
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    margin-bottom: 0;
  }
  .fixedcart .delivery {
    display: none;
  }
  .fixedcart .total .price {
    margin-bottom: 10px;
    margin-top: -10px;
  }
  .fixedcart .total .price strong {
    font-size: 18px;
  }
  .fixedcart .total .btn,
  .fixedcart .total button,
  .fixedcart .btns .btn,
  .fixedcart .btns button {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .fixedcart .btns .btn.back {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .detail .txt,
  .detail .movie {
    width: 100%;
  }
  .detail .txt .inner {
    margin-left: 0;
  }
  .description .variants {
    display: none;
  }
  .detail.ukoncen .description .variants {
    display: block;
  }
  .breadcrumbs-mobile {
    display: block;
    padding-bottom: 15px;
  }
  .breadcrumbs {
    display: none;
  }
  .detail .gallery {
    padding: 0;
  }
  .detail {
    padding: 0;
    margin: -10px;
  }
  .columns2 {
    flex-direction: column;
  }
  .columns2 > div {
    width: 100%;
  }
  .product-description > div > div {
    margin: 10px;
    padding: 0;
    line-height: 26px;
  }
  .items .swiper-container {
    margin-left: -10px;
  }
  .product-params .overimg {
    flex-grow: 2;
  }
  .description .infomsg.noborder {
    display: none;
  }
  .description .description-short {
    display: none;
  }
  .sections.inner {
    padding: 0;
  }
  .product-description {
    padding: 15px;
  }
  .section h2,
  .section.inspiration {
    padding-left: 25px;
    padding-right: 25px;
  }
  .section .itembox .inner {
    padding: 0;
  }
  .section .greybox .icons {
    justify-content: space-evenly;
  }
  .section .greybox {
    margin: 5px;
    border-radius: 0;
  }
  .section > .greybox {
    margin: 0;
    margin-top: 15px;
  }
  .section .greybox .info {
    padding: 25px;
    margin: 0;
    width: calc(100% - 50px);
  }
  .section .greybox .img {
    height: 150px;
    border-radius: 0;
  }
  .inspiration-swiper {
    height: 450px;
  }
  .section h2,
  .subcategory {
    padding-left: 20px;
    padding-right: 20px;
  }
  .items {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section.inspiration h2 {
    padding-left: 0;
    padding-right: 0;
  }
  .banner {
    height: 80px;
    text-align: center;
  }
  .banner > div {
    padding: 0 50px;
    justify-content: center;
  }
  .banner span {
    margin: 0;
  }
  .banner .desktop {
    display: none;
  }
  .vypis .wrap-text .rest {
    display: none;
  }
  .vypis .wrap-text .part::after {
    content: "...";
    display: inline-block;
    /* position: absolute;
    right: -12px;
    bottom: 4px; */
  }
  .vypis .wrap-text.opened .rest {
    display: inline;
  }
  .vypis .wrap-text .unwrap.mobile {
    display: inline;
  }
  .vypis .wrap-text.opened .unwrap.mobile {
    display: none;
  }
  .vypis .wrap-text .unwrap {
    font-size: 16px;
  }
  .vypis .wrap-text .unwrap::after {
    display: inline-block;
    width: 14px;
    height: 10px;
    background: url(../img/ic_toggle_pink.svg) no-repeat center center;
    background-size: 8px auto;
    content: "";
  }
}
@media only screen and (max-width: 640px) {
  .desktop {
    display: none !important;
  }
  .content .archive .mobile,
  .content .archive table tr td .mobile,
  .subcategory.mobile {
    display: block;
    padding: 0;
  }
  .single .row .col50 {
    width: 100%;
  }
  .single .row:before,
  .single .row:after {
    display: none;
  }
  .single .row .col50 .inner {
    padding: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 10px;
    margin-right: 10px;
    border-top: 1px solid var(--gray-200);
    border-bottom: 1px solid var(--gray-200);
    margin-bottom: -1px;
  }
  .single .row .over {
    display: none;
  }
  .single .row .col50.active .over {
    display: block;
  }
  .single .row h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    color: var(--pink);
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .single .row .col50.active h2 {
    margin-bottom: 10px;
    color: var(--nightblue);
  }
  .single .row .col50 h2:after {
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/ic_toggle_pink.svg) no-repeat center center;
    background-size: 12px auto;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .single .row .col50.active h2:after {
    transform: rotate(180deg);
  }
  .single .tab {
    overflow: hidden;
    margin-bottom: 15px;
  }
  .photos .col25 {
    display: none;
  }
  .photos .col25:first-child {
    display: block;
    width: 100%;
  }
  .coupon {
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0;
    padding-right: 20px;
    padding-left: 55px;
    background-position: 20px center;
  }
  .coupon {
    font-size: 14px;
  }
  .coupon .col50 {
    width: auto;
  }
  .coupon .col50:nth-child(2) {
    font-size: 11px;
    float: right;
  }
  .sidebar {
    display: none;
  }
  .filter_m {
    display: none;
  }
  .filter_m.opened {
    display: block;
  }
  .filter.mobile {
    display: block;
  }
  .flash .btn {
    margin: auto;
    margin-top: 10px;
    display: block;
    max-width: 80px;
  }
  .description .mobile {
    display: block;
  }
  .description .desktop {
    display: none;
  }
  .description .oeko {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 40%;
  }
  .description .detailcart .price {
    float: left;
    margin-top: 0;
  }
  .description .detailcart .price strong {
    color: var(--nightblue);
  }
  .description .detailcart .code {
    float: right;
    text-align: right;
    padding-top: 16px;
    margin-right: 8px;
  }
  .description .infomsg.noborder.mobile ul li p strong,
  .description .infomsg.noborder.mobile ul li p span {
    float: right;
    display: block;
    font-size: 15px;
    line-height: 18px;
    background: var(--white);
    color: var(--gray-700);
    z-index: 2;
    padding-left: 5px;
  }
  .description .infomsg.noborder.mobile ul li p span {
    float: left;
    padding-right: 5px;
    padding-left: 0;
  }
  .description .infomsg.noborder.mobile ul li p {
    margin-bottom: -10px;
    display: block;
  }
  .description .infomsg.noborder.mobile ul li p:after {
    display: block;
    clear: both;
    float: none;
    content: "";
  }
  .description .infomsg.noborder.mobile ul li {
    border-bottom: 1px dashed var(--gray-200);
    margin-bottom: 15px;
  }
  .gallery .headimg {
    border-radius: 0;
  }
  .desc-title.mobile {
    display: block;
  }
  .description .infobubble ul > li {
    border: none;
  }
  .items .swiper-container .itembox {
    width: 45vw;
  }
  .items .swiper-container .next,
  .items .swiper-container .prev {
    top: 34%;
  }
  .faq .topics .topic {
    padding: 15px;
    width: 100%;
  }
  .faq .topics .topic-title {
    display: flex;
    align-items: center;
  }
  .faq .topics .topic .icon {
    /* float: left; */
    margin-right: 15px;
  }
  .faq h2 {
    font-size: 22px;
    padding: 20px 10px;
  }
  .faq .topics {
    padding: 0 10px;
  }
  .faq .topics .topic h3 {
    font-size: 18px;
    line-height: 24px;
    padding: 0;
  }
  .faq .mobile,
  .faq-detail .mobile {
    display: block;
  }
  .faq .intro .img {
    height: 60vw;
    /* max-width: 400px; */
  }
  .gallery_layer .gallery-pagination {
    display: flex;
  }
  .gallery_layer .slides-num {
    display: none;
  }
  .orders-month .month-header h2 {
    padding: 15px 100%;
    margin: 0 -100%;
  }
  .section .info p {
    line-height: 26px;
  }
  .inspiration-swiper {
    height: 320px;
  }
  .product-list .product > form {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .product-list .product .desc {
    width: 95%;
    order: 0;
  }
  .product-list .product .product-img,
  .product-list .product .count,
  .product-list .product button {
    order: 1;
  }
  .product-list .product .product-img {
    margin-right: 5px;
  }
  .product-list .desc-stock {
    float: right;
  }
  .product .desktop {
    display: none;
  }
  .product .mobile {
    display: block;
  }
  .product button.mobile {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 50px;
    padding-left: 50px;
    background-size: 20px auto;
    float: none;
  }
  .product .count input[type=text] {
    height: 50px;
    line-height: 48px;
    border-radius: 50px;
  }
  .product .count .plus,
  .product .count .minus {
    height: 48px;
  }
  .product-list .product .img {
    width: 50px;
    height: 50px;
  }
  .product-list .product {
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
  }
  .product-list .product > form {
    max-width: 350px;
    border: none;
  }
  .product-list .product .desc {
    padding: 0 0 10px 0;
    font-size: 15px;
    line-height: 22px;
    max-width: initial;
  }
  .product-list .product .desc-price {
    font-size: 17px;
  }
  .product-swiper.mobile {
    display: block;
  }
  .orders .order-block,
  .order-done {
    padding-right: 20px;
    margin-right: -20px;
    padding-left: 20px;
    margin-left: -20px;
    border-radius: 0;
  }
  .order-done .desc .order-num {
    position: absolute;
    top: 0;
    right: 0;
  }
  /* .vypis .wrap-text{
      overflow: hidden;
      text-overflow: ellipsis;
      max-height: 72px;
  } */
}
@media only screen and (max-width: 560px) {
  .items ul.tabstoggle li,
  .single ul.tabstoggle li,
  .checkout ul.tabstoggle li {
    font-size: 15px;
    line-height: 17px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .items ul.tabstoggle,
  .single ul.tabstoggle,
  .checkout ul.tabstoggle {
    margin-left: 2px;
    margin-right: 2px;
  }
  .detail h2,
  .archive h2,
  .blog h2,
  .description .checkout h3 {
    font-size: 22px;
    line-height: 22px;
  }
  .checkout select {
    display: block;
    margin-top: 10px;
  }
  .data .col50 .col75 {
    width: 60%;
  }
  .data .col50 .col25 {
    width: 40%;
  }
  .categories ul {
    font-size: 13px;
    line-height: 20px;
  }
  .gallery_layer .col75 {
    width: 100%;
  }
  .gallery_layer .col25,
  .gallery_layer .block .overinner:before {
    display: none;
  }
  .orders .order .btn {
    position: relative;
    top: auto;
    right: auto;
  }
  .single .data .btn {
    display: block;
    text-align: center;
  }
  .thanks .pinkbg {
    padding: 15px;
    background-size: auto 70%;
  }
  .detail .txt {
    padding-top: 0;
    padding-bottom: 0;
  }
  .detail .txt p,
  .detail .txt ul {
    font-size: 15px;
    line-height: 26px;
  }
  .detail .txt ul {
    line-height: 20px;
  }
  .btn.btn-border.dark {
    width: -webkit-fill-available;
  }
}
@media only screen and (max-width: 480px) {
  .thanks .pinkbg {
    background-size: auto 50%;
  }
  .addedtocart .box {
    width: 100%;
  }
  .detail .movie .video .ic_play {
    transform: scale(0.7);
  }
  .single .status {
    margin-right: 0;
    margin-bottom: 184px;
    text-align: center;
  }
  .single .status .qrpay {
    left: 50%;
    right: auto;
    bottom: -160px;
    top: auto;
    margin-left: -70px;
  }
  .single .status .text h2,
  .single .status .text p {
    text-align: Center;
  }
  .single .ic_card {
    float: none;
    display: inline-block;
  }
  .layer .block .overinner .inner {
    padding: 32px;
  }
  .layer .ic_close_layer {
    top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 380px) {
  .gallery ul li.allimg span strong {
    font-size: 12px;
  }
  .checkout table tr td strong strike {
    display: block;
    margin-top: -10px;
    margin-bottom: -30px;
  }
}
@media only screen and (max-width: 360px) {
  .thanks .pinkbg {
    background-size: auto 40%;
  }
}
.innerSurplusLength {
  background-color: rgb(248, 60, 124);
  border-radius: 20px;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  left: 50%;
  line-height: 1;
  padding: 4px 7px 5px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.action-link {
  position: relative;
  top: 2px;
}

.action-link span {
  position: relative;
  top: -4px;
  margin-left: 3px;
}

@media (max-width: 1200px) {
  .action-link img {
    display: none !important;
  }
  .action-link {
    position: static;
    top: 0;
  }
  .action-link span {
    position: static;
    top: 0;
    margin-left: 0;
  }
}
.hidden {
  display: none !important;
}

.bestseller .opened.showmore:after {
  transform: rotate(180deg);
}

.addedtocart {
  display: none;
}

.align-left {
  text-align: left !important;
}

.done table tr td a.ic_pdf {
  display: block;
}

.coupon input[type=text].error {
  background-image: url(../img/ic_close_red.svg);
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 15px;
}

.coupon input[type=text] {
  width: 155px;
}

.alert {
  padding: 10px 20px;
  background-color: #f44336;
  color: white;
  opacity: 0.83;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.alert-success {
  background-color: #4CAF50;
}

.color-white {
  color: white !important;
}

ul.errors {
  padding: 10px 20px;
  background-color: #f44336;
  color: white;
  opacity: 0.83;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.no-bg {
  background-color: white !important;
}

.header .menu2 ul li a.ic_user {
  background-image: url(../img/ic_user.svg);
  background-size: 30px;
}

#homepage-tabs {
  font-weight: 700;
}

/*
.category-products-casopisy-a-strihy span.img, .category-products-1700 span.img {
	background-position: top !important;
}

.category-products-galanterie span.img, .category-products-828 span.img {
	background-position: top !important;
}

.category-products-darkove-poukazy span.img, .category-products-930 span.img {
	background-size: contain !important;
}
*/
.product-img {
  background-size: contain !important;
  background-position: center center !important;
}

.contain {
  background-size: contain !important;
}

.archive .itembox .item .addcart .count {
  width: calc(45% - 5px) !important;
}

.archive .itembox .item .addcart button {
  width: calc(55% - 5px) !important;
}

.done table tr td a.ic_pdf,
.ic_pdf {
  background: url(../img/pdf.svg) no-repeat left 2px;
  background-size: 19px;
}

@media screen and (max-width: 1440px) and (min-width: 1400px) {
  .archive .itembox .item .addcart button {
    font-size: 13px !important;
  }
}
input.btn {
  cursor: pointer;
  border-width: 0;
}

.langs {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
}
.langs__item {
  background: url(../img/flags/cz.svg) no-repeat left center;
  background-size: 1.5rem;
  padding-left: 2rem;
  position: relative;
}
.langs__item.ic_flag_en {
  background-image: url(../img/flags/uk.svg);
}

.category-active {
  font-weight: bold;
}

.prices-with-vat-mobile {
  display: none;
  text-align: center;
  margin-top: 15px;
  font-size: 10pt;
}

@media screen and (max-width: 410px) {
  .prices-with-vat-desktop {
    display: none;
  }
  .prices-with-vat-mobile {
    display: block;
  }
}

.data.login .overinput .help-block {
  top: 55px !important;
}

.data .overinput .help-block,
.coupon .help-block-manual {
  position: absolute;
  white-space: nowrap;
  z-index: 9;
  top: 60px;
  left: 0;
  display: block;
  width: auto !important;
  max-width: 1000px !important;
  font-size: 15px !important;
  line-height: 30px !important;
  border-radius: 4px;
  padding-right: 8px;
  padding-left: 30px !important;
  background-size: 8px auto !important;
  background-position: 14px center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  min-width: 80px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  background-color: #06b95e;
  background-image: url(../img/ic_check_white.svg);
  background-repeat: no-repeat;
  color: #fff;
  line-height: 20px !important;
  font-size: 13px !important;
  padding-left: 15px !important;
  padding-right: 7px !important;
  background-position: 6px center !important;
  top: 40px !important;
  left: 15px !important;
  background-color: #f83c49;
  background-image: url(../img/ic_error_white.svg);
}

.data .overinput .help-block:before,
.coupon .help-block-manual:before {
  left: 20px;
  width: 7px;
  height: 7px;
  top: -3px;
  background: #f83c49;
  border-radius: 4px;
  transform: rotate(45deg);
  content: "";
  position: absolute;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

ul.subcategory li a {
  font-weight: 700;
}

.sidebar-poukaz {
  border-radius: 10px;
}

.sidebar .box.border ul {
  margin-top: -10px;
}

.mobile_account_menu ul li a {
  padding-left: 0 !important;
}

.can-shake {
  margin-top: 0;
  -webkit-transition: margin-top 300ms ease-out;
  -moz-transition: margin-top 300ms ease-out;
  -o-transition: margin-top 300ms ease-out;
  transition: margin-top 300ms ease-out;
}

.filter_m .ic_close {
  width: 75px;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center 25px;
  height: auto;
}

.video {
  cursor: pointer;
}

.video:hover {
  opacity: 0.9;
}

.video-container {
  display: none;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.txt-fullsize {
  width: 100% !important;
}

@media only screen and (max-width: 1240px) {
  .checkout .col50 .col70 {
    width: 70% !important;
  }
  .checkout .col50 .col30 {
    display: block !important;
  }
}
.delivery-address {
  width: calc(100% - 230px);
  float: right;
  padding-bottom: 30px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .delivery-address {
    width: 100%;
  }
}
.data .overinput.top-label label {
  display: block;
  position: absolute;
  top: -10px;
  left: 10px;
  background: #fff;
  line-height: 20px;
  float: left;
  z-index: 3;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  padding-left: 5px;
  padding-right: 5px;
}

.data .overinput.top-label input,
.data .overinput.top-label textarea {
  padding-right: 35px;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
}

body:not(.basket-pages) .page {
  -webkit-transform: translate3d(0, 0, 0);
}

.simple-page .normal p {
  margin-bottom: 20px;
}

.radiooutline label.check {
  padding-left: 0 !important;
  background: none !important;
}

.radiooutline label.check input {
  visibility: visible !important;
  display: inline-block !important;
  margin-right: 10px;
}

.sale-tag {
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  background: #f83c7c;
  color: #fff;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 3px;
  margin: 3px;
  font-weight: 700;
}

@media screen and (max-width: 1490px) {
  #del-err-1,
  #del-err-2 {
    font-size: 9pt !important;
  }
}
.itembox .alert.error {
  font-size: 9pt !important;
  left: -6px;
  top: 53px;
}

.normal-cursor {
  cursor: default !important;
}

.imgcontain {
  background-size: contain !important;
  background-position: center !important;
}
/* Foxentry vypnutí varování */

.sidebar ul::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
}

/* background of the scrollbar except button or resizer */
.sidebar ul::-webkit-scrollbar-track {
  background-color: #fff;
}

/* scrollbar itself */
.sidebar ul::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
.sidebar ul::-webkit-scrollbar-button {
  display: none;
}

/* top info bar -> close btn fix */
@media screen and (min-width: 1110px) {
  .flash .ic_close_flash {
    height: 49px !important;
  }
}
/* blog */
.blog_cat_active {
  text-decoration: underline;
}

/* BALÍČEK OBSAHUJE */
.package-contains {
  margin-top: 30px;
}

.package-contains h4 {
  text-align: left;
}

.back-to-customized {
  background: #f83c7c !important;
  color: #ffe8ec !important;
}

.product-params.no-description {
  width: 100%;
}

.product-params.no-description .product-oeko {
  width: 300px;
}

.description-long .movie {
  width: 100% !important;
  float: none !important;
}

/* GRID */
.grid-row {
  position: relative;
  width: 100%;
}

.grid-row [class^=col] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}


.col-3 {
  width: 96%;
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .col-6-sm {
    width: 46%;
  }
}
.grid-row::after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 1000px) {
  .col-3 {
    width: 21%;
  }
}
.width-100 {
  width: 100%;
}

.text-left {
  text-align: left;
}

.gallery .headimg {
  cursor: pointer;
}

/* MARKETPLACE */
.marketplace-basket-group {
  border: 1px solid #f94380;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.marketplace-basket-group .total .price strong {
  font-size: 25px;
}

.marketplace-basket-group .total .bnote {
  font-size: 16px;
}

.marketplace-basket-group .total .bnote-second {
  font-size: 13px;
}

.marketplace-basket-group .total {
  padding-bottom: 0;
}

.marketplace-basket-group .total .price {
  margin-bottom: 0;
  line-height: 25px;
}

.marketplace-basket-group table tr:first-child {
  display: table-row !important;
}

.marketplace-detail-shop {
  margin-top: 20px;
}

.marketplace-detail-shop p {
  font-size: 17px;
  margin-bottom: 12px;
  text-align: left;
}

.marketplace-detail-shop-box {
  background-color: #fff0f5;
  padding: 20px;
  border-radius: 10px;
}

.marketplace-detail-shop-box-image {
  width: 100px;
  float: left;
}

.marketplace-detail-shop-box-image img {
  width: 78px;
  border-radius: 10px;
}

.marketplace-detail-shop-box-meta {
  text-align: left;
  float: left;
  width: 50%;
}

.marketplace-detail-shop-box-meta h4 a {
  color: #f83c7c;
  font-size: 20px;
}

.marketplace-detail-shop-box-meta h4 a:hover {
  text-decoration: underline;
}

.marketplace-detail-shop-box-meta p {
  font-size: 14px;
  line-height: 18px;
}

.marketplace-color {
  color: white !important;
}

.marketplace-bg {
  background-color: #f83c7c !important;
}

.marketplace-detail-shop-box-location {
  float: left;
  width: 30%;
  border-left: 1px solid #fdc8da;
  padding-left: 20px;
}

.marketplace-detail-shop-box-location ul {
  list-style-type: none;
}

.marketplace-detail-shop-box-location ul li {
  font-size: 13px;
  text-align: left;
  margin-bottom: -6px;
}

.mp-ico-location {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/map-marker-alt-light.svg);
  background-repeat: no-repeat;
  margin-left: 2px;
}

.mp-ico-website {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/home-light.svg);
  background-repeat: no-repeat;
}

.mp-ico-phone {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/phone-light.svg);
  background-repeat: no-repeat;
  margin-left: 1px;
}

.mp-text {
  position: relative;
  top: -2px;
  margin-left: 5px;
}

.mp-text a {
  text-decoration: underline;
  color: #f83c7c;
}

.mp-text a:hover {
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .marketplace-detail-shop-box-location {
    width: 100%;
    float: none;
    clear: both;
  }
  .marketplace-detail-shop-box-meta {
    width: 100%;
    float: none;
  }
  .marketplace-detail-shop-box-location {
    padding-left: 0;
    border-left-width: 0;
    margin-top: 15px;
  }
}
.vypis ul.categories li a.active {
  outline: 2px solid #f83c7c;
}

.marketplace-delivery,
.marketplace-payment {
  width: 40%;
}

.marketplace-delivery-images {
  margin-top: 10px;
}

.marketplace-delivery-images img {
  width: 50px;
  border-radius: 10px;
  float: left;
  margin-right: 15px;
}

.marketplace-delivery .inner,
.marketplace-payment .inner {
  padding: 0;
}

.marketplace-delivery h4,
.marketplace-payment h4,
.marketplace-note h4 {
  text-align: left;
  margin-top: 20px;
}

.marketplace-note {
  text-align: left;
}

.marketplace-note textarea {
  border: 1px solid #c3c3c3;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #2f2a50;
  background: #fff;
  width: 40%;
  min-height: 60px;
}

.dropzone {
  border-style: dashed !important;
}

.marketplace-delimiter {
  margin: 10px 0;
  height: 1px;
  background-color: #ebebeb;
}

.marketplace-sold {
  color: #6c6b6b;
}

.marketplace-onstock {
  float: right;
  font-weight: bold;
  color: #8bc53f;
}

.marketplace-nostock {
  float: right;
  font-weight: bold;
  color: #d21a1a;
}

.marketplace-image {
  float: left;
  margin-right: 15px;
}

.marketplace-image img {
  width: 96px;
  border-radius: 10px;
}

.marketplace-image .mp-delete {
  font-size: 11px;
  color: #d21a1a;
}

.marketplace-image .mp-delete:hover {
  text-decoration: underline;
}

.section .info p {
  margin-bottom: 20px;
}

.swiper-pagination-bullet {
  display: none;
}

.swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullet-active-prev,
.swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullet-active-next,
.swiper-pagination-bullet-active-main {
  display: block;
  left: auto !important;
}

.gallery_layer .gallery-pagination {
  width: 100% !important;
  left: auto !important;
}
/*
@media screen and ( max-width: 720px ) {
	.product-combinations .swiper-slide h3 {
		height: 35px;
	}
} */

@media screen and (max-width: 1360px) {
  .header .menu2 ul li:nth-child(1),
  .header .menu2 ul li:nth-child(2) {
    margin-right: 0;
  }
}
.force-label {
  display: block !important;
  text-align: left;
  margin-bottom: 5px;
}

table.our-table {
  margin: 0 20px;
}

table.our-table tr td,
table.our-table tr th {
  text-align: left;
}

.btn-small {
  font-size: 14px;
  padding: 5px 15px;
}

.marketplace-status {
  padding: 10px;
  border: 1px solid silver;
  margin: 0 15px;
}

.marketplace-status ul li {
  margin-bottom: 10px;
  font-size: 14px;
}

.marketplace-status ul li img {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.marketplace-next {
  text-align: left;
  margin-top: 20px;
}

.marketplace-next a {
  color: black;
  font-size: 16px;
  padding: 5px 22px;
  font-weight: bold;
  border: 2px solid black;
  border-radius: 30px;
  display: inline-block;
}

.marketplace-next a:hover {
  text-decoration: underline;
}

.marketplace-basket-group .total .bnote-small {
  font-size: 14px !important;
}

.marketplace-basket-group .total .price-small {
  font-size: 17px !important;
}

.marketplace-basket-group .marketplace-summary tr td {
  height: 1.5rem;
  line-height: 1.2;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

a.marketplace-vop {
  text-decoration: underline;
}

a.marketplace-vop:hover {
  text-decoration: none;
}

.marketplace-shop-tag {
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.marketplace-order-btn-wrapper {
  text-align: left;
}

.inline-block {
  display: inline-block;
}

.marketplace-order-btn {
  display: inline-block;
  margin-right: 10px;
}

.marketplace-btn {
  padding: 15px 25px;
  text-decoration: underline;
}

.banner > div {
  padding: 0;
  background-color: white;
}

.marketplace-table {
  width: max-content;
}

.marketplace-table thead tr td {
  font-weight: bold;
}

.marketplace-table tr td {
  text-align: left;
  border: 1px solid rgb(219, 219, 219);
  padding: 4px 10px;
}

/* Dropdown */
/* Dropdown Button */

/* Dropdown button on hover & focus */

/* The container <div> - needed to position the dropdown content */

/* Dropdown Content (Hidden by Default) */

/* Links inside the dropdown */

/* Change color of dropdown links on hover */

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}

.modal-button {
  align-items: center;
  background: #f83c7c;
  border: 1px solid #f83c7c;
  color: #fff;
  display: flex;
  font-weight: 600;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  gap: 10px;
  padding: 0.75rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s;
}

.modal-button:hover {
  background: rgb(108, 117, 125);
  border-color: rgb(108, 117, 125);
  color: #fff;
}

.modal-button-gray {
  background-color: rgb(108, 117, 125);
  border: 1px solid rgb(108, 117, 125);
}

.modal-button-gray:hover {
  background-color: rgba(108, 117, 125, 0.788);
  border: 1px solid rgba(108, 117, 125, 0.788);
}

.modal {
  z-index: 10000;
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  margin: auto;
  max-width: 560px;
  position: fixed;
  right: 0;
  top: 0;
  width: 90%;
}

.modal p {
  font-size: 0.875rem;
  margin: 0;
  line-height: 21px;
}

.modal__accordion {
  margin-top: 2rem;
}

.modal__accordion-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 15px;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.modal__accordion-button:hover {
  color: #f83c7c;
}

.modal__accordion-button::before {
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  content: "";
  flex-shrink: 0;
  height: 8px;
  margin-left: 2px;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}

.modal__accordion-heading {
  align-items: center;
  display: flex;
  gap: 15px;
  margin-bottom: 12px;
}

.modal__accordion-collapse {
  display: none;
  padding: 5px 0 15px;
}

.modal__body {
  max-height: min(360px, 100vh - 14rem);
  overflow-y: auto;
}

.modal__content {
  background: #fff;
  padding: 20px 32px;
  width: 100%;
}

.modal__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

.modal__header {
  margin-bottom: 12px;
}

.modal__switch {
  margin-left: auto;
}

.modal__switch input {
  display: none;
}

.modal__switch input:checked + label::after {
  transform: translateX(0.9375rem);
}

.modal__switch input:checked + label::before {
  background: #ff7da8;
  border-color: #f83c7c;
}

.modal__switch input:checked + label .modal__switch-label {
  display: none;
}

.modal__switch input:checked + label .modal__switch-label--checked {
  display: block;
}

.modal__switch label {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  min-height: 1.25rem;
  position: relative;
}

.modal__switch label::after {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: calc(1.125rem - 4px);
  left: calc(-2.6375rem + 2px);
  position: absolute;
  top: calc(0.125rem + 2px);
  transition: all 0.25s;
  width: calc(1.125rem - 4px);
}

.modal__switch label::before {
  background: lightgray;
  border: 1px solid rgb(108, 117, 125);
  border-radius: 1rem;
  content: "";
  left: -2.75rem;
  height: 1.25rem;
  position: absolute;
  top: 0.0625rem;
  width: 2.25rem;
}

.modal__switch-label--checked {
  display: none;
}

.modal__title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

.overlay {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

@media (max-width: 575px) {
  .modal__accordion-button {
    font-size: 1rem;
  }
  .modal__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cookies-2 {
  display: none;
}

.modal__accordion-collapse {
  text-align: left;
}

/* Skrytí šipek */
/* Chrome, Safari, Edge, Opera */
input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.no-arrows[type=number] {
  -moz-appearance: textfield;
}

/* Marketplace */
.bill {
  display: flex;
  font-size: 16px;
  gap: 30px;
}

.bill__strong {
  color: #f83c7c;
  display: flex;
  font-size: 30px;
  font-weight: bold;
  gap: 10px;
  margin-top: 6px;
  padding-top: 9px;
  position: relative;
}

.bill__strong::before {
  background: #fdc4d7;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}

.bill__strong img {
  display: flex;
  width: 25px;
}

.bill__item {
  align-items: center;
  background: #fff1f5;
  border-radius: 5px;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
  padding: 15px;
}

@media (max-width: 991px) {
  .bill {
    gap: 20px;
  }
  .bill__strong {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .bill {
    flex-direction: column;
  }
}
.marketplace-steps {
  align-items: center;
  background: #fff1f5;
  border-radius: 5px;
  counter-reset: step__counter;
  display: flex;
  gap: 20px;
  line-height: 1.3;
  margin-bottom: 60px;
  padding: 22px 40px;
  text-align: left;
}

.marketplace-steps__button {
  align-items: center;
  background: #f83c7c;
  border-radius: 25px;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  gap: 15px;
  min-height: 40px;
  padding: 5px 24px;
}

.marketplace-steps__button:hover {
  background-color: #8656e8;
}

.marketplace-steps__button img {
  filter: brightness(0) invert(1);
  width: 20px;
}

.marketplace-steps__image {
  margin-left: auto;
}

.marketplace-steps__item {
  font-size: 22px;
  font-weight: 300;
  padding: 13px 0 13px 50px;
  position: relative;
}

.marketplace-steps__item::before {
  align-items: center;
  background: #f83c7c;
  border-radius: 50%;
  color: #fff;
  content: counter(step__counter);
  counter-increment: step__counter;
  display: flex;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  height: 35px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 11px;
  width: 35px;
}

.marketplace-steps__par {
  color: #2f2a50;
  font-size: 22px;
  margin: 27px 0;
}

.marketplace-steps__text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 320px;
}

@media (max-width: 1199px) {
  .marketplace-steps__item {
    font-size: 18px;
    padding-left: 40px;
  }
  .marketplace-steps__item::before {
    height: 28px;
    width: 28px;
  }
  .marketplace-steps__par {
    font-size: 18px;
  }
  .marketplace-steps__text {
    min-width: 250px;
  }
}
@media (max-width: 991px) {
  .marketplace-steps {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .marketplace-steps__item {
    padding-bottom: 7px;
    padding-top: 7px;
  }
  .marketplace-steps__item::before {
    top: 5px;
  }
}
@media (max-width: 575px) {
  .marketplace-steps {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Special pages */
.address {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 50px;
}

.discount {
  font-size: 16px;
  text-align: left;
}

.discount p {
  font-size: 16px;
}

.discount h3 {
  color: #2f2a50;
}

.discount h4 {
  color: #2f2a50;
}

.faq {
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .discount h2 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 25px;
  }
  .discount h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .discount h4 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 35px;
  }
}
@media (max-width: 991px) {
  .address {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 450px) {
  .address {
    grid-template-columns: auto;
  }
}
.on-branch {
  width: 28px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-right: 7px;
  top: 11px;
}

.pair-disabled {
  cursor: not-allowed;
  opacity: 0.8;
  /* bylo 0.35 */
}
/* Homepage intro */
@media screen and (min-width: 1151px) {
  .hp-intro-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 1150px) {
  .hp-intro-mobile {
    display: block;
  }
}
.mw-80 {
  max-width: 80%;
}

.pair-enter-email {
  margin-top: 8px;
}

#disable_pair_mail {
  text-decoration: none;
}

#disable_pair_mail:hover {
  font-weight: bold;
}

#cant-use-pair {
  font-weight: bold;
  margin-top: 5px;
  display: inline-block;
  color: #f83c7c;
}

/* Použijte kupon */
.description .usecupon {
  width: 100%;
  margin-top: 30px;
  max-width: 100%;
}

.description .usecupon > div {
  margin-bottom: 15px;
  left: 0;
  min-width: 100%;
  box-sizing: border-box;
  background: #eaeaea;
  color: #9c9c9c;
  font-size: 15px;
  line-height: 30px;
  border-radius: 5px;
  padding: 3px;
}

.description .usecupon > div::before {
  display: block;
  position: absolute;
  top: -5px;
  left: 35px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  content: "";
}

.usecupon div p {
  color: #2f2a50;
  font-size: 12pt;
  text-align: left;
  padding: 10px 10px 10px 20px;
}

.usecupon table {
  max-width: 300px;
  color: #2f2a50;
  margin-bottom: 10px;
}

.usecupon table tr td:nth-child(1),
.usecupon table tr td:nth-child(3),
.usecupon table tr td:nth-child(5) {
  width: 30%;
}

.usecupon table tr td:nth-child(2),
.usecupon table tr td:nth-child(4) {
  width: 3%;
}

.usecupon table tr:nth-child(1) {
  font-size: 20pt;
  font-weight: bold;
}

.usecupon table tr:nth-child(2) {
  font-size: 15pt;
}

/* Night Shopping countdown - dark variant */
.usecupon-dark .bubble-grey {
  padding: 20px 30px;
  border-radius: 8px;
}
.usecupon-dark p {
  color: white !important;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 15px 0;
  padding: 0 !important;
}
.usecupon-dark table {
  color: white !important;
  border-spacing: 0;
  margin: 0;
}
.usecupon-dark table tr:first-child td {
  font-size: 48px;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
  line-height: 1.2;
}
.usecupon-dark table tr:first-child td:nth-child(2), .usecupon-dark table tr:first-child td:nth-child(4), .usecupon-dark table tr:first-child td:nth-child(6) {
  padding: 0 5px;
}
.usecupon-dark table tr:nth-child(2) td {
  font-size: 14px;
  font-weight: 400;
  padding: 8px 10px 0 10px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.usecupon-dark table tr:nth-child(2) td:nth-child(2), .usecupon-dark table tr:nth-child(2) td:nth-child(4), .usecupon-dark table tr:nth-child(2) td:nth-child(6) {
  padding: 8px 5px 0 5px;
}

#nocup-price {
  position: absolute;
  top: 30px;
  font-size: 12pt;
}

@media screen and (max-width: 1150px) {
  .nocup-margin {
    margin-bottom: 20px !important;
  }
}
/* Doprava osobko popisek */
.delivery-person-label {
  font-size: 15px;
  color: #6c6b6b;
  margin-top: 6px;
}

@media screen and (max-width: 800px) {
  .delivery-person-label {
    font-size: 13px;
    line-height: 21px;
  }
}
/* Upsell Modal */
.upsell-modal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 100px;
  padding-bottom: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.upsell-modal .modal-content {
  position: relative;
  margin: auto;
  padding: 20px;
  padding-bottom: 30px;
  background: #f9f9f9;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 1px solid #d5d5d5;
  width: 80%;
  max-width: 890px;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.upsell-modal h3 {
  font-size: 24px;
  color: #2f2a50;
  padding: 10px;
  max-width: none !important;
}

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

.addcart {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

.upsell-modal .btn {
  width: 250px;
}

.upsell-modal-close {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #f83c7c;
  font-size: 32px;
  font-weight: bold;
  z-index: 1;
}

.upsell-modal-close:hover,
.upsell-modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Language dialog */
.welcome-modal {
  background: rgba(47, 42, 80, 0.2);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000000;
}

.welcome-modal * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.welcome-modal__box {
  background: #fff;
  border-radius: 10px;
  margin: auto;
  max-width: 690px;
  padding: 40px 30px 30px;
  text-align: center;
  width: 90%;
}

.welcome-modal__button {
  align-items: center;
  background: #f83c7c;
  border: 2px solid #f83c7c;
  border-radius: 25px;
  color: #fff;
  display: flex;
  font: 700 18px/1 "Source Sans Pro", sans-serif;
  gap: 10px;
  min-height: 46px;
  padding: 0 15px;
}

.welcome-modal__button--back {
  border: 2px solid #c3c3c3;
  color: #c3c3c3;
  background: #fff;
}

.welcome-modal__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-top: 39px;
}

.welcome-modal__overlay {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.welcome-modal__close {
  background: url(/mimilatkycz/img/ic_close_pink.svg) no-repeat center center;
  background-size: 16px auto;
  display: block;
  font-size: 0;
  height: 45px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
}

.welcome-modal__title {
  color: #2f2a50;
  font-weight: normal;
  line-height: 1.5;
}

.welcome-modal img {
  width: 22px;
}

@media (min-width: 721px) {
  .welcome-modal__box {
    padding: 58px 34px 56px;
  }
  .welcome-modal__button {
    padding-left: 30px;
    padding-right: 30px;
  }
  .welcome-modal__title {
    font-size: 24px;
  }
}
/* Úprava výpisu */
.price__old {
  font-weight: bold;
  margin-left: 5px;
  opacity: 0.75;
  text-decoration: line-through;
  white-space: nowrap;
}

.product-img__label {
  height: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 40px;
}

.ns-big {
  width: 75px;
}

.section .info a {
  border-bottom: 1px solid #2a2f31;
}

.section .info a:hover {
  border-bottom: 0px solid black;
}

/* Jednobarevky slider */
.mockup-slider .swiper-button-next,
.mockup-slider .swiper-button-prev,
.mockup-slider .swiper-button-surplus-next,
.mockup-slider .swiper-button-surplus-prev {
  height: 100%;
  margin: 0;
  top: 0;
  transition: all 0.25s;
}

.mockup-slider .swiper-button-next:hover,
.mockup-slider .swiper-button-prev:hover,
.mockup-slider .swiper-button-surplus-next:hover,
.mockup-slider .swiper-button-surplus-prev:hover {
  background: rgba(0, 0, 0, 0.25);
}

.mockup-slider .swiper-button-next,
.mockup-slider .swiper-button-surplus-next {
  right: 0;
}

.mockup-slider .swiper-button-prev,
.mockup-slider .swiper-button-surplus-prev {
  left: 0;
}

.mockup-slider .swiper-button-next::after,
.mockup-slider .swiper-button-prev::after,
.mockup-slider .swiper-button-surplus-next::after,
.mockup-slider .swiper-button-surplus-prev::after {
  color: #f83c7c;
  font-size: 25px;
}

.mockup-slider {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #f2f2f2;
  text-align: left;
}

.mockup-slider h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 700;
}

.disabled-payment {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

/* Pair */
input[name=pair_with_email] {
  width: 70%;
}

.btn-pair {
  color: white !important;
  background-color: #f83c7c;
  text-decoration: none !important;
  width: 80px;
  height: 40px;
  line-height: 40px;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -2px;
}

.btn-pair:hover {
  opacity: 0.8;
}

/* Střihy - doporučené material */
.detail .txt ul.strihy-detail li:before {
  width: 20px;
  height: 18px;
  position: absolute;
  content: "";
  background-image: url(/mimilatkycz/img/folder-open-regular.svg);
  display: block;
  top: 4px;
  left: 0;
}

.detail .txt ul.strihy-detail li a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.detail .txt ul.strihy-detail li a:hover {
  text-decoration: none;
}

/* Produkt CSS filtr pozadí */
.product-img-gray-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 20, 22, 0.03);
  left: 0;
  top: 0;
  border-radius: 10px;
}

.product-img-gray-overlay-dark {
  background-color: rgba(20, 20, 22, 0.06);
}

/* Skrytí parametrů na desktopu */
@media screen and (min-width: 720px) {
  #section-description .product-params {
    display: none !important;
  }
}
.black-friday {
  color: white !important;
  background-color: black !important;
}

/* Doporučeno by MIMI */
.d-recommended h2 {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #f2f2f2;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 700;
}

.d-recommended h2 img {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.d-recommended ul {
  text-align: left;
  margin-left: 0;
}

.d-recommended ul li a:hover {
  opacity: 0.8;
}

.d-recommended ul li a span {
  background-size: contain !important;
}

.d-recommended li {
  background-color: white !important;
}

.flash .ic_close_flash_white {
  background: url(../img/ic_close_white.svg) no-repeat center center;
}

/* VANOCE */
.christmas {
  background: url("../img/vypis_desktop_pernik.svg") calc(50% - 750px) 80% no-repeat, url("../img/vypis_desktop_jelen.svg") calc(50% + 700px) 38% no-repeat;
  background-color: #9e1223;
  background-size: auto 120%, auto 185%;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  padding: 53px 20px 78px;
}

.christmas h1 {
  font: 100px "Cavorting";
  margin-bottom: 16px;
}

.christmas__buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 53px;
}

.christmas__buttons-item {
  align-items: center;
  background: #efeff1;
  border-radius: 2px;
  box-shadow: 0 4px 6px #790b18;
  color: #302d2d;
  display: flex;
  font: 25px "Cavorting";
  gap: 5px;
  justify-content: center;
  padding: 10px 20px;
}

.christmas__buttons-item::after {
  border-right: 3px solid #66a810;
  border-top: 3px solid #66a810;
  content: "";
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
}

@media (max-width: 1500px) {
  .christmas {
    background-position: calc(50% - 600px) center, calc(50% + 600px) 38%;
    background-size: auto 100%, auto 140%;
  }
}
@media (max-width: 1199px) {
  .christmas {
    background-position: calc(50% - 450px) center, calc(50% + 450px) 38%;
    font-size: 18px;
    padding-bottom: 50px;
    padding-top: 30px;
  }
  .christmas h1 {
    font-size: 60px;
    margin-bottom: 0;
  }
  .christmas__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 25px auto 0;
    max-width: 440px;
  }
}
@media (max-width: 765px) {
  .christmas {
    background: #9e1223 url("../img/vypis_mobil_jelen.svg") 120% top no-repeat;
    text-align: left;
  }
  .christmas__buttons {
    margin-left: 0;
    margin-top: 20px;
  }
  .christmas__buttons-item {
    font-size: 22px;
    padding: 3px 10px 7px;
  }
}
@media (max-width: 600px) {
  .christmas {
    padding-bottom: 25px;
    padding-top: 41px;
  }
  .christmas h1 {
    line-height: 0.8;
    margin-bottom: 25px;
    max-width: 180px;
    text-decoration: underline;
  }
  .christmas p {
    line-height: 1.5;
    max-width: 200px;
  }
}
@media (max-width: 450px) {
  .christmas {
    background-size: auto 75%;
  }
}
@media (max-width: 380px) {
  .christmas {
    font-size: 16px;
  }
  .christmas h1 {
    font-size: 50px;
  }
  .christmas p {
    max-width: 180px;
  }
  .christmas__buttons-item {
    font-size: 17px;
  }
}
.contain picture img {
  object-fit: contain;
}

picture img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.itembox.large img {
  object-fit: cover;
}

img.img {
  max-width: initial;
  width: 100%;
}

.counter {
  width: auto;
  height: 20px;
  border-radius: 6px;
  margin-top: 2px;
  background: #ededed;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
}

/* tistene / digitalni strihy */
ul.printtypes {
  margin-bottom: 20px;
}

ul.printtypes li.active a,
ul.printtypes li:hover a {
  color: #f83c7c !important;
}

.description ul.printtypes {
  display: block;
  z-index: 6;
  margin-top: 20px;
}

.description ul.printtypes:hover {
  z-index: 7;
}

.description ul.printtypes li {
  display: block;
  float: left;
  border: 1px solid #cdcdcd;
  line-height: 30px;
  padding: 9px;
  padding-left: 30px;
  padding-right: 30px;
  cursor: pointer;
  color: #6c6b6b;
  margin-left: -1px;
  background: #fff;
}

.description ul.printtypes li.active {
  color: #f83c7c;
  border-color: #f83c7c;
  z-index: 3;
}

.description ul.printtypes li:hover {
  z-index: 7;
  border-color: #f83c7c;
}

.description ul.printtypes li:first-child {
  border-radius: 50px 0 0 50px;
}

.description ul.printtypes li:last-child {
  border-radius: 0 50px 50px 0;
}

.description ul.printtypes li:first-child:last-child {
  border-radius: 50px;
}

.description ul.printtypes li span,
.description .icons .icon span {
  display: none;
}

.description ul.printtypes li span:empty,
.description .icons .icon span:empty {
  display: none !important;
}

.description ul.printtypes li span:before,
.description .icons .icon span:before,
.count .alert:before,
.data .overinput.validated .msg:before,
.floated .alert:before,
.fixedcart .alert:before {
  display: none;
  position: absolute;
  top: -5px;
  left: 50px;
  height: 5px;
  width: 14px;
  content: "";
  background: url(../img/tooltip_arrow.png) no-repeat center center;
}

.description ul.printtypes li:hover span:before,
.description .icons .icon:hover span:before,
.floated .alert:before,
.fixedcart .alert:before {
  display: block;
}

.description ul.printtypes li:hover span,
.description .icons .icon:hover span {
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  min-width: 100%;
  box-sizing: border-box;
  background: rgba(47, 42, 80, 0.9);
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  border-radius: 4px;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}

@media only screen and (max-width: 360px) {
  .description ul.printtypes {
    margin-left: -5px;
    margin-right: -10px;
  }
}
/* Ikony - strihy */

table.strihy-table {
  margin-bottom: 30px;
  margin-top: 10px;
}

table.strihy-table tr th,
table.strihy-table tr td {
  border-bottom: 1px solid #f2f2f2;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #6c6b6b;
  line-height: 20px;
  text-align: left;
}

table.strihy-table tr th {
  font-size: 16px;
  font-weight: 700;
  color: #2f2a50;
  padding: 15px;
  border-color: #2f2a50;
  vertical-align: bottom;
}

table.strihy-table tr td {
  white-space: nowrap;
}

table.strihy-table tr:hover td {
  background: #EB5F9B !important;
  color: white !important;
}

table.strihy-table tr td:first-child {
  background-color: #F4C9D7;
}

table.strihy-table tr:not(:first-child):nth-child(odd) td:not(:first-child) {
  background-color: #FFF3FB;
}

table.strihy-table tr:first-child {
  background: #F4C9D7;
}

h3.longer-title {
  height: 48px;
  white-space: normal !important;
}

.counter {
  width: auto;
  height: 20px;
  border-radius: 6px;
  margin-top: 2px;
  background: #ededed;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
}

.thLeft {
  text-align: left;
}

/* Landing pages */

.landing-search {
  margin-top: 30px;
  margin-bottom: 20px;
  width: 50%;
  left: 12px;
}

.landing-search input[type=text] {
  float: left;
  width: 70%;
}

@media screen and (max-width: 1300px) {
  .landing-search {
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .landing-search input[type=text] {
    width: 50%;
  }
}
.shorter-text {
  position: relative;
  overflow: hidden;
  max-height: 12em;
  line-height: 2.3em;
}

.shorter-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5em;
  background: linear-gradient(transparent, white);
}

.show-more {
  text-align: center;
  cursor: pointer;
}

.show-more:hover {
  color: var(--pink);
}

.shorter-text.expanded {
  max-height: none;
}

.shorter-text.expanded::after {
  display: none;
}

/* Landing - mobile filter */
.sidebar-mobile.landing {
  display: none;
}

@media only screen and (max-width: 1000px) {
  .sidebar-mobile.landing {
    display: block;
    float: none;
    width: 100%;
  }
  .sidebar-mobile.landing ul {
    height: 200px;
    padding-top: 0 !important;
  }
  .sidebar-mobile.landing .landing-ul-wrapper {
    padding-bottom: 0;
  }
  input[name=pair_with_email] {
    width: 100%;
    font-size: 0.95rem;
    margin-bottom: 8px;
  }
}
.digital table tr td,
.tables table tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.digital .downloadDigital {
  width: 200px !important;
}

.digital .cursor {
  cursor: pointer;
}

.digital .sub {
  background-color: whitesmoke;
}

.digital .openModalConfirm {
  line-height: 20px;
  font-size: 15px;
  cursor: pointer;
}

.digital .openArrow {
  width: 20px;
  position: relative;
  top: 2px;
  left: 3px;
}

.digital .show {
  float: left;
}

.digital .close {
  rotate: 180deg;
}

.digital .collapsed {
  display: none;
  position: absolute;
  right: 15px;
  top: -14px;
}

.digital .open {
  text-align: right;
}

.countdown {
  text-align: center;
  font-size: 2rem;
  padding: 10px;
}

/* PPL */
.ppl-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 8000;
}

/* CSS for the modal box */
.ppl-modal-box {
  position: relative;
  margin: 0 auto;
  height: 720px;
  display: none;
  z-index: 8001;
  top: 50px;
}

#ppl-close-modal-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 8002;
}

.ppl-parcelshop-map {
  height: 100%;
  max-height: 640px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

/* kredity v uživatelské sekci */
.credit-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.credit-col {
  flex: 1 1 45%;
  max-width: 45%;
}

@media (max-width: 767px) {
  .credit-col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.credit-section h2 {
  text-align: left;
  color: black;
}

@media only screen and (max-width: 1240px) {
  .creditsMobile {
    width: 100%;
    display: block !important;
  }
  .creditsHide {
    display: none;
  }
}
.is-hidden {
  display: none !important;
}

.u-underline-dotted,
a.u-underline-dotted {
  /* jedním shorthandem přepíšeme všechno najednou */
  text-decoration: underline dotted currentColor;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.22em;
  /* kdyby někde bylo border-bottom: */
  border-bottom: 0 !important;
}

/* pro selektory typu .ml-detail__info a { … } zvedneme specifitu */
.ml-detail__info a.u-underline-dotted {
  text-decoration: underline dotted currentColor;
}

/* Fallback pro prohlížeče bez text-decoration-style */
@supports not (text-decoration-style: dotted) {
  .u-underline-dotted,
  a.u-underline-dotted {
    text-decoration: none;
    border-bottom: 2px dotted currentColor; /* náhrada */
    padding-bottom: 0.05em; /* optické odsazení */
  }
}

/* ── Puntík (barva/velikost přes CSS proměnné + modifiery) ── */ /* bez „svitu“ */
.navigation-mobile {
  align-items: center;
  background: white;
  border-radius: 1rem;
  box-shadow: 0 0 1rem var(--gray-400);
  display: none;
  gap: 1.4rem;
  padding: 1.4rem;
  position: sticky;
  text-align: left;
  top: 0;
  z-index: 10;
}
.navigation-mobile__item {
  border-bottom: 2px solid transparent;
  color: var(--metalgrey);
  font-size: 1.2rem;
  line-height: 1;
}
.navigation-mobile__item.active {
  border-color: var(--pink);
  color: var(--nightblue);
  font-weight: 700;
}
@media (max-width: 1199px) {
  .navigation-mobile {
    display: flex;
  }
}
@media (max-width: 575px) {
  .navigation-mobile {
    gap: 1rem;
    padding: 1rem;
  }
  .navigation-mobile__item {
    font-size: 1rem;
  }
}

.options {
  display: flex;
  line-height: 1.1;
  overflow: auto;
  text-align: center;
}
.options__item {
  display: flex;
}
.options__item input:checked + label {
  border-color: var(--pink);
  color: var(--pink);
  z-index: 1;
}
.options__item label {
  align-items: center;
  border: 1px solid var(--metalgrey);
  color: var(--gray-900);
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500;
  justify-content: center;
  margin-left: -1px;
  min-width: 5rem;
  padding: 0.6rem 1rem;
  position: relative;
  transition: color 0.25s;
}
.options__item label:hover {
  color: var(--pink);
}
.options__item:first-child label {
  border-radius: 2rem 0 0 2rem;
  margin-left: 0;
}
.options__item:last-child label {
  border-radius: 0 2rem 2rem 0;
}
@media (max-width: 767px) {
  .options__item label {
    font-size: 1rem;
  }
}
@media (max-width: 399px) {
  .options__item label {
    font-size: 0.875rem;
    min-width: 30vw;
    padding: 0.5rem 0.75rem;
  }
}

.slick-arrow {
  background: transparent;
  align-items: center;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  display: flex !important;
  font-size: 0;
  height: 3.5rem;
  justify-content: center;
  left: -1rem;
  margin: auto 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 3.5rem;
  z-index: 1;
}
.slick-arrow::after {
  border-bottom: 2px solid;
  border-left: 2px solid;
  content: "";
  height: 1rem;
  transform: rotate(45deg);
  width: 1rem;
}
.slick-arrow:hover {
  background: transparent;
  color: #f83c7c;
}
.slick-arrow:hover::after {
  animation: slick-arrow 0.5s infinite;
}
.slick-disabled {
  display: none !important;
}
.slick-next {
  left: auto;
  right: -1rem;
  transform: scaleX(-1);
}
.slick-slide {
  padding: 0 0.5rem;
}
.slick-slider {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (max-width: 575px) {
  .slick-arrow {
    left: 0.25rem;
  }
  .slick-next {
    left: auto;
    right: 0.25rem;
  }
  .slick-slide {
    padding: 0 0.25rem;
  }
  .slick-slider {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
}

@keyframes slick-arrow {
  0%, 100% {
    margin-right: 0;
  }
  50% {
    margin-right: 0.5rem;
  }
}
.ft {
  background: #2F2A50;
  padding: 60px 80px 30px;
  font-family: "Lexend", "Poppins", Arial, sans-serif;
  color: #FFFFFF;
  text-align: left;
}
.ft__inner {
  max-width: 1440px;
  margin: 0 auto;
}
.ft {
  /* Top část se sloupci */
}
.ft__top {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
  border-bottom: 1px solid rgba(95, 89, 137, 0.3);
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .ft__top {
    flex-wrap: wrap;
    gap: 40px;
  }
}
.ft {
  /* Spodní proužek s “Vyrobeno v Brně” */
}
.ft__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 30px;
  font-size: 15px;
  font-weight: 600;
}
.ft__bottom .ft-heart {
  width: 17px;
  height: 16px;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 5.2c0 4.2-8 9.3-8 9.3S.5 9.4.5 5.2A4.2 4.2 0 014.7 1a4.7 4.7 0 013.6 1.9A4.7 4.7 0 0111.9 1a4.2 4.2 0 014.6 4.2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/contain;
  background: #F83C7C;
}

.ft-col {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 0 0 auto;
}
.ft-col--cats {
  width: 124px;
}
.ft-col--store {
  width: 261px;
}
.ft-col--map {
  flex: 1 1 429px;
}
@media (max-width: 575px) {
  .ft-col {
    width: 100% !important;
  }
}

.ft-title {
  color: #9690BC;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}

.ft-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ft-link {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.ft-link:hover {
  opacity: 0.8;
}
.ft-link.is-pink {
  color: #F83C7C;
}
.ft-link.is-green {
  color: #5BD3A7;
}
.ft-link.is-orange {
  color: #FFA63D;
}
.ft-link.is-violet {
  color: #B18DFF;
}
.ft-link.is-red {
  color: #F06161;
}

.ft-col--cats .ft-links {
  align-items: flex-start; /* zarovná odkazy doleva */
  text-align: left; /* jistota pro případ prohlížečů */
}

.ft-col--info .ft-link {
  color: #FFFFFF;
  text-decoration: none;
}
.ft-col--info .ft-link:hover {
  opacity: 0.8;
}

.ft-apek img {
  width: 60px;
  height: 60px;
}

.ft-contact {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.ft-contact__text {
  line-height: 1.2;
}
.ft-contact__label {
  font-size: 14px;
  font-weight: 600;
}
.ft-contact__link {
  font-size: 14px;
  color: #9690BC;
  text-decoration: underline;
}
.ft-contact__link:hover {
  opacity: 0.8;
}

.ft-ico {
  flex: 0 0 40px;
  height: 40px;
  border-radius: 50%;
  background: #9690BC no-repeat center/22px;
}
.ft-ico--phone {
  background-image: url(../img/phone.svg);
}
.ft-ico--mail {
  background-image: url(../img/mail.svg);
}
.ft-ico--fb {
  background: #9690BC;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2F2A50;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.ft-ico--time {
  background-image: url(../img/clock.svg);
}
.ft-ico--pin {
  background-size: 18px;
  background-image: url(../img/pin.svg);
}

.ft-storeline {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.3;
}
.ft-storeline strong {
  display: block;
  margin-bottom: 2px;
}
.ft-storeline .ft-muted {
  color: #9690BC;
}

.ft-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 0 20px;
  border-radius: 40px;
  background: #F83C7C;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s;
}
.ft-btn:hover {
  background: rgb(246.9396039604, 30.4603960396, 104.1554455446);
}

.ft-map {
  position: relative;
}
.ft-map picture, .ft-map img {
  display: block;
  width: 100%;
  border-radius: 10px;
}
.ft-map__btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 0 28px;
  border-radius: 40px;
  background: #ffffff;
  color: #2F2A50;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s;
}
.ft-map__btn:hover {
  background: rgb(239.7, 239.7, 239.7);
}

.ft-status {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  border: 3px solid #2F2A50;
  border-radius: 50%;
  background: #9690BC;
  box-sizing: content-box;
  z-index: 1;
}

/* barevné stavy */
.ft-status--open {
  background: #26D07C;
  border-color: #2F2A50;
}

.ft-status--closed {
  background: #9690BC;
  border-color: #2F2A50;
}

.listing {
  display: grid;
  gap: 2rem;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  line-height: 1.2;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.listing img {
  max-width: 100%;
}
.listing--columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.listing--columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.listing__addcart {
  background: var(--white);
  border-radius: 0.625rem;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  left: 0;
  padding: 1rem;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translateY(100%);
  transition: all 0.25s;
}
.listing__addcart-instock {
  color: var(--green);
  display: block;
  font-size: 0.9375rem;
  font-weight: 700;
}
.listing__addcart-row {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
}
.listing__addcart .is-hidden,
.listing__addcart .quantityover {
  display: none;
}
.listing__amount {
  position: relative;
}
.listing__amount input {
  height: 2.5rem;
  background: transparent;
  border-radius: 1.25rem;
  border: 1px solid var(--gray-400);
  color: var(--nightblue);
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0;
  text-align: center;
}
.listing__amount-button {
  align-items: center;
  aspect-ratio: 1;
  background: url(../img/listing__amount-minus.svg) no-repeat center center;
  display: block;
  bottom: 0;
  cursor: pointer;
  display: flex;
  filter: grayscale(1);
  font-size: 2rem;
  justify-content: center;
  height: 100%;
  left: 0;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  top: 0;
}
.listing__amount-button:hover {
  filter: none;
  opacity: 1;
}
.listing__amount-button.plus {
  background-image: url(../img/listing__amount-plus.svg);
  left: auto;
  right: 0;
}
.listing__amount .alert {
  transform: translateY(-50%);
}
.listing__box {
  background: white;
  border-radius: 0.625rem;
  box-shadow: 0 2px 13px rgb(221, 223, 253);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  left: 30%;
  padding: 1rem;
  position: absolute;
  top: 55%;
  white-space: nowrap;
  width: 50%;
  z-index: 1;
}
.listing__desc {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem;
  position: relative;
  text-align: center;
}
.listing__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.listing__image {
  background-color: rgba(20, 20, 22, 0.03);
  border-radius: 0.625rem;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.listing__image img {
  object-fit: contain;
}
.listing__image picture {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.listing__image picture.description::after {
  content: "";
  background: url(../img/ml-detail/mini-cart.svg) no-repeat;
  background-size: cover;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.listing__image picture:hover:after {
  filter: grayscale(1);
  transition: filter 0.3s;
}
.listing__image::after {
  background-color: rgba(20, 20, 22, 0.03);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.listing__item {
  align-self: stretch;
  background: var(--white);
  border-radius: 0.625rem;
  position: relative;
  overflow: hidden;
  transition: all 0.25s;
  width: 100%;
  scale: 1;
}
.listing__item--large {
  grid-column: span 2;
  grid-row: span 2;
}
.listing__item--large .listing__desc {
  padding: 0;
}
.listing__item--large .listing__image {
  height: 100%;
}
.listing__item--large .listing__image img {
  object-fit: cover;
}
.listing__item:hover {
  scale: 1.025;
}
.listing__item:hover .quantityover {
  display: block;
}
.listing__item:hover .listing__addcart {
  transform: translateY(0);
}
.listing__item--sm .listing__addcart {
  padding: 0.5rem;
}
.listing__item--sm .listing__addcart-row {
  grid-template-columns: none;
}
.listing__item--sm .listing__desc {
  padding: 0.5rem;
}
.listing__item--sm .listing__amount input {
  height: 2rem;
}
.listing__item--sm .listing__submit {
  font-size: 0.875rem;
  gap: 0.25rem;
  min-height: 2rem;
}
.listing__item--sm .listing__submit img {
  width: 1rem;
}
.listing__like {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.listing__like-item {
  background-image: url(../img/oblibene_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  filter: drop-shadow(-1px 1px 4px #adadb9);
  height: 1.75rem;
  opacity: 0.85;
  width: 1.75rem;
}
.listing__like-item:hover {
  background-image: url(../img/oblibene_pink.svg);
}
.listing__like-item.active {
  background-image: url(../img/oblibene_pink.svg);
}
.listing__msg {
  background: var(--gray-900);
  border-radius: 0.3125rem;
  bottom: calc(100% - 0.5rem);
  box-shadow: 0 3px 5px rgba(var(--black), 0.25);
  color: var(--white);
  display: block;
  font-size: 0.9375rem;
  left: 1rem;
  padding: 0.5rem;
  position: absolute;
  right: 1rem;
  text-align: center;
}
.listing__msg::after {
  background: var(--gray-900);
  bottom: -0.25rem;
  content: "";
  display: block;
  height: 0.625rem;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  transform: rotate(45deg);
  width: 0.625rem;
}
.listing__options {
  align-items: center;
  color: #6c6b6b;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  gap: 0.5rem;
}
.listing__options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 6.875rem;
  width: 100%;
}
.listing__options-item {
  align-items: center;
  border: 1px solid #E9E9E9;
  border-bottom-color: #fff;
  display: flex;
  justify-content: center;
  margin: -1px 0 0 -1px;
  padding: 0.47rem 0.125rem;
  position: relative;
}
.listing__options-item:nth-child(1), .listing__options-item:nth-child(2), .listing__options-item:nth-child(3) {
  border-top-color: #fff;
}
.listing__options-item:nth-child(3n) {
  border-right-color: #fff;
}
.listing__options-item:nth-child(3n+1) {
  border-left-color: #fff;
}
.listing__options-item:hover {
  background: #FEECF2;
  border-color: #f83c7c;
  color: #f83c7c;
  z-index: 1;
}
.listing__point {
  align-items: center;
  background: rgba(128, 128, 128, 0.62);
  border-radius: 50%;
  border: 1px solid white;
  display: flex;
  height: 2rem;
  left: 0;
  justify-content: center;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 2rem;
}
.listing__point::before {
  background: white;
  border-radius: 50%;
  content: "";
  height: 1rem;
  width: 1rem;
}
.listing__price {
  color: var(--pink);
  font-size: 1rem;
}
.listing__product {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing__row {
  display: flex;
  gap: 1rem;
}
.listing__slider .swiper-slide {
  padding: 1rem;
}
.listing__submit {
  align-items: center;
  background: var(--pink);
  border-radius: 1.25rem;
  color: var(--white);
  display: flex;
  font: 700 0.9375rem/1.2 "Source Sans Pro", sans-serif;
  gap: 0.5rem;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 2.5rem;
  text-align: center;
  text-transform: none;
}
.listing__submit:hover {
  background-color: var(--purple);
}
.listing__submit {
  padding: 0 0.5rem;
}
.listing__tags {
  align-items: start;
  display: flex;
  gap: 0.25rem;
  line-height: 1.3;
  position: absolute;
  top: 0.5rem;
}
.listing__tags-item {
  color: #6f6f6f;
  background: #cccccc;
  border-radius: 3px;
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
}
.listing__tags-item--black {
  background: var(--black);
  color: var(--white);
}
.listing__tags-item--green {
  background: var(--green);
  color: var(--white);
}
.listing__tags-item--orange {
  background: var(--gray-400);
  color: var(--orange);
}
.listing__tags-item--pink {
  background: var(--pink);
  color: var(--white);
}
.listing__tags-item--purple {
  background: var(--gray-400);
  color: var(--purple);
}
.listing__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #2F2A50;
  display: -webkit-box;
  font-size: 15px;
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1199px) {
  .listing__title {
    font-size: 0.8125rem;
  }
}
@media (max-width: 1399px) {
  .listing:not(.listing--mobile-scroll-x) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .listing--mobile-scroll-x {
    overflow-x: auto;
  }
  .listing--mobile-scroll-x .listing__item {
    min-width: 10rem;
  }
}
@media (hover: none) {
  .listing__addcart {
    display: none;
  }
}
@media (max-width: 991px) {
  .listing {
    line-height: 1.125;
  }
  .listing:not(.listing--mobile-scroll-x) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .listing__addcart {
    display: none;
  }
  .listing__footer {
    grid-template-columns: none;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .listing__box {
    left: auto;
    margin: -1rem auto 1rem;
    position: relative;
    top: auto;
    width: 90%;
  }
  .listing__point {
    display: none;
  }
  .listing__product {
    height: auto;
  }
}
@media (max-width: 399px) {
  .listing {
    gap: 1rem;
  }
}
/* ===== Bulk discount bubble ===== */
/* ===== Bulk bubble – caret jako zaoblený trojúhelník ===== */
#buy-more.bulk-bubble {
  /* barvy + „bleed“ do stran (když rodič má padding) */
  --bubble-bg: #5F5989; /* nebo $color--lila */
  --bleed: 0px; /* nastavíme níž pro accordion */
  --caret-size: 22px; /* velikost čtverce (šířka šipky) */
  --caret-radius: 3px; /* zaoblení rohů caretu */
  width: calc(100% + 2 * var(--bleed));
  margin-inline: calc(-1 * var(--bleed));
  max-width: none;
  margin-top: 20px;
}
#buy-more.bulk-bubble .bulk-bubble__panel {
  position: relative;
  background: var(--bubble-bg);
  color: #fff;
  border-radius: 8px;
  padding: 16px;
  isolation: isolate; /* vytvoří vlastní stacking context */
  /* >> Tohle je NOVÝ caret (za panelem) << */
}
#buy-more.bulk-bubble .bulk-bubble__panel::before {
  content: "";
  position: absolute;
  z-index: -1; /* schovej spodní rohy za panel */
  left: var(--caret-left, 50%);
  top: calc(-0.4 * var(--caret-size)); /* půlka caretu nad hranou panelu */
  width: var(--caret-size);
  height: var(--caret-size);
  transform: translateX(-50%) rotate(45deg);
  background: var(--bubble-bg);
  border-radius: var(--caret-radius); /* kulaté rohy → kulatý vršek */
}
#buy-more.bulk-bubble .bulk-bubble__title {
  font: 600 16px/20px "Lexend", sans-serif;
  margin: 0 0 12px 0;
  text-decoration: none;
}
#buy-more.bulk-bubble .bulk-bubble__tiers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
#buy-more.bulk-bubble .bulk-bubble__tier {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}
#buy-more.bulk-bubble .bulk-bubble__left {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#buy-more.bulk-bubble .bulk-bubble__right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#buy-more.bulk-bubble .bulk-bubble__qty {
  font: 400 14px/1.6 "Lexend", sans-serif;
  color: #fff;
  opacity: 0.95;
  white-space: nowrap;
}
#buy-more.bulk-bubble .bulk-bubble__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 3px;
  background: #FFEBF2;
  color: #F83C7C;
  font: 600 13px/1.2 "Lexend", sans-serif;
  white-space: nowrap;
}
#buy-more.bulk-bubble .bulk-bubble__price {
  font: 400 14px/1.6 "Lexend", sans-serif;
  color: #fff;
  white-space: nowrap;
}
#buy-more.bulk-bubble .bulk-bubble__add {
  inline-size: 40px;
  block-size: 40px;
  border-radius: 30px;
  border: 0;
  cursor: pointer;
  position: relative;
  background: #F83C7C url("../img/ml-detail/cart-icon.svg") no-repeat center/24px 21px;
}
#buy-more.bulk-bubble .bulk-bubble__add::after {
  content: "+";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  background: #fff;
  color: #8556E9;
  font: 700 11px/15px "Lexend", sans-serif;
  text-align: center;
}

/* === wrapper obou variant === */
.variant-switch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  width: 100%;
  margin-bottom: 2rem;
  /* mobily – přehodíme na sloupec */
}
@media (max-width: 600px) {
  .variant-switch {
    grid-template-columns: 1fr;
  }
}

/* === samotná karta === */

/* === wrapper dynamických dlaždic === */
.print-switch {
  display: grid;
  /*  2-3 sloupce podle místa; všechny 1 fr, tj.⁠ stejná šířka  */
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin-bottom: 2rem;
  /* mobily – všechno pod sebe */
}
@media (max-width: 600px) {
  .print-switch {
    grid-template-columns: 1fr;
  }
}

/* === jednotlivá dlaždice === */
.print-tile, .size-tile {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 15px;
  gap: 10px;
  height: 100%; /* vyplní buňku gridu */
  border: 1px solid #DBD6E5;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  transition: border 0.2s, box-shadow 0.2s;
  /* texty */
}
.print-tile strong, .size-tile strong {
  font: 600 17px/120% "Lexend", sans-serif;
  color: #2F2A50;
}
.print-tile span, .size-tile span {
  font: 400 15px/120% "Lexend", sans-serif;
  color: #5F5989;
}
.print-tile, .size-tile {
  /* hover/focus */
}
.print-tile:hover, .size-tile:hover, .print-tile:focus, .size-tile:focus {
  box-shadow: 0 0 0 3px rgba(47, 42, 80, 0.15);
}
.print-tile, .size-tile {
  /* vybraná varianta */
}
.print-tile.is-current, .is-current.size-tile {
  border-color: #F83C7C;
}
.print-tile.is-current strong, .is-current.size-tile strong {
  color: #F83C7C;
}
.print-tile.is-current:hover, .is-current.size-tile:hover, .print-tile.is-current:focus, .is-current.size-tile:focus {
  box-shadow: 0 0 0 3px rgba(248, 60, 124, 0.15);
}

/* 1) Kontejner */
.size-switch {
  display: flex;
  flex-wrap: wrap; /* umožní zalomení na další řádek */
  gap: 8px; /* mezery mezi boxy */
  width: 100%; /* natáhne se na dostupnou šířku */
}

/* 2) Samotná dlaždice (dědí základní tile styl z dřívějška) */
.size-tile {
  /* pokud máš mixin/extend z variant */
  padding: 13px;
  font-weight: 400;
  font-size: 15px;
  min-width: 80px; /* minimální šířka pro krátké velikosti (S, M, L) */
  flex: 0 1 auto; /* nepřetahuje se, přizpůsobí se obsahu */
  text-align: center; /* vycentruje text */
  /* pro dlouhé texty (síť XXS-5XL) umožni zalomení na další řádek */
  word-break: break-word;
  hyphens: auto;
  line-height: 1.3; /* trochu větší řádkování pro víceřádkový text */
}

/* zvýraznění zvoleného boxu */
.size-tile.is-current {
  color: #F83C7C;
  background: rgba(248, 60, 124, 0.05);
  box-shadow: 0 0 0 3px rgba(248, 60, 124, 0.15);
  font-weight: 600;
}

.size-tile.is-current span {
  color: #F83C7C;
  font-weight: bold;
}

/* 3) Tooltip (fialový pruh s šipkou) */
.size-tooltip {
  position: relative;
  margin-bottom: 10px;
  padding: 15px;
  background: #5F5989; /* fialová */
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 1.6;
}
.size-tooltip::before { /* trojúhelníková šipka */
  content: "";
  position: absolute;
  left: 15px;
  top: -10px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #5F5989;
  transform: rotate(180deg);
}

.variant-card {
  flex: 1 1 176px;
  box-sizing: border-box;
  padding: 20px 15px;
  border: 1px solid #DBD6E5;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #2F2A50;
  font-family: "Lexend", sans-serif;
  font-size: 15px;
  line-height: 120%;
  --shadow-color: #000000;
}
.variant-card:hover, .variant-card:focus-visible {
  --shadow-color: 47, 42, 80;
  box-shadow: 0 0 0 3px rgba(var(--shadow-color), 0.15);
  color: #F83C7C;
}
.variant-card h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}
.variant-card p {
  margin: 0;
  margin-top: 8px;
  color: #5F5989;
  font-size: 13px;
  font-weight: 400;
}

.variant-card.is-current {
  border-color: #F83C7C;
  color: #F83C7C;
}
.variant-card.is-current h3 {
  color: inherit;
  font-weight: 600;
}
.variant-card.is-current p {
  color: #5F5989;
}
.variant-card.is-current:hover, .variant-card.is-current:focus-visible {
  --shadow-color: 248, 60, 124;
}

@media (max-width: 379px) {
  .variant-switch {
    width: 100%;
  }
  .variant-card {
    flex: 1 1 100%;
  }
}
/* Když je uvnitř akordeonu s paddingem 20px → „bleed“ na okraj */
.ml-accordion__content #buy-more.bulk-bubble {
  --bleed: 20px;
}

/* přístupnost – schovej text “Přidat” uvnitř tlačítka */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* utilita na tečkované podtržení titulků (jak jsme řešili dřív) */
.u-underline-dotted {
  text-decoration: underline dotted currentColor;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.22em;
}

/* ===== Trigger wrapper (text + tooltip) ===== */
.hours-popover {
  position: relative;
  display: inline-block; /* sedí do řádku k textu */
}

/* V POPOVER režimu je bublina defaultně skrytá a pozicovaná pod textem */
.hours-popover > .hours-bubble {
  position: absolute;
  left: 80%;
  top: calc(100% + 1.5rem);
  transform: translate(-50%, 6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 30;
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
  width: 100%;
  /* caret u popoveru defaultně doprostřed (lze změnit přes --caret-left) */
}
.hours-popover > .hours-bubble .hours-bubble__panel::before {
  left: var(--caret-left, 50%);
}

/* Zobraz při hoveru / klávesovém fokusu na trigger */
.hours-popover:hover > .hours-bubble,
.hours-popover:focus-within > .hours-bubble {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

/* ===== Bubble (původní vzhled) ===== */
.hours-bubble {
  --bg: #5F5989; /* můžeš nahradit za $color--lila */
  --text: #fff;
  --caret-size: 22px; /* otočený čtverec → „zakulacený trojúhelník“ */
  --caret-radius: 3px;
  max-width: 360px;
  position: relative; /* základní flow (pro popover i statické použití) */
  font-family: "Lexend", sans-serif;
  color: var(--text);
}
.hours-bubble__panel {
  position: relative;
  background: var(--bg);
  border-radius: 8px;
  padding: 15px;
  /* caret nahoře – výchozí fallback 70 %, lze řídit proměnnou */
}
.hours-bubble__panel::before {
  content: "";
  position: absolute;
  top: calc(-0.4 * var(--caret-size));
  left: var(--caret-left, 70%); /* v popoveru se přepíše na 50 % (viz výše) */
  width: var(--caret-size);
  height: var(--caret-size);
  transform: translateX(-50%) rotate(45deg);
  background: var(--bg);
  border-radius: var(--caret-radius);
}
.hours-bubble {
  /* řádky */
}
.hours-bubble__row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
.hours-bubble__row + .hours-bubble__row {
  margin-top: 6px;
}
.hours-bubble__row { /* malá mezera mezi řádky */ }
.hours-bubble__left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0;
  flex: 1 !important; /* zabere dostupný prostor */
}
.hours-bubble__right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important; /* nezmenšuje se, drží si původní velikost */
}
.hours-bubble__dot {
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: #66B008;
  flex: 0 0 auto;
}
.hours-bubble__dotclose {
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: #C3C3C3;
  flex: 0 0 auto;
}
.hours-bubble__label, .hours-bubble__time, .hours-bubble__desc {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6; /* 160 % */
  color: var(--text);
  white-space: nowrap;
}
.hours-bubble__desc {
  white-space: normal;
}
.hours-bubble { /* může se zalomit - pro dlouhé texty jako "Zítra (Velikonoční pondělí)" */
  /* odznaky dopravy – volitelně */
}
.hours-bubble__badges {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  color: #2F2A50;
  border-radius: 14px;
  padding: 2px 6px 2px 8px;
}
.hours-bubble__badges .hours-bubble__time {
  color: inherit; /* zdědí tmavou barvu z parent pro čitelnost na bílém pozadí */
}
.hours-bubble__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 22px;
  block-size: 22px;
  border-radius: 50%;
  background: #1E66F5; /* modrá „D" */
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

/* VOLITELNĚ: statické umístění bubliny mimo popover (když ji chceš mít „na místě“) */

.hours-popover.is-open > .hours-bubble {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
/* ===== Pack Bubble – „Kupte celé balení…“ ===== */
#pack-bubble.pack-bubble,
.pack-bubble {
  --header-bg: #5F5989; /* můžeš klidně přepsat na $color--lila */
  --body-bg: #DFDEE7;
  --text: #fff;
  --caret-size: 22px;
  --caret-radius: 3px;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: "Lexend", sans-serif;
  width: calc(100% + 2 * var(--bleed));
  margin-inline: calc(-1 * var(--bleed));
  max-width: none;
  margin-top: 20px;
  /* Animace pro zobrazení/skrytí */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, max-height 0.3s ease-in-out;
  pointer-events: none;
  margin-top: 0;
  margin-bottom: 0;
}
#pack-bubble.pack-bubble.is-visible,
.pack-bubble.is-visible {
  max-height: 500px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  margin-top: 20px;
}
#pack-bubble.pack-bubble.is-hidden,
.pack-bubble.is-hidden {
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  margin-top: 0;
  margin-bottom: 0;
}
#pack-bubble.pack-bubble__header,
.pack-bubble__header {
  position: relative;
  background: var(--header-bg);
  color: var(--text);
  padding: 12px 16px;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  isolation: isolate;
  /* zaoblený „trojúhelník“ uprostřed */
}
#pack-bubble.pack-bubble__header::before,
.pack-bubble__header::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: var(--caret-left, 50%);
  top: calc(-0.4 * var(--caret-size));
  width: var(--caret-size);
  height: var(--caret-size);
  transform: translateX(-50%) rotate(45deg);
  background: var(--header-bg);
  border-radius: var(--caret-radius);
}
#pack-bubble.pack-bubble__title,
.pack-bubble__title {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
#pack-bubble.pack-bubble__close,
.pack-bubble__close {
  inline-size: 35px;
  block-size: 35px;
  border-radius: 35px;
  border: 0;
  background: #F2F2F2;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
#pack-bubble.pack-bubble__close::before, #pack-bubble.pack-bubble__close::after,
.pack-bubble__close::before,
.pack-bubble__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2px;
  background: #5F5989;
  transform-origin: center;
}
#pack-bubble.pack-bubble__close::before,
.pack-bubble__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#pack-bubble.pack-bubble__close::after,
.pack-bubble__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#pack-bubble.pack-bubble__body,
.pack-bubble__body {
  background: var(--body-bg);
  border-radius: 0 0 8px 8px;
  padding: 16px;
}
#pack-bubble.pack-bubble__item,
.pack-bubble__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
#pack-bubble.pack-bubble__img,
.pack-bubble__img {
  inline-size: 120px;
  block-size: 120px;
  border-radius: 8px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pack-bubble.pack-bubble__img img,
.pack-bubble__img img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
  display: block;
}
#pack-bubble.pack-bubble__info,
.pack-bubble__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #2F2A50;
  min-inline-size: 0;
}
#pack-bubble.pack-bubble__packname,
.pack-bubble__packname {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: #2F2A50;
}
#pack-bubble.pack-bubble__prices,
.pack-bubble__prices {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#pack-bubble.pack-bubble__price-current,
.pack-bubble__price-current {
  color: #F83C7C;
  font-weight: 700;
  font-size: 24px;
}
#pack-bubble.pack-bubble__price-save,
.pack-bubble__price-save {
  background: #FFEBF2;
  color: #F83C7C;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 3px;
}
#pack-bubble.pack-bubble__price-old,
.pack-bubble__price-old {
  color: #2F2A50;
  opacity: 0.6;
  text-decoration: line-through;
  font-size: 18px;
}
#pack-bubble.pack-bubble__unit,
.pack-bubble__unit {
  color: #2F2A50;
  opacity: 0.9;
  font-size: 14px;
}
#pack-bubble.pack-bubble__cta,
.pack-bubble__cta {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 25px;
  inline-size: 165px;
  block-size: 40px;
  border-radius: 30px;
  background: #F83C7C;
  color: #fff;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
#pack-bubble.pack-bubble__cta img,
.pack-bubble__cta img {
  inline-size: 20px;
  block-size: 17px;
}
#pack-bubble.pack-bubble__cta:hover,
.pack-bubble__cta:hover {
  filter: brightness(1.05);
}
#pack-bubble.pack-bubble__cta:active,
.pack-bubble__cta:active {
  transform: translateY(1px);
}

/* vizuálně skrytý text pro čtečky (např. v tlačítkách) */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.ml-accordion {
  background: #f2f2f2;
  border-radius: 0.5rem;
  line-height: normal;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.9375rem;
}
.ml-accordion__content {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.ml-accordion__collapse {
  display: block;
  padding-bottom: 2rem;
}
.ml-accordion__desc {
  display: flex;
  gap: 0.9rem;
  margin-bottom: 0rem;
  flex-direction: column;
  font-size: 0.9375rem;
}
.ml-accordion__desc-item {
  display: flex;
}
.ml-accordion__desc-heading {
  color: #2F2A50;
  width: 5rem;
}
.ml-accordion__icons {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.ml-accordion__icons-item {
  filter: grayscale(1);
  height: 1.3125rem;
}
.ml-accordion {
  /* Kontejner s ikonami */
}
.ml-accordion .icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
  /* Jednotlivý „chip“ */
}
.ml-accordion .icons .icon {
  /* přebijeme inline style z HTML */
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  height: 1.875rem !important;
  width: auto !important;
  padding: 0 0.6rem 0 2.3rem;
  border-radius: 0.4rem;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  color: #2f2a50;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  /* ikona jako background (lazy loader doplní background-image z data-src) */
  background-repeat: no-repeat !important;
  background-position: 0.75rem center !important;
  background-size: 1rem 1rem !important;
}
.ml-accordion .icons .icon::after {
  content: attr(data-tooltip); /* text z data-tooltip */
  font-size: 0.8125rem;
  transform: translateY(0.5px);
}
.ml-accordion__item + .ml-accordion__item {
  border-top: 1px solid #DBDCDC;
}
.ml-accordion__products {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.ml-accordion__products-image {
  border-radius: 0.3125rem;
  display: flex;
  height: 3.75rem;
  margin: 0;
  overflow: hidden;
  width: 3.75rem;
}
.ml-accordion__products-image img {
  height: 100%;
  object-fit: cover;
  transition: all 0.25s;
  width: 100%;
}
.ml-accordion__products-item {
  width: fit-content;
  border: 1px solid #6c6b6b;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  font-size: 0.9375rem;
}
.ml-accordion__products-item:hover, .ml-accordion__products-image img {
  transform: scale(1.05);
}
.ml-accordion__products-light {
  color: #6c6b6b;
}
.ml-accordion__products-price {
  color: #f83c7c;
  font-size: 1rem;
  font-weight: 700;
}
.ml-accordion__slider {
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow: hidden;
  max-width: 460px;
}
.ml-accordion__slider-desc {
  align-items: flex-start;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.ml-accordion__slider-item {
  border-radius: 0.5rem;
  display: flex;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.ml-accordion__slider-item::after {
  content: "";
  background: url(../img/ml-detail/mini-cart.svg) no-repeat;
  background-size: cover;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.ml-accordion__slider-item:hover:after {
  filter: grayscale(1);
  transition: filter 0.3s;
}
.ml-accordion__slider-item img {
  height: 100%;
  object-fit: cover;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ml-accordion__slider-label {
  border-radius: 0.3125rem;
  font-size: 1rem;
  background: #d9ebc3;
  color: #8bc53f;
  font-weight: 700;
  line-height: 1.5;
  margin: 0.5rem 0.5rem;
  text-align: center;
  padding: 0 0.5rem;
}
.ml-accordion__slider-item-wrapper {
  flex: 0 0 100px;
  background: transparent !important;
}
.ml-accordion__text iframe {
  max-width: 100%;
}
.ml-accordion__text table {
  max-width: 100%;
  width: 100%;
  table-layout: auto;
}
.ml-accordion__text-row {
  align-items: center;
  display: flex;
}
.ml-accordion__text p {
  line-height: 1.6;
}
.ml-accordion__toggler {
  align-items: center;
  color: #2a2f31;
  cursor: pointer;
  display: flex;
  gap: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  transition: all 0.25s;
}
.ml-accordion__toggler-title {
  font-size: 1.125rem;
  font-weight: 700;
}
.ml-accordion__toggler::after {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  height: 0.5rem;
  margin-left: auto;
  transform: rotate(45deg);
  transition: all 0.75s;
  width: 0.5rem;
}
.ml-accordion__toggler.active {
  padding-bottom: 1.25rem;
}
.ml-accordion__toggler.active::after {
  transform: rotate(585deg);
}
@media (max-width: 1399px) {
  .ml-accordion {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ml-accordion__products-item {
    gap: 0.5rem;
  }
  .ml-accordion__toggler {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}
@media (max-width: 1199px) {
  .ml-accordion__products {
    grid-template-columns: none;
  }
  .ml-accordion__products-item {
    font-size: 0.8125rem;
  }
  .ml-accordion__desc {
    font-size: 0.875rem;
  }
  .ml-accordion__text {
    font-size: 0.875rem !important;
  }
  .ml-accordion__toggler-title {
    font-size: 1.0625rem;
  }
}
@media (max-width: 767px) {
  .ml-accordion__products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .ml-accordion__products {
    grid-template-columns: none;
  }
}
@media (max-width: 399px) {
  .ml-accordion__text p {
    line-height: 1.75;
  }
  .ml-accordion__text-row {
    flex-direction: column;
    gap: 1rem;
  }
}

.ml-detail {
  align-items: start;
  color: #2a2f31;
  display: grid;
  gap: 6rem;
  grid-template-columns: minmax(0, 3fr) minmax(320px, 2.2fr);
  line-height: normal;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  max-width: 1380px;
  text-align: left;
  width: 90vw;
  /* -------- AMOUNT (upraveno) -------- */
}
.ml-detail__amount {
  /* velikost koleček a mezery */
  --btn: 3.125rem; /* průměr +/-  */
  --gap-outer: .5rem; /* minus→číslo a m→plus (stejná) */
  --gap-inner: .35rem; /* číslo→m */
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center; /* střed (input+m) přesně doprostřed */
  gap: var(--gap-inner);
  padding: 0 calc(var(--btn) + var(--gap-outer)); /* rezerva pro kolečka a „vnější“ mezery */
}
.ml-detail__amount input[type=text] {
  box-sizing: content-box !important; /* šířka jen podle obsahu - MUSÍ být !important */
  background: transparent;
  color: #2f2a50;
  font-size: 1.063rem;
  font-weight: 400;
  height: var(--btn);
  /* width nastavuje JavaScript dynamicky přes inline style */
  min-width: 4ch; /* základ pro krátké hodnoty */
  max-width: 11.125rem; /* horní limit (volitelné) */
  padding: 0; /* žádný vnitřní padding */
  text-align: right; /* číslo u jednotky */
  font-variant-numeric: tabular-nums;
  font-family: "Lexend", sans-serif;
  border: none; /* pokud máš globálně border, ponech, jen počítej s content-box */
}
.ml-detail__amount-unit {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  margin-right: 0.7rem;
}
.ml-detail__amount-button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--btn);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #f2f2f2;
  background: #f2f2f2 url(../img/ml-detail/amount-minus.svg) no-repeat center;
  cursor: pointer;
  filter: grayscale(1);
  transition: background-color 0.15s ease, filter 0.15s ease;
  left: 0;
}
.ml-detail__amount-button:hover {
  filter: none;
  background-color: #DBDCDC;
}
.ml-detail__amount-button.plus {
  left: auto;
  right: 0;
  background-image: url(../img/ml-detail/amount-plus.svg);
}
.ml-detail__amount .alert {
  transform: translateY(-50%);
}
.ml-detail {
  /* -------- /AMOUNT -------- */
}
.ml-detail__back {
  display: flex;
  justify-content: space-between;
}
.ml-detail__back-button {
  display: block;
}
.ml-detail__back p {
  font-size: 0.8125rem;
  color: #9690BC;
}
.ml-detail__back-mobile {
  display: none;
}
@media (max-width: 750px) {
  .ml-detail__back {
    display: none;
  }
  .ml-detail__back-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.925rem 0;
  }
  .ml-detail__back-mobile a {
    padding-right: 0.5rem;
  }
  .ml-detail__back-mobile p {
    font-size: 0.8125rem;
    color: #9690BC;
  }
}
.ml-detail__breadcrumbs {
  padding-top: 2rem;
  font-size: 0.9375rem;
}
.ml-detail__breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ml-detail__breadcrumbs a {
  color: #5F5989;
}
.ml-detail__breadcrumbs-item {
  position: relative;
}
.ml-detail__breadcrumbs-item:hover {
  color: #f83c7c;
}
.ml-detail__breadcrumbs-item + .ml-detail__breadcrumbs-item {
  padding-left: 1rem;
}
.ml-detail__breadcrumbs-item + .ml-detail__breadcrumbs-item::before {
  border-right: 1px solid #2a2f31;
  border-top: 1px solid #2a2f31;
  bottom: 0;
  content: "";
  height: 0.375rem;
  left: -0.25rem;
  margin: auto;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  width: 0.375rem;
}
.ml-detail__button {
  align-items: center;
  background: #f83c7c;
  border-radius: 1.875rem;
  color: #fff;
  display: flex;
  flex-grow: 1;
  font-size: 0.938rem;
  font-weight: bold;
  gap: 1rem;
  justify-content: center;
  line-height: normal;
  min-height: 3.125rem;
  padding: 0.5rem 0rem;
  max-width: 16rem;
  text-transform: uppercase;
}
.ml-detail__button span {
  display: block;
}
.ml-detail__button.disabled {
  background: #c3c3c3;
  cursor: not-allowed;
}
.ml-detail__button img {
  width: 26px;
  height: 24px;
}
.ml-detail__desc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  line-height: 1.5;
  font-size: 0.9375rem;
}
.ml-detail__desc-more {
  align-items: center;
  color: #565EBF;
  display: inline-flex;
  font-weight: 600;
  gap: 0.5rem;
  white-space: nowrap;
}
.ml-detail__desc-more::after {
  border-bottom: 2px solid;
  border-right: 2px solid;
  content: "";
  flex-shrink: 0;
  height: 0.375rem;
  transform: rotate(45deg);
  width: 0.375rem;
}
.ml-detail__desc-more:hover {
  color: #f83c7c;
}
.ml-detail__mobile-picture img {
  object-fit: cover;
  border-radius: 10px;
}
.ml-detail__favorite {
  align-items: center;
  color: #565EBF;
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  gap: 1rem;
  line-height: 1.2;
}
.ml-detail__favorite-icon {
  background: rgba(86, 94, 191, 0.12);
  border-radius: 50%;
  height: 3.75rem;
  position: relative;
  transition: all 0.25s;
  width: 3.75rem;
}
.ml-detail__favorite-img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.25s;
  width: 1.6875rem;
}
.ml-detail__favorite-img--active {
  opacity: 0;
}
.ml-detail__favorite-img--hover {
  opacity: 0;
}
.ml-detail__favorite.active .ml-detail__favorite-icon {
  background: #565EBF;
}
.ml-detail__favorite.active .ml-detail__favorite-img {
  opacity: 0;
}
.ml-detail__favorite.active .ml-detail__favorite-img--active {
  opacity: 1;
}
.ml-detail__favorite:hover .ml-detail__favorite-icon {
  background: #565EBF;
}
.ml-detail__favorite:hover .ml-detail__favorite-img {
  opacity: 0;
}
.ml-detail__favorite:hover .ml-detail__favorite-img--hover {
  opacity: 1;
}
.ml-detail__gallery {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
  top: 0rem;
}
.ml-detail__gallery-button {
  align-items: center;
  background: #fff;
  border-radius: 0.25rem;
  bottom: 0.5rem;
  color: #6c6b6b;
  display: flex;
  font-weight: bold;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 0.5rem;
}
@media (max-width: 640px) {
  .ml-detail__gallery-button {
    display: none;
  }
}
.ml-detail__gallery-image {
  background: #E9E9E9;
  border-radius: 0.5rem;
  margin: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
@media (max-width: 775px) {
  .ml-detail__gallery-image {
    display: none;
  }
}
.ml-detail__gallery-image picture,
.ml-detail__gallery-image img.picture {
  display: block;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.ml-detail__gallery-image img.picture {
  object-position: top;
}
.ml-detail__gallery-hidden {
  display: none;
}
.ml-detail__gallery-column {
  display: grid;
  gap: 2rem;
  grid-template-rows: repeat(2, 1fr);
}
.ml-detail__gallery-row {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
.ml-detail__gallery-row--2-1 {
  grid-template-columns: 2fr 1fr;
}
.ml-detail__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ml-detail__info a:not(:hover) {
  text-decoration: underline dotted currentColor;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.22em;
  border-bottom: 0 !important;
}
.ml-detail__info-icon {
  left: 0;
  position: absolute;
  top: 0;
}
.ml-detail__info-icon2 {
  width: 28px;
  height: 28px;
  top: -16px;
}
.ml-detail__info-item {
  padding-left: 2.75rem;
  position: relative;
}
.ml-detail__info-opened {
  background: #8bc53f;
  border-radius: 50%;
  display: inline-flex;
  height: 0.5rem;
  margin: 0 0.25rem;
  width: 0.5rem;
}
.ml-detail__info-opened.is-closed {
  background: #f83c7c;
}
.ml-detail .hours-popover {
  position: relative;
  display: inline-block;
}
.ml-detail .hours-popover__trigger {
  cursor: pointer;
}
.ml-detail .hours-popover:hover .hours-bubble, .ml-detail .hours-popover.is-open .hours-bubble {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 8px);
}
.ml-detail .hours-popover {
  position: relative;
}
.ml-detail .hours-popover:hover .hours-bubble, .ml-detail .hours-popover:focus-within .hours-bubble {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ml-detail .hours-bubble {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, 0);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 1000;
  pointer-events: none;
  width: 360px !important;
  font-family: "Lexend", sans-serif;
  --caret-size: 22px;
  --caret-radius: 3px;
  font-size: 16px;
}
.ml-detail .hours-bubble__panel {
  background: #5F5989;
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  isolation: isolate;
}
.ml-detail .hours-bubble__panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: calc(-0.4 * var(--caret-size));
  width: var(--caret-size);
  height: var(--caret-size);
  transform: translateX(-50%) rotate(45deg);
  background: #5F5989;
  border-radius: var(--caret-radius);
}
.ml-detail .hours-bubble__row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  flex: none;
}
.ml-detail .hours-bubble__left {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: none;
}
.ml-detail .hours-bubble__right {
  display: flex !important;
  align-items: center !important;
  flex: none;
}
.ml-detail .hours-bubble__dot {
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 40px;
  background: #66B008;
  flex: none;
}
.ml-detail .hours-bubble__label {
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #FFFFFF;
  flex: none;
}
.ml-detail .hours-bubble__desc {
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #FFFFFF;
  flex: none;
}
.ml-detail .hours-bubble__time {
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #FFFFFF;
  flex: none;
}
.ml-detail .hours-bubble__dotclose {
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 40px;
  background: #C3C3C3;
  flex: none;
}
.ml-detail .hours-bubble__badges {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #FFFFFF;
  border-radius: 14px;
  padding: 2px 6px 2px 8px;
  flex: none;
}
.ml-detail .hours-bubble__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #1E66F5;
  color: #FFFFFF;
  border-radius: 50%;
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-size: 13px;
  flex: none;
}
.ml-detail__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ml-detail__labels-item {
  align-items: center;
  background: #FEECF2;
  border-radius: 0.25rem;
  color: #f83c7c;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
}
.ml-detail__labels-item--lila {
  background: rgba(86, 94, 191, 0.15);
  color: #565EBF;
}
.ml-detail__labels-item--turquoise {
  background: rgba(59, 175, 132, 0.15);
  color: #3BAF84;
}
.ml-detail__price {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.ml-detail__price-main {
  color: #f83c7c;
  font-size: 1.675rem;
  font-weight: 600;
}
.ml-detail__price-old {
  color: #c3c3c3;
  font-size: 1.675rem;
  margin-left: 0.375rem;
  text-decoration: line-through;
}
.ml-detail__price-perc {
  align-items: center;
  background: url("../img/ml-detail/price-perc.svg") no-repeat;
  background-size: contain;
  color: #fff;
  display: flex;
  height: 3.75rem;
  justify-content: center;
  margin-right: 0.3125rem;
  padding: 0.5rem;
  text-align: center;
  width: 3.75rem;
}
.ml-detail__price-units {
  color: #6c6b6b;
  transform: translateY(0.25rem);
  font-size: 0.9375rem;
}
.ml-detail__recommended {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
}
.ml-detail__recommended-item {
  border-radius: 0.5rem;
  display: flex;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.ml-detail__recommended-item img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.25s;
  width: 100%;
}
.ml-detail__recommended-item:hover img {
  transform: scale(1.2);
}
.ml-detail__recommended-title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.ml-detail__recommended-title img {
  margin-right: 0.25rem;
  position: relative;
  top: 10%;
}
.ml-detail__row {
  align-items: center;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.ml-detail__sample {
  align-items: start;
  color: #f83c7c;
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  gap: 1rem;
  line-height: 1.2;
}
.ml-detail__sample-icon {
  background: #FEECF2;
  border-radius: 50%;
  height: 3.75rem;
  position: relative;
  transition: all 0.25s;
  width: 3.75rem;
}
.ml-detail__sample-img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.25s;
  width: 1.6875rem;
}
.ml-detail__sample:hover {
  color: #565EBF;
}
.ml-detail__sample:hover .ml-detail__sample-icon {
  background: rgba(86, 94, 191, 0.15);
}
.ml-detail__text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ml-detail__text hr {
  background: #f2f2f2;
  border: 0;
  height: 1px;
  margin: 0 0 1rem 0;
  width: 100%;
}
.ml-detail__text-green {
  color: #8bc53f;
}
.ml-detail__text-orange {
  color: #f99621;
}
.ml-detail__timer {
  align-items: center;
  background: #FEECF2;
  border-radius: 0.625rem;
  color: #f83c7c;
  display: flex;
  gap: 0.5rem 1rem;
  line-height: normal;
  margin-top: 1.5rem;
  padding: 0.625rem;
  position: relative;
}
.ml-detail__timer::before {
  content: "";
  background: #FEECF2;
  border-radius: 0.25rem;
  height: 1.5rem;
  left: 3rem;
  position: absolute;
  top: 0;
  transform: rotate(45deg) translate(-50%, -25%);
  width: 1.5rem;
}
.ml-detail__timer-digit {
  align-items: center;
  background: #fff;
  border-radius: 0.625rem;
  display: flex;
  flex-shrink: 0;
  font-size: 1.5rem;
  height: 3.125rem;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 2.5rem;
}
.ml-detail__timer-digit + .ml-detail__timer-digit::before {
  content: ":";
  left: -0.5rem;
  position: absolute;
  transform: translateX(-50%);
}
.ml-detail__timer-digit--inactive {
  color: #A6A6A6;
}
.ml-detail__timer-text {
  align-items: center;
  display: flex;
  gap: 0.625rem;
  font-weight: bold;
}
.ml-detail__timer-text--18 {
  font-size: 1.125rem;
}
.ml-detail__tip {
  align-items: start;
  background: #FEECF2;
  border-radius: 0.5rem;
  color: #2f2a50;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  gap: 0.5rem;
  line-height: 1.66;
  margin-bottom: 2rem;
  margin-top: 2rem;
  padding: 1rem 8.5rem 2rem 1.75rem;
  position: relative;
}
.ml-detail__tip::after {
  aspect-ratio: 6/7;
  background: url("../img/ml-detail/tip-image.svg") no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  right: -2rem;
  top: -2rem;
  width: 12.5rem;
}
.ml-detail__tip-title {
  color: #f83c7c;
  font: 2.5rem "Pacifico", cursive;
}
.ml-detail__title {
  color: #2f2a50;
  font-size: 2.25rem;
  line-height: 1.2;
}
@media (max-width: 1399px) {
  .ml-detail {
    gap: 3rem;
  }
  .ml-detail__favorite {
    font-size: 1rem;
  }
  .ml-detail__timer {
    font-size: 1rem;
  }
}
@media (max-width: 1199px) {
  .ml-detail {
    padding-top: 2rem;
  }
  .ml-detail__breadcrumbs {
    padding-top: 0;
  }
  .ml-detail__gallery {
    gap: 1rem;
    top: 0rem;
  }
  .ml-detail__gallery-row {
    gap: 1rem;
  }
  .ml-detail__row {
    flex-wrap: wrap;
  }
  .ml-detail__tip {
    font-size: 0.9375rem;
  }
}
@media (max-width: 991px) {
  .ml-detail__timer {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .ml-detail {
    grid-template-columns: minmax(0, 100%);
    gap: 1.625rem;
  }
  .ml-detail__breadcrumbs {
    font-size: 0.8125rem;
    gap: 0.5rem;
  }
  .ml-detail__breadcrumbs-item {
    position: relative;
  }
  .ml-detail__breadcrumbs-item + .ml-detail__breadcrumbs-item {
    padding-left: 0.5rem;
  }
  .ml-detail__title {
    font-size: 1.5rem;
  }
  .ml-detail__title.about {
    font-size: 1.25rem;
  }
  .ml-detail__gallery {
    position: relative;
    top: auto;
  }
  .ml-detail__labels {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    margin-bottom: 0;
  }
  .ml-detail__desc {
    font-size: 0.8125rem;
  }
  .ml-detail__desc.about {
    font-size: 0.9375rem !important;
  }
  .ml-detail__desc h3 {
    font-size: 1.25rem;
  }
  .ml-detail__info {
    font-size: 0.8125rem;
  }
  .ml-detail__price-main, .ml-detail__price-old {
    font-size: 1.375rem;
  }
  .ml-detail__price-units {
    font-size: 0.9375rem;
    margin-bottom: 0.3rem;
  }
  .ml-detail {
    /* amount – bez pevné šířky, jen velikost písma */
  }
  .ml-detail__amount {
    --gap-outer: .45rem;
  }
  .ml-detail__amount input {
    font-size: 0.935rem;
    height: var(--btn);
  }
  .ml-detail__amount-unit {
    font-size: 0.935rem;
  }
  .ml-detail__button {
    min-height: 3.125rem;
    min-width: 9.375rem;
  }
  .ml-detail__button span {
    display: none;
  }
}
@media (max-width: 575px) {
  .ml-detail {
    padding-top: 0rem;
  }
  .ml-detail__timer-digit {
    font-size: 1.125rem;
    height: 2.5rem;
    width: 2rem;
  }
  .ml-detail__timer-text {
    font-size: 1rem;
    font-weight: normal;
  }
  .ml-detail__tip {
    padding-right: 7rem;
  }
  .ml-detail__tip::after {
    bottom: 1rem;
    right: 1rem;
    top: auto;
    width: 6rem;
  }
  .ml-detail {
    /* amount – jen velikost písma, bez width */
  }
  .ml-detail__amount {
    --gap-outer: .4rem;
  }
  .ml-detail__amount input {
    font-size: 0.935rem;
    height: var(--btn);
  }
  .ml-detail__amount-unit {
    font-size: 0.935rem;
  }
}
@media (max-width: 399px) {
  .ml-detail__tip {
    padding-bottom: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ml-detail__tip::after {
    bottom: -2rem;
  }
}

.ml-nav {
  background: #fff;
  display: flex;
  font-size: 1.25rem;
  gap: 3rem;
  justify-content: center;
  margin: 2rem auto 2rem;
  max-width: 1600px;
  padding: 2rem 0;
  position: sticky;
  text-align: center;
  top: 9.375rem;
  width: 90vw;
  z-index: 10;
}
.ml-nav::before {
  background: radial-gradient(closest-side, #DBDCDC, transparent);
  background-position: center bottom;
  background-size: 100% 200%;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}
.ml-nav-item {
  line-height: 1;
  position: relative;
}
.ml-nav-item::before {
  background: #FEECF2;
  border-radius: 3rem;
  bottom: -0.25rem;
  content: "";
  height: 1.75rem;
  left: -7.5%;
  margin: auto;
  position: absolute;
  right: 0;
  transition: all 0.25s;
  width: 0;
}
.ml-nav-item:hover {
  color: #f83c7c;
}
.ml-nav-item:hover::before {
  width: 115%;
}
.ml-nav-item.active {
  color: #f83c7c;
}
.ml-nav-item.active::before {
  width: 100%;
}
@media (max-width: 1199px) {
  .ml-nav {
    font-size: 1rem;
    margin-top: 3rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    top: 5rem;
  }
}
@media (max-width: 991px) {
  .ml-nav {
    margin-bottom: 3rem;
  }
}
@media (max-width: 575px) {
  .ml-nav {
    gap: 1rem;
    top: 5rem;
  }
  .ml-nav-item {
    font-size: 0.875rem;
  }
  .ml-nav-item::before {
    bottom: -0.5rem;
  }
}

.ml-offer {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0 auto;
  max-width: 1600px;
  padding-top: 2rem;
  position: relative;
  width: 90vw;
  font-family: "Lexend", sans-serif;
}
.ml-offer__contents {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.ml-offer__contents-item {
  grid-column-start: 1;
  grid-row-start: 1;
  max-width: 100%;
  opacity: 0;
  position: relative;
  transition: opacity 0.25s;
  z-index: -1;
}
.ml-offer__contents-item.active {
  opacity: 1;
  z-index: 1;
}
.ml-offer__tabs {
  display: flex;
  gap: 2rem;
}
.ml-offer__tabs-item {
  align-items: center;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  gap: 0.625rem;
}
.ml-offer__tabs-item img {
  filter: grayscale(1);
  transition: all 0.25s;
}
.ml-offer__tabs-item.active, .ml-offer__tabs-item:hover {
  color: #f83c7c;
}
.ml-offer__tabs-item.active img, .ml-offer__tabs-item:hover img {
  filter: none;
}
.ml-offer__title {
  color: #2f2a50;
  font-size: 1.875rem;
  font-weight: normal;
  margin-bottom: 1rem;
  text-align: left;
}
@media (max-width: 1199px) {
  .ml-offer {
    gap: 1rem;
    padding-top: 6rem;
  }
  .ml-offer__tabs {
    display: none;
  }
  .ml-offer__tabs-item {
    font-size: 1rem;
  }
  .ml-offer__title {
    font-size: 1.25rem;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    font-weight: 600;
  }
}
@media (max-width: 575px) {
  .ml-offer {
    padding-top: 2.5rem !important;
  }
  .ml-offer.subcategory {
    padding: 0 !important;
    font-size: 0.8125rem;
  }
  .ml-offer__tabs {
    display: none;
    gap: 1rem;
  }
  .ml-offer__tabs-item {
    flex-direction: column;
  }
  .ml-offer__tabs-item img {
    height: 1.375rem;
  }
}
@media (max-width: 399px) {
  .ml-offer__tabs-item {
    font-size: 0.875rem;
  }
}

.references-mobile {
  display: none;
  border-top: 1px solid #DBDCDC;
}
@media (max-width: 640px) {
  .references-mobile {
    display: block;
  }
}

.ml-references {
  margin: 3rem auto;
  max-width: 790px;
  padding: 0;
  padding-bottom: 0;
}
.ml-references__title {
  font-size: 1.0625rem;
}
@media (max-width: 775px) {
  .ml-references {
    display: none;
  }
}
.ml-references__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}
.ml-references__header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ml-references__header-left img {
  max-height: 70px;
}
.ml-references__header-left h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #2a2f31;
  margin: 0;
}
.ml-references__arrows {
  display: flex;
  gap: 0.5rem;
}
.ml-references__arrow {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.ml-references__arrow svg {
  width: 40px;
  height: 40px;
}
.ml-references__arrow:hover {
  background: #DBDCDC;
}
.ml-references__arrow:hover svg path {
  stroke: #ec008c;
}
.ml-references__slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.ml-references__slider .slick-slide {
  padding: 1rem;
  margin: 0 0.5rem;
}
.ml-references__item {
  display: flex !important;
  flex-direction: column;
  justify-content: space-around;
  background: #f9f9f9;
  border-radius: 8px;
  padding: 1rem;
  text-align: left;
  min-height: 120px !important;
  font-size: 0.935rem;
}
.ml-references__item strong {
  display: block;
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  padding-left: 18px;
}
@media (max-width: 640px) {
  .ml-references__item strong {
    font-size: 0.75rem;
  }
}
.ml-references__item strong::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/ml-detail/overeno.svg);
  background-size: cover;
  position: absolute;
  top: 5%;
  left: -6px;
}

.ml-detail__gallery-image--disabled img {
  filter: grayscale(100%) brightness(0.6) contrast(0.8);
  opacity: 0.85;
}
.ml-detail__gallery-image--disabled .msg {
  position: absolute;
  top: 0;
  left: 45px;
  right: 45px;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  pointer-events: none;
}
.ml-detail__gallery-image--disabled .msg > span {
  padding: 15px 25px;
  border-radius: 10px;
  background: white;
  font-size: 24px;
  color: #2F2A50;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}

.ml-form__group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.ml-form__group input {
  background: #fff;
  border: 1px solid #DBDCDC;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  height: 3.125rem;
  padding: 0.5rem 1rem;
}
.ml-form__group label {
  color: #2a2f31;
  font-size: 1rem;
}
.ml-form__group select {
  background: #fff url("../img/ml-detail/select-arrow.svg") no-repeat right 0.5rem center;
  border: 1px solid #DBDCDC;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  height: 3.125rem;
  padding: 0.5rem 1rem;
}
.ml-form__group textarea {
  background: #fff;
  border: 1px solid #DBDCDC;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  padding: 0.5rem 1rem;
}
.ml-form__row {
  align-items: end;
  display: grid;
  gap: 0 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 575px) {
  .ml-form__row {
    grid-template-columns: none;
  }
}

.ml-modal {
  align-items: center;
  display: flex;
  height: 0;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  text-align: left;
  top: 0;
  transition: all 0.25s 0.25s;
  width: 100vw;
  z-index: 100;
}
.ml-modal hr {
  background: #E9E9E9;
  height: 1px;
  margin: 1.5rem 0;
}
.ml-modal img {
  vertical-align: middle;
  position: relative;
  top: -0.125rem;
}
.ml-modal small {
  font-size: 0.875em;
}
.ml-modal__body {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1rem 0 rgba(42, 47, 49, 0.25);
  color: #2a2f31;
  display: flex;
  flex-direction: column;
  margin: 10% auto;
  max-height: 90%;
  max-width: 31.25rem;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  transform: scale(0);
  transition: all 0.25s;
  width: 90%;
}
.ml-modal__close {
  align-items: center;
  border: 0;
  color: #f83c7c;
  cursor: pointer;
  display: flex;
  font-size: 2.5rem;
  height: 2rem;
  justify-content: center;
  line-height: 1.5rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 2rem;
}
.ml-modal__close:hover {
  color: #565EBF;
}
.ml-modal__green {
  color: #8bc53f;
}
.ml-modal__heading {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-transform: none;
}
.ml-modal__opened {
  background: #8bc53f;
  border-radius: 50%;
  display: inline-flex;
  height: 0.5rem;
  margin: 0 0.25rem;
  width: 0.5rem;
}
.ml-modal__overlay {
  background: rgba(47, 42, 80, 0.25);
  height: 0;
  position: fixed;
  top: 0;
  transition: all 0.25s 0.25s;
  width: 100%;
}
.ml-modal__row {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin: 1rem 0;
}
.ml-modal__row p + p {
  margin-top: 0.5rem;
}
.ml-modal__row-right {
  text-align: right;
}
.ml-modal__scroll {
  flex-grow: 1;
  overflow: auto;
}
.ml-modal__subheading {
  font-size: 1rem;
  font-weight: bold;
}
.ml-modal__title {
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 1rem;
}
.ml-modal.active {
  height: 100svh;
  transition: all 0.25s;
}
.ml-modal.active .ml-modal__body {
  transform: scale(1);
  transition: all 0.25s 0.25s;
}
.ml-modal.active .ml-modal__overlay {
  height: 100%;
  transition: all 0.25s;
}
@media (max-width: 767px) {
  .ml-modal__body {
    padding: 1.5rem;
  }
}
@media (max-width: 399px) {
  .ml-modal__body {
    font-size: 0.875rem;
    padding: 1rem;
  }
  .ml-modal__close {
    font-size: 1.5rem;
    height: 1rem;
    width: 1rem;
  }
  .ml-modal__title {
    font-size: 1.25rem;
  }
}

.ml-tabs {
  border-top: 1px solid var(--gray-100);
  line-height: 1.2;
  margin: 0.5rem auto 0;
  max-width: 1380px;
  padding-top: 2.5rem;
  position: relative;
  width: 90%;
}
.ml-tabs__controls {
  color: var(--metalgrey);
  display: flex;
  gap: 2rem;
  text-align: left;
}
.ml-tabs__controls-item {
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.25rem 0;
  position: relative;
  transition: all 0.25s;
}
.ml-tabs__controls-item::after {
  background: var(--pink);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  transition: all 0.25s;
  width: 0;
}
.ml-tabs__controls-item:hover {
  color: var(--nightblue);
}
.ml-tabs__controls-item.active {
  color: var(--nightblue);
}
.ml-tabs__controls-item.active::after {
  width: 100%;
}
.ml-tabs__contents {
  padding-top: 1rem;
}
.ml-tabs__contents-item:not(.ml-tabs__contents-item.active) {
  display: none;
}
.ml-tabs__more {
  color: var(--pink);
  padding-right: 1rem;
  white-space: nowrap;
}
.ml-tabs__more::after {
  background: url(../img/ic_arrow_right_pink.svg);
  bottom: 0.25rem;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  width: 7px;
}
.ml-tabs__more:hover::after {
  animation: arrow 0.5s infinite;
}
.ml-tabs__more {
  position: absolute;
  right: 0;
  top: -4rem;
}
@media (max-width: 1199px) {
  .ml-tabs__more {
    display: none;
  }
}
@media (max-width: 991px) {
  .ml-tabs {
    padding-top: 1.5rem;
  }
  .ml-tabs__controls {
    gap: 1rem;
  }
  .ml-tabs__controls-item {
    font-size: 1.25rem;
  }
}
@media (max-width: 399px) {
  .ml-tabs__controls-item {
    font-size: 1rem;
  }
}

.navi {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 1380px;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-align: left;
  width: 90%;
}
.navi__heading {
  color: var(--pink);
  padding-right: 1rem;
  white-space: nowrap;
}
.navi__heading::after {
  background: url(../img/ic_arrow_right_pink.svg);
  bottom: 0.25rem;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  width: 7px;
}
.navi__heading:hover::after {
  animation: arrow 0.5s infinite;
}
.navi__heading--blue {
  color: var(--blue);
}
.navi__heading--blue::after {
  background-image: url(../img/ic_arrow_right_blue.svg);
}
.navi__heading--orange {
  color: var(--orange);
}
.navi__heading--orange::after {
  background-image: url(../img/ic_arrow_right_orange.svg);
}
.navi__heading--purple {
  color: var(--purple);
}
.navi__heading--purple::after {
  background-image: url(../img/ic_arrow_right_violet.svg);
}
.navi__heading {
  font-size: 1.5rem;
  font-weight: bold;
}
.navi__heading::after {
  bottom: 0.5rem;
}
.navi__image {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  height: 4.8125rem;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 4.875rem;
}
.navi__item {
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5rem;
  padding-left: 6rem;
  position: relative;
}
.navi__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  gap: 0 0.25rem;
}
.navi__more {
  color: var(--pink);
  padding-right: 1rem;
  white-space: nowrap;
}
.navi__more::after {
  background: url(../img/ic_arrow_right_pink.svg);
  bottom: 0.25rem;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  width: 7px;
}
.navi__more:hover::after {
  animation: arrow 0.5s infinite;
}
.navi__more--blue {
  color: var(--blue);
}
.navi__more--blue::after {
  background-image: url(../img/ic_arrow_right_blue.svg);
}
.navi__more--orange {
  color: var(--orange);
}
.navi__more--orange::after {
  background-image: url(../img/ic_arrow_right_orange.svg);
}
.navi__more--purple {
  color: var(--purple);
}
.navi__more--purple::after {
  background-image: url(../img/ic_arrow_right_violet.svg);
}
.navi__more {
  font-size: 0.8125rem;
  padding-right: 0.75rem;
}
.navi__more::after {
  bottom: 0.125rem;
  transform: scale(0.75);
}
@media (max-width: 1199px) {
  .navi__heading {
    font-size: 1.25rem;
  }
  .navi__heading::after {
    bottom: 0.375rem;
  }
  .navi__image {
    bottom: auto;
  }
  .navi__item {
    justify-content: start;
    padding-left: 0;
    padding-top: 5rem;
  }
}
@media (max-width: 991px) {
  .navi {
    display: none;
  }
}
@media (max-width: 767px) {
  .navi {
    display: grid;
    display: none;
    gap: 0.5rem 1rem;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .navi__image {
    bottom: 0;
  }
  .navi__item {
    justify-content: center;
    padding-left: 6rem;
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .navi__image {
    bottom: auto;
  }
  .navi__item {
    justify-content: start;
    padding-left: 0;
    padding-top: 5rem;
  }
}
@media (max-width: 399px) {
  .navi {
    grid-template-columns: repeat(1, 1fr);
  }
  .navi__image {
    bottom: 0;
  }
  .navi__item {
    justify-content: center;
    padding-left: 6rem;
    padding-top: 0;
  }
}

.pagination {
  display: flex;
  gap: 0.5rem;
  justify-content: end;
  line-height: 1;
}
.pagination__dots {
  align-items: center;
  color: var(--grey-700);
  display: flex;
  flex-shrink: 0;
  font-size: 1.125rem;
  height: 3.125rem;
}
.pagination__item {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 1.5rem;
  color: var(--grey-700);
  display: flex;
  flex-shrink: 0;
  font-size: 1.125rem;
  height: 3.125rem;
  justify-content: center;
  width: 3.125rem;
}
.pagination__item:hover {
  color: var(--pink);
  transform: scale(1.1);
}
.pagination__item.active {
  background: var(--pink);
  border-color: var(--pink);
  color: var(--white);
}
.pagination__item--inactive {
  display: none;
}
.pagination__item--next::before {
  border-right: 1px solid;
  border-top: 1px solid;
  content: "";
  height: 0.5rem;
  transform: rotate(45deg);
  width: 0.5rem;
}
.pagination__item--prev::before {
  border-bottom: 1px solid;
  border-left: 1px solid;
  content: "";
  height: 0.5rem;
  transform: rotate(45deg);
  width: 0.5rem;
}
@media (max-width: 991px) {
  .pagination {
    justify-content: center;
  }
}
@media (max-width: 399px) {
  .pagination__item {
    font-size: 1rem;
    height: 2.5rem;
    width: 2.5rem;
  }
}