/* Nová obecná grafika */

:root {
	--colorPrimary: #404040 !important;                   /* MAIN BARVA - tlačítka */
	--colorPrimaryLight: #959595;           /* MAIN BARVA - svetla varianta - tlačitko hledat atd */	
	--colorPrimaryHover: #E2001A !important;               /* MAIN BARVA - hover - tlačítka */
	--colorSecondary: #404040 !important;              /* Druhá barva - třeba pozadí části HEAD */
	--colorTextDark: #231F20 !important;
	--colorTextPrimary: #E2001A/*#5CA5DB*/ !important;            /* TEXTY v hlavni barvě */
}

.SearchForm {
    --searchform-button-width: 4rem;
}

body {
	font-family: 'Souce Sans Pro', sans-serif;
	font-size: 13px;
	background-color: var(--colorGrey200);
}

.Base {
    padding-top: 12rem;
}

.MainNav {
    background-color: inherit;
    position: inherit;
    top: inherit;
	margin-top: 1.5rem;
}

.MainNav>ul>li:hover>a{
    color: var(--colorTextPrimary);
	background-color: initial;
}
.MainNav>ul>li:hover {
	border-radius: 22px 22px 0px 0px;
	background-color:var(--colorLight);
}

.MainNav>ul>li>a {
    height: 3rem;
	padding: 1.7rem;
	text-transform: initial;
}

.MainNav>ul>li {
    border-right: initial;
}



.Header-topNav>.Header-nav {
    margin-bottom: initial;
    padding: 10px 0px;
}

.Header-topNav>.Header-nav>ul {
    justify-content: end;
}

.Header-topNav>.Header-nav>ul>li {
    margin-left: 1.5rem;
	margin-right: initial;
}

.Header-topNav>.Header-nav a {
    color: var(--colorTextLight);
}



.SearchForm input.SearchForm-input {
    border-radius: 22px 0px 0px 22px;
}

.SearchForm-button {
	border-radius: 0px 22px 22px 0px;
	color: var(--colorTextLight);
    background-color: var(--colorPrimaryLight) !important;
}
.SearchForm-button>svg>path {
	fill:var(--colorLight);
}
.SearchForm-button>svg {
    width: 21px;
    min-width: 21px;
}




.ProductsSection-cat {
    border: initial;
    border-radius: 10px;
	padding: 1rem;
	color: var(--colorTextDark);
    font-weight: 600;
}

.ProductsSection-cat.active, .ProductsSection-cat:hover {
    color: var(--colorTextLight);
}
.ProductItem {
    background-color: var(--colorLight);
    border-radius: 10px;
}

.ProductItem-img {
    background-color: initial;
}


.CartSection-counter>span>svg>path {
    fill: var(--colorTextLight);
}

.ProductItem-button {
    border-radius: 0px 22px 22px 0px !important;
}

.Button--base, .Button--outline {
    padding: 0.5rem 1.8rem;
	border-radius: 22px;
}

.Button--outline {
    border: initial;
    background-color: var(--colorGrey400);
    color: var(--colorTextLight);
}


.ProductItem .ProductItem-count {
    height: 2.6875rem;
	left: 7px;
}

.CartSection-counter>input {
    background-color: var(--colorPrimary);
    color: var(--colorTextLight);
	padding: 0 0.3rem;
}

.CartSection-counter {
    width: 4rem;
	padding-right: 1.5rem;
}

.CartSection-counter>span {
    width: 1.5rem;
    padding: 0.5rem 0.3rem;
}

.ProductItem-footer {
    bottom: 10px;
}

.ProductsSection>.row>* {
    padding-right: calc(var(--bs-gutter-x)*1.5);
    padding-left: calc(var(--bs-gutter-x)*1.5);
    margin-top: calc(var(--bs-gutter-y)*0.8);
}

.ProductItem-img img {
    max-width: inherit;
}

.ProductItem-img p {
    background-color: hsl(0deg 0% 100% / 80%);
}

.ProductItem-img {
    background-color: initial;
    min-height: 17rem;
	padding: 10px;
}

