.wrapEshopCatalogue
{
    background: #dafbfb;
}

/************************************************/
/* kategorie */
/************************************************/  

.wrapAppLabel
{
    display: none;
}

.wrapCategoryList, .wrapCategories .wrapMain
{
    display: block;
    width: 100%;
    float: none;
}

.wrapCategories, .wrapCategories .wrapMain 
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

    .wrapCat, .wrapCat:hover, .wrapProduct, .wrapProduct:hover
    {
/*        width: 25%;*/
        float: left;
        text-decoration: none;
    }
        
        .boxCat, boxProduct
        {
/*            
            width: 90%;
            margin: 10%;
*/            
        }
        
            .wrapCatThumb
            {
                position: relative;
                width: 80%;
                padding-bottom: 80%;
                margin: 0 auto;
                background: #A2CC8C;
            }
            
            .wrapCat:hover .wrapCatThumb
            {
                background: #3E2A1F;
            }
    
                .boxCatThumb
                {
                    position: absolute;
                    top: 2%;
                    left: 2%;
                    
                    width: 96%;
                    height: 96%;
                    
                    background: #fff;
                    
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }            
                
                    .boxCatThumb img
                    {
                        width: 60%;
                        max-width: 100px;
                    }   
                    
            a.wrapCat h2
            {
                margin-top: 20px;
                text-align: center;
                text-decoration: none !important;
                font-weight: 400;
            }
            
            a.wrapCat:hover h2
            {
                font-weight: 700;
                letter-spacing: 1px;
            }            
    
    
    
/************************************************/
/* produkty */
/************************************************/      

.wrapProducts
{
    align-content: stretch;
    justify-content: flex-start;
}

.wrapProduct
{ 
/*    
    display: flex;
    flex-direction: row;
    flex-wrap: 
*/        
}

    .boxProduct
    {
        flex-direction: row;
        align-content: space-between;
        
        height: 100%;
        margin: 16px;
        padding: 24px 24px 42px 24px;                
        background: #fff;
        
        text-align: center;
    }
    
    . col-12contentProduct
    {
        flex-direction: row;
        justify-content: center;
    }
    
        .boxProduct h2
        {
            width: 100%;
            font-size: 110%;
            font-weight: 400;
            line-height: 150%;
        }
        
        .boxProduct .boxThumb 
        {
            display: block;
            overflow: hidden;            
            width: 100%;
            height: 200px;
            margin: 0 0 32px;
            
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            font-size: 0;            
        }
        
        .boxProduct .boxThumb, .boxProduct .boxThumb a, .boxProduct .boxThumb img, .boxProductPrice
        {
            font-family: 'Libre Baskerville', sans-serif;   
            text-align: center;
        }  
        
        .boxProductPrice, .boxProductPrices span
        {
            justify-content: center;
            
/*            margin-top: 16px;*/
            font-weight: 500;
            color: #14B8B8;
            font-size: 110%;            
        }
        
        .boxProduct .boxDescrShort
        {
            color: #ffdc87;
        }
            
            
        .boxPriceAndCart 
        {
            width: 100%;
            display: flex;
            justify-content: center;
            overflow: hidden;            
            margin-top: 16px;
        }
            
            .boxCartBuy
            {
                justify-content: center;
            }
        
            .boxCartBuy button
            {
                cursor: pointer;
                margin: 0 auto;
                padding: 8px;
                border: 0;
                background: #D84727;
                
                color: #fff;
                font-size: 90%;
                font-weight: 400;
                text-transform: uppercase;
                letter-spacing: 1px;
            }
            
            .boxCartBuy button:hover
            {
                margin: 0 auto;
                background: #BE3F23;
            }       
            
/************************************************/
/* detail produktu */
/************************************************/              

.boxProduct, .boxProduct h2
{
    text-align: center;
}

.wrapProductInfo
{
    float: none;
}

    .boxDetailThumb, .wrapDetailLeftSide
    {
        float: left;
        width: 50%;    
    }
    
        .boxProductInfo .boxDetailThumb img
        {
            max-height: 450px;
        }
    
        .boxProductPrices
        {
            margin-top: 40px;
        }
        
            .wrapDetailLeftSide .boxProductPrices span
            {
                font-size: 115%;
            }
            

            
/************************************************/
/* košík - navigace */
/************************************************/              

