/*** HP.horní bannery ***/
.col-sm-4{
	display: none;
	}

@media screen and (min-width: 768px)
{
	.col-sm-4{
		display: block;
		}
}

/*** hp USP ***/
.benefitBanner strong{
	display: block;
	font-size: 1.4rem;
	}

.benefitBanner span{
	display: block;
	font-size: 1.15rem;
	}


/*** hp-bestsellery ***/
/* prozatimne skryto, po přepnutí šablony deaktivovat v administraci a zde smazat */
.homepage-group-title.homepage-products-heading-2.h4,
.homepage-group-title.homepage-products-heading-6.h4,
.has-navigation[data-editorid="homepageProductGroup-2"],
.has-navigation[data-editorid="homepageProductGroup-6"]{
	display: none;
	}


/*** hp spodní bannery ***/
.footer-banners .footer-banner a,
.footer-banners .footer-banner img{
	display: block;
	margin: auto;
	}

.footer-banners div{
	padding-bottom: 5px;
	}

@media screen and (min-width: 500px)
{
	.footer-banners{
		display: flex;
		flex-wrap: wrap;
		}

	.footer-banners .footer-banner{
		width: 50%;
		}

	.footer-banners div:nth-child(1){
		border-right: 4px solid white;
		border-bottom: 4px solid white;
		}

	.footer-banners div:nth-child(2){
		border-bottom: 4px solid white;
		}

	.footer-banners div:nth-child(3){
		border-right: 4px solid white;
		}

}

/*** hp-články ***/
.qram-homepage-articles-link{
	padding: 10px 0 20px;
	flex: 0 0 100%;
	}

.qram-homepage-articles-link a{
	display: block;
	width: 150px;
	margin: auto;
	padding: 12px 0 10px;
	line-height: 100%;
	font-size: 1.45rem;
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
	text-align: center;
	font-weight: 600;
	}

.qram-homepage-articles-link a:hover{
	text-decoration: underline;
	}


/*** hp-welcome text ***/
#qram-homepage-welcome-button{
	text-decoration: underline;
	cursor: pointer;
	}

#qram-homepage-welcome-button:hover{
	font-weight: 600;
	}

#qram-homepage-welcome{
	display: none;
	}


/*** hp-clanky mezera ***/
.blog-wrapper .homepage-group-title{
	margin-top: 40px;
	}

.welcome-wrapper{
	margin: auto;
	padding: 25px;
	}

/*** detail - výběr variant ***/
#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before::before{
	display: none;
	}

#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before .stock{
	font-weight: 600;
	}

.advanced-parameter-inner{
	border-width: 2px;
	}


/*** detail - popis ***/
#p-detail-tabs li[data-testid="tabDescription"] a{
	color: black;
	background: white;
	text-decoration: none;
	cursor: default;
	border-bottom-width: 1px;
	}


/*** kategorie  ***/
#content .filter-section.filter-section-parametric-id-5{
	border-bottom: 1px solid rgb(232,232,232);
	padding-bottom: 0;
	}

#content .filter-section.filter-section-parametric-id-5 fieldset{
	overflow-x: hidden;
	column-width: 162px;
	}

#content .filter-section.filter-section-parametric-id-5 fieldset div{
	width: 162px;
	break-inside: avoid;
	/*background: rgb(250,250,250);*/
	}

@media screen and (max-width: 610px)
{
	#content .filter-section.filter-section-parametric-id-5 fieldset{
		column-width: 145px;
		}

	#content .filter-section.filter-section-parametric-id-5 fieldset div{
		width: 145px;
		}
}

/*** kosik ***/
.cart-inner div{
	/*outline: 1px solid red;*/
	}

.qram-cart-delivery{
	display: flex;
	flex-wrap: wrap;
	}

.qram-cart-delivery-original{
	/*flex-grow: 1;*/
	}

.qram-cart-help{
	min-width: 200px;
	padding: 0 15px 0 15px;
	}

.qram-cart-help div{
	padding: 0px 5px 5px;
	border-left: 1px dotted silver;
	}