@media (max-width: 79.999em){
	.ProductItem-img {
		min-height: 17rem;
	}
}

.ProductItem-img>.Labels {
    text-align: left;
    left: 0;
    right: inherit;
    padding-left: 0.9375rem;
    padding-right: inherit;
}

.ProductItem-img>.Labels>.Label {
    margin-bottom: 0.4375rem;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 6px;
}

.Label--action {
    background-color: #a65fff;
}


.DetailSection-imgLg {
    background-color: var(--colorLight);
    border-radius: 10px;
    height: inherit;
}

.DetailSection-viewButton {
    background-color: var(--colorLight);
    height: 6.5rem;
    border-radius: 10px;
}

.DetailSection-counter>input {
    background-color: var(--colorPrimary);
    color: var(--colorTextLight);
	padding: 0 0.3rem;
}

.DetailSection-counter {
    width: 4rem;
	padding-right: 1.5rem;
	margin-right: 2px;
	height: 2.82rem;
}

.DetailSection-counter>span {
    width: 1.5rem;
    padding: 0.5rem 0.3rem;
}

.DetailSection-counter>span>svg>path {
    fill: var(--colorTextLight);
}

.DetailSection-button {
    border-radius: 0px 22px 22px 0px;
}
.DetailSection-button>svg {
    width: 2rem;
    min-width: 2rem;
}


.FilterForm {
    border: initial;
    background-color: var(--colorLight);
    border-radius: 10px;
	font-size: 0.8rem;
}

.FilterForm-info>span {
    background-color: var(--colorPrimaryLight);
    border-radius: 10px;
    border: initial;
    font-size: 0.8rem;
	color: var(--colorTextLight);
    font-weight: 700;
}
.FilterForm-fieldset {
    padding: 1rem 1rem;
    border: initial;
}



.BlogItem {
    background-color: var(--colorLight);
    border-radius: 10px;
    overflow: hidden;
}

.BlogItem-img {
    margin-bottom: 1rem;
    height: 100px;
}
.BlogItem-info {
    background-color: initial;
}
.BlogItem-title {
    text-transform: initial;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0.75rem;
}
.BlogItem>p {
    padding: 0.25rem 0.75rem 1.25rem 0.75rem;
}


.BlogSection-title {
    text-align: initial;
    margin-bottom: 2rem;
}


.MainNav>ul>li>ul>li>a {
    text-transform: initial;
    font-weight: 800;
}

.MainNav>ul>li>ul {
    border-radius: 0px 0px 22px 22px;
}
.MainNav>ul {
    position: relative; /* není přes celou sirku rozbalovaci menu*/
}

.MainNav>ul>li:first-child>a {
    border-radius: 22px 0px 0px 0px;
}
.MainNav>ul>li:last-child>a {
    border-radius: 0px 22px 0px 0px;
}

footer {
    margin-top: 80px;
}

.CartSection-table td:first-child {
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
	border: initial;
}
.CartSection-table td:last-child {
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px; 
	border: initial;
}

.CartSection-table td {
    border: initial;
}
.CartSection-table tr td {
    background-color:var(--colorLight);
}


.Cart {
	padding: 2rem 1.25rem 1.5rem;
    border-radius: 22px;
}
.Cart-list {
    max-height: 24.125rem;
    padding: 0 1.25rem 0;
    margin: 0rem -1.25rem 1.25rem;
}

.Cart-list>li {
    border-bottom: initial;
    margin-bottom: initial;
}
.Cart-img img {
    max-width: 4rem;
    max-height: 4rem;
}
.Cart-img {
    background-color: initial;
}

.Cart-title>a {
    font-weight: 800;
    white-space: initial;
}
.Cart-title {
    text-transform: initial;
	padding-bottom: 2px;
	line-height: 1.2rem;
	min-height: 2rem;
}

.Cart-info {
    text-transform: initial;
}
.Cart-info {
    text-transform: initial;
    color: var(--colorTextPrimary);
    font-weight: 700;
}
.Cart-content {
    font-size: 0.9rem;
}

.Cart-price { /* nový styl */
    float: right;
}

