﻿<style>

.breadcrumbs {
 border-bottom: 1px solid #dadada;
}
.blog-wrapper .news-item .title:hover {
color: #CA2339 !important;
}
.news-item-widget h5 a {
font-size: 17px;
}   
.slider-wrapper {
 padding: 5px;
}    
.p-detail-inner .p-to-cart-block {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.p-detail-inner .p-to-cart-block .add-to-cart-button {
flex-grow: 0;
width: 300px;
height: 48px;
max-width: 60vw
}
.footer-newsletter-full-width {
background-color: #f6f6f6;
}
.banner-wrapper.banner1, .banner-wrapper.banner2, .banner-wrapper.banner3 {
 margin-top: 20px;
}
.sidebar-inner {
border: none;
}
.sidebar { background-color: #EAF6FD;
border-radius: 8px !important;
}
.category__secondDescription, .category-perex {
text-align: left;
}  
.p-detail-inner .surcharge-list select, .p-detail-inner .variant-list select {
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .08);
}
#footer h4, #footer ul a {
 margin-top: -5px;
}
.category-title {
 background-color: #f6f6f6;
 border-radius: 8px !important;
}       
.navigation-home-icon-wrapper, .navigation-bullet, .breadcrumbs-wrapper, .filter-section-parametric, .slider-content {
 color: #DE543D; 
} 
.carousel-control {
 color: #dadada;
}       
.carousel-control:hover {
 color: #196db6;
}   
.carousel {
 width: 75%;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
}
.tab-content .detail-parameters tr:nth-child(odd) {
 background-color: #DDEFF9;
}
.p-detail-inner .p-price-wrapper {
text-align: center;
background-color: #DDEFF9;
border-radius: 8px;
}
.products-block>div .p .p-in .p-bottom>div .prices .price-additional, .login-from-cart {
font-size: 15px;
}
.products-block>div .p .p-in .p-bottom>div .prices .price-final strong {
font-weight: 700;
font-size: 20px !important;
color: #196db6;
}
.hodnoceni {
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .08);
border-radius: 8px;
}
.blog-wrapper .image+.text {
background: #fff;
border-radius: 8px;
}   
.navigation-in>ul>li>a {
color: #fff;
background-color: #196db6;
border-radius: 8px;
}
.navigation-in>ul>li>a:hover {
color: #196db6;
background-color: #fff;
border-radius: 8px;
}
.subcategories li a:hover {
background-color: #DDEFF9;
}
.subcategories li a {
border: 1px solid #196DB6;
background-color: #fff;
}
.products-block>div .p:hover {
box-shadow: 0px 1px 12px 1px #8B8F92;
}
.tab-pane .detail-parameters td a:hover, .blog-wrapper .news-item .read-article:hover {
color: #CA2339 !important;
}
#navigation .navigation-in ul li>a>b:hover, .subcategories li a .text:hover, .navigation-in>ul>li.ext>ul>li>div>ul>li>a {
color: #196db6;
}
.navigation-in ul.menu-level-2 a:hover, .menu-level-2 li a .text:hover {
color: #196db6;
text-decoration: underline solid 2px;
}
.shp-tabs-holder ul.shp-tabs a.shp-tab-link {
font-size: 18px;
}
.tab-pane .detail-parameters td a, .login-from-cart {
text-decoration: underline dashed 1px;
text-underline-position: under;
font-weight: 700;
}
.tab-pane .detail-parameters td {
font-weight: 700;
}
.shipping-options {text-decoration: underline dashed 1px #196db6;
text-underline-position: under;
font-weight: 600;
}
.products-block>div .p .p-in .p-bottom>div .p-tools .btn.btn-primary {
background-color: #1A88CC;
border-color: #1A88CC;
color: #FFF;
}
.products-block>div .p .p-in .p-bottom>div .p-tools .btn.btn-primary:hover {
background-color: #CA3329;
border-color: #CA3329;
color: #FFF;
}
.filters-wrapper .filters-unveil-button-wrapper:hover .btn.btn-default.unveil-button:hover {
background-color: #FBC440;
border-color: #1A88CC;
color: #FFF;
}
.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {
background-color: #1A88CC;
border-color: #FBC440;
color: #FFF;
}
.btn.btn-default, .btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
color: #FFF;
background-color: #CA3329;
border-color: #CA3329;
}
.p-detail-inner .surcharge-list .surcharge-label {
font-size: 15px;
font-weight: 700;
text-transform: none;
}
.shp-tabs-holder {
font-size: 15px;
font-weight: 600;
color: #196db6;
}
.h1, h1, .h4.homepage-group-title {
font-size: 24px;
font-weight: 600;
}
.h2, h2 {
font-size: 20px;
font-weight: 600;
}
.p-detail-inner .brand-wrapper a {
font-size: 19px;
font-weight: 600;
text-decoration: underline dashed 1px #196db6;
text-underline-position: under;
}
.p-detail-inner .brand-wrapper a:hover, .p-gifts-heading, H4.topic {
color: #CA3329;
}
.stars .star {
color: #F0B820;
}
table.detail-parameters {
width: 100% !important;
}
.detail-parameters td {
width: 65% !important;
} 
.detail-parameters th {
width: 35% !important;
}
.tab-pane .detail-parameters th, .products-block.products .p .name, .site-msg.information .text, .dkLabComparerAddProduct, .p-detail-inner-header h1, .navigation-in ul li a b, .top-navigation-bar, .dkLabComparerRemoveProduct {
font-weight: 600;
}
.filter-label .filter-count {
background-color: #EAF6FD;
outline: 1px solid #196DB6;
}
.products-block>div .p .p-in .p-in-in .name  {
color: #196db6;
font-size: 20px;
}
#dkLabComparerTable tr>td, .vote-product-name {
font-weight: bold;
}
.vote-product-name, .vote-title, .vote-name, ol.top-products li a .top-products-name {
font-size: 14px;
}
.banner-wrapper, .welcome H1, #dkLabComparerTable tr > td, .custom-footer__articles, .products-related-header {
text-align: center;
}
#header .cart-count:hover, .blog-wrapper .news-item .title:hover, #footer ul a:hover, .news-item-widget a:hover, a.chevron-after.chevron-down-after:hover, a.js-cookies-settings:hover, .navigation-in .has-third-level div>ul a:hover, .filter-label:hover {
color: #FC0000;
}
#footer h4, #footer ul a, .extended-banner-title, .extended-banner-link {
color: #FFF;
}
#footer .footer-bottom a, #header .cart-count, .blog-wrapper .news-item .title, .p-detail-inner-header-mobile, .p-detail-inner-header-mobile .h1 {
color: #196DB6;
}
@media (orientation: portrait) {  
.category-perex {display: none;}
}
#footer h4 :after, .welcome-wrapper, .homepage-latest-contribution, article>img, .p-info-wrapper .price-standard, .price-measure, .more-items-trigger, .pagination-appendix, .p-info-wrapper .price-save, #footer .footer-rows .site-name {
display: none;
}
.h4.homepage-group-title, #content h1, #content h3, #content h2, .p-gift-name a, .detail-parameters td a:hover {
color: #196DB6;
}
.ui-slider .ui-slider-range {
background-color: #F0B820;
}
.site-msg {
font-size: 15px;
border-radius: 8px;
background-color: #ca3329;
color: #FFF;
}
.question-tooltip {
background-color: #196DB6; 
border-color: #196DB6;
color: #FFF;
}
.products-block.products .p .name {
color: #0D599B;
}
.price-save  {
color: #E94B4B;
}    
.flag.flag-discount {
background-color: #E94B4B;
}
.flag.flag-freeshipping {
background-color: #6E4AC9;
}
.rate-bar {
background-color: #F0B820;
}
.hodnoceni:before {
content: "Hodnocení zákazníků";
font-weight: 700;
font-size: 20px;
background-color: #f6f6f6;
}
.vote-delimeter, .vote-time {
color: #535557;
}
.quantity, .quantity input { 
background-color: #FFF;
}
.flags-inline .flag {
background-color: #3BA9A5;
}
.btn.btn-default, a.btn.btn-default, .btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart, .btn.btn-secondary, a.btn.btn-secondary, .btn.btn-primary, a.btn.btn-primary {
box-shadow: 2px 2px 7px #8B8F92;
}
.h4.homepage-group-title, #content h1 {
color: #0C64CA;
}
#content h4 {
color: #26262e;
}
#footer .custom-footer {
padding-left: 0px !important;
}
.flag.flag-action {
background-color: #e94b4b;
}
.flag.flag-new {
 background-color: #6E4AC9;
}
.price-final {
color: #0D599B;
font-size: 15px;
}
.delivery-time {
color: #FC0000;
font-weight: bold;
} 
#footer>.container, .footer-rows, #footer {
background-color: #0D78B4 !important;
}
.menu-level-2 {
background-color: #FFF !important;
}
.subcategories, .dkLabComparerError {
background-color: #196DB6;
border-radius: 8px;
box-shadow: 2px 2px 7px #8B8F92;
}
.filter-section, .p-price-wrapper .price-additional {
color: #1D1B1A;
}
.news-item .text .description p:last-child {
color: #1D1B1A !important;
}
#category-header, .shp-tabs-holder {
 background-color: #F6F6F6;
}


