.homepage-box {
  border: none !important;
  background-color: #fff;
}

.homepage-box.welcome-wrapper {
  background-color: #F3F4FA;
  margin-bottom: 0;
}
.navigation-in {
  background-color: transparent;
}
.p-detail-inner-header h1 {
  color: #0dabe2 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #2c3e50 !important;
}
.sidebar {
  border-radius: 30px;
}
.menu-helper:after {
  border-radius: 50%;
}
@media (min-width: 992px) {
  .breadcrumbs>span>a:before {
      content: '>' !important;
      background-color: transparent !important;
      top: 29.5%;
      right: -10px !important;
      text-align: center;
      transform: none;
      width: 20px;
      height: 20px;
      color: #767676;
  }
  .breadcrumbs>span>a:after {
    display: none;
}
}
@media (max-width: 767px) {
  #header .site-name a .logo-slogan p {
    display: none;
  }
}
@media (min-width: 768px) {
  #navigation {
    border-radius: 30px;
  }
  #header .site-name a .logo-slogan p {
    display: block;
    font-size: 15px;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
  #header .site-name a {
    display: flex;
    align-items: center;
  }
  .navigation-in>ul>li>a {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 500;
  }
  .navigation-in ul li a b {
    font-weight: 600;
  }
  .navigation-in>ul>li {
    border: none;
  }
  .fitted .navigation-in, .submenu-visible .navigation-in {
    border-radius: 30px;
  }
  #header .site-name a img {
    max-height: 80px;
  }
  .header-top {
    height: 118px;
  }
}
.compact-form .form-control {
  border-radius: 30px;
  border-color: #E7E5E6;
}
.btn.btn-default, a.btn.btn-default {
  border-radius: 30px;
}
.top-navigation-bar {
  background-color: #0dabe2;
  border: none;
}
.top-navigation-contacts, .top-navigation-menu {
  background-color: #0dabe2;
}
.top-navigation-bar .dropdown button, .top-navigation-bar a {
  color: #fff;
}
.top-navigation-bar .dropdown button:hover, .top-navigation-bar a:hover {
  color: #fff;
  text-decoration: underline;
}
.top-navigation-menu {
  display: none !important;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  height: 630px;
  width: 100%;
  border-radius: 30px;
  object-fit: cover;
}
.next-to-carousel-banners img {
  height: 305px;
  width: 100%;
  border-radius: 30px;
  object-fit: cover;
}
.carousel .item a {
  border-radius: 30px;
}
.p .name {
  color: #333;
  font-weight: 600;
}
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion, .btn.btn-primary, a.btn.btn-primary {
  border-radius: 30px;
}
.h4.homepage-group-title, h4.homepage-group-title {
  font-weight: 700;
}
.columns-4 .products-block>div {
  width: 100%;
}
.products-block .p {
  padding: 30px;
  box-shadow: 0 3px 7px #dadada;
  border-radius: 30px;
  border: solid 1px transparent;
}
.product.slick-slide {
  padding: 10px;
}
.products-block.products .p .name {
  text-align: center;
}
.columns-4 .products-block>div {
  border: none;
}
.columns-4 .products-block>div:nth-child(2n) {
  border-right-style: none;
}
.products-block .p-bottom>div {
  align-items: center;
}
.flag {
  border-radius: 10px;
  font-weight: 600;
}
.footer-rows .site-name a {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-image: url('upload/logo-modre.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.footer-rows .site-name a img {
  display: none;
}
/* Kontejner se šipkami */
.products-block.slick-slider {
  position: relative;
}

/* Základní vzhled šipek */
.products-block .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;

  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;

  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  /* schovat text "Previous"/"Next" kvůli přístupnosti ho tam necháme */
  font-size: 0;
  color: transparent;
  padding: 0;
}

/* Levá a pravá pozice */
.products-block .slick-prev {
  left: 10px;
}

.products-block .slick-next {
  right: 10px;
}

/* Ikonky pomocí ::before */
.products-block .slick-prev::before,
.products-block .slick-next::before {
  font-size: 20px;
  line-height: 1;
  color: #333;
}

.products-block .slick-prev::before {
  content: "‹";
}

.products-block .slick-next::before {
  content: "›";
}

