.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Accordion transition logic */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
}
.accordion-item.active .accordion-content {
    max-height: 500px;
    opacity: 1;
}
.accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}

/* Mega Menu Styles */
.mega-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 100;
}
.group:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
@media (max-width: 767px) {
    .mega-menu {
        max-height: 400px;
    }
    .mega-menu > div:last-child {
        grid-template-columns: 1fr;
    }
}

/* Custom Colors */
.bg-fresh-green{
  background: #4CAF50 !important;
  text-shadow: 0 0 1px black;
}

.txt-fresh-green{
  color: #4CAF50;
  font-weight: bold;
}

/* Search Results Panel */
#search-results-panel, #search-results-panel-mobile {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 60;
    background: white;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

#search-results-panel.active, #search-results-panel-mobile.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (min-width: 1024px) {
    #search-results-panel {
        position: absolute;
        top: 100%;
        left: -100px;
        right: -100px;
        margin-top: 0.5rem;
        border-radius: 0.75rem;
        overflow: hidden;
        max-height: 500px;
        display: flex;
    }
}

#search-results-panel-mobile {
    margin-top: 1rem;
    border-radius: 0.5rem;
    overflow: hidden;
    max-height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
}

.search-results-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.search-categories-col {
    width: 35%;
    background: #f9fafb;
    border-right: 1px solid #e5e7eb;
    overflow-y: auto;
    max-height: 500px;
}

.search-products-col {
    width: 65%;
    overflow-y: auto;
    padding: 1.5rem;
    max-height: 500px;
}

@media (max-width: 767px) {
    .search-results-container {
        flex-direction: column;
    }
    .search-categories-col {
        width: 100%;
        height: auto;
        max-height: 150px;
        border-right: none;
        border-bottom: 1px solid #e5e7eb;
    }
    .search-products-col {
        width: 100%;
        max-height: calc(100vh - 350px);
    }
}

/* Cart Panel Styles */
#cart-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s, visibility 0.3s;
}

#cart-overlay.opacity-0 {
    opacity: 0;
}

#cart-overlay.invisible {
    visibility: hidden;
}

#cart-panel {
    width: 100%;
    max-width: 400px;
}

#cart-panel.translate-x-full {
    transform: translateX(100%);
}

#cart-items-container .flex {
    display: flex;
}

#cart-items-container .gap-4 {
    gap: 1rem;
}

#cart-items-container .pb-6 {
    padding-bottom: 1.5rem;
}

#cart-items-container .border-b {
    border-bottom: 1px solid #f3f4f6;
}

/* Search Modal Styles */
#search-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s, visibility 0.3s;
}

#search-modal-overlay.opacity-0 {
    opacity: 0;
}

#search-modal-overlay.invisible {
    visibility: hidden;
}

#search-modal {
    padding-top: 6rem;
    padding-bottom: 1.5rem;
}

#search-modal.-translate-y-full {
    transform: translateY(-100%);
}