:root {
--main: #1370df;
--pas: #bfbfbf54;
--light-border:#cbced5;
--form-hover:#a6adb4;
--form-focus:#1370df;
--space-s:2rem;
--border-radius:.2rem;
}

.basket *{box-sizing:border-box;}
.required:not([type="checkbox"]):invalid, input.cbxrad.required:invalid::before, .required input[type="radio"]::before {border: 1px solid red !important;}
.form-row:has([type="checkbox"]) {
	display: flex;
	flex-direction: row-reverse;
	justify-content:flex-end;
}
.form-row:has([type="checkbox"]) label, input.cbxrad+label{padding:0 8px;cursor: pointer;}
.form-row:not(:has(input[type="checkbox"])) label{padding-bottom:7px;}
.bsk-err{position: absolute;color: red;font-size: .8em;}
.form-row:has([type="checkbox"]) .bsk-err{top: 25px;}
.form-row:has([type="hidden"]){display:none;}
#cbxTerms+.bsk-err{top:24px;}

#basketForm{display: flex;flex-wrap: wrap;width: 100%;gap:1.8rem var(--space-s);max-width: 750px;}
.form-row{position:relative;}

/* inputs */

input.cbxrad,.cbxrad>input{position:relative!important;appearance:none;margin-top:2px;overflow:hidden;cursor: pointer;height: fit-content;min-width:fit-content;}
input.cbxrad:before,.cbxrad>input:before{content:'';display:block;width:18px !important;height:18px;background: #fff;transition:.2s border-color ease;box-sizing:border-box;}
input.cbxrad:checked:before,.cbxrad>input:checked:before{border-color:var(--main);transition:.5s border-color ease}
input.cbxrad:disabled:before,.cbxrad>input:disabled:before{border-color:#ccc;background-color:#ccc}
input.cbxrad:after,.cbxrad>input:after{content:'';display:block;position:absolute;top:50%;left:50%;transform-origin:50% 50%;background-color:var(--main);width:16px;height:16px;border-radius:70%;transform:translate(-50%,-50%) scale(0);transition:all .1s}
input.cbxrad[type="radio"]:before{border-radius:70%;cursor: pointer;}
input.cbxrad[type="radio"]:after{width:13px;height:13px;border-radius:70%;transform:translate(-50%,-50%) scale(0)}
input.cbxrad[type="radio"]:checked:after{transform:translate(-50%,-50%) scale(0.8);opacity:1}
input.cbxrad[type="checkbox"]:before,.cbxrad>input[type="checkbox"]:before{border-radius:.25rem;cursor: pointer;}
input.cbxrad[type="checkbox"]:after,.cbxrad>input[type="checkbox"]:after{width:8.6px;height:15px;border-radius:0;transform:translate(0%,-85%) scale(0) rotate(45deg);background-color:transparent;box-shadow:3px 3px 0 0 var(--main)}
input.cbxrad[type="checkbox"]:checked:after,.cbxrad>input[type="checkbox"]:checked:after{opacity:1;transform:translate(-49%,-84%) scale(0.8) rotate(45deg)}
input.cbxrad[type="radio"]{top: 2px;}
.form-control, input.cbxrad::before,.cbxrad>input::before, .in-txt, textarea, select {
	border: 1px solid var(--light-border);border-radius: var(--border-radius);line-height: 1.6;padding: 6px 8px 7px;width: 100%;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance: none; color: rgba(44, 56, 74, 0.95);
}
.form-control:hover, select:hover, input.cbxrad:hover::before, .in-txt:hover:not(:has(.add-option:hover)), textarea:hover, select:hover {border-color: var(--form-hover);}
.in-txt:focus, textarea:focus, select:focus, input.cbxrad[type="checkbox"]:checked::before, input.cbxrad[type="radio"]:checked::before{border-color:var(--form-focus) !important;outline: none;}
input.cbxrad[type="radio"]:checked+label{color:var(--main)}
input.quantity:out-of-range {border: 2px solid red; color:red}

select{font-size:inherit;font-family:Arial;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;background-position: left .55rem center;background-size: 16px 12px;
	padding: .45rem .6rem .45rem 2.25rem;background-color: #fff;
	cursor: pointer;outline: none;max-width: 400px;padding-left: 40px !important;}

 .form-row label span {font-size:.9em;opacity: 0.65;}
 .form-row .err {font-size:.75em;vertical-align: top;opacity: 0.85;}
 .b-desc {padding: 0 1px;}
 .b-desc::before {content: '(';padding: 0 1px;}
 .b-desc::after {content: ')';padding: 0 1px;}

.bskTxt{width:100%}
.form-row.col1{flex-basis:100%;}
.form-row.col2{flex-basis:calc(50% - (var(--space-s)/2));}
.form-row.col3{flex-basis:calc(33.333% - (var(--space-s)/1.5));}
.form-row label{display: block;padding: 0 3px;}

#basketTotal, #basketDlvr, .pas, #bskCoupon{border-bottom: 1px solid var(--pas);padding-bottom: 15px !important;width: 100%;}
#basketDlvr{font-weight: normal;margin: -5px 0 14px;display: flex;align-items: baseline;gap:.5rem;flex-wrap: wrap;padding-bottom: 23px !important;}
#bskCoupon{margin-bottom: 15px;}
#bskCoupon>div{display:flex;flex-wrap: wrap;max-width:400px;align-items: center;position: relative;overflow-x: hidden;}
#bskCoupon>div:has(.cpon){max-width:fit-content;}
#txtCoupon {border-radius: 0 var(--border-radius) var(--border-radius) 0;border-left: 0;}
html[dir=ltr] #txtCoupon {border-radius:var(--border-radius) 0 0 var(--border-radius);border-left: 1px solid var(--light-border);border-right: 0;}
#lnkCoupon {display: block;border: solid 1px var(--ecom);border-radius: var(--border-radius) 0 0 var(--border-radius);line-height: 1.6;padding:6px 10px 7px;white-space: nowrap;color:var(--ecom); transition: all 0.3s;}
html[dir=ltr] #lnkCoupon{border-radius:0 var(--border-radius) var(--border-radius) 0;}
#lnkCoupon:hover {filter: brightness(115%);box-shadow: 0 0 10px -3px rgba(0,0,0,.3);}
#bskCouponErr:empty{display:none !important;}
#txtCoupon{width:auto;flex: 1;}

html[dir=rtl] #txtCoupon::placeholder{text-align: right;}

#copLit {line-height: 1.8;}
/*#divForm {padding-bottom: 25px !important;}*/
#divForm h2, #divPayMethods h2 {margin-bottom: 30px;}
#divPayMethods h2{margin-top:15px;}
#divFinal{margin-top: 17px;}
#divPayMethods {line-height: 1.6;}
#pnlPayments b{display:block;}

/* basket */
#basketItems .del img, #bskCoupon .del img{width:20px;position:relative;top: -1px;}
.bItem .del, #bskCoupon .del{background:#f1f1f1;border-radius:var(--border-radius);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;min-width: 30px;}
.del img{align-self:center}
.bItem .del:hover, #bskCoupon .del:hover{background:#e4e4e4}
.bItem .del{position: absolute;}

.cpon {border: 1px dashed #666;padding:4px 8px 5px;margin-left: 3px;height: fit-content;}
.cponValue {margin: 0 25px;}

.bItem{border-bottom: 1px solid var(--pas); margin-bottom: 25px;padding-bottom: 13px;display:flex;width:100%;}
.bskImg .imgS{width:110px;height:75px;display: inline-block;text-align: center;}
.bskImg .imgS img {max-height: 100px;max-width: 110px !important;}
.bskImg{margin-left: 12px;padding-bottom: 30px;}
html[dir=ltr] .bskImg{margin-right: 12px;margin-left:0;}
.bskDet{width: 100%;}
.bItem{position:relative;}
.bskPri{min-width:184px;margin-top: 5px;font-weight: 700;min-height: 63px;}
.bskDet a{display:block;font-size: 1.15em;}
.bItem .qunt{display:flex;position: absolute;bottom: 12px;}

.itemTotal{font-size:18px;display:inline-block;font-weight:400;background-color:#eaeaea;padding:4px 13px;border-radius:5px;margin-top:14px;margin-bottom: -1px;color: #393939;}
.itemTotal:empty{display:none}
.itemlod{position:absolute;display:none;bottom:51px;right:38px;background-color:#fff;padding:7px;border-radius:100%}

.bskTxt{margin-bottom:20px;}
.bskOpt{background:url(/imgs/bul.png) no-repeat 99.9% 1px; padding-right: 11px;font-weight: 400;}
.noitm {font-size: 150%;margin: 40px 0;display: block;text-align: center;}

#basketTotal{font-size: 1.35em;font-weight: 700;text-align:center;position:relative; margin-bottom: 15px;}

#divSelf{width:100%;margin-top: 10px;}
#divSelf>.cbxrad{display:flex;}
#divSelf label{padding: 0 4px;cursor:pointer}
#divSelf input{vertical-align:middle;margin-left:5px;}
#divOrderBtn{height:70px;}

#loading, #loading2{left: 0px; position:absolute;top:1px}
#bskMin{color:red;margin-bottom: 70px;}
.bprow{margin-bottom:16px;}
.rpdetails{display:none;margin-top: 3px;margin-bottom: 23px;}
.rPaypal .rpdetails{margin-bottom:0;}
.pas{padding:0px;margin-bottom:10px;}
.pad0{margin: 0;padding: 0 !important;}
#aOrder {color: #FFFFFF;display: block;font-weight:bold;font-size: 22px;height: 50px;margin: 20px auto 0;width: 196px; line-height: 46px;transition: all 0.4s;
	background-image:url(/imgs/btn-order.png);text-align: center;border-radius: 6px 6px 6px 6px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);}
.hdninpt{position:absolute;width:1px;height:1px;border:0!important;background:none repeat scroll 0 0 #FFF;padding:0!important}
.bprow {position: relative;}

.old-basket #frmBasket{display:flex;flex-direction: column;}
.old-basket #mainBasket{order: 1;}
.old-basket #mainForm{order: 2;}
.old-basket #mainFinal{order: 3;}

.new-basket #aOrder {font-size: 23px;height: 54px;width: 215px;line-height: 50px;background-size: contain;}

#termOvL, #ccOvL{position:fixed;z-index:42000;background-color:rgba(255, 255, 255, 0.93);top:0;left:0;bottom:0;right:0;}
#termOvL button,#ccOvL button {padding: 0px;width: 40px;height: 40px;background: transparent;border: none;position: absolute;left: 10px;top: 7px;cursor: pointer;}
#termOvL > div{width: 100%; margin: 0px auto;max-width: 68rem;}
.close-x {stroke: #4D4D4D;fill: transparent;stroke-linecap: round;stroke-width: 3;}
#termOvL h3{margin:15px;}
.cbTerm a {text-decoration: underline;}
#divPayMethods label {font-size: 1.1em;}

#ccOvL{display: flex;align-items: center;}
#ccOvL > div {width: 100%;margin: 0px auto;max-width:38rem;min-height: 630px;display: flex;flex-direction: column;}
#ccOvL iframe {width: 100%;height: 100%;border: 3px solid #4d4d4d;border-radius: 3px;box-sizing: border-box;flex-grow: 1;}
#ccOvL h3 {margin: 15px;}

.loader-line::before{content:"";position:absolute;left:-50%;height:2px;width:40%;background-color:var(--form-focus);animation:lineAnim 1.5s linear infinite;border-radius:20px;z-index:1;top:0}
@keyframes lineAnim {0%{left:-40%}50%{left:20%;width:80%}100%{left:100%;width:100%}}


@media only screen and (max-width: 767px) 
{#termOvL > div,#ccOvL > div{width: auto;height: auto;right:5px;top:-6px;bottom: 15px;left:5px;position: absolute;}
 #ccOvL > div {max-height: 100% !important;min-height: 100%;}
 #ccOvL iframe {height: 87%;}
}

#bskVat{font-size: 17px;font-weight: 400;padding-bottom: 5px;}

@media only screen and (max-width: 479px) {

	.form-row.col2,.form-row.col3 {flex-basis: 100%;}

	.prodImg .vid {width: 70px;}
	.prodImg .vid span {width: 35px;height: 35px;}
	.bItem{min-height:115px}
	.bskImg{margin-left:10px}
	.imgS{width:65px;height:65px}
	.imgS img{max-height:60px;max-width:60px!important}
	.bskOpt{padding-right:8px}
	#basketDlvr select{width:100%;margin:4px 0 0 0;}
	#dInfo>div{margin-right:-21px}
	
	select, #txtCoupon, #bskCoupon > div{max-width:none;}
	.bItem .del{left: 1px;bottom: 11px;}
	html[dir=ltr] .bItem .del{left:auto; right:1px;}
	#divPayMethods h2 {margin-top: 0;margin-bottom: 20px;}
	#basketForm {gap: 1.4rem var(--space-s);}
	#divOrderBtn {margin-top: 35px;}
}

@media only screen and (max-width: 767px) 
{
	#divForm, #divPayMethods, #divPayMethods, #divFinal,.bskTxt {padding: 0 .8rem;}
	#frmBasket{display:flex;flex-direction: column;}
	#mainBasket{order: 1;}
	#mainForm{order: 2;}
	#mainFinal{order: 3;}
}

@media only screen and (min-width: 990px)
{
	.new-basket #mainForm{width: 42%;float: right;}
	.new-basket #mainBasket{width: 54%;float: left;border: 1px solid #ccc;padding: 20px;border-radius: 5px 5px 0 0;border-bottom: 0;}
	.new-basket #mainFinal{width: 54%;float: left;border: 1px solid #ccc;padding: 20px;border-radius:0 0 5px 5px;border-top: 0;padding-top: 3px;}
	html[dir=ltr] .new-basket #mainForm{float: left;}
	html[dir=ltr] .new-basket #mainBasket, html[dir=ltr] .new-basket #mainFinal{float: right;}

	.new-basket .form-row.col2 {flex-basis: calc(90% - (var(--space-s)/2));}
	.new-basket #basketTotal{margin-bottom: 0;padding-bottom:20px !important;padding-top: 5px;}
	.new-basket #h2PayType {margin-top: 0 !important;margin-bottom: 22px !important;}
	.new-basket #divOrderBtn{height:54px;margin:35px 0 2px 0;}
	.new-basket #divForm .pas{display:none;}
	.new-basket .bItem .del{left:0;}
	html[dir=ltr] .new-basket .bItem .del{left:auto; right:0;}

	.old-basket .bItem .del{left: 30%;}
	html[dir=ltr] .old-basket .bItem .del{left:auto; right:30%;}
}

input[type="email"], input[type=number]{direction:ltr}
input[type=number] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
textarea{height: 85px;}


.d-terms a{text-decoration:underline !important;}
.loader:after{width:25px;height:25px;border:5px dotted #464646;border-radius:50%;display:block;position:relative;box-sizing:border-box;animation:rotation 1.5s linear infinite;content:''}
@keyframes rotation {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.itemlod{display:none;height: 35px;aspect-ratio:1;padding:5px;background-color: #ffffffd4;}