.CartFreeShipping {
    color: var(--colorTextDark);
    background-color: initial;
    font-size: 0.9rem;
    font-weight: 800;
}

.CartFreeShipping strong {
    font-weight: 800;
    color: var(--colorTextPrimary);
}

.Shipping-no>.CartFreeShipping-bar {
    height: 0.5rem;
    border-radius: 10px;
}

.Shipping-no>.CartFreeShipping-bar>span {
    border-radius: 10px;
}
.BasketEmpty {
    font-size: 18px;
    font-weight: 600;
}

.Button--outline {
    font-weight: 600;
    text-transform: initial;
}

.modal-content {
    border-radius: 22px;
}
.LoginModal .modal-content, .CustomModal .modal-content, .AddressModal .modal-content {
    border-radius: 22px; /* idealne definici smazat - je zbytečná*/
}

.LoginModal-field input, .CustomModal-field input, .AddressModal-field input  {
    background-color: var(--colorGrey250) !important;
    border: 0px;
    border-radius: 22px;
}

.LoginModal-field>label>span, .CustomModal-field>label>span, .AddressModal-field>label>span  {
    padding-left: 8px;
    font-weight: 700;
}

@media (min-width: 75em){
	.LoginModal-title, .CustomModal-title, .AddressModal-title {
		font-size: 34px;
	}
}

.LoginModal-action, .CustomModal-action, .AddressModal-action {
    color: var(--colorTextLight);
    background-color: var(--colorPrimary);
    letter-spacing:  initial;
    text-transform:  initial;
    text-decoration:  initial;
    position:  initial;
    right:  initial;
    bottom:  initial;
    left:  initial;
    width:  initial;
    height:  initial;
}


.LoginModal #login-box>Button, .CustomModal .FavoriteItemsList-category {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
}

.LoginModal .modal-body, .CustomModal .modal-body, .AddressModal .modal-body  {
    padding: initial;
    margin: 2.5rem 1.5rem 1.5rem;
}

.LoginModal .modal-bottom, .CustomModal .modal-bottom, .AddressModal .modal-bottom{
	margin: 0 1.5rem 1.5rem;
}

.LoginModal .divider, .CustomModal .divider, .AddressModal .divider {
    height: 1px;
    background-color: var(--colorGrey400);
}

.LoginModal-link:hover {
        border-bottom: 0.0625rem solid var(--colorTextDark);
		transition: border-bottom-color .2s;
}

.LoginModal-link {
	border-bottom-color: transparent;
}

.LoginModal .modal-dialog {
    max-width: 22.375rem;
}

a.SetAddress:hover div.OrderSection-box{
    background-color: var(--colorGrey200);
}
a.SetAddress{
    cursor: pointer;
}
a.SetAddress div.OrderSection-box{
    margin-bottom: initial;
}


.FavoriteItemsList-category {
	margin-top: 10px !important;
}

.FavoriteItemsList-category:hover {
    color: var(--colorTextLight);
}

.Button {
    font-size: 18px;
    text-transform: initial;
}

.SearchForm .autoComplete_wrapper .SearchForm-list {
    border-radius: 22px;
}
.SearchForm .autoComplete_wrapper .SearchForm-list>li p {
    text-transform: initial;
}

.SearchForm .autoComplete_wrapper .SearchForm-list>li p {
    text-transform: initial;

}

.SearchForm .autoComplete_wrapper .SearchForm-list>li mark {
    font-weight: 800;
    color: var(--colorTextPrimary);
}

.SearchForm .autoComplete_wrapper .SearchForm-list>li {
    color: var(--colorTextDark);
    font-size: 14px;
}

@media (min-width: 75em){
	.CartSection-title {
		font-size: 34px;
		text-align: left;
	}
}

.CartSection-counter {
    height: 3rem;
}

.CartSection-delete {
    background-color: var(--colorGrey400);
    display: block;
    padding: 6px;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 22px;
}

.CartSection-delete img{
    filter: invert(100%);
}


.Header-loginDropdown {
    border-radius: 22px;
}

.Header-loginDropdown>ul {
    border-radius: 22px;
	background-color: initial;
}


