/* 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: none !important;
}
.category-menu-visible .cart-icon {
    display: none !important;
}

.scrollbar-hide[data-v-1d0631f1] {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.scrollbar-hide[data-v-1d0631f1]::-webkit-scrollbar {
    display: none;
}

/* Scrollbar that shows on hover and when scrolling */
.scrollbar-show-on-hover[data-v-1d0631f1] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.scrollbar-show-on-hover[data-v-1d0631f1]::-webkit-scrollbar {
    height: 6px;
}
.scrollbar-show-on-hover[data-v-1d0631f1]::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}
.scrollbar-show-on-hover[data-v-1d0631f1]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.scrollbar-show-on-hover[data-v-1d0631f1]:hover::-webkit-scrollbar-thumb,
.scrollbar-show-on-hover[data-v-1d0631f1]:active::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
}

/* Show scrollbar when scrolling */
.scrollbar-show-on-hover.scrolling[data-v-1d0631f1]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
}

/* Overlay styles */
.category-overlay[data-v-1d0631f1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 40;
    cursor: pointer;
}

/* Dropdown styles */
.category-dropdown-container[data-v-1d0631f1] {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 50;
    width: 100vw;
    max-width: 100%;
    overflow-y: auto;
}

/* Mobile: full height below header */
@media (max-width: 1023px) {
.category-dropdown-container[data-v-1d0631f1] {
        bottom: 0;
        height: calc(100vh - var(--header-height, 147px));
}
}
@media (min-width: 1024px) {
.category-dropdown-container[data-v-1d0631f1] {
        top: 100%;
        height: auto;
        overflow-y: visible;
        position: fixed;
        width: auto;
        right: auto;
}
}
.category-dropdown-panel[data-v-1d0631f1] {
    position: relative;
    width: 100%;
}
@media (min-width: 1024px) {
.category-dropdown-panel[data-v-1d0631f1] {
        width: -moz-max-content;
        width: max-content;
}
}

/* Triangle tip - Tippy.js style with dark mode support */
.dropdown-tip[data-v-1d0631f1] {
    display: none;
}
@media (min-width: 1024px) {
.dropdown-tip[data-v-1d0631f1] {
        display: block;
        position: absolute;
        top: -8px;
        left: 26px;
        width: 24px;
        height: 16px;
        overflow: hidden;
        z-index: -1;
}
.dropdown-tip[data-v-1d0631f1]::before,
    .dropdown-tip[data-v-1d0631f1]::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 13px;
        height: 13px;
        background: #fff;
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
        border-radius: 2px;
}
.dropdown-tip[data-v-1d0631f1]::before {
        top: 3px;
}
.dropdown-tip[data-v-1d0631f1]::after {
        top: 4px;
        z-index: 1;
}
.dark .dropdown-tip[data-v-1d0631f1]::before,
    .dark .dropdown-tip[data-v-1d0631f1]::after {
        background: rgb(31, 41, 55);
}
}

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

/* Shimmer animation */
@keyframes shimmer-1d0631f1 {
0% {
        background-position: -153px 0;
}
100% {
        background-position: 153px 0;
}
}
.animate-shimmer[data-v-1d0631f1] {
    background: linear-gradient(
        90deg,
        rgba(229, 231, 235, 0.4) 0%,
        rgba(229, 231, 235, 0.6) 50%,
        rgba(229, 231, 235, 0.4) 100%
    );
    background-size: 200% 100%;
    animation: shimmer-1d0631f1 1.5s infinite;
}

.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-940f35e8] {
    isolation: isolate;
}
.fade-enter-active[data-v-940f35e8],
.fade-leave-active[data-v-940f35e8] {
    transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-940f35e8],
.fade-leave-to[data-v-940f35e8] {
    opacity: 0;
}

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