.wrapSummaryNavigation
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

    .boxSummaryNavigation
    {
        width: 20%;
    }     
    
        /* položky navigace */
        .wrapSummaryNavigationItem
        {
            width: 100%;
            background: #fff;
        }        
        
            .boxSummaryNavigationItem
            {
/*                width: calc(100% - 2px);*/
                margin: 2px;
                padding: 12px 16px;
                background: #fff;
            }        
            
                .boxSummaryNavigation .summaryNavigationNumber
                {
                    font-weight: 600;
                    margin-right: 8px;
                }    

                .boxSummaryNavigation .summaryNavigationNumber, .boxSummaryNavigation .summaryNavigationTitle
                {
                    color: #ccc;
                }                                  
        
        /* aktivní odkaz */
        .boxSummaryNavigation a, .boxSummaryNavigation:hover a, .boxSummaryNavigation a:hover
        {
            text-decoration: none;
        }               
        
        .boxSummaryNavigation a .wrapSummaryNavigationItem
        {
            width: 100%;
        }  

        .boxSummaryNavigation:hover a .wrapSummaryNavigationItem, .boxSummaryNavigation a:hover .wrapSummaryNavigationItem
        {
            background: #26AACF;
        }            
        
            .boxSummaryNavigation a .wrapSummaryNavigationItem .boxSummaryNavigationItem .summaryNavigationNumber
            {
                color: #14b8b8;
            }           
            
            .boxSummaryNavigation a .wrapSummaryNavigationItem .boxSummaryNavigationItem .summaryNavigationTitle
            {
                color: var(--color-text-headline);
            }


            
/************************************************/
/* košík - navigace - spodek */
/************************************************/ 

.wrapSummaryNavFooter
{
    margin-top: 60px;
}

    .butSummaryNavFooter, .butSummaryNavFooter:hover
    {
        width: 20%;
        background: #D84727;
        padding: 10px;
        
        color: #fff;
        text-decoration: none;
    }

    .butSummaryNavFooter:hover
    {
        background: #BE3F23;
    }
    
    .butPrevious
    {
        float: left;
        text-align: right;
    }
    
    .butNext
    {
        float: right;
    }    
    
        .icoNext, .icoPrevious
        {
            position: relative;
            top: 3px;
            width: 20px;
            height: 20px;
            float: left;
            background: transparent url('../../../__shared__/images/ico-but-previous-white.svg') no-repeat 0 0;
            background-size: 20px;            
            font-size: 0;
            background-position: 0 -2px;
        }

        .icoNext
        {
            
        }        
        
        .icoNext
        {
            float: right;
            background: transparent url('../../../__shared__/images/ico-but-next-white.svg') no-repeat 0 0;
            background-size: 20px;
            
        }
        
        
        
/************************************************/
/* košík - summary */
/************************************************/ 

.basketSummaryTitle, .basketSummaryPrice1Pc, .basketSummaryPieces, .basketSummaryPriceTotal, .basketSummaryDelete
{
/*    width: 20%;*/
    float: left;
}

.basketSummaryTitle
{
    font-weight: 600;
}

    .boxProductTitle
    {
        font-weight: 600;
    }

    .boxIsbn
    {
        margin-top: 4px;
        font-size: 85%;
    }

.wrapBasketSummaryImage img
{
    width: 40%;
}

.basketSummaryPieces
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;    
}

.basketSummaryPrice1Pc
{
    color: #848484;
    font-weight: 300;
    font-size: 85%;
}

.formBasketSummary .wrapTr:nth-child(2n+1)
{
    background: none;
}

.formBasketSummary .wrapTable, .formBasketSummary .wrapTr, .formBasketSummary .wrapTr .wrapBasketSummaryData , .formBasketSummary .wrapTr .wrapBasketSummaryData .basketSummaryPieces 
{
    overflow: visible;
}

input.basketSummaryPieces
{
    top: -10px;
    position: relative;    
    width: 50px;
}

    .unitPc
    {
        font-weight: 300;
        font-size: 85%;
    }
    
.basketSummaryPriceTotal 
{
    font-weight: 600;
}

.wrapTr .basketSummaryPriceTotal, .wrapTr .basketSummaryPrice1Pc, .wrapTr .basketSummaryPieces
{
    text-align: right;
}

.basketSummaryTitle a
{
    color: #5E9541;
    text-decoration: none;
}

.basketSummaryTitle a:hover
{
    text-decoration: underline;
}