.OrderSection-table tbody td:first-child {
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
	border: initial;
}
.OrderSection-table tbody td:last-child {
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px; 
	border: initial;
	text-align: right;
}

.OrderSection-table thead th:last-child {
	text-align: right;
}

.OrderSection-table tfoot {
	font-weight: 700;
}

.OrderSection-table tbody td {
    border: initial;
}
.OrderSection-table tbody tr td {
    background-color:var(--colorLight);
}

.OrderSection-box {
    border-radius: 10px;
    background-color: var(--colorLight);
}


.OrderSection-box input {
    background-color: var(--colorGrey200) !important;
    border: 0px;
    border-radius: 22px;
    line-height: 2rem;
    height: 2.75rem;
	padding: 0.5rem 1rem;
}

.OrderSection-box input:read-only {
    background-color: inherit !important;
}

.OrderSection-subtitle {
    font-weight: 700;
	padding-left: 20px;
}

.OrderSection .Form-field, .OrderSection .Form-field.LastInfo  {
    background-color: var(--colorLight);
    border-radius: 10px;
}
.OrderSection .Form-field.LastInfo {
    padding: 20px 10px;
}

.OrderSection .Form-field label>input, .OrderSection .Form-field textarea {
    border: 0px;
}

.OrderSection .Form-field.LastInfo span {
    font-weight: 700;
    font-size: 21px;
	padding-left: 13px;
}

.OrderSection .Form-field span {
    font-weight: 700;
	padding-left: 13px;
}

.OrderSection-table strong {
    font-weight: 700;
}

.OrderSection-sum {
    margin: 0;
    border-top: 1px solid var(--colorTextDark);
    padding: 1.5rem 0.75rem 3.5rem 0.75rem;
    font-weight: 700;
}

.OrderSection-sum>strong {
    font-weight: 900;
}


.Radio>span:before {
    background-color: var(--colorPrimaryHover);
    border: 0.0625rem solid var(--colorPrimaryHover);
}
.Radio>input[type=radio]:checked+span:before {
    background-color: var(--colorPrimary);
    border: 0.0625rem solid var(--colorPrimary);
}


.Radio>span:after {
    background-color: var(--colorLight);
	width: 9px;
    height: 9px;
    top: -1px;
    left: -1px;
}


.DetailSection-imgLg img {
	max-width: inherit;
}


@media (max-width: 61.999em){
	.SearchForm {
		padding: 0rem 1rem 1rem;
		background-color: var(--colorPrimary);
	}
}


.RespoNav-box a {
    padding: 12px 20px;
   	text-transform: initial;
	font-weight: 700;
    font-size: 1rem;
}
.RespoNav-box li, .RespoNav-box ul[data-id="0"] li:first-child {
   margin-bottom: 0rem;
}

.Header-opener {
    background-color: var(--colorPrimary);
}

.RespoNav {
    top: 0;
    padding: 0rem 0rem;
	border-radius: 0 0 10px 0;
	background-color: inherit;
}
.RespoNav nav{
    /*background-color: var(--colorLight);*/
}
.RespoNav .RespoNav-bottom nav{
	background-color: var(--colorLight);
    border-radius: 0 0 10px 0;
}

@media (max-width: 35.999em){
	.RespoNav {
		padding: 0rem 0rem;
	}
}

.RespoNav-box li:nth-child(2n+1), .RespoNav-bottom>nav>ul>li:nth-child(2n+1)  {
    background-color: var(--colorGrey200);
}
.RespoNav-title {
    font-size: 17px;
    font-weight: 900;
	padding: 20px 20px 10px 20px;
    margin: 0;
	background-color: var(--colorLight);
}
.RespoNav-bottom>nav>ul>li {
    margin: 0;
    padding: 12px 20px;
}

.RespoNav-box {
    max-height: 100%;
    height: 400px;
    padding-bottom: 10px;
}
.RespoNav .multi-menu-arrow {
    right: 20px;
}
.RespoNav-box ul {
    bottom: 0rem;
}

.Header-lang {
    right: 20px;
}

