/* shop template --------------------------------------------------------------------- Start */

.page-shop-template {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	gap: 2rem;
	flex-direction: row;
    flex-wrap: wrap;
}

.shop-template-container {
	position: relative;
	flex-basis: calc((100% - 4rem) / 3);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.shop-template-container-body {
	position: relative;
	width: 100%;
	height: auto;
}
.shop-template-container-content {
	position: relative;
	width: 100%;
	height: auto;
}
.shop-template-container-ratio {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 75%;
}
.shop-template-container-image {
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.shop-template-container-title {
	position: relative;
}
.shop-template-container-title h2{
	position: relative;
	font-size: 1.15rem;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 600;
	color: var(--gr-color);
}
.shop-template-container-footer {
	position: relative;
	width: 100%;
	display: flex;
	gap: 1rem;
	justify-content: center;
}
.shop-template-container-price {
	position: relative;
	font-weight: 600;
	line-height: 2.625rem;
}
.shop-template-container-link a {
	position: relative;
	box-sizing: border-box;
}

.shop-template-details.container-box.main-box > .flex-container > .page-image {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-content: flex-start;	
}
.shop-template-details.container-box.main-box > .flex-container > .page-image > .long-pager {
	order: 2;
	gap: 0.5rem;
}
.shop-template-details.container-box.main-box > .flex-container > .page-image > .shop-template-details-back-link {
	order: 3;
}

@media(min-width: 992px) {
	.shop-template-details.container-box.main-box > .flex-container > .page-image {
		order: 1;
	}
	.shop-template-details.container-box.main-box > .flex-container > .page-content {
		order: 2;
	}
}
.shop-template-details .long-pager a {
	position: relative;
	flex-basis: calc((100% - 2.5rem) /6 );
}
.shop-template-details .long-pager a span {
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

/* Modal start */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index:				9999;
	color: #333333;
  }
.modal-1 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index:				9999;
	color: #333333;
  }
.modal-bestellung {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index:				9999;
	color: #333333;
  }

  .modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 35px;
	border: 1px solid #888;
	width: 350px; 
	z-index:	9999;
  }
  .modal-content-1 {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 35px;
	border: 1px solid #888;
	width: 350px; 
	z-index:	9999;
  }
  .modal-content-bestellung {
	background-color: #fefefe;
	margin: 0; /* 15% from the top and centered */
	padding: 0px;
	border: 1px solid #888;
	width: 100%;
	max-width: 500px;
	/* height: 100%;
	max-height: 500px; */
	z-index:	9999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }

  .close,
  .close-so,

  .close-1 {
	color: #aaa;
	float: right;
	font-size: 32px;
	font-weight: bold;
	position:		relative;
	bottom:	40px;
	left:		25px;
  }
  .close-bestellung {
	color: #ffffff;
	float: right;
	font-size: 16px;
	font-weight: bold;
	position:		relative;
	bottom:	0px;
	left:	0px;
  }

  .close:hover,
.close:focus,
  .close-so:hover,
.close-so:focus,
  .close-bestellung:hover,
.close-bestellung:focus,
  .close-1:hover,
.close-1:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 499px) {
	.modal-content {
		width: 100%;
		max-width: calc(100% - 60px);
		padding: 10px;
	}
	.modal-content-1 {
		width: 100%;
		max-width: calc(100% - 60px);
		padding: 10px;
	}
	.modal-content-bestellung {
		width: 100%;
		max-width: calc(100% - 20px);
	}
}

.alert-content {
	position: 					relative;
	text-align:					center;
	font-size:					20px;
	font-weight:				bold;
}
.alert-extras {
	position: 					relative;
	text-align:					center;
	font-size:					16px;
	font-weight:				normal;
}
/* Modal ende */


