/* Оформление заказа одним экраном («Купить» → сразу оформление) и выбор пункта выдачи СДЭК.
   Разметку рисуют shop.js (экран) и delivery.js (город, карта, список). Базовые стили полей, строк заказа
   и кнопок — из store.css; здесь только новое. */

.checkout-section{margin:0 0 26px}
.checkout-section>h3{font:600 12px/1.4 var(--body);letter-spacing:.02em;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #0b151825}
.checkout-section .cart-item:first-child{padding-top:6px}
.checkout-section .cart-item:last-child{border-bottom:0;padding-bottom:6px}
.checkout-section .checkout-fields{margin-bottom:16px}
.checkout-section>.checkout-field:last-child{margin-bottom:0}
.cart-item-photo{display:block}
.cart-heading h2{margin-bottom:22px}

/* ── город ── */
.delivery-city{position:relative;margin-bottom:14px}
.delivery-city>label{color:#526459}
.city-options{position:absolute;z-index:5;left:0;right:0;top:100%;margin:2px 0 0;padding:4px 0;list-style:none;background:#fbfcf9;border:1px solid #0b151840;border-radius:2px;box-shadow:0 14px 40px #0b151826;max-height:260px;overflow-y:auto}
.city-options li{padding:10px 13px;font-size:13px;line-height:1.35;cursor:pointer}
.city-options li:hover,.city-options li.is-active{background:#e2e8dd}

/* ── карта и список пунктов ── */
.delivery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 10px;font-size:11px;color:#526459}
.delivery-toolbar input{flex:1;max-width:290px;font:12px var(--body);padding:9px 11px;background:#fff9;border:1px solid #0b15182c;border-radius:2px;color:var(--ink)}
.delivery-map{height:300px;border:1px solid #0b15182c;background:#dfe5dc;z-index:0}
.delivery-map .leaflet-tile{filter:grayscale(.8) sepia(.1) contrast(.95)}
.delivery-map .leaflet-container{font-family:var(--body)}
.delivery-map .leaflet-control-attribution{font-size:9px;background:#f2f4eecc}
.delivery-map .leaflet-bar a{color:var(--ink);border-radius:0}
.delivery-map .leaflet-tooltip{font:11px/1.35 var(--body);color:var(--ink);background:#fbfcf9;border:1px solid #0b151840;border-radius:2px;box-shadow:0 6px 18px #0b151826;padding:6px 9px}
.points-list{list-style:none;margin:10px 0 0;padding:0;max-height:232px;overflow-y:auto;border:1px solid #0b15182c;border-radius:2px;background:#fff6}
.points-list li+li{border-top:1px solid #0b15181a}
.points-list button{display:block;width:100%;text-align:left;background:none;padding:11px 13px;font:inherit;color:inherit}
.points-list button:hover,.points-list button:focus-visible{background:#e8ede3}
.points-list button.is-selected{background:#e2e8dd;box-shadow:inset 3px 0 0 var(--copper)}
.points-list strong{display:block;font-size:12.5px;font-weight:500;line-height:1.35}
.points-list small{display:block;font-size:10.5px;color:#637268;margin-top:3px;line-height:1.45}
.points-empty{padding:16px 13px;font-size:12px;color:#637268}

/* ── выбранный пункт ── */
.delivery-selected{display:flex;align-items:flex-start;gap:13px;border:1px solid #8b9a87;background:#e2e8dd;padding:15px 16px;border-radius:2px}
.delivery-selected .pickup-mark{font-size:26px;line-height:1;margin-top:1px}
.delivery-selected>div{min-width:0;flex:1}
.delivery-selected strong{display:block;font-size:11px;font-weight:600;letter-spacing:.02em}
.delivery-selected p{font-size:12.5px;line-height:1.45;margin:5px 0 0;overflow-wrap:anywhere}
.delivery-selected .delivery-hours{font-size:10.5px;color:#526459}
.delivery-selected .delivery-price{font-size:12.5px;margin-top:9px}
.delivery-selected .delivery-price b{font-weight:600}
.delivery-selected .text-link{font-size:11px;padding:0;flex-shrink:0;text-decoration:underline;text-underline-offset:3px}
.delivery-points{margin-top:12px}
.delivery-status{font-size:11.5px;color:#526459;margin:10px 0 0;min-height:0}
.delivery-status:empty{display:none}
.delivery-note{font-size:11px;color:#637268;margin:10px 0 0}

/* ── итог и оплата ── */
.order-totals{border-top:1px solid #0b15182c;padding-top:16px;margin-top:4px}
.order-total-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:13px;padding:5px 0}
.order-total-row small{font-size:11px;color:#637268}
.order-totals .cart-subtotal{padding:14px 0 4px;border-top:1px solid #0b15181a;margin-top:10px}
#checkout-form .checkout-cta{margin:16px 0 14px}
#checkout-form .continue-shopping{font-size:11px}
#checkout-form .payment-status{margin-top:6px}

@media(max-width:700px){
  .checkout-section{margin-bottom:22px}
  .delivery-map{height:250px}
  .delivery-toolbar{flex-wrap:wrap}
  .delivery-toolbar input{max-width:none;flex-basis:100%;font-size:16px}
  .points-list{max-height:216px}
  .city-options li{font-size:14px;padding:12px 13px}
  #delivery-city{font-size:16px}
  .delivery-selected{flex-wrap:wrap}
}

/* ── «Скопировать ссылку на модель» в окне и на странице товара ── */
.share-link{display:flex;margin-top:12px;padding:0;background:none;font-size:12px;gap:10px;color:#526459}
.share-link:hover{color:var(--ink)}
.share-link span{font-size:15px}
