.sidebar{background-color:#fff;width:280px;min-width:280px;max-width:280px;min-height:calc(100vh - 124px);padding:0}.sidebar-nav{flex-direction:column;display:flex}.sidebar-item{cursor:pointer;color:#000;align-items:center;gap:0;height:56px;transition:background-color .2s;display:flex;position:relative}.sidebar-item-bg.hover{opacity:0}.sidebar-item:hover .sidebar-item-bg.hover{opacity:1}.sidebar-item.active .sidebar-item-bg.hover{opacity:0}.sidebar-item-content{z-index:1;flex:1;align-items:center;gap:16px;min-width:0;padding:0 20px 0 0;display:flex;position:relative}.sidebar-item-bg{z-index:0;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.sidebar-item-content,.sidebar-item.active .sidebar-item-content{color:#000}.sidebar-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.sidebar-icon img{width:100%;height:100%;filter:var(--small-sticker-shadow)}.sidebar-name{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
.sticker-card{cursor:pointer;aspect-ratio:1;background-color:#0000;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.sticker-card:hover{transform:translateY(0)scale(1.04)}.sticker-image{object-fit:contain;width:100%;height:100%;filter:var(--large-sticker-shadow);transition:filter .3s}.sticker-card:hover .sticker-image{filter:var(--large-sticker-shadow-hover)}
.main-content{background-color:#fff;flex:1;padding-left:40px}.content-header{flex-direction:column;align-items:flex-start;gap:12px;margin-top:0;margin-bottom:32px;padding-top:0;display:flex}.content-title{color:#000;margin:0;display:inline-block}.sort-options{color:#000}.sort-link{cursor:pointer;text-underline-offset:3.2px;margin-left:12px;text-decoration:underline;text-decoration-thickness:1.5px}.sort-link.active{color:#1554eb}.sort-link.inactive{color:#000;text-decoration:none}.sort-link:hover{opacity:.8}.stickers-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-bottom:32px;display:grid}.load-more{justify-content:center;display:flex}.load-more-btn{color:#1554eb;cursor:pointer;letter-spacing:-.2px;background-color:#d4e1ff;border:none;border-radius:12px;gap:10px;padding:16px 24px;line-height:24px}.catalog-button{display:none}.cart-array{padding:20px;font-size:18px;font-weight:900;transform:scaleX(.85)translate(3px)}.category-modal-overlay{z-index:1000;position:fixed;inset:0}.category-modal{z-index:1001;background-color:#fff;flex-direction:column;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.category-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.category-modal-header h2{color:#000;margin:0;display:inline-block}.category-modal-close{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.category-modal-close:hover{opacity:.6}.category-modal-content{flex-direction:column;display:flex;overflow-y:auto}.category-modal-item{cursor:pointer;color:#000;align-items:center;gap:0;height:56px;transition:background-color .2s;display:flex;position:relative}.category-modal-item-bg.hover{display:none}.category-modal-item:hover .category-modal-item-bg.hover,.category-modal-item:active .category-modal-item-bg.hover{display:block}.category-modal-item.active .category-modal-item-bg.hover{display:none}.category-modal-item-content{z-index:1;color:#000;flex:1;align-items:center;gap:16px;padding:0 20px 0 0;display:flex;position:relative}.category-modal-item-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.category-modal-item-bg.active{background-color:#d4e1ff;border-radius:12px}.category-modal-item-bg.hover{background-color:#f0f0f0;border-radius:12px}.category-modal-icon{text-align:center;width:56px;height:56px;filter:var(--small-sticker-shadow);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.category-modal-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:767px){.content-header{gap:8px}.sidebar{display:none}.catalog-button{display:flex}.main-content{padding:0}}