.tags-container{width:100%;padding:0 clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem);margin:0 auto;position:relative;z-index:900}.tags-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:min(1200px,90vw);margin:0 auto}.tag{display:inline-block;padding:8px 16px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;font-size:clamp(.8rem, 2vw, .9rem);color:var(--text-secondary);cursor:pointer;transition:.3s cubic-bezier(.25, .46, .45, .94);box-shadow:var(--shadow-light);border:1px solid var(--glass-border);opacity:1;transform:translateY(0) scale(1)}.tag.tag-hidden{opacity:0;transform:translateY(0) scale(.8);visibility:hidden;pointer-events:none}.tag.tag-ready{opacity:0;transform:translateY(-8px) scale(.9);visibility:visible}.tag.tag-visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.tag:hover:not(.tag-hidden){background:#fff;color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.tag.active:not(.tag-hidden){background:var(--accent-color);color:#fff;box-shadow:0 0 12px 3px rgba(255,255,254,.8);transform:translateY(-2px)}.tag.active:hover:not(.tag-hidden){transform:translateY(-2px);box-shadow:0 0 15px 4px rgba(255,255,255,.8)}@media (max-width:600px){.tags-container{padding:0 clamp(.75rem,2vw,1rem) clamp(.75rem,2vw,1rem)}.tags-list{gap:8px;max-width:95vw}.tag{padding:6px 12px;font-size:.8rem;border-radius:16px}}.perfume-tags{display:flex;flex-wrap:nowrap;gap:5px;padding:10px;justify-content:center;width:100%;background:rgba(255,255,255,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:var(--border-radius) var(--border-radius) 0 0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;-ms-overflow-style:none}.perfume-tags.tags-overflow{justify-content:flex-start}.perfume-tags::-webkit-scrollbar{display:none}.perfume-tag{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;padding:4px 8px;margin-right:2px;background:var(--accent-color);border-radius:12px;font-size:.7rem;color:#fff;font-weight:500}@keyframes glow-pulse{0%,100%{box-shadow:0 0 8px 1px rgba(255,255,255,.6)}50%{box-shadow:0 0 12px 2px rgba(255,255,255,.8)}}@keyframes tag-smooth-in{0%{opacity:0;transform:translateY(-12px) scale(.85)}60%{opacity:.8;transform:translateY(-2px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes tag-smooth-out{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(.9)}}@keyframes tag-gentle-rise{0%{opacity:0;transform:translateY(8px) scale(.92)}100%{opacity:1;transform:translateY(0) scale(1)}}.tag.animate-smooth-in{animation:.4s cubic-bezier(.23,1,.32,1) forwards tag-gentle-rise}.tag.animate-smooth-out{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards tag-smooth-out}.tag.certificates-button,.tag.sets-button,.tag.tags-button{border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.2);display:inline-flex;align-items:center}.tag.tags-button{gap:5px}.tag.advent-button,.tag.certificates-button,.tag.new-button,.tag.sets-button,.tag.tags-button{order:0}.tags-list::before{content:"";width:100%;order:1}.tag:not(.tags-button):not(.sets-button):not(.new-button):not(.advent-button):not(.certificates-button){order:2}.tag.tags-button::after{content:">";margin-left:3px;transition:transform .3s}.tag.tags-button.expanded::after{transform:rotate(180deg) translateY(-2.2px)}.tag.certificates-button:hover,.tag.sets-button:hover,.tag.tags-button:hover{background:#fff;color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.tag.certificates-button.active,.tag.sets-button.active,.tag.tags-button.active{background:var(--accent-color);color:#fff;box-shadow:0 0 12px 3px rgba(255,255,254,.8);transform:translateY(-2px)}.tags-list.smooth-stagger .tag:not(.tags-button):not(.sets-button):not(.new-button):not(.advent-button):not(.certificates-button){transition-delay:calc(var(--stagger-delay, 0) * 0.05s)}.tags-list.animate-stagger .tag:not(.tags-button):not(.sets-button):not(.new-button):not(.advent-button):not(.certificates-button){animation-delay:calc(var(--stagger-delay, 0) * .08s)}.tags-container{transition:height .5s cubic-bezier(.4, 0, .2, 1)}.tags-list{transition:.3s}@media (hover:none),(pointer:coarse){.tag.certificates-button:hover,.tag.sets-button:hover,.tag.tags-button:hover,.tag:hover{transform:none!important}.tag.active:hover,.tag.certificates-button.active:hover,.tag.sets-button.active:hover,.tag.tags-button.active:hover{transform:translateY(-2px)!important}.tag.animate-in{animation-duration:.4s}.tag.animate-out{animation-duration:.3s}}