h1{
    font-size: 32px;
    font-weight: bold;
    margin: 0px;
}

.detail-tags{
    font-size: 12px;
    color:white;
    bottom: 0px;
}

.tag{
    padding: 3px 6px;
}

.detail-description{
    color: #615a5a;
}



.detail-description a{
    text-decoration: underline;
    color: #171716;
    white-space: nowrap;
}


.detail-picker .info{
    color:#171716;
}


.detail-picker .value{
    color:#171716;
    font-weight: 600;
}

.delivery-buttons .button-text{
    font-size: 14px;
    font-weight: 600;
}

.delivery-buttons .button-info{
    font-size: 12px;
}

.delivery-buttons .button-button a{
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}

.price .price-value{
    font-size: 32px;
    font-weight: bold;
}

.price .price-get .tag{
    font-size: 12px;
    /*font-weight: 600;*/
    color:white;
    
    border-radius: 3px;
}

.price .price-before{
    color: #877d7d;
    white-space: nowrap;
    text-decoration: line-through;
    font-weight: bold;
}

.price .price-min{
    color: #877d7d;
    white-space: nowrap;
}

.cart{
    position: relative;
}

.cart .cart-button button{
    width: 208px;
    margin: 0 0 0 8px;
    padding: 21px 38px;
    border-radius: 10px;
    background-color: #34b62d;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
}
.cart .cart-button button:hover{
    color: #fff !important;
    background-color: #35af2e;
}

.cart .cart-input{
    padding: 10px;
}
.cart .cart-input-button{
    
    text-align: center;
    cursor: pointer;
    
}

.cart .cart-input-button:hover i{
    font-weight: bold;
}

.cart .cart-input-qty input{
    background: transparent !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    width: 100px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    -moz-appearance:textfield;
    
    
}

.cart .cart-input-qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0px;
}

.splakty a{
    font-weight: 500;
}

.scroll-to-param{
    cursor: pointer;
}


.detail-gallery .gallery-wraper{
    border-radius: 15px ;
    background-color: black;
    
    
}
.detail-gallery .detail-gallery-main.gallery-wraper a{
    justify-content: center;
    display: flex;
    background: white;
    opacity: 0.96;
}


.detail-gallery .detail-gallery-main.gallery-wraper img{
    opacity: 0.97;
    border-radius: 10px;
    min-height: 400px;
    background-color: #efefef; 
    width: auto !important;
    object-fit: contain;
    display: block;
    max-width: 100%; 
    
}

.detail-gallery .detail-gallery-other .gallery-wraper img{
    visibility: hidden;
    
}

.detail-gallery .detail-gallery-other .gallery-wraper a{
    display: flex;
    aspect-ratio: 1 / 1;
    
    opacity: 0.97;
    border-radius: 10px;
    background-color: white;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    background-position: center;
    
}
    


.nav-tabs{
    
} 

.params .params-name{
    color: #615a5a;
}


#params-tab{
    scroll-margin-top: 110px;
}

.configurator_latky{
    cursor: pointer !important;
    font-size: 12px;
}



.latky-priplatek h3{
    font-size: 16px !important;
    font-weight: 500;
    margin: 0px;
}

.latky-priplatek .product-detail-side-header{
    border-bottom: 1px solid #ececec;
}

.latky-priplatek .latka-image{
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
}

.latky-priplatek .latka-image img{
    width: 100%;
    height: 100%;
}

.latky-priplatek .latka .latka-nazev{
    
}

.latky-priplatek .latka .latka-cena{
    font-size: 16px;
      font-weight: bold;
}

.latky-priplatek .latka .latka-button a{
    font-size: 14px;
      font-weight: 500;
      color: #34b62d;
      text-decoration: underline;
}

.nabidka-detail{
    position: relative;
}

.nabidka-detail .tags-top-right{
    font-size: 12px;
    color:white;
    pointer-events: none;
}



.nabidka-detail .nabidka-info .tags-top-right img.tag-image{
    max-width: 200px;
}

.nabidka-detail .nabidka-info .tags-top-right span{
    font-size: 56px !important;
}



.nabidka-detail .nabidka-info h1{
    font-weight: bold !important;
    
}

.nabidka-detail .skladem-varianta{
    font-size: 11px; 
    color: #777;
    text-align: center;
    
    
}

.nabidka-detail .skladem-varianta .skladem{
    font-size: 11px; 
    color: #34b62d;
    
}

.barva-info {
    bottom: 17px !important;
}

.nabidka-detail .scroll-to-branches{
    cursor: pointer;
    text-decoration: underline;
    color: #dd9600;
    
    
}


#shops-tab{
    scroll-margin-top: 60px;
}

.nabidka-detail .branches-table td{
    vertical-align: middle;
    
}

.nabidka-info .tags-top-right-mobile span{
    font-size: 26px;
}

.tags-top-right-mobile{
    z-index: 200;
    right: 0px;
    width: 30%;
    color: white;
    
}

.tags-top-right-mobile img{
    width: 100%;
        
}


.nabidka-info .tags-top-right img{
    
}


a.product-variant-info-button{
    color: #dd9600 !important;
}

a.product-variant-info-button:hover{
    text-decoration: underline;
    color: #ba7133 !important;
}

/* baleni */

.baleni-section {
    padding-top: 0;
  }
  .baleni-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .baleni-header .count {
    font-size: 13px;
    color: #888;
  }
 
  .baleni-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
  }
  @media (max-width: 900px) {
    .baleni-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 520px) {
    .baleni-grid { grid-template-columns: repeat(2, 1fr); }
  }
 
  .card {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 18px;
    background: #fcfcfc;
    transition: box-shadow .15s ease;
  }
  .card:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.06); }
 
  .card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
  }
  .num {
    width: 26px; height: 26px;
    border-radius: 6px;
    background: #1a1a1a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12.5px;
    flex-shrink: 0;
  }
  .card-head b { font-size: 14.5px; }
 
  .box-svg { display: block; margin: 0 auto 12px auto; }
 
  .card-rows { font-size: 13px; }
  .card-rows .r {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
  }
  .card-rows .r span:first-child { color: #888; }
  .card-rows .r span:last-child { font-weight: 600; }
  .card-rows .divider {
    border-top: 1px solid #eaeaea;
    margin: 6px 0 4px 0;
  }
 
  .total-note {
    margin-top: 18px;
    font-size: 14px;
    color: black;
    font-weight: normal
  }




.detail-description p{
    margin-top: -10px;
}

.nabidka-detail .vystavene-na-prodejne{
    max-width: 100%;
    overflow-x: auto;
    
}
.nabidka-detail .vystavene-na-prodejne table{
    min-width: 600px;
}