.RespoNav .multi-menu-back>a {
    padding: 0;
    background-color: var(--colorPrimaryHover);
	color: var(--colorLight);
}
.RespoNav .multi-menu-title {
    background-color: var(--colorPrimaryHover);
    color: var(--colorLight);
}

@media (max-width: 61.999em){
	.CartSection-table td:nth-child(2) {
		border-radius: 10px;
		border: 0;
	}
}

.OrderSection-bottom .Button {
    border: 0;
}

@media (max-width: 61.999em){
	.OrderSection-bottom .Button {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 61.999em){
	.Header-cart>svg>path {
		fill: var(--colorTextLight);
	}
	.Header-login>svg>path {
		fill: var(--colorTextLight);
	}
	.Header-search>svg>path {
		fill: var(--colorTextLight);
	}
}

@media (min-width: 75em){
	.AccountSection-title {
		font-size: 34px;
	}
}


.AccountSection-table tr td {
	background-color: var(--colorLight);
}

.AccountSection-table tr:nth-child(2) td:first-child {
    border-top-left-radius: 10px; 

}
.AccountSection-table tr:nth-child(2) td:last-child {
    border-top-right-radius: 10px; 

}
.AccountSection-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px; 
}
.AccountSection-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px; 
}
.AccountSection-table tr:last-child td {
	border: 0;
}
.AccountSection-table td {
    border-bottom: 0.0625rem solid var(--colorGrey250);
}

.MenuNav-title {
    background-color: initial;
    color: initial;
    font-weight: 800;
    text-transform: initial;
    font-size: 34px;
	padding: 0rem 1.5rem;
}

.MenuNav-list {
    border: 0;
    font-weight: 600;
}

.MenuNav .active a {
    font-weight: 700;
}

/* Co je nutno pridat do stylu obecně */

.DetailSection-producer {
	max-width: inherit;
}


@media (max-width: 79.999em) {
	.MainNav>ul>li>ul {
		height: inherit;/*height: calc(100vh - 13rem); staci toto smazat*/ 
		overflow-y: auto;
	}
}

.Label-storno{
	padding-left: 0.9375rem !important;
	text-align: center !important;
	top: inherit !important;
}


@media (min-width: 75em){
	.DetailSection-title, .Content h1 {
		font-size: 34px;
	}
}


.AccountSection-title, .DetailSection-title, .Content h1 {
    font-weight: 800;
}


.DetailSection-info a, .DetailSection-desc a {
    border: none;
    font-weight: 700;
}
.DetailSection-desc a {
	color: var(--colorTextPrimary);	
}

.DetailSection-producer {
    color: var(--colorTextDark);
}
.DetailSection-producer p>span {
    font-weight: 700;
}
.DetailSection-desc {
    margin-bottom: 1rem;
}
.DetailSection-price>strong {
    font-weight: 800;
}

.DetailSection-stock {
    display: inline-flex;
}

.DetailSection-title {
    margin: 0.5rem 0 0.5rem;
}


.DetailSection-bottom2 {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
	margin-top: 30px;
}


.DetailSection-pricesDetail {
    background-color: var(--colorLight);
    border-radius: 10px;
    padding: 1rem;
}


.LabelIcon--favourite, .LabelIcon--sendMail {
    color: none; /*cele neni potreba*/
}
.LabelIcon>span {
    background: inherit;
    position: inherit;
    padding: 0;
}
.LabelIcon {
    border: none !important;
    padding: 0;
    margin-left: 30px;
}
.InfoSection .nav-tabs {
    background-color: var(--colorLight);
    border-radius: 22px;
    border: 0;
}
.InfoSection .nav-tabs button.active {
    background-color: var(--colorPrimaryHover);
}

.InfoSection .nav-tabs button {
    color: var(--colorTextDark);
    font-weight: 600;
	border-right: 2px solid var(--colorGrey200);
}
@media (min-width: 75em){
	.InfoSection .nav-tabs button {
		font-size: 21px;
	}
}
.InfoSection .nav-tabs button:after {
    background-color: inherit;
}

.ReviewModal .modal-content {
    border-radius: 22px;
    background-color: var(--colorLight);
}

