:root {
    --orange: #e89f71;
    --primary: #948200;
    --primary-light: #948200;
    --primary-dark: #8b7346;
    --accent: #d4a574;
    --accent-light: #f5e6d3;
    --text-dark: #333;
    --text-gray: #666;
    --border-light: #e0e0e0;
    --bg-light: #f0f1f1;
    --success: #52c41a;
    --header-height: 104px;
    --radius-full: 12px;
    --radius-semi: 8px;
    --radius-quarter: 4px;
}
.collection-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    max-height:80px;
    overflow:hidden;
    transition:max-height .3s;
}

.collection-tags.expanded{
    max-height:9999px;
    overflow:visible;
}

.tags-toggle{
    border:0;
    padding: 6px 14px;
    background:#f4f5f6;
    border-radius: var(--radius-full);
    font-size:14px;
    color:#242424;
    cursor:pointer;
    text-decoration:none;
    white-space:nowrap;
    flex: 0 0 auto;
}

.tags-toggle:hover{
    background:#dadcde;
}
a.baloon-nav {
    font-size: 14px;
}
button.collection-tag.baloon-nav.tags-toggle {
    background: none;
    text-decoration: underline;
}
.baloon-nav {
    padding: 6px 14px;
    background: #f4f5f6;
    border-radius: var(--radius-full);;
    font-size: 14px;
    color: #242424;
    cursor: pointer;
    text-decoration: none;
}

.baloon-nav:hover {
    background: #dadcde;
}
.swiper-button-next,.swiper-button-prev {
    width: 36px;
    height: 36px;
    color: var(--primary);
}
/*html {*/
/*    scroll-padding-top: 105px;*/
/*}*/
.mobile-filter-btn,
.sort-dropdown select,
.sort-dropdown {
    -webkit-tap-highlight-color: transparent;
}
.mobile-filter-btn{
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    outline: none;
}
.mobile-filter-btn,
.mobile-filter-btn *{
    color: inherit;
}
.mobile-filter-btn,
.sort-dropdown select{
    -webkit-user-select: none;
    user-select: none;
}
.sort-dropdown select{
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    outline: none;
}
img.lg-object.lg-image {
    background: white;
}
.lg-outer .lg-thumb-item img {
    background: white;
}
@media (max-width: 1100px) {
    a.baloon-nav {
        font-size: 13px;
    }
    html {
        scroll-padding-top: 60px;
    }
}