.basket-name
					{
						display:flex;
						flex-flow:row wrap;
						
						gap: 10px 20px;
						align-items: center;
						justify-content:space-between;
						margin-bottom: 30px;
						
					}
					.basket-name-1
					{
						font-size: 36px;
					}
					.basket-name-2
					{
						font-size: 16px;
					}
					.basket-name-2 a
					{
						border-bottom: dashed 1px #464646;
						transition: all .5s;
					}
					.basket-name-2 a:hover
					{
						border-bottom: dashed 1px transparent;
						opacity: .5;
					}
					
					.basket-item
					{
						display:flex;
						gap: 4px 20px;
						
						border-top: solid 1px #EAE2E1;
						border-bottom: solid 1px #EAE2E1;
						
						padding: 5px 0;
					}
					
					.basket-item-text
					{
						display:flex;
						flex-flow:row wrap;
						gap: 4px 20px;
						flex: 1;
						justify-content:space-between;
					}
					
					.basket-item-pic img
					{
						width:100px;
						height:100px;
						aspect-ration:1/1;
					}
					.basket-item-name
					{
						flex:1;
						display:flex;
						align-items:center;
					}
					.basket-item-name a, .basket-item-name a:hover
					{
					}
					.basket-item-right
					{
						width:200px;
						min-height:42px;
						display:flex;
						align-items:center;
						
						position: relative;
					}
					.basket-item-price
					{
						font-weight:bold;
						font-size:1.1em;
						
					}
					.basket-item-remove
					{
						width:40px;
						height:40px;
						
						display:flex;
						align-items:center;
						justify-content:center;
						
						border: solid 1px #EAE2E1;
						
						position: absolute;
						right:0;
						
						background-color: #EAE2E1;
						
						transition: all .5s;
					}
					.basket-item-remove:hover
					{
						background:#fff;
					}
					.basket-sum
					{
						display:flex;
						flex-flow: row wrap;
						justify-content: space-between;
						gap:20px;
					}
					.basket-code
					{
						max-width: 500px;
						width:100%;
						display:flex;
						
						align-items:center;
						gap:4px 10px;
						
					}
					.basket-code em
					{
						font-style:normal;
						white-space:nowrap;
					}
					.basket-code input
					{
						width: auto;
						flex:1;
					}
					.basket-code button
					{
						background: #eae2e1;
						color: #000;
						border: solid 1px #eae2e1;
						
						display:block;
						padding: 12px;
						width:140px;
						transition: all .5s;
					}
					.basket-code button:hover
					{
						background-color:#fff;
					}
					.basket-fin
					{
						display:flex;
						justify-content:space-between;
						gap:20px;
						max-width: 280px;
						width:100%;
					}
					.basket-fin-1
					{
						font-size: 1.5em;
					}
					.basket-fin-1 b
					{
						display:block;
						font-size:11px;
					}
					.basket-fin-2
					{
					}
					.basket-fin-2 a
					{
						
					}
					@media (max-width: 567px) {
						.basket-code
						{
							flex-flow:row wrap;
						}
						.basket-code em
						{
							width:100%;
				
						}
						.basket-code .textbox
						{
							flex:auto;
							width: calc(100% - 150px);
						}
						.basket-fin, .basket-code
						{
							max-width:100%;
						}
					}
					.basket-col
					{
						display:flex;
						flex-flow: row wrap;
						gap:20px 40px;
					}
					.basket-col-1
					{
						width:calc(50% - 20px);
					}
					.basket-col-2
					{
						width:calc(50% - 20px);
					}
					
					label.custom-radio-1 {
					   display:block;
					   width:100%;
						margin:0;
					}

					label.custom-radio-1 > input {
					  position: absolute;
					  z-index: -1;
					  opacity: 0;
					  visibility: hidden;
					}

					label.custom-radio-1 > span {
					  padding: 12px;
    					  padding-left: 36px;
    					outline: none;
    					border: 1px solid #EAE2E1;
    					background-color: #FFF;
    					display: block;
    					position:relarive;
    					cursor: pointer;

					}
					label.custom-radio-1 > span::before{
						border:solid 1px #000;
						content:"";
						display:block;
						width:14px;
						height:14px;
						position:absolute;
						top:50%;
						transform:translateY(-50%);
						left:12px;
						border-radius:50%;
					}
					.custom-radio-1 > input:checked + span {
					  
					  border: 1px solid #000;
    						outline: 1px solid #000;
					}


					label.custom-radio-1 > input:checked + span::before{
						outline:solid 1px #000;
						border:solid 2px #fff;
						content:"";
						display:block;
						width:10px;
						height:10px;
						position:absolute;
						top:50%;
						transform:translateY(-50%);
						left:12px;
						border-radius:50%;
						background-color:#000;
					}
					.dostavka-flex
					{
						display: flex;
						flex-flow: row wrap;
						gap: 10px 20px;

					}
					.dostavka-flex-1
					{
						display: flex;
						gap: 10px;
						align-items:center;
						margin: 0 0 20px;
					}
					.dostavka-flex-2
					{
						display: flex;
						gap: 10px;
						align-items:center;
					}
					.dostavka-flex-1 em
					{
						font-style:normal;
						width:70px;
					}
					.dostavka-flex-1 label
					{
						flex:1;
						margin: 0;
					}
					.dostavka-flex-3
					{
						display: flex;
						gap: 10px;
						align-items:center;
						margin: 0 0 10px;
					}
					.dostavka-flex-3 em
					{
						font-style:normal;
						width:70px;
					}
					.dostavka-flex-3 .sum
					{
						font-size: 2em;
					}
					.dostavka-flex-3 .count
					{
						opacity: .5;
					}
					
					.pay-1
					{
						width: 100%;
						padding: 12px;
						padding-left:36px;
						outline: none;
						border: 1px solid #EAE2E1;
						background-color: #FFF;
						display:block;
						background-image: url(/local/templates/cityd/images/pay-1.svg);
						background-repeat: no-repeat;
						background-position: 10px 50%;
						cursor:pointer;						
						background-size: 22px auto;
						margin-bottom:10px;
					}
					.pay-2
					{
						width: 100%;
						padding: 12px;
						padding-left:36px;
						outline: none;
						border: 1px solid #EAE2E1;
						background-color: #FFF;
						display:block;
						background-image: url(/local/templates/cityd/images/pay-2.svg);
						background-repeat: no-repeat;
						background-position: 10px 50%;
						cursor:pointer;
						background-size: 22px auto;
					}

					label input:checked+.pay-1, label input:checked+.pay-2
					{
						border: 1px solid #000;
						outline: 1px solid #000;
					}

					@media (max-width: 900px) {
						.basket-col-1, .basket-col-2
						{
							width:100%;
						}
						.basket-name
						{
							margin-bottom: 10px;
						}
						.basket-name-1
						{
							font-size: 24px;
						}
					}
					@media (max-width: 460px) {
						.dostavka-flex-2
						{
							flex-flow: row wrap;
						}
						.dostavka-flex-1
						{
							width:100%;
						}
						.dostavka-flex-1 em
						{
							text-align: left !important;
						}
					}