@media screen and (max-width: 500px)
{
	.mobile .qram-cart-help{
		padding-left: 0;
		margin-top: 6px;
		}

	.mobile .qram-cart-help div{
		border-left: none;
		border-top: 1px dotted silver;
		border-bottom: 1px dotted silver;
		}

	.mobile .qram-cart-help strong{
		border-bottom: none;
		}
}

.qram-cart-help-shipping{
	padding-left: 5px;
	}

.qram-cart-help-shipping div{
	border: none;
	}

.qram-cart-help strong{
	display: block;
	line-height: 100%;
	padding: 4px 0 4px;
	border-bottom: 1px dotted silver;
	margin-bottom: 5px;
	}

#content .qram-cart-help p{
	display: flex;
	padding: 5px 0;
	margin: 0;
	font-size: 1.5rem;
	line-height: 100%;
	}

.qram-cart-help p:before{
	display: block;
	font-family: shoptet;
	margin-right: 8px;
	}

.qram-cart-help p:nth-of-type(1):before{
	content: "\e922";
	}

.qram-cart-help p:nth-of-type(2):before{
	content: "\e92c";
	}

.qram-cart-help p:nth-of-type(3):before{
	content: "\e924";
	margin-top: 1px;
	}

.qram-cart-help span{
	display: block;
	flex-grow: 1;
	line-height: 100%;
	}

.qram-cart-help a{
	display: inline-block;
	font-weight: 500;
	}

.qram-cart-help a:hover{
	text-decoration: underline;
	}

.qram-cart-help-header-wrapper{
	display: flex;
	}

.qram-cart-help-header-space{
	height: 20px;
	flex-grow: 1;
	}

.qram-cart-help-header{
	margin-top: 0;
	margin-right: 0;
	display: block;
	}

@media screen and (min-width: 992px)
{
	.qram-cart-help-header{
		display: none;
		}
}

.qram-cart-help-header div{
	padding-left: 15px;
	}

.mobile .qram-cart-help-header div{
	border-top: none;
	}

.qram-cart-help-header strong{
	font-size: 1.35rem;
	border: none;
	padding-top: 8px;
	margin: auto;
	}

.qram-cart-help-header p{
	display: flex;
	font-size: 1.25rem;
	padding: 3px 0;
	margin: 0;
	line-height: 100%;
	}

.qram-cart-help-header a{
	color: white;
	}

@media screen and (max-width: 480px)
{
	.qram-cart-help{
		min-width: 150px;
		}

	.qram-cart-help-header strong{
		font-size: 1.0rem;
		margin: 0;
		padding: 0 0 3px;
		}

	.qram-cart-help-header p{
		font-size: 0.85rem;
		padding: 2px 0;
		}
}


/*** kontakt ***/
.qram-contact{

	}

.qram-contact-top,
.qram-contact-brand{
	display: flex;
	padding: 10px 0 30px;
	justify-content: flex-start;
	}

.qram-contact-top div,
.qram-contact-brand div{
	margin-top: 0;
	width: 270px;
	padding: 10px 0;
	background: #c8cfd4;
	}

div.qram-contact-prodejna-top{
	background: none;
	padding: 0 0 0 20px;
	}

div.qram-contact-prodejna-top img{
	display: block;
	max-width: 500px;
	}

.qram-contact-prodejna-bottom{
	display: none;
	}

@media screen and (max-width: 1160px)
{
	.qram-contact-prodejna-top{
		display: none;
		}

	.qram-contact-prodejna-bottom{
		display: block;
		}
}

@media screen and (max-width: 600px)
{
	.qram-contact-top,
	.qram-contact-brand{
		flex-wrap: wrap;
		}

	.qram-contact-top div,
	.qram-contact-brand div{
		width: 100%;
		max-width: 350px;
		margin-bottom: 30px;
		}
}

.qram-contact-top div:nth-of-type(1),
.qram-contact-brand div:nth-of-type(1){
	margin-right: 30px;
	}

#content .qram-contact div p{
	display: block;
	padding: 5px 20px;
	margin: 20px auto auto;
	line-height: 140%;
	}