@media (min-width: 768px) {
.navigation-in>ul>li.ext>ul>li>div>a {
 font-size: 17px;
 font-weight: 600;
}
}
a[aria-expanded="true"] {
 background-color: white !important;
 color: #196db6 !important;
 font-weight: bold;
}
#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {
 max-height: 130%;
}
.products-top .name:hover, .products-block>div .p .p-in .p-in-in .name:hover, .menu-helper .menu-level-2 a:hover, .menu-helper > ul > li a:hover 
 {
 color: #196db6 !important;
text-decoration: underline solid 2px #196db6;
}
.products-block>div .p .p-in .ratings-wrapper .star-list .star {
 color: #F0B820 !important;
}   
.p-detail-inner .surcharge-list select, .p-detail-inner .variant-list select, .form-control {
 border: 1px solid #bab8b8;
}
.p-detail-inner .p-variants-block {
 background-color: #f6f6f6;
 border-radius: 8px;
 padding-left: 15px;
 padding-top: 5px;
}
.p-detail-full-width {
 background-color: #f6f6f6;
}  
.p-detail-inner .brand-wrapper a:hover { 
 text-decoration: underline dashed 1px #ca3329;
 text-underline-position: under;
}
.carousel {
 margin-bottom: 10px;
}
.p-gifts-heading {
  font-size: 20px;
 font-weight: 600;  
}
.p-gift-name a:hover { 
 color: #EC7E0E;
}
.h4.homepage-group-title {
 background-color: #f6f6f6;
 border-radius: 8px !important;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 56px; /* Přizpůsob délce pozadí */
}
.h4.homepage-group-title {
 padding: 0;
 margin: 0;
}
/* Styl pro tlačítko */
.contact-button {
 position: fixed;
 bottom: 30px;
 left: 20px;
 background-color: #2E83FA;
 color: white;
 padding: 12px 16px;
 border-radius: 25px;
 cursor: pointer;
 z-index: 9999;
 box-shadow: 0 4px 12px rgba(0,0,0,0.3);
 transition: background-color 0.3s ease;
}

