.checkout .title {
    margin-bottom: 80px;
}

.checkout__content {
    display: grid;
    grid-template-columns: 45% 49%;
    gap: 6%;
}

.checkout-info-title {
    font-weight: 400;
    font-size: 18px;
}

.checkout-info__change {
    display: none;
}

.checkout__content .checkout-info-title {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #EBEBEB;
}

.checkout-info__item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    margin-bottom: 24px;
    padding-left: 16px;
    font-weight: 500;
    font-size: 14px;
    color: #ABAFB6;
    border-left: 3px solid var(--accent-yellow);
}

.checkout-info__item h3 {
    font-weight: 500;
    font-size: 16px;
    color: var(--text-color);
    margin-bottom: 8px;
}

.checkout-info__change-btn {
    color: var(--accent);
    border: none;
    outline: none;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all .2s ease;
    background: transparent;
}

.checkout-info__change-btn:hover {
    font-weight: 700;
}

.input-block.payment {
	display: grid;
	grid-template-columns: 16px 1fr;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid #D0D5DD;
}

.payment input[type="radio"] {
	grid-area: 1/1/2/2;
}

.payment label {
	grid-area: 1/2/2/3;
}

.payment-info {
    max-height: 0;
    grid-area: 2/1/3/3;
    font-size: 14px;
    border-radius: 0 10px 10px 10px;
    background-color: var(--accent-yellow);
    transition: max-height 0.2s ease;
    overflow: hidden;
}

.payment-info > span {
    display: inline-block;
    padding: 10px 24px;
}

.payment:has(input[type="radio"]:checked) > .payment-info {
    max-height: 400px; 
}

.payment-form .ligth-text {
    font-size: 12px;
    line-height: 24px;
    padding: 8px 0 0;
}

.checkout-gifts {
    margin-top: 24px;
}

.checkout-gifts-slider {
    padding: 5px 0;
}

.checkout-gifts-slider .swiper-slide {
    max-width: 302px;
}

.checkout-gifts-slider .item {
    height: 100%;
}

.checkout-gifts-slider .product__card {
    height: 100%;
    max-width: none;
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
}

.checkout-gifts-slider .product__card__img {
    grid-area: 1/1/3/2;
    height: auto;
}

.checkout-gifts-slider .product__info {
    height: 100%;
    grid-area: 1/2/2/3;
    gap: 8px;
    padding: 0;
}

.checkout-gifts-slider .bs-btn {
    grid-area: 2/2/3/3;
    font-size: 12px;
    line-height: normal;
}

.checkout-gifts-slider .product__name {
    flex-grow: 1;
    font-size: 12px;
    text-transform: none;
    height: auto;
    margin-bottom: 0;
    display: block;
}

.checkout-gifts-slider .price {
    font-size: 14px;
}

.checkout-block .accordion__item {
    margin-bottom: 10px;
    padding-bottom: 0;
    border: none;
}

.checkout-block .accordion__title__content {
    justify-content: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
}

.checkout-block  .accordion__title-icon::after,
.checkout-block  .icon-plus {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 5.50001H6.49999V0.499992C6.49999 0.223852 6.27614 0 6 0C5.72386 0 5.50001 0.223852 5.50001 0.499992V5.49998H0.499992C0.223852 5.50001 0 5.72386 0 6C0 6.27614 0.223852 6.49999 0.499992 6.49999H5.49998V11.5C5.49998 11.7761 5.72384 12 5.99998 12C6.27612 12 6.49997 11.7761 6.49997 11.5V6.49999H11.5C11.7761 6.49999 12 6.27614 12 6C12 5.72386 11.7761 5.50001 11.5 5.50001Z" fill="%234B6D74"/></svg>') no-repeat center center / cover;
}

.checkout-block  .accordion-active .accordion__title-icon::after {
	background: url('data:image/svg+xml,<svg width="20" height="2" viewBox="0 0 20 2" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" rx="1" fill="%234B6D74"/></svg>') no-repeat center center / contain;
}

.checkout-block .add-cupon-form input {
    padding: 10px 16px;
}

.checkout-block:has(.add-coupon) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F4F5F7;
}

.spend-coupon-form {
    gap: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F4F5F7;
}

.spend-coupon-form:has(#spend-coupon-check:checked) {
    border: none;
}

.spend-coupon-form .bs-form__row {
   grid-template-columns: 1fr max-content;
   gap: 8px;
   max-height: 0;
    transition: max-height 0.2s ease;
    overflow: hidden;
}

.spend-coupon-form:has(#spend-coupon-check:checked) > .bs-form__row {
    max-height: 400px; 
}

.spend-coupon-form .bs-btn {
    min-width: 100px;
    font-size: 14px;
    line-height: 17px;
}

.spend-coupon-form .bs-btn>span {
    padding: 15px 16px;
}

.checkout-block .total {
    text-transform: uppercase;
    margin-bottom: 6px;
}

.new-cupon {
    text-align: right;
}

.checkout-block .bs-btn {
    width: 100%;
}

.checkout.guest .cart__sing-in {
    display: flex;
}

.checkout.guest .bs-btn {
    width: 100%;
    background: var(--accent-yellow);
}

.checkout.guest .checkout-info__item,
.checkout.guest .mini-cart__foot-row.cupons,
.checkout.guest .spend-coupon-form,
.checkout.guest .new-cupon,
.bs-btn-sign {
    display: none;
}

.checkout.guest .bs-btn-sign {
    display: flex;
	color: var(--text-color);
	border: double 1px transparent;
	background-image: linear-gradient(#ffffffff, #ffffff), linear-gradient(to left, var(--accent-yellow), #668b90);
	background-origin: border-box;
	background-clip: content-box, border-box;
	transition: all .2s ease;
}

.checkout.guest  .checkout-info__change {
    display: block;
    margin-bottom: 24px;
}

.checkout-block .row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 10px;
}

.resident .checkout-block .row {
    grid-template-columns: 1fr;
}

.checkout-block .bs-btn {
    font-size: 14px;
    line-height: 17px;
}

.checkout-block .bs-btn>span {
    padding: 16px 16px;
}


@media (max-width: 992px) {

    .checkout__content {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
	

    .checkout-info-title {
        font-size: 16px;
    }

    
	
}

@media (max-width: 768px) {
    .checkout-info__item {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .checkout-info__change-btn {
        justify-self: flex-start;
    }
}