.ReviewForm-title {
    text-align: center;
    font-size: 34px;
    font-weight: 800;
}

.ReviewForm-bottom {
    text-align: center;
    display: inherit;
    margin-top: 25px;
}

.ReviewForm-bottom .Button {
    margin-top: 20px;
}

@media (min-width: 36em){
	.ReviewModal .modal-body {
		padding: 30px 30px;
	}
}
.ReviewForm-box .Form-field input, .ReviewForm-box .Form-field textarea {
    background-color: var(--colorGrey200) !important;
    border: 0px;
    border-radius: 22px;
}
.choices__inner {
    background-color: var(--colorGrey200);
    border-radius: 22px;
    border: 0;
}


@media (max-width: 61.999em) {
	.Base {
		padding-top: 6.5rem;
	}
}
@media (max-width: 35.999em) {
	.Header {
		height: 5.5rem;
	}
	.SearchForm {
		top: 5.5rem;
	}
	.Base {
		padding-top: 5.5rem;
	}
}
@media (max-width: 35.999em){
	.SearchForm .autoComplete_wrapper .SearchForm-list {
		left: 0;
	}
}

.Header-login>svg {
    width: 2rem;
	margin-right: 0;
}
.Header-login>svg>path {
    fill: var(--colorLight);
}
.Header-login {
    margin-right: 0;
}
.Header-cart>svg {
    width: 2rem;
}
.Header-cartCount {
    left: 23px;
    bottom: 23px;
    width: 1.5rem;
    height: 1.5rem;
    top: initial;
    right: inherit;
	line-height: 1.7em;
	font-weight: 800;
}
.Header-cart {
    justify-content: left;
}
@media (max-width: 61.999em){
	.Header-cartCount {
		bottom: 18px;
	}
}

.Header-opener>div {
    width: 1.7rem;
    height: 0.2rem;
    border-radius: 2rem;
    margin: 0.2rem 0;
}



.Button>svg path {
    fill: var(--colorLight);
}
.ProductsSection-filterOpener>svg {
    width: 1.5rem;
    min-width: 1.5rem;
}
.ProductsSection-filterOpener {
    display: inline-flex;
}
.ProductsSection-filterOpener>svg {
    margin-right: 1rem;
}
.ProductsSection-filter {
    text-align:center
}
.ProductsSection-filter>aside {
    text-align:left
}

.Breadcrumbs a {
    text-decoration: none;
}
.Breadcrumbs a:hover {
    text-decoration: underline;
}

.Breadcrumbs svg {
    width: 21px;
    min-width: 21px;
	position: relative;
    top: 5px;
}

.Breadcrumbs, .Breadcrumbs a, .Breadcrumbs svg path {
    color: var(--colorGrey400);
    font-weight: 700;
}
.Breadcrumbs svg path {
    fill: var(--colorGrey400);
}
.Breadcrumbs a:hover {
    color: var(--colorTextDark);
}
.Breadcrumbs svg:hover path {
    fill: var(--colorTextDark);
}

.ProductsSection-filter .FilterForm-fieldset .Select {
    background-color: var(--colorGrey250) !important;
    border: 0px;
    border-radius: 22px;
}

#Left-ColumnLayout .FilterForm-fieldset .Select {
    background-color: var(--colorGrey250) !important;
    border: 0px;
    border-radius: 22px;
}

.SearchForm .autoComplete_wrapper .SearchForm-list>li[role=searchAll] {
    background-color: var(--colorGrey400);
    text-transform: initial;
    font-weight: 600;
    font-size: 18px;
    color: var(--colorTextLight);
}

.out-of-stock-DLAZDICE, .on-stock-DLAZDICE, .on-stock-limited-DLAZDICE, .stock-to-order-DLAZDICE{
    padding: 1px 11px 0px 11px;
    color: var(--colorTextLight);
    border-radius: 10px;
    margin: 4px 0px;
    font-size: 11px;
}
.out-of-stock-DLAZDICE{
    background-color: var(--colorOutOfStock);
}
.on-stock-DLAZDICE{
    background-color: var(--colorOnStock);
}
.on-stock-limited-DLAZDICE{
    background-color: var(--colorOnStock);
}
.stock-to-order-DLAZDICE{
    /*background-color: var(--colorStockToOrder);*/
	/*background-color: var(--colorStockOnTheWay);*/
	background-color: #00e608;
}

