/* When parent has category-menu-visible class, show login and sell, hide cart */
.category-menu-visible .header-menu-container {
    display: block !important;
    width: 100% !important;
}
.category-menu-visible .menu-items-wrapper {
    display: block !important;
    width: 100% !important;
}
.category-menu-visible .sell-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    padding: 0.625rem 0.75rem !important;
    text-align: left !important;
    border-radius: 0.25rem !important;
    transition: background-color 0.2s !important;
    margin-bottom: 0.25rem !important;
}
.category-menu-visible .sell-link:hover {
    background-color: #f9fafb !important;
}
.category-menu-visible .account-menu-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}
.category-menu-visible .cart-icon {
    display: none !important;
}

.scrollbar-hide[data-v-5e8a6937] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide[data-v-5e8a6937]::-webkit-scrollbar {
    display: none;
}

/* Dropdown styles */
.category-dropdown-container[data-v-5e8a6937] {
    position: fixed;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 50;
    width: 100vw;
    max-width: 100%;
}
@media (min-width: 1024px) {
.category-dropdown-container[data-v-5e8a6937] {
        position: absolute;
        top: 100%;
        margin-top: 12px;
        width: auto;
        left: 0;
        right: auto;
}
}
.category-dropdown-panel[data-v-5e8a6937] {
    position: relative;
    width: 100%;
}
@media (min-width: 1024px) {
.category-dropdown-panel[data-v-5e8a6937] {
        width: -moz-max-content;
        width: max-content;
}
}

/* Triangle tip - Tippy.js style with dark mode support */
.dropdown-tip[data-v-5e8a6937] {
    display: none;
}
@media (min-width: 1024px) {
.dropdown-tip[data-v-5e8a6937] {
        display: block;
        position: absolute;
        top: -6px;
        left: 30px;
        width: 16px;
        height: 8px;
        overflow: hidden;
        z-index: 51;
}
.dropdown-tip[data-v-5e8a6937]::before,
    .dropdown-tip[data-v-5e8a6937]::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 10px;
        height: 10px;
        background: #f5f5f5;
}
.dropdown-tip[data-v-5e8a6937]::before {
        top: 3px;
}
.dropdown-tip[data-v-5e8a6937]::after {
        top: 4px;
        z-index: 1;
}
.dark .dropdown-tip[data-v-5e8a6937]::before,
    .dark .dropdown-tip[data-v-5e8a6937]::after {
        background: rgb(31, 41, 55);
}
}

/* Custom scrollbar for category panels */
.category-panel[data-v-5e8a6937] {
    scrollbar-width: thin;
    scrollbar-color: #d1d5db #f3f4f6;
}
.category-panel[data-v-5e8a6937]::-webkit-scrollbar {
    width: 8px;
}
.category-panel[data-v-5e8a6937]::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 4px;
}
.category-panel[data-v-5e8a6937]::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}
.category-panel[data-v-5e8a6937]::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

.scrollbar-hide[data-v-aba94e7b] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide[data-v-aba94e7b]::-webkit-scrollbar {
    display: none;
}

.search-container[data-v-68aa2511] {
    isolation: isolate;
}
.fade-enter-active[data-v-68aa2511],
.fade-leave-active[data-v-68aa2511] {
    transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-68aa2511],
.fade-leave-to[data-v-68aa2511] {
    opacity: 0;
}

/* Placeholder text size */
[data-v-68aa2511] input::-moz-placeholder {
    font-size: 14px;
    color: #555;
    -moz-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
[data-v-68aa2511] input::placeholder {
    font-size: 14px;
    color: #555;
    transition: color 0.3s ease;
}
.dark[data-v-68aa2511] input::-moz-placeholder {
    color: #aaa;
}
.dark[data-v-68aa2511] input::placeholder {
    color: #aaa;
}