.fashion-container {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
    background: #f9fafc;
}

/* Sidebar */
.fashion-sidebar {
    background-color: #fff;
    border-right: 1px solid #e9ecef;
}
.fashion-sidebar .list-group-item {
    border: none;
    border-radius: 10px;
    margin-bottom: .3rem;
    font-size: .9rem;
    color: #495057;
    background: #f8f9fa;
}
.fashion-sidebar .list-group-item.active {
    background: #1b84ff;
    color: #fff;
}

/* Upload box */
.upload-box {
    cursor: pointer;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    transition: .3s;
}
.upload-box:hover {
    background: #f1f3f5;
    border-color: #1b84ff;
}

/* Gallery cards */
.fashion-card img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transition: transform .4s ease;
}
.fashion-card:hover img { transform: scale(1.05); }

.card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    transition: opacity .3s ease;
}
.fashion-card:hover .card-overlay { opacity: 1; }

.card-overlay .btn {
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}

/* Textarea + slider */
textarea.form-control {
    resize: none;
    font-size: .9rem;
}

/* Gallery badges */
.badge.bg-light {
    background: #f3f4f6 !important;
    border-radius: 999px;
    padding: .3rem .6rem;
}

/* Load more button hover */
.btn-outline-secondary:hover {
    background: #1b84ff;
    border-color: #1b84ff;
    color: #fff;
}