.ProductItem-info>span.price {
    font-weight: 800;
    font-size: 17px;
    color: var(--colorPrimary);
}
.ProductItem-title {
    font-weight: 700;
    font-size: 18px;
	min-height: 54px;
}

.ProductItem-button>img {
    width: 1.8rem;
    min-width: 1.8rem;
}

.CartSection-pricing p {
    font-size: 1rem;
	font-weight: 600;
}
.CartSection-pricing span {
    min-width: 13rem;
}
.CartSection-pricing p:last-child {
    font-weight: 800;
}
.CartSection-pricing p:last-child>span {
    font-size: 1.5rem;
}
.CartSection-pricing {
    margin-right: 30px;
}
.CartSection-pricing p:first-child {
    font-size: 1rem;
    color: inherit;
}

.OrderSection-bottom a.Button--outline {
    color: var(--colorTextLight);
}

.OrderSection-action a {
    color: var(--colorTextLight);
    border: 0;
    padding: 2px 20px;
    font-size: 13px;
	margin-left: 1rem;
}

.Checkbox>span:before {
    background-color: var(--colorPrimary);
    border: 0;
}
.Checkbox>span:after {
	background:none;
    background-color: var(--colorLight);
}

.FilterForm-group .Checkbox>span:before {
    background-color: var(--colorPrimaryLight);
}

.Pagination>a, .Pagination>span {
    font-weight: 700;
}

.Pagination>span {
    color: var(--colorPrimaryLight);
}

.Pagination .Pagination-arrow-last>svg, .Pagination .Pagination-arrow-first>svg{
	    padding: 3px;
}
.Pagination a.Pagination-arrow-last>svg>polygon, .Pagination a.Pagination-arrow-first>svg>polygon{
	fill: var(--colorPrimary);
}
.Pagination span.Pagination-arrow-last>svg>polygon, .Pagination span.Pagination-arrow-first>svg>polygon{
	fill: var(--colorPrimaryLight);
}
.Pagination .Pagination-arrow-last{
	    margin-left: 10px;
}
.Pagination .Pagination-arrow-first{
	    margin-right: 10px;
}
.Pagination {
    margin-right: 20px;
}

.ProductItem-title>a {
    white-space: normal;
}

.AddressEdit{
    text-align: end;
}
.AddressEdit a{
    padding: 2px 20px;
    font-size: 13px;
}



@media (max-width: 61.999em){
	.ProductsSection-bottom .Pagination {
		margin-right: 0;
	}
}
.ProductItem-delete{
    text-align: center;
    display: block;
	margin-top:20px;
}
.ProductItem-delete span {
    background-color: var(--colorGrey400);
    display: inline-flex;
    padding: 6px;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 22px;
	cursor: pointer;
}

/* pro detail produktu - dokumenty popis atd*/
.InfoSection .tab-content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

span.IndividualTransferFee{
	display: inline-block;
    border: 1px solid var(--colorGrey400);
    color: var(--colorGrey400);
    font-size: 11px;
    text-transform: initial;
    border-radius: 10px;
    font-weight: bold;
    padding: 1px 11px 0px 11px;
}

.genImgOk{
	display: none;
}
.genImgSouhrn, .genImgSouhrnChyba{
	font-weight:bold;
}
.genImgSouhrnChyba{
	color:red;
}

/*==============================*/
/*==============================*/
/* Hailo úpravy barev a dalšího */
/*==============================*/
/*==============================*/
/*==============================*/
:root {
	--colorFooterRed: #FFFFFF;
}


.Header, .Header-box {
    background-color: var(--colorLight);
}

.Header-cart>svg>path, .Header-login>svg>path {
    fill: var(--colorPrimary);
}