/* Hover efekt */
.products-block .slick-arrow:hover {
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.products-block .slick-arrow:focus {
  outline: 2px solid #3c840f;
  outline-offset: 2px;
}

/* Když je šipka disablovaná */
.products-block .slick-arrow.slick-disabled {
  opacity: 0.4;
  cursor: default;
  box-shadow: none;
}

/* Trochu zmenšit na mobilech */
@media (max-width: 768px) {
  .products-block .slick-arrow {
      width: 32px;
      height: 32px;
  }

  .products-block .slick-prev {
      left: 5px;
  }

  .products-block .slick-next {
      right: 5px;
  }
}
.btn, a.btn {
  text-transform: none;
}
.btn.add-to-cart-button:before, .btn.btn-cart:before, .btn.express-checkout-button:before, a.btn.add-to-cart-button:before, a.btn.btn-cart:before, a.btn.express-checkout-button:before {
  display: none;
}
.products>div {
  border: none;
}
.body-banners .banner-wrapper img {
  border-radius: 30px;
  filter: brightness(0.7);
  height: 400px;
  object-fit: cover;
}
.body-banners .extended-banner-title {
  position: initial;
  transform: none;
  display: block;
  background-color: transparent;
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  box-shadow: none;
  text-align: center;
}
.body-banners .extended-banner-texts {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  flex-direction: column;
}
.body-banners .extended-banner-text {
  position: initial;
  transform: none;
  display: block;
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  margin-top: 30px;
  border: none;
  box-shadow: none;
  text-align: center;
}
.body-banners .extended-banner-link {
  position: initial;
  transform: none;
  display: block;
  margin-top: 30px;
  font-size: 20px;
  padding: 8px 30px;
  height: auto;
  background-color: #0dabe2;
  border-radius: 30px;
  color: #fff;
  border: none;
  box-shadow: none;
  text-align: center;
  transition: all 0.3s;
}
.body-banners .extended-banner-link:hover {
  background-color: #0b89b5;
}
.products .product:hover .p {
  border: solid 1px #ddd;
}
.news-item .image img {
  height: 200px;
  object-fit: cover;
  border-radius: 30px;
}
.blog-wrapper .news-item .title {
  font-size: 22px;
  font-weight: 700;
}
#footer, #footer>.container, .sidebar, .category-header, .shp-tabs, .shp-tabs-holder {
  background-color: #F3F4FA;
}
.products-block>div:nth-child(2n) {
  border-right-style: none;
}
.subcategories.with-image li a, .subcategories li, .subcategories li a:hover:after {
  border-radius: 30px;
}
.subcategories.with-image li a .image img {
  border-radius: 20px;
}
.p-detail-inner-header h1 {
  font-weight: 700;
}
.btn.add-to-cart-button.btn-lg {
  margin-left: 15px;
}
.quantity .decrease, .quantity .increase {
  border: none;
}
.p-detail .add-to-cart .quantity {
  border: none;
  box-shadow: 0 3px 7px #dadada;
  border-radius: 30px;
}
.quantity .increase {
  border-radius: 0 30px 0 0;
}
.quantity .decrease {
  border-radius:  0 0 30px 0;
}
.carousel-inner>.item, .carousel-inner {
  border-radius: 30px;
}
.btn.btn-primary, a.btn.btn-primary, .btn.add-to-cart-button.btn-lg, .btn.btn-cart.btn-lg, .btn.express-checkout-button.btn-lg, a.btn.add-to-cart-button.btn-lg, a.btn.btn-cart.btn-lg, a.btn.express-checkout-button.btn-lg, .btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
  background-color: #FF9F1C;
  border-color: #FF9F1C;
}
.btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover {
  background-color: #d68515;
  border-color: #d68515;
}
.uvod-obsah .container {

}

