/* ==========================================================================
   Montcolor.cz — Vlastní CSS
   Globály · USP pruh · Oblíbené kategorie · Carousely · Služby · Patička · Newsletter.
   Vloží se do Shoptet: Vzhled a obsah → Editor vzhledu → Vlastní CSS.
   Generováno z bender/dist/styles.header.css — needitovat ručně.
   ========================================================================== */

@import url(https://fonts.googleapis.com/css2?family=Fustat:wght@400;500;600;700;800&family=Poppins:ital,wght@0,700;1,900&display=swap);
:root {
  --mc-grafit: #1D252D;
  --mc-red: #C8102E;
  --mc-coral: #E1887A;
  --mc-coral-dark: #805951;
  --mc-coral-tint: #F8EBE5;
  --mc-grey: #7C878E;
  --mc-grey-dark: #333F48;
  --mc-font: Fustat, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body,
body * {
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.homepage-group-title, .homepage-group-title *,
.mc-cats-title, .mc-cats-title *,
.service-group .h3, .service-group .h3 * {
  font-family: "Poppins", sans-serif !important;
}

body.in-index {
  background-color: #fff;
}

.overall-wrapper {
  overflow-x: clip;
}

.homepage-box.welcome-wrapper {
  display: none;
}

.benefitBanner.position--benefitHomepage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: min(1400px, 100vw);
  max-width: none;
  margin: -28px 0 0;
  padding: 34px 16px;
}
.benefitBanner.position--benefitHomepage .benefitBanner__item {
  width: 100%;
  min-height: 202px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  gap: 12px;
  padding: 28px 24px;
  background: #F6F6F6;
  border-radius: 25px;
}
.benefitBanner.position--benefitHomepage .benefitBanner__picture {
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefitBanner.position--benefitHomepage .benefitBanner__img {
  width: 54px;
  height: 54px;
}
.benefitBanner.position--benefitHomepage .benefitBanner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.benefitBanner.position--benefitHomepage .benefitBanner__title {
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(22px, 1.1vw + 16px, 36px);
  line-height: 1.05;
  width: min-content;
  color: #C8102E;
  text-transform: none;
  margin: 0;
}
.benefitBanner.position--benefitHomepage .benefitBanner__data {
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  color: #000;
}

@media (max-width: 991px) {
  .benefitBanner.position--benefitHomepage {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .benefitBanner.position--benefitHomepage {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 18px 12px;
  }
  .benefitBanner.position--benefitHomepage .benefitBanner__item {
    min-height: 0;
    padding: 18px 14px;
    gap: 8px;
  }
  .benefitBanner.position--benefitHomepage .benefitBanner__title {
    font-size: 19px;
  }
  .benefitBanner.position--benefitHomepage .benefitBanner__data {
    font-size: 12.5px;
    line-height: 1.25;
  }
}
.mc-cats-section {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.mc-cats-deco {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

.mc-cats-deco--left {
  left: 0;
  bottom: 0;
}

.mc-cats-deco--right {
  right: 0;
  top: 0;
}

.mc-cats-inner {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 8px 16px 48px;
}

.mc-cats-title {
  margin: 0 0 26px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-style: italic;
  font-size: 35px;
  line-height: 1.1;
  color: #393C3F;
}

.mc-cats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.mc-cat {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 298/333;
  border-radius: 25px;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.mc-cat:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(29, 37, 45, 0.14);
}

.mc-cat__icon {
  height: 40%;
  width: auto;
  object-fit: contain;
  pointer-events: none;
}

.mc-cat__label {
  position: absolute;
  left: 26px;
  bottom: 22px;
  margin: 0;
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.1;
  color: #1D252D;
}

.mc-cat__arrow {
  position: absolute;
  right: 22px;
  bottom: 22px;
  width: 30px;
  height: 30px;
}

.mc-cat--interier {
  background: #F3CEBF;
}

.mc-cat--fasady {
  background: #D8C3BC;
}

.mc-cat--drevo {
  background: #F1E4DB;
}

.mc-cat--kov {
  background: #F1DDDF;
}

.mc-cat--interier .mc-cat__arrow {
  color: #C8102E;
}

.mc-cat--fasady .mc-cat__arrow {
  color: #383B3E;
}

.mc-cat--drevo .mc-cat__arrow {
  color: #C8102E;
}

.mc-cat--kov .mc-cat__arrow {
  color: #383B3E;
}

@media (max-width: 991px) {
  .mc-cats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .mc-cats-deco {
    display: none;
  }
  .mc-cats-inner {
    padding: 4px 12px 28px;
  }
  .mc-cats-title {
    font-size: 26px;
    margin-bottom: 16px;
  }
  .mc-cats {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .mc-cat {
    aspect-ratio: 168/180;
    border-radius: 18px;
  }
  .mc-cat__icon {
    height: 38%;
  }
  .mc-cat__label {
    left: 16px;
    bottom: 13px;
    font-size: 17px;
  }
  .mc-cat__arrow {
    right: 13px;
    bottom: 13px;
    width: 22px;
    height: 22px;
  }
}
.homepage-group-title {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-style: italic;
  font-size: 35px;
  line-height: 1.15;
  color: #393C3F;
  text-align: left !important;
}

.homepage-group-title .mc-red {
  color: #C8102E;
}

.products-block .btn-primary,
.product .btn-primary {
  background: #C8102E !important;
  border-color: #C8102E !important;
  color: #fff !important;
}
.products-block .btn-primary:hover,
.product .btn-primary:hover {
  background: #A00D25 !important;
  border-color: #A00D25 !important;
  color: #fff !important;
}

@media (max-width: 575px) {
  .homepage-group-title {
    font-size: 26px;
  }
}
.service-group .service__content {
  background: #F6F6F6;
}
.service-group .service__text-block {
  text-align: left;
}
.service-group .h3 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-size: 26px;
  line-height: 1.15;
  text-align: left !important;
  margin: 0 0 12px;
}
.service-group .h3 a {
  flex: 1 1 auto;
  color: #393C3F;
}
.service-group .h3::after {
  content: "";
  flex: 0 0 auto;
  margin-top: 2px;
  width: 28px;
  height: 29px;
  background: url("data:image/svg+xml,%3Csvg width=%2731%27 height=%2732%27 viewBox=%270 0 31 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.3683 0.0429341C22.9051 -0.594892 30.3325 5.94913 30.9581 14.6591C31.5836 23.3693 25.1698 30.9484 16.6329 31.5869C8.09583 32.2251 0.667651 25.6811 0.0421258 16.9707C-0.583387 8.26001 5.83092 0.680821 14.3683 0.0429341ZM13.0353 6.77731C12.7333 7.18665 11.9504 7.89993 11.5822 8.28903C11.2655 8.62365 10.6799 9.28292 10.3478 9.54391C10.9601 10.2637 11.6033 10.874 12.257 11.54L14.6857 14.0615C15.139 14.5317 15.5821 14.9522 16.0275 15.4423L11.966 19.6084C11.4935 20.0896 10.8133 20.8729 10.3341 21.2861C11.1818 22.0972 11.9948 23.0681 12.8458 23.8896C12.9207 23.9619 12.9748 24.0345 13.0597 24.0986C13.5143 23.4622 14.8177 22.228 15.4074 21.6113C17.3848 19.5385 19.3847 17.488 21.4054 15.4599C20.8477 14.797 20.0641 14.0357 19.4523 13.4091L16.2501 10.1269L13.9708 7.7861C13.7259 7.53058 13.4774 7.27794 13.2326 7.02243C13.1479 6.93392 13.1305 6.86224 13.0353 6.77731Z%27 fill=%27%23C8102E%27/%3E%3C/svg%3E") no-repeat center/contain;
}
.service-group p {
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  color: #77787A;
}
.service-group .btn {
  padding: 13px 30px;
  background: #C8102E !important;
  color: #fff !important;
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  border: none !important;
  border-radius: 30px;
  transition: background 0.18s ease;
}
.service-group .btn:hover {
  background: #A00D25 !important;
  color: #fff !important;
}

@media (max-width: 575px) {
  .service-group .h3 {
    font-size: 21px;
    gap: 10px;
  }
  .service-group .h3::after {
    width: 22px;
    height: 23px;
  }
  .service-group p {
    font-size: 15px;
  }
  .service-group .btn {
    font-size: 15px;
    padding: 11px 24px;
  }
  .service-group .service__text-block {
    padding-bottom: 104px;
  }
}
#footer {
  position: relative;
  background-color: #3A3D40 !important;
  color: #DFDFDF;
}
#footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI2NzEiIHZpZXdCb3g9IjAgMCAxNDQwIDY3MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTk2Ny41NzUgMEgxNDY1VjY3MUg5NjcuNTc1VjBaIiBmaWxsPSIjNTk1OTU5Ii8+CjxwYXRoIGQ9Ik0xMDMzLjc0IDBDMTAzMi4zMyAyMC42NTc3IDEwMzEuNzUgNTQuOTkxMiAxMDMyLjY1IDczLjMyNDNDMTAzMy44MiA5Ny4wMTc2IDEwMzYuMTggMTAyLjMxOCAxMDM4LjI4IDEwOS43NThDMTA0MC44NSAxMTguODQzIDEwNDQuMzggMTI0LjA1NSAxMDQ0LjYxIDE0MC4xODRDMTA0NS4wNyAxNzMuNTk1IDEwNDMuNTUgMTk0LjkyNCAxMDQwLjgzIDE5My42MDFDMTAzOS40MiAxOTIuOTEyIDEwMzguMDIgMTkyLjAxMiAxMDM3LjMzIDE5Ni4xOTlDMTAzNi42MyAyMDAuMzg3IDEwMzYuNjMgMjA5LjM5IDEwMzYuNjMgMjEyLjVDMTAzNi42MyAyMTIuOTA2IDEwMzQuMjcgMTg4LjgzOCAxMDMxLjkzIDE5Ni4zNDlDMTAzMS4wMSAxOTkuMzM3IDEwMzAuMDYgMjA2LjI1MiAxMDI3Ljk1IDIxNy45ODNDMTAyNS44MyAyMjkuODIzIDEwMTcuMjIgMjQ2LjUwNCAxMDE0LjExIDI2MC4yNTVDMTAxMS4zMSAyNzIuNjI3IDEwMjUuNSAyOTUuMTQxIDEwMjQuNjggMzE1Ljc3M0MxMDIzLjk0IDMzNC4zOTIgMTAxNC4yOSAzNTguMDQgMTAyMy4wNSAzNjUuNzMxQzEwMjguMjIgMzcwLjI2NiAxMDMzLjM0IDM3NC4wOTYgMTAzNS45NCAzNzkuODM2QzEwMzkuNDQgMzg3LjU2MyAxMDQzLjkxIDM5My4zODUgMTA0NS4zMiA0MDAuMDY0QzEwNDcuODggNDEyLjIyNSAxMDY5LjIzIDQzMy45MTEgMTA1Mi4zMSA0NTQuODhDMTA0OC4zMiA0NTkuODMgMTA0MS43NiA0NTkuNDg4IDEwNDAuMzcgNDYzLjI4OEMxMDM5LjQ0IDQ2NS44MzIgMTAzOS41NCA0NzAuMzIxIDEwMzkuOTIgNDczLjI4MUMxMDQyLjI2IDQ5MS40NSAxMDQ1LjUxIDUxNy41MDUgMTA0Ny4xOSA1MjQuMTk0QzEwNDguODQgNTMwLjc5IDEwNjYuMzIgNTQ5LjU4NCAxMDU0LjIgNTU2LjAxQzEwNTIuMDkgNTU3LjEyOCAxMDM2LjgyIDU0NC4wNCAxMDM4LjI2IDU1My4yODJDMTAzOS41IDU2MS4zMTYgMTA0NS43MyA1NzIuODc1IDEwNDIuNjggNTczLjczNkMxMDQwLjI5IDU3NC40MTEgMTAzMy42OCA1NzMuOTA2IDEwMzMuMzMgNTc5LjA0OUMxMDMxLjQ4IDYwNS44NjYgMTAzMy40MyA2MjMuMTg4IDEwNDEuMzUgNjM0LjcwM0MxMDQ0IDYzOC41NTggMTA1MS45NyA2NTAuNzkgMTA2NC45MSA2NzFILTExVjBIMTAzMy43NFoiIGZpbGw9IiMzQTNENDAiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 115% auto;
}
#footer .footer-rows,
#footer .footer-bottom {
  position: relative;
  z-index: 1;
}
#footer .site-name {
  display: none !important;
}
#footer .pageElement__heading {
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 25px;
  line-height: 1.2;
  text-transform: none;
  margin: 0 0 18px;
  color: #fff;
}
#footer .pageElement__heading span {
  color: #fff;
}
#footer .custom-footer__articles ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .custom-footer__articles li {
  margin: 0 0 11px;
}
#footer .custom-footer__articles a,
#footer .custom-footer__contact .tel a,
#footer .custom-footer__contact .mc-tel a,
#footer .custom-footer__contact .mail a,
#footer .custom-footer p:not(.text-center) {
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 17px;
  line-height: 1.4;
  color: #DFDFDF;
  text-decoration: none;
  transition: color 0.15s ease;
}
#footer .custom-footer__articles a:hover,
#footer .custom-footer__contact .tel a:hover,
#footer .custom-footer__contact .mc-tel a:hover,
#footer .custom-footer__contact .mail a:hover {
  color: #BFC1C3 !important;
}
#footer .custom-footer__onlinePayments .text-center {
  margin: 0;
}
#footer .custom-footer__onlinePayments img {
  background: #fff;
  border-radius: 10px;
  padding: 9px 14px;
}
#footer .custom-footer__contact .tel, #footer .custom-footer__contact .mc-tel, #footer .custom-footer__contact .mail {
  color: #DFDFDF;
}
#footer .custom-footer__contact .tel::before, #footer .custom-footer__contact .mc-tel::before, #footer .custom-footer__contact .mail::before {
  color: #DFDFDF !important;
}
#footer .custom-footer__contact .contact-box .tel a, #footer .custom-footer__contact .contact-box .mc-tel a, #footer .custom-footer__contact .contact-box .mail a {
  display: inline-block;
}
#footer .custom-footer__contact .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin-top: 16px;
  padding: 13px 28px;
  line-height: 1;
  background: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 30px;
  color: #fff !important;
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  transition: background 0.18s ease, border-color 0.18s ease;
}
#footer .custom-footer__contact .btn.btn-primary::before, #footer .custom-footer__contact .btn.btn-primary::after {
  content: none !important;
}
#footer .custom-footer__contact .btn.btn-primary:hover {
  background: #C8102E !important;
  border-color: #C8102E !important;
  color: #fff !important;
}
#footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: #B9BBBD;
}
#footer .footer-bottom a {
  color: #DFDFDF;
}
#footer .footer-bottom a:hover {
  color: #fff;
}
#footer .footer-bottom .copyright strong {
  color: #fff;
}