.Header-cart {
    color: var(--colorPrimary);
    background-color: var(--colorTextLight);
}
.Header-cartCount {
    color: var(--colorTextLight);
    background-color: var(--colorPrimary);
}
	
.Footer-main, .Footer-nav a, .Footer-top, .Footer-advise a {
    color: var(--colorTextDark) !important;
}

html {
   font-size: 14px;
}

.InfoSection .nav-tabs button.active {
    background-color: var(--colorPrimaryLight);
	color: var(--colorTextLight);
}
.BannerSection .swiper-pagination-bullet{
	color: var(--colorTextDark);
    background-color: var(--colorLight);
}
.BannerSection .swiper-pagination-bullet-active{
	color: var(--colorTextDark);
    background-color: var(--colorPrimaryLight);
}

.BannerSection .swiper-slide picture>img{
    width: 100%;
}

.headroom--not-top .Header-logo {
    top: 1rem;
}

.Header-logo img {
     width: 4rem;
}
.Header-logo {
    padding-top: 1rem !important;
	margin-left: 2rem;
	margin-right: 0px;
	min-width: 14rem;
}


.Header-logo img, .Header-logo .Header-logo-text {
    display: inline-block;
	vertical-align: middle;
}

.Header-logo .Header-logo-text {
    border-left: 1px solid var(--colorLight);
    margin-left: 8px;
    padding-left: 8px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    color: var(--colorLight);
}


.Notify-success, .Notify-advise, .Notify-warning {
    border: 0px;
    border-radius: 10px;
}

.MainNav>ul>li>a {
	/*text-transform: lowercase;*/
	font-size:1rem;
	font-weight: 400;
}


.adressMain {
    color: var(--colorGrey400);
}
.adressMain h3 {
    text-align: center;
}
strong.greyTitle {
    color: var(--colorGrey400);
}

.AvailabilitySidebar-header {
    background-color: var(--colorGrey250);
}

/* banner max vysoký - roztažený */
/*
.BannerSection .swiper-slide picture {
    height:288px;
}

.BannerSection .swiper-slide picture>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
*/

/* MainMenu PersonalMenu */
.MainNav li.userMenu svg{ height: 2.5rem;}
.MainNav li.userMenu { width: inherit;}
.MainNav li.userMenu a { padding: 0px 15px;}

.MainNav>ul>li.userMenu svg path {
    fill: var(--colorLight);
}
.MainNav>ul>li.userMenu:hover svg path {
    fill: var(--colorTextPrimary);
}

/* odkazy na titulce po prihlaseni*/
.BenefitSection .BenefitItem:hover{
	background-color: var(--colorPrimaryHover);
	color: var(--colorTextLight);
	cursor: pointer;
}
.BenefitSection .BenefitItem {
    min-height: 9em;
	border-radius: 10px;
    background-color: var(--colorLight);
}
.BenefitSection .BenefitItem-img {
    max-width: 4rem;
}
.BenefitSection a {
    text-decoration: none;
    color: inherit;
}
.BenefitItem:before {
    border: initial;
}

.BenefitSection .BenefitItem svg path  {
    fill: var(--colorTextDark);
}
.BenefitSection .BenefitItem:hover svg path  {
    fill: var(--colorTextLight);
}
.BenefitSection {
    margin: 2.5rem 0;
}

.Footer-main {
    background-color: var(--colorFooterRed) !important;
	padding-top: initial;
}

@media (max-width: 61.999em) {
	.Header-logo {
		padding-top: 0 !important;
	}
	.Header-logo img {
		width: 4rem !important;
	}
}

@media (max-width: 35.999em){
	.Header-logo {
		margin-left: 0.5rem;
		min-width: 12rem;
	}
	.Header-logo img {
		width: 3rem !important;
	}
	.Header-logo .Header-logo-text {
		font-size: 8px;
	}
}





/* MENU / pocet sloupcu */
.MainNav>ul>li>ul>li {
    width: 25%;
}

.MainNav>ul>li.userMenu>ul>li {
    width: 33.3333%;
}
@media (max-width: 79.999em) {
	.MainNav>ul>li>ul>li {
		width: 33.3333%;
	}
}