.uvod-obsah .left-section {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.uvod-obsah .logo {
  width: 80px;
  height: 4px;
  background-color: #3CBAEB;
  margin-bottom: 10px;
}

.uvod-obsah h1 {
  font-size: 32px;
  color: #2c3e50;
  font-weight: 600;
  margin-bottom: 10px;
}

.uvod-obsah .description {
  color: #5a6c7d;
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
}

.uvod-obsah .btn {
  display: inline-block;
  padding: 12px 32px;
  background-color: transparent;
  color: #3CBAEB;
  text-decoration: none;
  border: 2px solid #3CBAEB;
  border-radius: 25px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  align-self: flex-start;
}

.uvod-obsah .btn:hover {
  background-color: #3CBAEB;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(60, 186, 235, 0.3);
}

.uvod-obsah .right-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.uvod-obsah .feature {
  display: flex;
  align-items: center;
  gap: 15px;
}

.uvod-obsah .checkmark {
  width: 24px;
  height: 24px;
  background-color: #3CBAEB;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.uvod-obsah .checkmark::after {
  content: '✓';
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.uvod-obsah .feature-text {
  font-size: 18px;
  color: #2c3e50;
  font-weight: 600;
}

@media (max-width: 768px) {
  .uvod-obsah .container {
      grid-template-columns: 1fr;
      gap: 50px;
  }

  .uvod-obsah h1 {
      font-size: 24px;
  }

  .uvod-obsah .feature-text {
      font-size: 16px;
  }
}
.p-short-description p, .basic-description p, .basic-description li {
  font-size: 16px;
}
.extended-description {
  padding: 30px;
  box-shadow: 0 3px 7px #dadada;
  background-color: #F3F4FA;
  border-radius: 30px;
}
.description-inner h3 {
  font-size: 25px;
  color: #0dabe2 !important;
  font-weight: 600;
}
.description-inner h4 {
  color: #0dabe2 !important;
}
.basic-description li, .p-detail-tabs-wrapper li  {
  line-height: 30px;
}
#relatedFiles li {
  font-size: 16px;
}
.type-detail .detail-parameters .custom-variants-list select {
  display: none;
}

.type-detail .detail-parameters .custom-variants-list .custom-variants {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.type-detail .detail-parameters .custom-variants-list .custom-variants .variant {
  padding: 10px 18px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  outline: 1px solid rgba(0, 0, 0, 0);
  margin-right: 10px;
  transition: var(--transition);
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
  cursor: pointer;
}

.type-detail .detail-parameters .custom-variants-list .custom-variants .variant[data-index="0"] {
  display: none;
}

.type-detail .detail-parameters .custom-variants-list .custom-variants .variant:hover {
  background-color: #fafafa;
}

.type-detail .detail-parameters .custom-variants-list .custom-variants .variant.active {
  border: 1px solid #000;
  outline: solid 1px #000;
}
/* Skryje originální select */
.product-detail .variants select {
  display: none !important;
}

/* Kontejner pro tlačítka */
.variant-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

/* Styl všech tlačítek */
.variant-button {
  padding: 8px 14px;
  border: 1px solid #ccc;
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  transition: 0.2s;
}

/* Hover efekt */
.variant-button:hover {
  border-color: #0dabe2;
}

/* Aktivní varianta */
.variant-button.active {
  border-color: #0dabe2;
  background: #0dabe2;
  color: #fff;
}
/* Kontejner tlačítek - flexbox pro horizontální uspořádání */
.custom-variants {
  display: flex; 
  flex-wrap: wrap; 
  gap: 8px; /* Mezera mezi tlačítky */
  padding: 0;
  margin: 10px 0 20px 0;
  list-style: none;
  align-items: center;
}

/* Základní vzhled jednoho tlačítka */
.custom-variants .variant {
  display: block;
  padding: 8px 12px;
  border: 1px solid #ccc; /* Rámeček */
  border-radius: 0; 
  color: #333; 
  border-radius: 20px;
  text-align: center;
  min-width: 40px; 
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Stav: Zvolená (aktivní) varianta */
.custom-variants .variant.active {
  border-color: #0dabe2;
  background-color: #0dabe2;
  color: #fff; 
  font-weight: bold;
}

/* Stav: Nedostupná (vyprodaná) varianta */
.custom-variants .variant.disabled {
  opacity: 0.6;
  background-color: #eee;
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
  pointer-events: none; /* Zabrání kliknutí */
}
#footer {
  background-color: #F3F4FA;
} 
.col-sm-8 .extended-banner-texts {
  align-content: center;
  box-shadow: none;
  background: linear-gradient(90deg,rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
}
.col-sm-8 .extended-banner-title {
  position: initial;
  display: block;
  padding: 0 30px;
  background-color: transparent;
  border: none;
  text-shadow: none;
  box-shadow: none;
  font-size: 30px;
  max-width: 500px;
  font-weight: 700;
  color: #2c3e50;
}
.col-sm-8 .extended-banner-text {
  position: initial;
  display: block;
  padding: 0 30px;
  background-color: transparent;
  border: none;
  text-shadow: none;
  font-size: 18px;
  line-height: 35px;
  color: #2c3e50;
  max-width: 500px;
  box-shadow: none;
  margin-top: 30px;
}
.col-sm-8 .extended-banner-link {
  position: initial;
  display: block;
  padding: 10px 30px;
  width: fit-content;
  background-color: #0b89b5;
  border-radius: 30px;
  border: none;
  text-shadow: none;
  font-size: 18px;
  color: #fff;
  max-width: 500px;
  height: auto;
  margin-left: 30px;
  box-shadow: none;
  transition: all 0.3s;
  margin-top: 30px;
}
.col-sm-8 .extended-banner-link:hover {
  background-color: #08688a;
}
.h4.homepage-group-title::before, h4.homepage-group-title::before {
  content: "";
  width: 60px;
  height: 2px;
  background-color: #0b89b5;
  display: block;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.category-title, #footer h4 {
  font-weight: 600;
}
.category-title::before{
  content: "";
  width: 60px;
  height: 2px;
  background-color: #0b89b5;
  display: block;
  margin-bottom: 20px;
}
#footer h4::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #0b89b5;
  display: block;
  margin-bottom: 20px;
}
#footer h4 {
  font-size: 20px;
}
#footer .contact-box a, #footer .news-item-widget a, #footer .password-helper a, #footer ul a {
  font-size: 16px;
}
.box-bg-variant .categories a {
  font-size: 18px;
}
.categories ul a {
  font-size: 16px !important;
}
#categories .expandable>.topic>a>span, #categories .expandable>a>span {
  top: 8px;
}
:where(body.ums_a11y_login--on) .top-nav-button-login {
  color: #fff;
}
:where(body.ums_a11y_login--on) .top-nav-button-login:hover {
  color: #fff;
  text-decoration: underline;
}
.menu-helper {
  top: 118px;
}
.sidebar .h4, .sidebar h4 {
  font-size: 20px;
}
.filter-sections {
  background-color: #F3F4FA;
}
@media (max-width: 767px) {
  .navigation-buttons a[data-target=cart], .navigation-buttons a[data-target=cart]:hover, .responsive-tools [data-target=search], .responsive-tools [data-target=search]:hover {
      color: #fff !important;
  }
}