#content .qram-contact div p:nth-of-type(1){
	margin-top: 0;
	}

.qram-contact a{
	text-decoration: underline;
	}

.qram-contact strong{
	display: block;
	background: #edeff1;
	line-height: 140%;
	padding: 10px 0;
	text-align: center;
	}

.qram-contact strong.bi:before{
	font-size: 2.2rem;
	margin-right: 8px;
	}

.qram-contact p.bi:before{
	font-size: 1.8rem;
	margin-right: 8px;
	margin-left: 8px;
	color: #687796;
	}

.qram-contact .bi-clock b{
	display: block;
	padding-left: 35px;
	}

.qram-contact-address b{
	font-size: 2rem;
	display: block;
	padding-left: 35px;
	}

.qram-contact-address span{
	display: block;
	padding-left: 35px;
	}

.qram-contact-reklamace{
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	margin: 50px auto;
	padding: 5px;
	}

.qram-contact-bank b{
	display: block;
	}


/*** kosik checkbox ***/
/*
.stay-in-touch div:nth-of-type(1){
	display: flex;
	}
*/
.stay-in-touch div:nth-of-type(1) label:before{
	top: 15px;
	}


/*** cart thank page ***/
.in-dekujeme{
	background: #ecf0f1;
	}

.in-dekujeme #content-wrapper{
	background: #ecf0f1;
	}

.in-dekujeme .co-box.co-order,
.in-dekujeme .co-box.co-payment-method{
	border-radius: 15px;
	background: white;
	padding: 30px;
	}

.in-dekujeme .co-box.co-payment-method{
	margin-bottom: 40px;
	}

.in-dekujeme .co-box.co-payment-method .order-payment,
.in-dekujeme .co-box.co-order .order-content{
	display: inline-block;
	margin: 15px auto;
	text-align: center;
	}

.in-dekujeme .co-box.co-payment-method .recapitulation-table{
	max-width: 280px;
	margin: auto;
	white-space: nowrap;
	}

.in-dekujeme .co-box.co-payment-method .recapitulation-table td{
	font-weight: bold;
	}

.in-dekujeme .co-box.co-payment-method .recapitulation-table th:after{
	display: none;
	}

.in-dekujeme .content-inner{
	text-align: center;
	}

.in-dekujeme .order-summary-heading{
	display: block;
	margin: auto;
	padding: 0 10px 20px;
	text-align: center;
	line-height: 100%;
	}

.in-dekujeme .order-summary-heading:before{
	content: "";
	font-family: shoptet;
	font-size: 2.7rem;
	background-image: url(https://www.wranglerstore.cz/user/documents/upload/Tsunami/qram_typ_success.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: auto 10px auto auto;
	display: inline-block;
	position: relative;
	top: 10px;
	}

#onlinePaymentButton,
.in-dekujeme .suspend-redirect a{
	display: block;
	margin: auto auto 10px;
	padding: 15px 0 60px;
	max-width: 400px;
	background-image: url(https://www.wranglerstore.cz/user/documents/upload/Tsunami/payment.png);
	background-position: center bottom 15px;
	background-repeat: no-repeat;
	background-size: 180px 35px;
	font-size: 2rem;
	}

.qram-thank{
	width: 100%;
	margin: 40px auto auto;
	padding: 30px 20px;
	border-radius: 15px;
	background: white;
	}

.qram-thank-in{
	max-width: 500px;
	margin: auto;
	padding: 10px 0 20px 0;
	}

.qram-thank-part div{
	display: flex;
	line-height: 220%;
	}

.qram-thank span{
	display: block;
	width: 150px;
	text-align: left;
	}

.qram-thank b{
	display: block;
	flex-grow: 1;
	text-align: left;
	}

.qram-thank h4:before{
	content: "\e91f";
	font-family: shoptet;
	margin-right: 10px;
	font-size: 2.7rem;
	}

.qram-thank h5{
	background: #ecf0f1;
	padding: 5px 0 5px;
	border-radius: 3px;
	margin-top: 35px;
	}

.in-dekujeme .reca-payment-wrap p{
	text-align: center;
	}