.contact-button:hover {
 background-color: #0056b3;
}

/* Styl pro popup okno */
#contact-popup {
 position: fixed;
 bottom: 85px;
 left: 20px;
 z-index: 9998;
 width: 300px;
 background: #f6f6f6;
 border-radius: 8px;
 border: 1px solid #aaa;
 box-shadow: 0 8px 20px rgba(0,0,0,0.25);
 transform: translateY(150%);
 transition: transform 0.4s ease;
 font-size: 14px;
}

#contact-popup.popup-visible {
 transform: translateY(0);
}

.popup-content {
 padding: 20px;
 color: #000;
 position: relative;
}
#popup-close {
 position: absolute;
 top: 10px;
 right: 12px;
 font-size: 18px;
 cursor: pointer;
}
.opening-hours {
  text-align: center;
  margin-top:10px;
}
@media (orientation: portrait) {  
.carousel {
 width: 100%;
 margin-top: 10px;
}
}
.p-detail .products-related-header.products-header {
 color: #1D1B1A !important;
}
.p-detail-inner .surcharge-list select:hover {
border: 1px solid #196db6;
}
.breadcrumbs a {
    color: #494646;
}
@media (min-width: 768px) {
  .p-detail-inner .p-variants-block {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* mezera mezi variantami */
  }

  .p-detail-inner .p-variants-block > * {
    flex: 1 1 45%; /* dvě varianty vedle sebe */
    max-width: 45%; /* zabrání roztažení na plnou šířku */
  }
}
@media (max-width: 767px) {
.breadcrumbs {
 display: block !important;
 padding-bottom: 0px !important;
  }
}
@media (min-width: 768px) {
.shipping-options, .dkLabComparerAddProduct, .detail-parameter.detail-parameter-product-code, .p-detail-inner .detail-parameters .detail-parameter-availability, .detail-parameter.detail-parameter-delivery-date {
 font-size: 16px;
}
.availability {
 font-size: 16px;
 font-weight: 600;
}
}
@media (min-width: 768px) {
 body {
 font-size: 15px;
}
}
.sidebar-inner h4, .slider-wrapper h4, .filter-sections .filter-section h4 {
    font-size: 18px;
    
}
@media (min-width: 768px) {
 .homepage-blog-wrapper .news-item {
 flex: 0 0 24%;
 margin: 0 0.5%;
 box-sizing: border-box;
}
.news-item {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 100%;
}
.news-item .text {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 100%;
}
}
.news-item .text .title {
 display: block;
 font-size: 22px;
 font-weight: 600;
 line-height: 32px;
 margin-top: 16px;
 margin-bottom: 8px;
 min-height: 64px; /* výška pro 2 řádky */
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.h4.homepage-group-title, #content h1 {
 background-color: #f6f6f6;
 border-radius: 8px;
}
.p-detail-inner h1 {
 background-color: #fff !important;
}   
@media (min-width: 768px) {
body,
.page-wrapper,
#content,
.news-item-detail {
 width: 100% !important;
 max-width: 100% !important;
 margin: 0 auto !important;
 padding-left: 15px !important;
 padding-right: 20px !important;
 box-sizing: border-box !important;
}
.navigation-in>ul>li.ext>ul>li>a {
 font-size: 17px;
 font-weight: 600;
}   
} 
@media (max-width: 1023px) {
.products-block>div .p {
 border-bottom: 1px solid #CFD0D1;
}
}
@media (min-width: 1024px) {
.products-block>div .p {
 border-bottom: 1px solid #dadada;
 border-right: 1px solid #dadada;
}
.products-block>div .p .p-code {
 padding-right: 5px;  
}
.products-block>div .p .p-in .p-bottom>div .p-desc {
 padding-right: 5px;
 padding-left: 5px;
}
}
.plus-gallery-item {
 border: none;
}
.plus-gallery-item img {
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease, scale 0.3s ease;
}

/* Efekt zvětšení při najetí */
.plus-gallery-item img:hover {
    transform: translateY(-50%) scale(1.1);
}
#footer .banner-wrapper img {
    transition: transform 0.3s ease;
}

/* Efekt zvětšení při hoveru */
#footer .banner-wrapper img:hover {
    transform: scale(1.03);
}
.p-detail-inner .brand-wrapper a, .products-block>div .p .p-code {
text-transform: none;
}

.p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  position: static;
  transform: none;
}
.p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img:hover {
  transform: scale(1.1);
  border-color: transparent;
}
</style>/* CSS Document */