.basketSummaryPrice1Pc, .boxBiDataPricePerUnit, .basketSummaryPieces, .basketSummaryPriceTotal, .basketSummaryDelete, .basketSummaryPriceTotal
{
    justify-content: flex-end;
}

    .basketIcoDelete
    {
        display: block;    
        float: none;
        width: 24px;
        height: 24px;

        margin: 0;   
        border: 0;

        background: transparent url('../../../__shared__/images/ico-delete-red.svg') no-repeat 0 0;
        background-size: cover;

        cursor: pointer;
        font-size: 0;
    }

    .basketIcoDelete:hover
    {
        background: transparent url('../../../__shared__/images/ico-delete-red.svg') no-repeat 0 0;
        background-size: cover;
    }

.basketSummaryTotal div
{
    font-weight: 400;
}

input:not([type="checkbox"]):not([type="radio"]).basketSummaryPieces
{
    border: 1px solid #5EB1BF;
}


.wrapTrSummaryTotal
{
    padding: 16px;
    background: #a2f4f6;
}


/************************************************/
/* košík - doprava a platba */
/************************************************/ 

.fieldsetTransportPayment
{
    padding: 0;
    margin: 0;
    background: none;
}


    .wrapFormTransportPayment
    {
        float: left;
        margin: 0;
        padding: 24px;
    }

        .boxFormTransportPayment
        {
            padding: 24px;
            background: #ecfdfd;
        }
        
            .boxFormTransportPayment h2
            {
                font-size: 125%;
            }        
        
            .itemFormTransportPayment
            {
                padding: 8px 16px;
            }
            
            .itemFormTransportPayment + .itemFormTransportPayment
            {
                margin-top: 6px;
            }    
            
                .itemFormTransportPayment div
                {
                    float: left;
                }
                
                .itemFormTransportPayment div + div
                {
                    text-align: right;
                }                

                    .radioTransport, .radioPayment
                    {
                        position: relative;
                        top: -2px;
                    } 

                    .itemFormTransportPayment label
                    {
                        margin-left: 0;
                        font-weight: 400;
                    } 
                    
                    .radioTransport + label, .radioPayment + label
                    {
                        margin-left: 8px;
                    }                                           
                    
                    .itemFormTransportPayment input[type=text], .itemFormTransportPayment input[type=textarea]
                    {
                        margin-top: 4px;
                    }
                    
            .itemFormTransportPayment + .itemFormTransportPayment.sectionFormItems
            {
                margin-top: 48px;
            }


/************************************************/
/* košík - adresy */
/************************************************/ 

.formAddress, .formAddress fieldset > div
{
    justify-content: center;
}

    .formAddress .wrapInput
    {
/*        width: 48%;*/
        margin: 0 0 24px;
        float: left;
    }
    
    .formAddress .wrapInput:nth-child(odd)
    {
/*        margin-left: 1%;*/
    }

    .formAddress .wrapInput:nth-child(even)
    {       
/*        margin-right: 1%;*/
    }    

    .formAddress .inputWrap label
    {
        padding-left: 12px;
    }
    
    .formAddress .inputBox
    {
        padding: 0 12px;
    }
    
    .formAddress .fieldsetAddressDelivery .wrapInput:nth-child(odd)
    {    
/*        
        margin-left: 0;
        margin-right: 1%;
*/        
    }    

    .formAddress .fieldsetAddressDelivery .wrapInput:nth-child(even)
    {       
/*        
        margin-right: 0;
        margin-left: 1%;
*/        
    } 
    
    .wrapCheckboxSameAddress
    {
        margin: 20px 0 30px;
    }
    
.errAdrMsg
{
    display: none;
    font-size: 70%;
    color: #cc0000;    
}    




.formBasketSummary
{
    margin-bottom: 1px;
    padding: 16px;
    background: #DAFAFC;
}

    .formBasketSummary fieldset 
    {
        margin: 0;
        padding: 0;
        background: none;
    }
    
    .formBasketSummary + .formBasketSummary fieldset 
    {
        padding-top: 0;
    }    
    
    .formBasketSummary:last-of-type fieldset 
    {
        padding-bottom: 12px;
    }      
    
.basketSummaryTotal .basketSummaryTitle, .basketSummaryTotal .basketSummaryPriceTotal
{
    font-weight: 600;
}    



.wrapLastProducts
{
    justify-content: center;
}

.wrapProducts > .formAddToBasket 
{
    display: none;
}

.boxCart fieldset
{
    margin: 0;
    padding: 0;
}

.wrapMore
{
    margin: 48px 0;
    justify-content: center;
}



.wrapSummryDph
{
    padding-top: 48px;
}