#footer .custom-footer__newsletter {
  background: #C8102E url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODA3IiBoZWlnaHQ9IjMxNiIgdmlld0JveD0iMCAwIDgwNyAzMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNTIgNTFINTU4VjMxNkgyNTJWNTFaIiBmaWxsPSIjRDczMzRFIi8+CjxwYXRoIGQ9Ik03ODIgMEM3OTUuODA3IDAgODA3IDExLjE5MjkgODA3IDI1VjI5MUM4MDcgMzA0LjgwNyA3OTUuODA3IDMxNiA3ODIgMzE2SDQyNC4yNjVWMjc2LjA1NkM0MjQuMjY1IDI2OC44OSA0MjEuMzkxIDI2Mi4wNCA0MTYuMzExIDI1Ny4wMDZDNDExLjIzNCAyNTEuOTc1IDQwNC4zNyAyNDkuMTY3IDM5Ny4yMzUgMjQ5LjE2N0gzOTMuMjA2VjI0MS4zODlINDU5LjM1M0M0ODIuOTYyIDI0MS4zODkgNTA1LjYyNiAyMzIuMDk2IDUyMi4zNTMgMjE1LjUyMUM1MzkuMDgyIDE5OC45NDMgNTQ4LjUgMTc2LjQzNSA1NDguNSAxNTIuOTQ0QzU0OC41IDE0MS42OTggNTQzLjk5MSAxMzAuOTMzIDUzNS45OTggMTIzLjAxM0M1MjguMDA5IDExNS4wOTYgNTE3LjE5NSAxMTAuNjY3IDUwNS45NDEgMTEwLjY2N0g1MDEuOTEyVjEwNi43NzdDNTAxLjkxMiA5NS41MzA4IDQ5Ny40MDIgODQuNzY2IDQ4OS40MDkgNzYuODQ1N0M0ODEuNDIgNjguOTI5IDQ3MC42MDYgNjQuNSA0NTkuMzUzIDY0LjVIMzA0LjA1OUMyOTIuODA1IDY0LjUwMDEgMjgxLjk5MSA2OC45Mjg5IDI3NC4wMDIgNzYuODQ1N0MyNjYuMDA5IDg0Ljc2NiAyNjEuNSA5NS41MzA4IDI2MS41IDEwNi43NzdWMTM3LjU1NkMyNjEuNSAxNDguODAyIDI2Ni4wMDkgMTU5LjU2NyAyNzQuMDAyIDE2Ny40ODdDMjgxLjk5MSAxNzUuNDA0IDI5Mi44MDUgMTc5LjgzMyAzMDQuMDU5IDE3OS44MzNINDU5LjM1M0M0NzAuNjA2IDE3OS44MzMgNDgxLjQyIDE3NS40MDQgNDg5LjQwOSAxNjcuNDg3QzQ5Ny40MDIgMTU5LjU2NyA1MDEuOTEyIDE0OC44MDIgNTAxLjkxMiAxMzcuNTU2VjEzMy42NjdINTA1Ljk0MUM1MTEuMTYyIDEzMy42NjcgNTE2LjE0OCAxMzUuNzIzIDUxOS44MDkgMTM5LjM1QzUyMy40NjUgMTQyLjk3MyA1MjUuNSAxNDcuODY1IDUyNS41IDE1Mi45NDRDNTI1LjUgMTcwLjI2NyA1MTguNTU3IDE4Ni45MDIgNTA2LjE2MyAxOTkuMTg0QzQ5My43NjYgMjExLjQ2OSA0NzYuOTI5IDIxOC4zODkgNDU5LjM1MyAyMTguMzg5SDM4MS43MDZDMzc1LjM1NSAyMTguMzg5IDM3MC4yMDYgMjIzLjUzOCAzNzAuMjA2IDIyOS44ODlWMjQ5LjE2N0gzNjYuMTc3QzM1OS4wNDIgMjQ5LjE2NyAzNTIuMTc3IDI1MS45NzQgMzQ3LjEwMSAyNTcuMDA1QzM0Mi4wMiAyNjIuMDM5IDMzOS4xNDcgMjY4Ljg5MSAzMzkuMTQ3IDI3Ni4wNTZWMzE2SDI1QzExLjE5MjkgMzE2IDAgMzA0LjgwNyAwIDI5MVYyNUMwIDExLjE5MjkgMTEuMTkyOSAyLjI0NDgzZS0wNyAyNSAwSDc4MloiIGZpbGw9IiNDODEwMkUiLz4KPHBhdGggZD0iTTM5Ny4yMzUgMjcyLjE2N0MzOTguMzM3IDI3Mi4xNjcgMzk5LjM3MyAyNzIuNjAyIDQwMC4xMjEgMjczLjM0M0M0MDAuODY1IDI3NC4wOCA0MDEuMjY1IDI3NS4wNTggNDAxLjI2NSAyNzYuMDU2VjMxNkgzNjIuMTQ3VjI3Ni4wNTZDMzYyLjE0NyAyNzUuMDU4IDM2Mi41NDYgMjc0LjA4IDM2My4yOSAyNzMuMzQzQzM2NC4wMzggMjcyLjYwMiAzNjUuMDc1IDI3Mi4xNjcgMzY2LjE3NyAyNzIuMTY3SDM5Ny4yMzVaIiBmaWxsPSIjQzgxMDJFIi8+CjxwYXRoIGQ9Ik00NTkuMzUzIDg3LjVDNDY0LjU3MyA4Ny41IDQ2OS41NiA4OS41NTY2IDQ3My4yMiA5My4xODM2QzQ3Ni44NzYgOTYuODA3IDQ3OC45MTIgMTAxLjY5OSA0NzguOTEyIDEwNi43NzdWMTM3LjU1NkM0NzguOTEyIDE0Mi42MzUgNDc2Ljg3NiAxNDcuNTI3IDQ3My4yMiAxNTEuMTVDNDY5LjU2IDE1NC43NzcgNDY0LjU3MyAxNTYuODMzIDQ1OS4zNTMgMTU2LjgzM0gzMDQuMDU5QzI5OC44MzggMTU2LjgzMyAyOTMuODUxIDE1NC43NzcgMjkwLjE5MSAxNTEuMTVDMjg2LjUzNSAxNDcuNTI3IDI4NC41IDE0Mi42MzUgMjg0LjUgMTM3LjU1NlYxMDYuNzc3QzI4NC41IDEwMS42OTkgMjg2LjUzNSA5Ni44MDcgMjkwLjE5MSA5My4xODM2QzI5My44NTEgODkuNTU2NiAyOTguODM4IDg3LjUwMDEgMzA0LjA1OSA4Ny41SDQ1OS4zNTNaIiBmaWxsPSIjQzgxMDJFIi8+Cjwvc3ZnPgo=) no-repeat;
  background-size: 100% 100%;
  border-radius: 25px;
  padding: 38px 44px;
}
#footer .custom-footer__newsletter::after {
  display: none !important;
}
#footer .custom-footer__newsletter .pageElement__heading,
#footer .custom-footer__newsletter .pageElement__heading span {
  color: #fff;
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(28px, 2.2vw + 16px, 50px);
  line-height: 1.05;
  text-transform: none;
  margin: 0 0 8px;
}
#footer .custom-footer__newsletter .form-control {
  border: none;
  border-radius: 30px;
  padding: 14px 22px;
}
#footer .custom-footer__newsletter .consents,
#footer .custom-footer__newsletter .consents label,
#footer .custom-footer__newsletter .form-note {
  color: rgba(255, 255, 255, 0.85);
  font-size: 12px;
}
#footer .custom-footer__newsletter a {
  color: #fff;
  text-decoration: underline;
}
#footer .custom-footer__newsletter .btn {
  background: #FEA58F !important;
  border: none !important;
  color: #C8102E !important;
  border-radius: 30px;
  font-family: "Fustat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 17px;
}
#footer .custom-footer__newsletter .btn:hover {
  background: #FB9075 !important;
  color: #C8102E !important;
}