/* shoppingBasket start */
@media (min-width: 992px) {
	.shoppingBasket .page-content {
		height:					100%;
		padding:				35px 0px 0px;
		width:					400px;
		position:				relative;
		float:					left;
	}
	.shoppingBasket .shopping-order {
		/* width:					calc(100% - 40px); */
		float:					left;
		margin-top:				0px;
		margin-left:			0px
	}
}

.shopping-order .control-group-left {
	height:						auto;
	width:						calc(50% - 10px);
	float:						left;
	position:					relative;
	margin-right:				10px;
}

.shopping-order .control-group-right {
	height:						auto;
	width:						calc(50% - 10px);
	margin-left: 				10px;
	float:						right;
	position:					relative;
}


@media (max-width: 991px) {
	.shoppingBasket .page-content {
		height:					100%;
		padding:				35px 0px 0px;
		width:					100%;
		position:				relative;
		float:					left;
	}
	.shoppingBasket .shopping-order {
		width:					100%;
		float:					left;
		margin-top:				0px;
	}
	.shopping-order .control-group-left {
		height:						auto;
		width:						100%;
		margin-right: 				0px;
		float:						left;
		position:					relative;
	}

	.shopping-order .control-group-right {
		height:						auto;
		width:						100%;
		margin-top:					15px;
		margin-left:				0px;
		float:						left;
		position:					relative;
	}
}

.shopping-order .control-group {
	height:						auto;
	width:						100%;
	float:						left;
	position:					relative;
}

.shopping-order label {
	display: 					inline-block;
	max-width:					100;
	margin-bottom: 5px;
    font-weight: bold;
}

.shopping-order .half label {
	display: 					inline-block;
	max-width:					100;
	margin-bottom: 5px;
	margin-top: 10px;
    font-weight: bold;
}

.shopping-order .control-group-right label:not(.check) {
	float:						left;
    font-size:					14px;
    line-height:				36px;
    width:						35%;
}

.shopping-order .control-group-right input:not(.check):not(.file) {
	margin-bottom:				15px;
    width:						calc(65% - 26px);
}

.shopping-order .products-area {
	position:					relative;
    float:						left;
    margin-bottom:				10px;
    margin-top:					0px;
    width:						100%;
}

.shopping-order .bestell-auswahl {
    width:						100%;
    float:						left;
}

.shopping-order .auswahl-area {
    width:						100%;
    margin-bottom:				15px;
    float:						left;
}

.shopping-order .product-element {
	width:						100%;
    float:						left;
}

.shopping-order .product-element:last-child {
	border-top:					3px double #999999;
}

.shopping-order .label-product {
	width:						calc(100% - 260px)!important;
}

.shopping-order .product-element:last-child > .label-product {
	width:						calc(100% - 130px) !important;
	float:						left;
}

.shopping-order .label-word {
	font-size:					16px!important;
    line-height:				24px !important;
}

.shopping-order .prod-order-list {

}

.shopping-order .prod-order-list .art-price {
	/* width:						80px; */
    float:						left;
    text-align:					right;
    margin-right:				10px;
}

.shopping-order .product-element .slot {
    position:					relative;
    float:						left;
    width:						40px;
}

.shopping-order .product-element:last-child > .slot {
    width:						100px;
    margin-right:				15px;
    font-weight:				bold;
	text-align:					right;
	float: 						right;
}

.shopping-order .prod-order-list .auswahl2 {
    width:						60px;
    float: 						left;
    font-size: 					13px;
    color:						red;
    font-weight: 				bold;
}

.shopping-order .prod-order-list .total-price {
    width:						100px;
    float:						left;
    text-align:					right;
}
.shopping-order .prod-order-list .total-price-extras {
    width:						100px;
    float:						left;
    text-align:					right;
}

.shopping-order .prod-order-list .remove-prod {
	width:						30px;
    float:						left;
}

.shopping-order .prod-order-list .remove-prod .delete-elements{
	float:						left;
	color:						#fff;
	margin-left:				14px;
	text-align:					center;
}

.delete-elements strong {
    color: #cd0039;
	font-weight: normal;
}

