:root {
    --primary-teal: #009688;
    --secondary-cyan: #4DD0E1;
    --accent-teal: #00BFA5;
    --bg-gradient: linear-gradient(135deg, #e0f2f1 0%, #e1f5fe 100%);
    --glass-bg: rgba(255, 255, 255, 0.45);
    --text-primary: #1A374D;
}

body {
    background: var(--bg-gradient) !important;
    min-height: 100vh;
}

.glass-morphism {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07) !important;
    border-radius: 15px !important;
}

#shopCartModal .modal-content {
    max-height: 90vh;
    overflow: hidden;
}

#shopCartModal .modal-body {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-teal) transparent;
}

#shopCartModal .form-control,
#shopCartModal .form-select {
    border: 1px solid #d5d9dc;
}

.cart-item {
    transition: transform 0.2s;
}

.cart-item:hover {
    transform: translateX(5px);
}

.cart-toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--primary-teal);
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cart-toast.show {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .border-end-md {
        border-end: none !important;
        border-bottom: 1px solid #dee2e6;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    #shopCartModal .modal-content {
        max-height: 95vh;
    }
}