/** upravy designu **/
nav, main, footer:not(.panel-footer) {max-width: 1920px; margin: 0 auto !important;}
footer:not(.panel-footer) {margin-top: 2rem !important;}

@media (min-width: 768px) {
    .image-cards-grid {
        grid-auto-rows: calc(4rem + 20vw);
    }
}

.article-main-layout {width: 100%;}
.image-cards h2 {white-space: initial;font-size: 1.6rem;height: 3.2rem;line-height: 1.6rem;}

.uk {height:44px;}
/** end of upravy designu **/


.ea-cart-count {margin-left: 8px;position: absolute;width:1.5rem;height: 1.5rem;font-size: 12px;border-radius: 50%;color:#333;background: #FFF;text-align: center;line-height: 1.5rem;border: 2px solid rgb(138 139 138 / 1);}


main {padding-bottom: 40px;}

main .btn {background: rgb(138 139 138 / 1);border: none;border-radius: 0.5rem;color: #a90d30;display: inline-block;font-size: 1rem;font-weight: 600;padding: 1em 2em;position: relative;text-decoration: none;-moz-transition: all .15s ease-out;-o-transition: all .15s ease-out;-webkit-transition: all .15s ease-out;transition: all .15s ease-out;cursor: pointer;margin-right: 5px;margin-bottom: 5px;}
main .btn-primary {background: rgb(138 139 138 / 1);color: #fff;}
main .btn:hover {background: #333333;color: #ffffff;}

main h2 {text-align: center;margin-top: 2rem;margin-bottom: 2rem;font-weight: bold;font-size: 2rem;}

main table {caption-side: bottom;border-collapse: collapse;width: 100%;}
main table td,
main table th {text-align: left;padding: .5rem .5rem;border-bottom: 1px solid #dcdcdc;}

main form footer {padding-top: 0}

main .well-lg h3 {border: 1px solid #dcdcdc;border-radius: 0.5rem;padding: 3rem;font-size: 1.2rem;margin: 0;margin-top: 2rem;}
main .map {padding-left: 2rem;}
main .map table td:last-child {width: auto}

.alert {background: #ffa514;color:#ffffff;font-weight: bold;margin-bottom: 20px;padding:15px 30px;border-radius: 8px;}
.alert button {display: none;}



/** order page **/
.ea-col-3 {width:25%;padding: 1rem;}
.ea-col-9 {width:75%;padding: 1rem;}
.list-group {}
.list-group a {display: block;border: 1px solid #dcdcdc;padding: 0.5rem 1rem;border-bottom: 0;}
.list-group a:last-child {border-bottom: 1px solid #dcdcdc;}
@media screen and (max-width: 767px){
    .ea-col-3, .ea-col-9 {width: 100%;}
}
/** end of oreder page **/

.ea-card-icon {position: relative;}
.ea-card-icon strong {position: absolute;background: #fff;color: #a90d30;top: 5px;border-radius: 50%;width: 30px;height: 30px;display: inline-block;line-height: 30px;font-weight: 400;}

/** multiselect & sell form **/
.ea-group-select-quantity {}
#quantity,
.ea-group-select-quantity {display: flex;align-items: center;gap: 8px;width: 100%;}
#quantity span,
.ea-group-select-quantity .ea-minus,
.ea-group-select-quantity .ea-plus {flex: 0 0 60px;height: 60px;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;color:#ffffff;font-weight: bold;font-size: 20px;border-radius: 8px;}
#quantity span#ea-plus,
.ea-group-select-quantity .ea-plus {background: #0da982;}
#quantity span#ea-minus,
.ea-group-select-quantity .ea-minus {background: #a90d30;}
#quantity span#ea-plus:hover,
#quantity span#ea-minus:hover,
.ea-group-select-quantity .ea-minus:hover,
.ea-group-select-quantity .ea-plus:hover {background: #ffa514;}

#quantity input,
.ea-group-select-quantity input {flex: 1 1 auto;height: 60px;text-align: center;border: 0;box-shadow: none;}

#ea-multiselect {margin-top: 3rem;}
#ea-multiselect h2 {font-weight: bold;margin-bottom: 2rem;font-size: 2rem;}
#ea-multiselect .image-cards-grid {grid-auto-rows: auto}
#ea-multiselect .col-3 {padding-bottom: 60px;position: relative;}


article .panel {display: flex;align-items: center;gap: 8px;width: 100%;margin: 30px 0;}
article .panel label {display: none}
article .panel button[type="submit"] {height: 60px;padding: 0 20px;}
/** end of multiselect & sell form **/

/** detail **/
.blog-article--date {padding-right: 20px;}
.blog-article--date.price::before {background: url(../img/tag-solid-full.svg);background-repeat: no-repeat;}
/** end of detail **/

/** cart **/
.ea-hide {display: none;}
.ea-card-items .label {background: rgb(138 139 138 / 1) !important;color: #fff !important;padding: 0.3rem 0.5rem;font-weight: 600;font-size: 0.6rem;border-radius: 0.5rem;}
.ea-card-items .btn {padding: 5px 15px;font-size: 0.9rem;background: none;}
.ea-card-items .btn:hover {color:#000000;}

#ea-voucher .form-group {display: flex;align-items: center;gap: 8px;width: 100%;}
#ea-voucher input {border: 1px solid #dcdcdc; border-radius: 0.5rem;flex: 1 1;display: flex;}
#ea-voucher button {border: 1px solid #dcdcdc; border-radius: 0.5rem;flex: 0 1 140px;display: flex;line-height: 50px;padding: 5px 30px;}
#ea-voucher input,
#ea-voucher button {height: 60px}
table tr td:last-child,
.ea-w-120 {width: 100px;}

#payment-list,
#delivery-list,
.ea-order {max-width: 660px;margin: 0 auto;padding-bottom: 20px;}
#e-card .col-12 {width: 100%;}
#delivery-list .btn {width: calc(50% - 5px);}
.ea-order input {display: block;width: 100%;padding: .375rem .75rem;border-radius: 0.5rem;border: 1px solid #dcdcdc;box-sizing: border-box;margin-bottom: 1rem;}
.ea-order label[for=pozn],
.ea-order textarea {display: none;}
.ea-order .row:last-child .btn {margin-top: 25px;}
.ea-order .row:last-child .col-md-9 {display: flex;align-items: center;}
.ea-order .row:last-child .col-md-9 input[type="checkbox"] {position: absolute;opacity: 0;}
.ea-order .row:last-child .col-md-9 label {position: relative;padding-left: 40px;cursor: pointer;line-height: 34px;}
.ea-order .row:last-child .col-md-9 label::before {content: "";position: absolute;left: 0;top: 2px;width: 26px;height: 26px;border: 2px solid #6c757d;border-radius: 4px;background: #fff;transition: all 0.2s ease;}
.ea-order .row:last-child .col-md-9 label::after {content: "";position: absolute;left: 10px;top: 10px;width: 6px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg) scale(0);transition: transform 0.15s ease;}
.ea-order .row:last-child .col-md-9 input:checked + label::before {background: #0d6efd;border-color: #0d6efd;}
.ea-order .row:last-child .col-md-9 input:checked + label::after {transform: rotate(45deg) scale(1);}
.ea-order .row:last-child .col-md-9 input:focus + label::before {box-shadow: 0 0 0 3px rgba(13,110,253,.25);}
.ea-order .row:last-child .col-md-9 label:hover::before {border-color: #0d6efd;}
.ea-order .row:last-child .col-md-9 label a {text-decoration: underline;}

@media screen and (max-width: 767px) {
    main {padding: 5px 15px;}
    .ea-card-items th,
    .ea-card-items td:nth-child(3),
    .ea-card-items td .label {display: none}

    .ea-card-items td {display: block;width: 100% !important; border: none;padding: 4px 10px;}
    .ea-card-items tr td:last-child {border-bottom: 1px solid #dcdcdc;text-align: right;}
}

/** end of cart **/

body {overflow-x: hidden;}
main > p {margin-bottom:0.6rem;}
main > h3,
main > h1 {font-weight:bold;margin-bottom:1rem;text-align:center;}