/*
Description: details.tpl styles
*/

@media only screen and (min-width: 320px) {
	#detailsMain .detailsInfo {
		margin-bottom: 50px;
		flex-wrap: wrap;
	}
	#detailsMain .detailsInfo .detail-picture-container,
	#detailsMain .detailsInfo .details-middle {
		padding: 0 15px;
	}
	#detailsMain .detailsInfo .detail-picture-container {
		width: 100%;
	}
	#detailsMain .detailsInfo .details-middle {
		width: 100%;
	}
	#detailsMain .detailsInfo .detail-picture-container .picture {
		background-color: #fff;
	    box-shadow: 0 0 22.8px 0 rgb(0 0 0 / 13%);
	    min-height: 350px;
	    display: flex;
	    align-items: center;
	    margin-bottom: 30px;
	}
	#detailsMain .detailsInfo .detail-picture-container .picture,
	#detailsMain .detailsInfo .detail-picture-container .picture img {
		border-radius: 5px;
	}
	#detailsMain .detailsInfo .detail-picture-container .picture img {
		margin: 0 auto;
	}
	body.cl-details #morePicsContainer {
		margin-top: 30px;
	    margin-bottom: 0;
	}
	body.cl-details #morePicsContainer .slides li a {
		padding: 15px 10px;
		display: inline-block;
	}
	body.cl-details #morePicsContainer img {
		border: 0;
		background-color: #fff;
	    box-shadow: 0px 0px 12px 0 rgb(0 0 0 / 15%);
	    border-radius: 5px;
	    width: 100%;
	    max-width: 166px;
	}
	#detailsMain .detail-picture-container .picture img {
		width: 100%;
	}
	body.cl-details #morePicsContainer a.selected img {
		border: 0;
	}
	body.cl-details #morePicsContainer .flex-direction-nav a:before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f053";
		color: #8c8c8c;
		font-size: 25px;
	}
	body.cl-details #morePicsContainer .flex-direction-nav a.flex-next:before {
		content: "\f054";
	}
	body.cl-details #productTitle {
		font-weight: bold;
		font-size: 32px;
		line-height: normal;
		margin-bottom: 3px;
		word-break: break-word;
	}
	body.cl-details #productTitle .subtitle-1 {
		font-weight: normal;
	}
	#detailsMain .detailsInfo .pricebox {
		display: inline-block;
		float: left;
		margin-bottom: 5px;
	}
	.detailsInfo .information .tobasket #amountToBasket {
	    float: left;
	    padding: 12px 0;
		height: auto;
		width: 46px;
		border-radius: 5px;
		line-height: normal;
		text-align: center;
		font-size: 17px;
		color: #676767;
	}
	.detailsInfo .details-middle > div:has(#linkToNoticeList,#loginToNotice) {
		padding-top: 15px;
	}	
	.btn.btn-primary.product-to-cart-btn {
		width: auto;
	    text-align: center;
	    padding: 13px 15px;
	    line-height: normal;
	    height: auto;
	    border-radius: 5px;
	    margin-right: 0;
	}
	#toBasket.btn[disabled] {
		background-color: #f9f9f9;
		color: #999;	
	}
	body.cl-details .selectorsBox .selectbox,
	body.cl-details #variants .dropdown-wrapper {
		margin-bottom: 0;
	}
	#variants button.btn {
		padding: 11.5px 25px;
		min-width: auto;
		border-radius: 5px;
		color: #676767;
		line-height: normal;
	}
	#variants .dropdown-menu.vardrop {
		width: 100%;
	}
	body.cl-details .stock-status .custStockText,	
	body.cl-details .stock-status .stockFlag {
		font-weight: bold;
	}
	body.cl-details .stock-status .custStockText,
	body.cl-details .stock-status .stockFlag:is(.notOnStock, .lowStock) {
		color: #E65D26;
	}
	#productinfo div[id^="modal_priceinfo_"] .modal-dialog .table-responsive {
		overflow-x:auto;
	}
}

@media only screen and (min-width: 768px) {
	#detailsMain .detailsInfo .detail-picture-container {
		width: 37%;
	}
	#detailsMain .detailsInfo .details-middle {
		width: 63%;
	}
	.detailsInfo .details-middle > div:has(#linkToNoticeList,#loginToNotice) {
		padding-top: 0;
	}		
	#variants button.btn {
		min-width: 320px;
	}
	.btn.btn-primary.product-to-cart-btn {
	    padding: 13px 25px;
	    margin-right: 15px;
	}
}

@media only screen and (min-width: 992px) {
	#productinfo div[id^="modal_priceinfo_"] .modal-dialog {
		margin-top: 120px;
	}
	.pswp {
		z-index: 9999999;
	}
}