.event-card-new {
     background: var(--white);
     border: 1px solid var(--border-light);
     border-radius: var(--spacing-sm);
     box-shadow: var(--box-shadow-sm);
     margin-bottom: var(--spacing-lg);
     overflow: hidden;
     margin-top: var(--spacing-md) !important;
 }

 .event-header {
     padding: var(--spacing-md);
     border-bottom: 1px solid var(--border-light);
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: var(--spacing-sm);
 }

 @media (min-width: 768px) {
     .event-header {
         padding: var(--spacing-lg);
     }
 }

 .event-title {
     font-size: var(--font-lg);
     font-weight: var(--font-weight-bold);
     color: var(--text-dark);
     margin: 0 0 var(--spacing-xs) 0;
     line-height: 1.2;
 }

 @media (min-width: 768px) {
     .event-title {
         font-size: var(--font-xl);
     }
 }

 .event-subtitle {
     font-size: var(--font-xs);
     color: var(--text-secondary);
     margin: 0 0 var(--spacing-xs) 0;
 }

 @media (min-width: 768px) {
     .event-subtitle {
         font-size: var(--font-sm);
     }
 }

 .event-description {
     font-size: var(--font-xs);
     color: var(--text-secondary);
     margin: 0;
     display: none;
 }

 @media (min-width: 768px) {
     .event-description {
         display: block;
     }
 }

 .event-badges {
     display: flex;
     gap: var(--spacing-xs);
     align-items: center;
     flex-shrink: 0;
 }

 @media (min-width: 768px) {
     .event-badges {
         gap: var(--spacing-sm);
     }
 }

 .badge {
     padding: var(--spacing-xs) var(--spacing-sm);
     border-radius: var(--spacing-sm);
     font-size: var(--font-xs);
     font-weight: var(--font-weight-medium);
     white-space: nowrap;
 }

 @media (min-width: 768px) {
     .badge {
         padding: var(--spacing-xs) var(--spacing-base);
     }
 }

 .badge-rider {
     background: var(--orange-primary);
     color: var(--white);
 }

 .delete-btn {
     background: none;
     border: none;
     color: var(--text-secondary);
     cursor: pointer;
     padding: var(--spacing-xs);
 }

 .delete-btn:hover {
     color: var(--primary-red);
 }

 .quantity-section {
     padding: var(--spacing-md);
     border-bottom: 1px solid var(--border-light);
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: var(--spacing-sm);
 }

 @media (min-width: 768px) {
     .quantity-section {
         padding: var(--spacing-lg);
     }
 }

 .quantity-controls {
     display: flex;
     align-items: center;
     gap: var(--spacing-sm);
 }

 @media (min-width: 768px) {
     .quantity-controls {
         gap: var(--spacing-md);
     }
 }

 .quantity-btn {
     background: var(--medium-gray);
     border: 1px solid var(--border-medium);
     border-radius: var(--spacing-xs);
     width: 36px;
     height: 36px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     color: var(--text-primary);
     flex-shrink: 0;
 }

 @media (min-width: 768px) {
     .quantity-btn {
         width: 40px;
         height: 40px;
     }
 }

 .quantity-btn:hover {
     background: var(--border-light);
 }

 .quantity-display {
     font-size: var(--font-base);
     font-weight: var(--font-weight-medium);
     min-width: 30px;
     text-align: center;
 }

 .price-info {
     text-align: right;
 }

 .price-unit {
     font-size: var(--font-sm);
     color: var(--text-secondary);
     margin: 0;
 }

 .price-total {
     font-size: var(--font-lg);
     font-weight: var(--font-weight-bold);
     color: var(--text-dark);
     margin: var(--spacing-xs) 0 0 0;
 }

 .section {
     padding: var(--spacing-md);
     border-bottom: 1px solid var(--border-light);
 }

 @media (min-width: 768px) {
     .section {
         padding: var(--spacing-lg);
     }
 }

 .section-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: var(--spacing-sm);
 }

 @media (min-width: 768px) {
     .section-header {
         margin-bottom: var(--spacing-md);
     }
 }

 .section-title {
     font-size: var(--font-sm);
     font-weight: var(--font-weight-bold);
     color: var(--text-dark);
     margin: 0;
 }

 @media (min-width: 768px) {
     .section-title {
         font-size: var(--font-base);
     }
 }

 .status-icon {
     width: 20px;
     height: 20px;
 }

 .status-error {
     color: var(--primary-red);
 }

 .status-warning {
     color: var(--orange-primary);
 }

 .status-success {
     color: #10b981;
 }

 .section-content {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: var(--spacing-sm);
     padding: var(--spacing-md) 0;
 }

 @media (min-width: 768px) {
     .section-content {
         gap: var(--spacing-md);
         padding: var(--spacing-xl) 0;
     }
 }

 .section-icon {
     width: 40px;
     height: 40px;
     color: var(--text-secondary);
 }

 @media (min-width: 768px) {
     .section-icon {
         width: 48px;
         height: 48px;
     }
 }

 .section-message {
     font-size: var(--font-sm);
     color: var(--text-secondary);
     text-align: center;
     margin: 0;
 }

 .primary-btn {
     background: var(--orange-primary);
     color: var(--white);
     border: none;
     padding: var(--spacing-base) var(--spacing-xl);
     border-radius: var(--spacing-xs);
     font-size: var(--font-sm);
     font-weight: var(--font-weight-medium);
     cursor: pointer;
     transition: all 0.2s;
 }

 .primary-btn:hover {
     background: #c44a1a;
 }

 .secondary-btn {
     background: var(--white);
     color: var(--text-primary);
     border: 1px solid var(--border-medium);
     padding: var(--spacing-base) var(--spacing-xl);
     border-radius: var(--spacing-xs);
     font-size: var(--font-sm);
     cursor: pointer;
     width: 100%;
     transition: all 0.2s;
 }

 .secondary-btn:hover {
     background: var(--light-gray);
 }

 .error-message {
     color: var(--primary-red) !important;
     font-size: var(--font-xs);
     margin: var(--spacing-sm) 0 0 0;
     display: flex;
     align-items: center;
     gap: var(--spacing-xs);

 }

 .cart-summary {
     background: var(--light-gray);
     border-radius: var(--spacing-sm);
     padding: var(--spacing-lg);
     margin-top: var(--spacing-lg);
 }

 .cart-title {
     font-size: var(--font-lg);
     font-weight: var(--font-weight-bold);
     color: var(--text-dark);
     margin: 0 0 var(--spacing-lg) 0;
     display: flex;
     align-items: center;
     gap: var(--spacing-sm);
 }

 .cart-line {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: var(--spacing-sm) 0;
     border-bottom: 1px solid var(--border-light);
 }

 .cart-line:last-child {
     border-bottom: none;
 }

 .cart-item {
     font-size: var(--font-sm);
     color: var(--text-primary);
     margin: 0;
 }

 .cart-price {
     font-size: var(--font-sm);
     color: var(--text-primary);
     font-weight: var(--font-weight-medium);
 }

 .cart-total {
     font-size: var(--font-lg);
     font-weight: var(--font-weight-bold);
     color: var(--text-dark);
     padding-top: var(--spacing-sm);
     margin-top: var(--spacing-sm);
     border-top: 2px solid var(--border-medium);
 }

 .issues-section {
     background: #fef2f2;
     border: 1px solid #fecaca;
     border-radius: var(--spacing-xs);
     padding: var(--spacing-md);
     margin: var(--spacing-lg) 0;
 }

 .issues-title {
     font-size: var(--font-sm);
     font-weight: var(--font-weight-medium);
     color: var(--primary-red);
     margin: 0 0 var(--spacing-sm) 0;
     display: flex;
     align-items: center;
     gap: var(--spacing-xs);
 }

 .issues-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .issues-item {
     color: var(--primary-red);
     font-size: var(--font-xs);
     margin: var(--spacing-xs) 0;
     display: flex;
     align-items: center;
     gap: var(--spacing-xs);
 }

 .issues-item:before {
     content: "•";
     color: var(--primary-red);
 }

 .warning-section {
     background: #fffbeb;
     border: 1px solid #fde68a;
     border-radius: var(--spacing-xs);
     padding: var(--spacing-md);
     margin: var(--spacing-lg) 0;
 }

 .warning-title {
     font-size: var(--font-sm);
     font-weight: var(--font-weight-medium);
     color: var(--orange-primary);
     margin: 0;
     display: flex;
     align-items: center;
     gap: var(--spacing-xs);
 }

 .checkout-btn {
     background: var(--orange-primary);
     color: var(--white);
     border: none;
     padding: var(--spacing-md) var(--spacing-xl);
     border-radius: var(--spacing-xs);
     font-size: var(--font-sm);
     font-weight: var(--font-weight-medium);
     cursor: pointer;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: var(--spacing-sm);
     margin: var(--spacing-lg) 0;
     transition: all 0.2s;
 }

 .checkout-btn:disabled {
     background: var(--text-secondary);
     cursor: not-allowed;
 }

 .checkout-btn:hover:not(:disabled) {
     background: #c44a1a;
 }

 .checkout-footer {
     text-align: center;
     font-size: var(--font-xs);
     color: var(--text-secondary);
     margin: var(--spacing-md) 0;
 }

 .checkout-footer a {
     color: var(--text-secondary);
     text-decoration: underline;
 }

 .selected-state {
     background: #f0f9ff;
     border: 1px solid #0ea5e9;
     color: var(--text-primary);
 }

 .new-tabs-add.horse-tab {
     display: grid;
     grid-template-columns: repeat(2, 150px);
 }

 .horse-div {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     gap: var(--spacing-sm);
 }

 .btn-select-hours {
     background-color: var(--orange-primary);
     padding: var(--spacing-xs) var(--spacing-md);
     font-size: var(--spacing-md);
     font-weight: var(--font-weight-bold);
     color: var(--white);
     border: 0;
     border-radius: var(--spacing-xs);
 }