.shopping-order .pay-area {
	position:					relative;
    float:						left;
    /* margin-top:				10px; */
    width:						100%;
}

.shopping-order .control-group-left .container-checkbox {
	float:						left;
    padding-top:				0px;
    margin-top:					5px;
    margin-bottom:				10px;
    width:						calc(100% - 35px);
}

@media (min-width: 450px) {
	.order-top .art-price {
		float: right;
	}
}
@media (max-width: 449px) {
	.shopping-order .control-group-right label:not(.check) {
		float:			none;
		width:			100%;
	}
	.order-top .art-price {
		width:			100%;
	}
}

@media (max-width: 667px) {
	.shopping-order .product-element {
		padding:				3px;
		width:					calc(100% - 6px);
	}
	.shopping-order .product-element:nth-child(odd) {
		background-color: 		rgba(204,204,204,0);
	}
	.shopping-order .label-product {
		width:					100% !important;
	}
	.shopping-order .prod-order-list {
		width: 					auto;
		/* float: 					right; */
		margin-bottom: 			5px;
	}
	.shopping-order label:not(.check) {
		width:					100%;
	}
	.shopping-order input:not(.check):not(.file) {
		width:					calc(100% - 26px);
	}
	.shopping-order .auswahl-area {
		width:					100%;
	}
}

.shoppingBasket .shopping-order button {
    height:						34px;
    line-height:				1.42857;
    transition:					border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-color:			#eaeaea;
    background-image:			none;
    border:						1px solid #ccc;
    font-size:					15px;
    /* width:						calc(50% - 17.5px) !important; */
}

.shoppingBasket .shopping-order button[disabled], .shoppingBasket .shopping-order input[disabled] {
    cursor:						default;
    color:						#aaaaaa;
}

.shoppingBasket .shopping-order button[name="back"], .shoppingBasket .shopping-order button[name="reset"] {
	margin-right:				15px;
}

.shoppingBasket .shopping-order button[name="next"], .shoppingBasket .shopping-order button[name="CS"] {
    margin-left:				15px!important;
}



/* shoppingBasket ende */

.cart-anzeige-smart {
	position:					absolute;
	height:						20px;
	width:						20px;
	top:						-18px;
	font-size:					15px;
	color:						#ffffff;
	font-weight:				bold;
	text-align: 				center;
	left:						15px;
	background-color:			#E23821;
	border:						1px solid #E23821;
	border-radius: 				15px;
	z-index:					999;
}

@media (max-width: 991px) {
	.cart-anzeige-smart {
		position:					absolute;
		height:						20px;
		width:						20px;
		top:						-15px;
		font-size:					15px;
		color:						#ffffff;
		font-weight:				bold;
		text-align: 				center;
		left:						15px;
		background-color:			#E23821;
		border:						1px solid #E23821;
		border-radius: 				15px;
		z-index:					999;
	}
}

.cart-anzeige-lg {
	position:					absolute;
	height:						20px;
	width:						20px;
	top:						22px;
	font-size:					15px;
	color:						#ffffff;
	font-weight:				bold;
	text-align: 				center;
	right:						-10px;
	background-color:			#E23821;
	border:						1px solid #E23821;
	border-radius: 				15px;
	z-index:					999;
}

@media (max-width: 991px) {
	.cart-anzeige-lg {
		display: none;
	}
}

.order-button {
	background-color:			rgba(0, 147, 32, 1);
	border:						none;
	margin:						0px 0px 0px 0px;
	color:						#ffffff!important;
	border-radius:				0px;
	line-height:				inherit;
	float:						right;
}
.order-ind-button {
	background-color:			var(--main-btn-color);
	border:						none;
	margin:						0px 0px 0px 0px;
	color:						#ffffff!important;
	border-radius:				0px;
	line-height:				inherit;
	float:						none;
}
.order-ind-button:hover {
	background-color:			var(--main-btn-color-hover);
}

