/* === ДОДАНО: Мобільна адаптація для нового дизайну кошика === */
@media (max-width: 768px) {
  /* Контейнер кошика */
  .cart-container {
    padding: 0 10px !important;
    margin: 20px auto !important;
  }
  
  .cart-header {
    flex-direction: column !important;
    gap: 15px !important;
    text-align: center !important;
    padding: 20px 15px !important;
  }
  
  .cart-main {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  
  .cart-items-section,
  .cart-summary {
    padding: 20px 15px !important;
  }
  
  /* Виправлення для delivery options - ГОЛОВНЕ */
  .delivery-choice {
    width: 100% !important;
    gap: 12px !important;
  }
  
  .radio-option {
    width: 100% !important;
    padding: 12px 15px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    background: white !important;
  }
  
  .radio-option:hover {
    border-color: #f26522 !important;
    background: #fff8f5 !important;
  }
  
  .radio-option.selected {
    border-color: #f26522 !important;
    background: #fff8f5 !important;
  }
  
  .radio-option input[type="radio"] {
    margin: 0 12px 0 0 !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
  }
  
  .radio-option-content {
    flex: 1 !important;
    min-width: 0 !important;
  }
  
  .radio-option-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 2px !important;
    word-wrap: break-word !important;
  }
  
  .radio-option-desc {
    font-size: 14px !important;
    color: #666 !important;
    word-wrap: break-word !important;
    line-height: 1.3 !important;
  }
  
  /* Форми */
  .checkout-form input,
  .checkout-form textarea {
    padding: 12px 15px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }
  
  .form-group {
    margin-bottom: 20px !important;
  }
  
  .form-group.delivery-group {
    margin-bottom: 25px !important;
  }
  
  #pickup-field,
  #address-field {
    margin-top: 20px !important;
  }
  
  .pickup-address {
    padding: 12px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }
  
  .cart-total {
    padding: 15px !important;
    margin-bottom: 20px !important;
  }
  
  .checkout-submit .btn-primary {
    width: 100% !important;
    padding: 14px !important;
    font-size: 16px !important;
  }
}