@media (max-width: 1100px) {
  #footer::before {
    display: none;
  }
}
@media (max-width: 575px) {
  #footer .pageElement__heading {
    font-size: 20px;
    margin-bottom: 12px;
  }
  #footer .custom-footer__articles a,
  #footer .custom-footer__contact .tel a,
  #footer .custom-footer__contact .mc-tel a {
    font-size: 15px;
  }
  #footer .custom-footer__newsletter {
    padding: 26px 22px;
    border-radius: 18px;
  }
  #footer .custom-footer__newsletter .pageElement__heading {
    font-size: 24px;
  }
}
:root {
  --color-tertiary: #F6F6F6 !important;
}

.listSorting__control:not(.listSorting__control--current),
.btn.btn-default.unveil-button {
  border: 1px solid rgba(29, 37, 45, 0.16) !important;
  color: #1D252D !important;
}
.listSorting__control:not(.listSorting__control--current):hover,
.btn.btn-default.unveil-button:hover {
  background: #1D252D !important;
  border-color: #1D252D !important;
  color: #fff !important;
}

.listSorting__control--current {
  background: #1D252D !important;
  border: 1px solid #1D252D !important;
  color: #fff !important;
}

@media (min-width: 751px) and (max-width: 1000px) {
  .benefitBanner.position--benefitHomepage {
    width: 74vw !important;
  }
  .mc-cats-section {
    width: 74vw;
  }
  .mc-cats-deco {
    display: none;
  }
}
.quantity .increase::before,
.quantity .decrease::before {
  display: none !important;
  content: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  margin: 0 !important;
}

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

