.hidden { display: none }

table, table td, table th { border-color: #dee2e6 }
.table td, .table th, table td, table th { line-height: 1.615; padding: 6px 10px; vertical-align: middle; border-top: 1px solid #dee2e6 }
.table th, table th, .table tr:first-child td { border-top: none; vertical-align: bottom }
table tbody:first-child tr:first-child td { border-top: none }

label input[type="checkbox"] { vertical-align: top; margin: 2px 3px 0 0 }

h2 a { color: #252525; transition: color .3s }
h2 .small { font-size: 18px }
h2 .arrow { display: inline-block; font-size: 18px; margin: 0 5px }
h2 .selected { text-decoration: none; cursor: default; pointer-events: none }

table.cart .image { display: flex; align-items: center; float: left; font-weight: 600; color: #252525; text-decoration: none }
table.cart td:empty { padding: 0 }
table.cart .image:hover { color: #65829d }
table.cart .image div { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; flex-shrink: 0 }
table.cart .image img { max-height: 100% }
table.cart input.count { display: inline-block; text-align: center; width: 60px; padding-right: 7px; padding-left: 7px; margin: 0 }
table.cart label { font-weight: 600; margin: 5px 0; cursor: pointer; line-height: 1.5 }
table.cart label small:not(:empty) { display: block; font-weight: 400; font-size: 12px; margin: 0 }
table.cart .radio { vertical-align: top; margin: 4px 0 0 -8px; cursor: pointer }
table.cart .price_label { transition: none; margin: 0 0 0 10px }
table.cart .btn-remove::before { font-size: 22px; font-weight: 500; content: 'Ă—'; color: #555; padding: 5px; transition: color .3s ease }
table.cart .btn-remove:hover::before { color: #c82333 }

form.cart #step2 table.cart tr.disabled * { color: #ccc; cursor: unset }
form.cart #step2 table.cart tr.disabled .price_label { display: none }

form.cart fieldset > label:first-child { margin: 0 }
form.cart fieldset > label, form.cart fieldset > label input { cursor: pointer }
form.cart fieldset > label { line-height: 26px }
form.cart fieldset > label input { vertical-align: top; margin: 7px 5px 0 0 }
form.cart fieldset > strong, form.cart fieldset > label > strong, form.cart #step2 strong { display: inline-block; font-weight: 700; font-size: 1.8rem; color: #252525; margin: 0 0 1.8rem 0 }
form.cart #step2 strong { margin: 0 }
form.cart #step4 fieldset > strong { display: inline-block; margin: 25px auto 0 auto }
form.cart #step4 table label { text-align: right }

.na_objednavku label, .na_objednavku label * { cursor: pointer }
.na_objednavku label { cursor: pointer; margin: 4px 4px 0 4px }
.na_objednavku input { width: auto; margin: 0 5px 0 0; vertical-align: middle; position: relative; top: -2px }

table.order td { padding: 0 5px 0 0; border: none; vertical-align: top }

ul.params { margin: 0 }

label { margin: 0 0 4px 0 }

.article, .params { line-height: 1.615 }
.article { text-align: justify }
.article h2 { font-size: 26px }
.article a:not(.btn) { text-decoration: underline }
.article ul, .article ol { margin: 0 0 20px 0; padding: 0 0 0 25px }
.article ul { list-style: unset }
.article br + br { display1: none }

.product-default { height: 100%; display: flex; flex-direction: column; align-items: stretch; padding-bottom: 40px; margin: 0 }
.product-default figure { height: 200px; padding: 15px; background-colora: #eee; flex-shrink: 0; margin: 0 0 12px 0; border: 1px solid #e6e6e6 }
.arrived-products .product-default figure { height: 180px }
.product-default figure a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; background-color: #fff }
.product-default figure img { width: auto; max-height: 100% }
.product-default figure .yt { position: absolute; right: 14px; top: 10px; width: 32px; height: 32px; background-image: url(/assets/images/yt.png); pointer-events: none; z-index: 1 }
.product-default .product-details { display: flex; flex-direction: column; height: 100% }
.product-default .product-details .product-title { margin-bottom: 12px }
.product-default .product-details .price-box { margin-top: auto }
.product-default .product-details .params:empty { display: none }

.product-single-details .images { width: 100% }
.product-single-details .images td { text-align: center }
.product-single-details .images img { display: inline }
.product-single-details .product-title { font-size: 26px; margin: 0 }
.product-single-details .form-group { margin: 0 0 20px 0 }
.product-single-details label { font-weight: 700 }
.product-single-details .select-custom { display: inline-block; margin: 0 }
.product-single-details .select-custom select { margin: 0 }
.product-details .params { margin: 0 0 15px 0 }
.product-details .params span { font-weight: 600 }

.minicart .menu .products a { width: 100%; display: flex; align-items: center; color: #797979; margin: 0 0 12px 0; font-size: 12px; line-height: 17px; font-weight: 400 }
.minicart .menu .products a .image { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 10px 0 0; flex-shrink: 0 }
.minicart .menu .products a .image img { max-height: 100% }
.minicart .menu .products a .title { display: flex; width: 100%; text-transform: none }
.minicart .menu .products a .title strong { transition: all 0.3s ease-in-out }
.minicart .menu .products a:hover .title strong { color: #65829d }
.minicart .menu .products a .title .price { margin-left: auto; padding: 0 0 0 10px; font-weight: 700 }

.free-postage-bar { font-size: 13px; line-height: 18px; margin: 15px 0 -3px 0; padding: 10px 0 0 0; border-top: 1px solid #e6e6e6 }
.free-postage-bar .free-postage-sum { display: block; text-align: right; color: #bbb }
.free-postage-bar div { height: 8px; background: #e6e6e6 }
.free-postage-bar div div { background: #65829d }
.free-postage-bar .current-sum { display: block; text-align: right; color: #65829d; white-space: nowrap }

.minicart .menu .notice, .free-postage-bar-container .notice { font-size: 13px; line-height: 18px; font-weight: 700; text-align: center; color: #797979; margin: 15px 0 0 0; padding: 10px 0 12px 0; border-top: 1px solid #e6e6e6 }
.minicart .menu .btn { display: block; font-weight: 400 }

.free-postage-bar-container { max-width: 470px; margin: 0 auto }
.free-postage-bar-container .free-postage-bar { border: none; padding: 0 }
.free-postage-bar-container .notice { border: none; padding: 0; margin: 10px 0 25px 0 }

.ral-colors { margin-bottom: 15px }
.ral-colors .color-pick { display: flex; flex-wrap: wrap }
.ral-colors .color-pick .color { width: 32px; height: 32px; margin: 1px; cursor: pointer }
.ral-colors .color-preview .color-title { margin: 0 0 10px 0 }
.ral-colors .color-preview .color { width: 100%; height: 0; padding-top: 100%; transition: all 0.2s ease-in-out }

.page-item.active .page-link { border-color: #65829d; background-color: #65829d; color: #fff }

.swal2-shown { padding-right: unset !important; overflow-y: unset !important }
.swal2-popup { width: 550px !important; padding: 22px 25px !important }
.swal2-popup .swal2-content { font-size: 14px; line-height: 22px; cursor: default }
.swal2-popup .swal2-actions { margin-top: 15px }
.swal2-popup .swal2-actions .swal2-styled { font-size: 14px; line-height: 22px; height: auto; padding: 10px 28px; box-shadow: none; cursor: pointer }

.banners-section .row { margin-bottom: -30px }
.banners-section .banner { margin-bottom: 30px }

@media (max-width: 767px) {
  .product-single-gallery img { max-height: 250px }

  h2 .selected, h2 .small { display: block; margin: 5px 0 7px 0 }
  h2 .arrow { display: none }

  table.cart .image div { margin: 0 5px 0 0 }

  #step1 table.cart td { padding-left: 0 }
  #step1 table.cart td:nth-child(3),
  #step1 table.cart td:nth-child(4),
  #step1 table.cart td:last-child { padding-right: 0 }
  #step1 table.cart input.count { width: 50px }

  .minicart .menu { display: none !important }
}