@import url("utils/quantity-4544b97430e3a9545dffa13253ac7990.css");
@import url("utils/form-81c64c9e0e8b482df03c34ce55c08c7e.css");

.disabled-btn {
    pointer-events: none;
    opacity: 0.8;
}

.pointer-none {
    pointer-events: none;
}

#offcanvasCart {
    width: 600px;
    overflow-x: hidden;
}

#offcanvasCart .offcanvas-body {
    overflow-x: hidden;
}

button.btn-remove-cart, a.btn-remove-cart {
    border-radius: .5rem;
    color: #6b7280;
}

button.btn-remove-cart:hover, a.btn-remove-cart:hover {
    color: #111827 !important;
}

.btn-link {
    color: black;
}

.btn-link.border-bottom:hover {
    color: #a78bb4;
    border-color: #a78bb4 !important;
}

.btn {
    border-radius: 0.1875rem;
}

.user-select-none {
    user-select: none;
}

.btn-add-to-cart {

    background-color: #F4F4F4;
    border: none;
    border-radius: 4px;
    color: #333333;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500 !important;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-add-to-cart:hover {

    background-color: #CECECE;
    color: #333333;
}

a svg, button svg {
    pointer-events: none !important;
}

.btn-contact {
    min-width: 220px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-contact:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}

#search-results-mobile li.card a {
    transition: background-color 0.2s ease;
}
#search-results-mobile li.card a:hover {
    background-color: #f8f9fa;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}

#offcanvasMenu a.clicked {
    opacity: 0.6;
    pointer-events: none;
}

.topbar {
    background-color: #fce4ec;
    color: #2c2c2c;
    font-family: 'Merriweather Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-transform: none;
}

@keyframes fadeBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.topbar p {
    animation: fadeBlink 2.5s ease-in-out infinite;
}