@charset "UTF-8";

body.cus-form .fapi-order-form{
	max-width: 100%!important;
}

body.cus-form .fapi-order-form form{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	
	background-color: #fff;
	padding: 3%;
	border: 0;
	border-radius: var(--border-radius);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

body.cus-form .fapi-order-form .fapi-container-header{
	background-color: transparent;
}

body.cus-form .fapi-order-form .fapi-container-header .fapi-form-basic-block-title>div{
	font-family: var(--font-body);
	font-optical-sizing: auto;
	font-weight: var(--font-body-weight);
	font-style: normal;
	line-height: 1.1;
	color: var(--primary-color);
	font-size: var(--hea3-size);
}

/* layout */
body.cus-form .fapi-order-form .fapi-form-items .f-flex{
	flex-direction: column;
    align-items: center;
	margin: 0 auto;
}

/* levý sloupec */
body.cus-form .fapi-order-form .f-border .fapi-form-basic-block {
	grid-column: 1;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-basic-block:not(:first-of-type) .fapi-container-header{
	background: transparent !important;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-basic-block:not(:first-of-type) .order-bump-title{
	display: none!important;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-basic-block:not(:first-of-type) .order-bump-content{
	border: none;
	background: transparent !important;
	cursor: pointer;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-basic-block:not(:first-of-type) .order-bump-content .order-bump-label{
	border: 5px dashed var(--primary-color);
    border-radius: 10px;
	background: transparent !important;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-basic-block:not(:first-of-type) .order-bump-content .order-bump-label label{
	cursor: pointer;
}

/* pravý sloupec */
body.cus-form .fapi-order-form .f-border .fapi-form-items {
	grid-column: 2;
	grid-row: 1 / 4;
	border-left: 2px solid var(--white-color);
}

body.cus-form .fapi-order-form .fapi-form-items p{
	font-size: var(--hea5-size);
	text-align: center;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-item{
	position: relative!important;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-item input[type=radio]{
    position: absolute!important;
	left: 24px;
	cursor: pointer;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-item:only-of-type input[type=radio]{
	opacity: 0!important;
    width: 1px!important;
    height: 1px!important;
    position: absolute!important;
	cursor: none;
}

body.cus-form .fapi-order-form .fapi-form-items input[type=checkbox]{
	margin-left: 0!important;
	margin-right: 10px!important;
}

body.cus-form .fapi-order-form .fapi-form-items .f-pl-1\.5,
body.cus-form .fapi-order-form .fapi-form-items .f-ml-7{
	padding-left: 0!important;
	margin-left: 0!important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

body.cus-form .fapi-order-form .fapi-form-items .f-ml-7 label span,
body.cus-form .fapi-order-form .fapi-form-items input[type=checkbox]{
	cursor: pointer;
}

body.cus-form .fapi-order-form .fapi-form-items .f-self-start{
	align-self: center!important;
}

body.cus-form .fapi-order-form .fapi-form-items .sm\:f-w-32{
	width: auto!important;
}

body.cus-form .fapi-order-form .fapi-form-items .sm\:f-mt-0{
	display: none!important;
}

body.cus-form .fapi-order-form .fapi-form-items label{
	font-size: var(--hea4-size)!important;
	margin-left: 0 !important;
	display: flex!important;
    justify-content: flex-end;
    flex-direction: column-reverse;
    gap: 12px;
    align-items: center;
}

body.cus-form .fapi-order-form .fapi-form-items label > span{
	color: var(--primary-color);
	display: inline-block !important;
}

body.cus-form .fapi-order-form .fapi-form-items .f-line-through.fapi-form-item-price{
	color: var(--primary-color);
	opacity: 0.2;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-item-price,
body.cus-form .fapi-order-form .fapi-form-items .fapi-form-discounted-price.fapi-form-item-price{
	color: var(--primary-color)!important;
	font-size: var(--hea3-size);
	font-weight: var(--font-body-weight-strong)!important;
	margin-top: 1em;
    margin-bottom: 1em;
}

body.cus-form .fapi-order-form .fapi-form-items .fapi-form-discounted-price.fapi-form-item-price{
	margin-top: 0.1em;
}

body.cus-form .fapi-order-form .fapi-form-items div:has(.fapi-form-discounted-price) .fapi-form-item-price:not(.fapi-form-discounted-price){
	margin-bottom: 0.1em;
}

/* High-light product */
body.cus-form .fapi-form-items .fapi-form-item-group:not(:first-of-type){
	border: 5px dashed var(--primary-color);
    border-radius: 10px;
    margin-left: 24px;
    padding: 12px;
}

body.cus-form .fapi-form-items svg.order-bump-arrow{
	padding-top: 20px;
	color: var(--primary-color);
}

body.cus-form .fapi-form-items .order-bump-space:nth-of-type(n+2) svg.order-bump-arrow{
	display: none;
}

/* objednat */
body.cus-form .fapi-order-form .f-border .fapi-form-basic-block.fapi-form-result-container {
	grid-column: 1 / 3;
	margin: 0 auto;
	max-width: 700px;
}

body.cus-form .show-more-payments {
	margin-top: 10px;
	padding: 10px;
	cursor: pointer;
}

/* button */
body.cus-form form button.fapi-submit-button {
    background: var(--primary-color) !important;
    border: 0;
    border-radius: var(--border-radius) !important;
    padding: calc(1.1em - 0px) 1.8em calc(1.1em - 0px) 1.8em !important;
    font-family: var(--font-body) !important;
    color: var(--white-color) !important;
    font-weight: var(--font-body-weight) !important;
}

@media screen and (max-width: 768px) {
	body.cus-form .fapi-order-form .f-border {
		grid-template-columns: 1fr;
	}

	body.cus-form .fapi-order-form .f-border .fapi-form-items,
	body.cus-form .fapi-order-form .f-border .fapi-form-basic-block {
		grid-column: 1;
	}
	
	body.cus-form .fapi-order-form .f-border .fapi-form-items {
		border-left: none;
	}
	
	body.cus-form .fapi-order-form .fapi-form-items .fapi-form-item input[type=radio]{
		left: 3px;
	}
}

/* =========================== */
/*   Check-out page            */
/* =========================== */
body.cus-form .check-out-page .fapi-order-form form{
	display: flex;
	flex-direction: column;
	padding: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .fapi-form-item>div:first-child{
	width: 100%;
	max-width: none;
	margin-left: 30px;
	order: 2;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .f-pl-1\.5, body.cus-form .fapi-order-form .fapi-form-items .f-ml-7{
	justify-content: flex-start;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items label{
	font-size: var(--hea5-size) !important;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .f-self-start{
	align-self: flex-start !important;
	margin-left: 30px;
	order: 1;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .f-text-sm{
	margin-left: 30px;
	order: 3;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items p{
	font-size: var(--hea6-size);
	text-align: left;
}

body.cus-form .check-out-page .fapi-order-form form img.fapi-item-image{
	display: none;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .product-price>div:has(.fapi-form-item-price){
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .product-price>div:has(.fapi-form-item-price) .f-text-xs{
	font-size: var(--hea5-size)!important;
	color: var(--primary-color)!important;
	opacity: 0.5;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .fapi-form-item-price{
	font-size: var(--hea4-size);
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}

body.cus-form .check-out-page .fapi-order-form .fapi-form-items .fapi-form-basic-block:not(:first-of-type) .fapi-container-header{
	display: none !important;
}

body.cus-form .check-out-page .fapi-float-price-container{
	left: 10px !important;
}