/* --- Druhé telefonní číslo (731 504 470) — style.scss sekce 12 ---
   Vkládá JS (addSecondPhone) do horní lišty, patičky a kontaktního boxu v košíku.
   Span má třídy `cellphone mc-tel`: bez `cellphone` si ho Apollo odnese mezi
   sociální ikony a smaže text; `tel` zase přepisuje Shoptet.
   Vzhled odkazu je u pravidel .tel výše (ne tady) — jinak by přebil @media 575px. */
.top-navigation-contacts .mc-phone-sep {
  align-self: center;
  margin-left: -4px;
  font-size: 12px;
  color: #7c7e8f;
}
.top-navigation-contacts a.project-phone.mc-phone--second {
  padding-left: 0;
}
.top-navigation-contacts a.project-phone.mc-phone--second::before {
  display: none;
}
.top-navigation-contacts a.project-phone.mc-phone--second span {
  margin-left: 5px;
}

@media (max-width: 767px) {
  .top-navigation-contacts .mc-phone-sep,
  .top-navigation-contacts a.project-phone.mc-phone--second {
    display: none !important;
  }
}
.contact-box ul li > span.mc-tel::before {
  content: "\e917";
}

.checkout-box-wrapper .contact-box ul li > span.cellphone.mc-tel {
  display: inline-block !important;
}

.in-pujcovna-naradi .availability-amount,
[data-micro-product-id="53"] .availability-amount,
[data-micro-sku="53"] .availability-amount {
  display: none;
}