@media(max-width: 500px) {
	.order-button {
		float:					left;
		border:					none;
		margin:					20px 0px 0px 0px;
		color:					#ffffff!important;
		border-radius:			0px;
		line-height:			inherit;
	}
	.st-burg-bestellen .order-button {
		margin-top: 0px;
		background-color:			#009320;
		padding: 3px 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		float:						right;
	}

	.back-button {
		float:					left;
		min-width:				182px;
		margin-right:			20px;
	}	
}
.order-button:hover {
	background-color:			rgba(0, 147, 32, 0.75);
	border:						none;
	color:						#ffffff!important;
}

.st-burg-bestellen .order-button {
	margin-top: 0px;
	padding: 3px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.half {
	position: relative;
	float:	left;
	width: calc(50% - 10px);
}

.input-section > .half:nth-of-type(even) {
	float:right;
}

.half input[type="radio"] {
	margin: 0 10px;
}

.input-section.delivery > label {
	margin-bottom: 10px;
}
.input-section.delivery {
	margin: 10px 0px;
	margin-bottom: 10px !important;
}

.input-section.delivery .half label {
	margin: 0;
}

@media (max-width: 1294px) {
	.half {
		position: relative;
		float:	left;
		width: 100%;
	}
}


.shopping-order .bezahl-auswahl {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.shopping-order .delivery-auswahl {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.bezahl-auswahl-option-text .option-paypal,
.bezahl-auswahl-option-text .option-rechnung-neu,
.bezahl-auswahl-option-text .option-vorkasse,
.bezahl-auswahl-option-text .option-lastschrift {
	margin-top: 10px;
	margin-bottom: 10px;
}


@media (min-width: 992px) {

	.Bwarenkorb .container-box.main-box {
		margin-top: 60px;
		padding: 20px;
		width: calc(100% - 40px);
		background-color: rgba(255,255,255,0.8);
	}

    .Bgleitsichtbrillen_damen .container-box.main-box {
		margin-top: 45px;
		padding: 20px;
		width: calc(100% - 40px);
		background-color: rgba(255,255,255,0.8);
	}
}


.shopping-order .margin-input {
	margin-top: 15px;
}
.shopping-order .page-content-title h2 {
	padding-right:		0px;
}
.shopping-order form {
	position:			relative;
}

.order-top {
	background: var(--gr-color);
	color: #fff;
	padding: 5px;
	min-height: 45px;
	height: auto;
	display: block;
	position: relative;
	float: left;
	width: calc(100% - 10px);
}

.order-bottom {
	background:#f4f4f4;
	padding: 10px 5px 5px 5px;
	width:	calc(100% - 10px);
	min-height: 30px;
	height: auto;
	display: block;
	margin-bottom: 25px;
	position:	relative;
	overflow:	hidden;
}

.shopping-order .order-top .label-product {
	width: auto!important;
}


.single-room {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}


/* SHOP SELECT FELD ------------------------------------------------ START */

.select-box {
	position: relative;
	width: 100%;
    margin-bottom: 15px;
}


.select-box select {
	background-color: #fff;
	color: #000;
	padding: 5px;
	width: calc(100% - 145.5px);
	border: none;
	font-size: 16px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-appearance: button;
	appearance: button;
	outline: none;
	cursor: pointer;
	margin-left: 10px;
	border-radius: 5px;
  }

  
  .select-box select option {
	padding: 4px;
  } 

  .Bgleitsichtbrillen_damen .select-design {
	width:calc(100% - 150px);
	border: 1px solid #bbb;
	padding:.15em .5em .15em .5em;
	background-color:white;
	margin-left:10px;
  }
  
  .Bgleitsichtbrillen_damen .select-design:hover {
	box-shadow: unset;
  }

  .Bgleitsichtbrillen_damen label {
    display: inline-block;
    width: 130px;
    margin-bottom: 5px;
    font-weight: bold;
  }

  /* SHOP SELECT FELD ------------------------------------------------ ENDE */


  .choice-menu {
	  color: #333333;
	  font-size: 20px;
	  text-transform: uppercase;
	  list-style: none;
	  font-weight: 600;
	  margin-top: 15px;
  }

  .choice-menu li a {
	  font-weight: 600; 
	  color: #333333;
	  padding: 5px 15px;
  }

  .choice-menu li a:hover,
  .choice-menu li a.active {
	font-weight: 600;
	color: #fff;
	padding: 5px 15px;
	background-color: #EB1F25;
}

@media (max-width: 767px) {
	.choice-menu {
		color: #333333;
		font-size: 16px;
		text-transform: uppercase;
		list-style: none;
		font-weight: 600;
		margin-top: 15px;
	}

	.choice-menu li a {
		font-weight: 600; 
		color: #333333;
		padding: 5px 15px;
		line-height: 35px;
	}
}


/* shop template --------------------------------------------------------------------- Ende */

.shop-cart-form {
	float: left;
	margin-bottom: 20px;
}

.shop-cart-form label:not(.check) {
	float: left;
	font-size: 1rem;
	line-height: 22px;
	width: calc(100% - 40px);
}

.shop-cart-form input:not(.check):not(.file) {
	width: calc(100% - 26px);
	margin: 0px 0px;
}

.input-section .breit {
	margin-top: 	10px;
}

.control-group-left .input-section {
	margin-bottom: 0px;
}
.control-group-left .AF_Full {
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

@media(min-width: 500px) {

	.option-lastschrift {
		margin-top: 0px !important;
	}
	.option-rechnung-neu {
		margin-top: 0px !important;
	}
	.option-lastschrift label {
		margin-top: 10px;
	}
}

.paypal-info {
	margin-bottom: 25px;
}

.paypal-info span {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: justify;
}

.cancel-info h1 {
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding: 20px 0px;
	line-height: 40px;
	hyphens: none;
}

.input-height {
	height: 13px!important;
}

.select-height {
	height: 32px!important;
	width: calc(100% - 310px);
}

.bezahl-auswahl label,
.delivery-auswahl label {
	width: 310px!important;
	line-height: 33px!important;
}

@media (max-width: 1074px) {
	.select-height {
		height: 32px!important;
		width: 100%!important;
	}
	
	.bezahl-auswahl label,
	.delivery-auswahl label {
		width: 100%!important;
		line-height: 33px!important;
	}
}

.paypal-button {
	height: 34px;
	line-height: 1.42857;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	background-color: #eaeaea;
	background-image: none;
	border: 1px solid #ccc;
	font-size: 15px;
	width: calc(50% - 17.5px) !important;
}

.shopping-order .control-group-left select.form-control {
	padding: 3px 3px;
}

.modal-kein-standort {
	width: 100%;
	font-size: 16px;
	font-weight: normal;
}
.modal-kein-standort select {
	font-size: 14px;
	width: 100%;
	max-width: 100%;
}

.legende {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 10px 5px;
	font-size: 14px;
}

.legende .legende-green,
.legende .legende-red {
	position: relative;
	overflow: hidden;
}

@media (min-width: 500px) {
	.legende .legende-green,
	.legende .legende-red {
		margin-left: 20px;
}
}

.legende .legende-icon {
	font-size: 12px;
	margin-right: 10px;
	float: left;
}

.legende .legende-green .legende-icon {
	color: #009320;
}
.legende .legende-red .legende-icon {
	color: red;
}

.standorte-adresse-legende-icon-green {
	font-size: 12px;
	color: #009320;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.standorte-adresse-legende-icon-red {
	font-size: 12px;
	color: red;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.standorte-z1 {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.standorte-abholzeit {
	margin-top: 10px;
	color: #ff0000;
	position: relative;
	float:none;
	width: 100%;
}

.cart-anzeige-lg {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 22px;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    right: -5px;
    background-color: #E23821;
    border: 1px solid #E23821;
    border-radius: 15px;
    z-index: 999;
}

.warenkorb-extras {
	float: left;
	width: calc(100% - 110px);
}

.warenkorb-ingredients {
	font-size: 14px;
}

.emailConfirmation {
	position: relative;
	margin: 10px 0px;
	overflow: hidden;
}

.emailConfirmation label {
	float: left;
	margin-bottom: 0px;
	width: calc(100% - 50px);
}
.emailConfirmation input {
	float: left;
	margin-right: 10px;
	width: 1rem;
	height: 1rem;
	margin-top: 3px;
	cursor: pointer;
}
.emailConfirmationChecked {
	position: relative;
	overflow: hidden;
	display:none;
	margin: 10px 0px;
}
.emailConfirmationChecked label {
	width: 310px !important;
	float:left;
}
.emailConfirmationChecked input {
	width: calc(100% - 310px - 24px - 2px) !important;
	float:left;
}
.B4 .emailConfirmationChecked input {
	width: calc(100% - 26px)!important;
	float:left;
}

@media (max-width: 991px) {
	.emailConfirmationChecked label {
		width: 100% !important;
		float:left;
	}
	.emailConfirmationChecked input {
		width: 100% !important;
		float:left;
	}
}
.shop-header-text {
	width: calc(100% - 55px);
	position: relative;
	margin: 0 auto;

}

@media (max-width: 991px) {
	.shop-header-text {
		width: 100%;
		position: relative;
		float: left;
	}
}

.shop-header-text p {
	font-size: 1.3em;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px!important;
	color: #011065;
}

.flex-button {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
	row-gap: 10px;
}
.flex-button::after {
	content: "";
	flex-basis: 13%;
	min-width: 140px;
	padding: 5px 0px;
  }

.flex-button .a-button {
	flex-basis: 13%;
	min-width: 140px;
	padding: 5px 0px;
	background-color: var(--main-btn-color);
	color: #ffffff;
	text-align: center;
	font-size: 1.1em;
}

.flex-button .a-button:hover {
	background-color: var(--main-btn-color-hover);
}
.flex-button .a-button.active {
	background-color: var(--main-btn-color-hover);
}


.shop-box-fl {
	position: relative;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	row-gap: 50px;
    align-content: space-between;
    justify-content: space-around;
    align-items: stretch;
}

.shop-item-fl {
	position: relative;
	/* display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch; */
	flex-basis: 30%;
	min-width: 300px;
	max-width: 400px;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
}

.shop-item-img {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 66.6667%;
}

.shop-item-img img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
}

.shop-item-title {
	text-align: center;
	font-size: 1.5rem;
	line-height: 3rem;
	font-weight: 600;
	color: #333333;
	background-color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.radio-variation-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.label-radio-variation-box,
.radio-rvb-box {
	position: relative;
	width: calc(100% - 10px);
	padding: 5px;
	overflow: hidden;
}
.label-radio-variation-box {
	font-weight: 600;
}
.radio-rvb-box:hover {
	background-color: rgba(222,225,190,1) !important;
	cursor: pointer;
}
.radio-rvb-box.active {
	background-color: rgba(222,225,190,0.5);
}

.label-rvb-radio,
.radio-rvb-radio {
	position: relative;
	float: left;
	width: 10%;
	text-align: center;
}
.label-rvb-content,
.radio-rvb-content {
	position: relative;
	float: left;
	width: 30%;
	text-align: center;
}
.label-rvb-content label,
.radio-rvb-content label{
	margin-bottom: 0;
}
.label-rvb-price,
.radio-rvb-price {
	position: relative;
	float: left;
	width: 30%;
	text-align: center;
}
.label-rvb-baseprice,
.radio-rvb-baseprice {
	position: relative;
	float: left;
	width: 30%;
	text-align: right;
}