.view-switch-section{padding:.5rem 0;background:transparent;border-bottom:none;margin-bottom:0}.view-switch-section .container{padding-left:var(--container-padding)}.view-switch-wrapper{display:inline-flex;flex-wrap:nowrap;gap:.75rem;margin:0 auto 1.5rem;justify-content:center;align-items:center}.view-switch-buttons{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;transform:translateZ(0);will-change:auto;background:var(--bg-secondary);border-radius:50px;padding:4px;border:1px solid var(--border-color);width:fit-content;margin:0}.view-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:transparent;border:none;border-radius:50px;color:var(--text-secondary);text-decoration:none;font-size:clamp(.65rem,2.2vw,.95rem);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;z-index:2;white-space:nowrap}.view-btn:hover{color:var(--text-primary)}.view-btn.active{color:var(--text-primary);font-weight:600}.view-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:var(--bg-primary);border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 1px 3px #0000001a}.page-hero{padding:2rem 0;background:transparent;border-bottom:none}.page-hero .container{padding-left:var(--container-padding);text-align:center}.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:.8rem 0 .2rem;color:var(--text-primary);text-align:center}.page-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:left}.drop-main{background:#fff}.filter-section{padding:.5rem 0;background:var(--bg-primary);position:relative;z-index:100}.filter-section .container{padding-left:var(--container-padding)}.filter-controls{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:wrap}.mobile-filter-compact{display:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:0;position:relative;z-index:20;transform:translateZ(0);will-change:auto}.mobile-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:auto}.mobile-filter-toggle svg{transition:transform .3s ease}.mobile-filter-toggle.active svg{transform:rotate(180deg)}.mobile-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.mobile-filter-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mobile-filter-collapsed{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94),padding .35s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:5;padding:0;contain:layout style;transform-origin:top center}.mobile-filter-collapsed.show{max-height:300px;opacity:1;padding-top:1rem;overflow:visible}.desktop-filter-controls{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:200}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;transform:translateZ(0);will-change:auto}.mobile-filter-collapsed .filter-buttons{width:100%;justify-content:center;transform:translateZ(0);backface-visibility:hidden}.filter-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.search-wrapper{display:flex;max-width:400px;position:relative;z-index:25}.search-input{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px 0 0 25px;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.search-input:hover{border-color:var(--primary-color)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.search-btn{padding:0 1rem;background:var(--primary-color);border:none;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.search-btn:hover{background:var(--primary-hover)}.search-btn:active{transform:translateY(0);transition:transform .1s ease}.custom-select{position:relative;min-width:140px;z-index:300;transform:translateZ(0);will-change:auto}.mobile-filter-collapsed .custom-select{width:100%;max-width:200px;transform:translateZ(0);backface-visibility:hidden}.select-trigger{padding:clamp(.4rem,1.5vw,.6rem) clamp(2rem,4vw,2.5rem) clamp(.4rem,1.5vw,.6rem) clamp(.75rem,2vw,1rem);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;color:var(--text-primary);font-size:clamp(.65rem,2.2vw,.95rem);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.select-trigger:hover{border-color:var(--primary-color)}.select-arrow{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:var(--text-secondary);transform-origin:center center}.custom-select.open .select-arrow{transform:translateY(-50%) rotate(180deg);color:var(--primary-color)}.select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #0000001a;z-index:9500;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.custom-select.open .select-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.select-option{padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;position:relative;font-size:.875rem;border-bottom:1px solid var(--border-color)}.select-option:last-child{border-bottom:none}.select-option:hover{color:var(--primary-color)}.select-option.active{color:var(--primary-color);font-weight:600}.search-results-info{text-align:center;margin:10px 0 20px;padding:8px;border-radius:6px;font-size:14px;animation:fadeInUp .6s ease-out}.search-results-info .results-text{margin:0}.search-results-info .results-count{color:var(--primary-color, #007bff);background:#007bff1a;padding:4px 12px;border-radius:12px;font-weight:500}.search-results-info .no-results{color:#666;background:#f8f9fa;padding:4px 12px;border-radius:12px}.drop-section{padding:0;min-height:500px}.drop-section .container{max-width:1680px}.drop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1680px;margin:0 auto}@media (min-width: 769px){.drop-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;max-width:1680px}}.drop-item{background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;opacity:0;transform:translateY(20px);animation:slideInUp .6s cubic-bezier(.4,0,.2,1) forwards;display:flex;flex-direction:column;height:auto;min-height:380px}@media (min-width: 769px){.drop-item{flex-direction:column;height:auto;min-height:auto;max-width:none}.drop-item-image{flex:0 0 auto!important;width:100%;aspect-ratio:15 / 9}.drop-item-content{padding:.5rem!important;flex:0 0 auto!important;height:auto!important;position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}.drop-item .drop-item-header{margin-bottom:.5rem}.drop-item .drop-title{font-size:1.125rem;justify-content:space-between;width:100%}.drop-item .title-status-container{margin-bottom:.5rem}.drop-item .drop-artist{margin-top:.25rem;font-size:.875rem;gap:.5rem}.drop-item .artist-avatar{width:28px;height:28px}.drop-item .artist-name{font-size:.9rem}.drop-item .drop-item-footer{margin-top:.3rem;flex-direction:column;align-items:flex-start;gap:.3rem}.drop-item .drop-price{margin-right:0}.drop-item .price-simple{font-size:.85rem;font-weight:700}.drop-item .drop-date,.drop-item .drop-series-tag{font-size:.85rem}.drop-title .drop-series-tag{display:inline-flex}.drop-date-container .drop-series-tag{display:none}.drop-item .status-badge{font-size:.65rem;padding:.3rem .6rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drop-item:hover{transform:translateY(-4px);box-shadow:0 2px 8px #0000001a}.title-status-container{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.status-badge-container{position:absolute;bottom:.5rem;right:.5rem;z-index:5;flex-shrink:0;display:flex;align-items:center}.drop-item .status-badge{padding:.5rem 1rem;border-radius:25px;font-size:.75rem;font-weight:600;border:none;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;flex-shrink:0}.drop-item .status-badge.available{background:var(--primary-color);color:#fff}.drop-item .status-badge.scheduled{background:#60a5fa;color:#fff}.drop-item .status-badge.unavailable{background:#7940ff59;color:#fff}.drop-item .status-badge.exhibition{background:#f472b6;color:#fff}.drop-item .status-badge.occupied{background:#f59e0b;color:#fff}.drop-item .status-badge.adopted{background:#9ca3af;color:#fff}.drop-item-image{flex:0 0 auto;width:100%;aspect-ratio:15 / 9;position:relative;overflow:hidden}.drop-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.drop-item:hover .drop-item-image img{transform:scale(1.02)}.drop-item.adopted .drop-item-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff80;pointer-events:none}.drop-item-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.drop-item-header{margin-bottom:1rem}.drop-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.4;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1;min-width:0}.drop-series-tag{padding:.25rem .625rem;border-radius:0;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;flex-shrink:0;position:relative;padding-left:0}.drop-title .title-text{flex:0 1 auto;min-width:0}.drop-series-tag.series-a{color:#6366f1}.drop-series-tag.series-b{color:#166534}.drop-series-tag.series-c{color:#ff7300}.drop-artist{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.artist-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.artist-name{font-weight:500}.drop-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1}.drop-item-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.drop-price{display:flex;align-items:center;gap:.5rem;margin-right:auto}.price-current{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.price-simple{font-size:.875rem;font-weight:700;color:#6a727e;letter-spacing:.5px;white-space:nowrap}.price-simple .price-divider{color:#aab6c5;font-weight:300;margin:0 .25rem}.price-original{font-size:1rem;color:var(--text-light);text-decoration:line-through}.price-dual{display:flex;gap:.5rem;align-items:center}.price-option-card{display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;background:rgba(var(--primary-rgb),.1);border-radius:6px;border:1px solid rgba(var(--primary-rgb),.15);transition:all .2s ease;min-width:50px}.price-option-card:hover{background:rgba(var(--primary-rgb),.15);transform:translateY(-1px)}.price-label{font-size:.65rem;color:var(--text-secondary);font-weight:500;margin-bottom:.125rem;line-height:1}.price-value{font-size:.8rem;font-weight:700;color:var(--primary-color);line-height:1}.drop-date-container{display:flex;align-items:center;gap:.75rem}.drop-date{color:var(--text-secondary);font-size:.875rem}.loading-wrapper{width:100%;padding:1.5rem 0 2rem}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1680px;margin:0 auto}.skeleton-grid.artist{grid-template-columns:1fr;gap:1.75rem;max-width:1680px;margin:0 auto}@media (max-width: 768px){.skeleton-grid{grid-template-columns:1fr;gap:1rem}.skeleton-grid.artist{gap:1rem;padding:0 .3rem}}@media (max-width: 480px){.skeleton-grid.artist{gap:.75rem;padding:0 .15rem}}.skeleton-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;min-height:380px;display:flex;flex-direction:column;gap:0}.skeleton-card.artist{min-height:auto;flex-direction:column;padding:0;gap:0;border-radius:20px}.skeleton-artist-header{padding:1.5rem 2rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.skeleton-artist-info{display:flex;align-items:center;justify-content:space-between;gap:2rem}.skeleton-artist-main{display:flex;align-items:center;gap:1rem;flex:1}.skeleton.avatar-large{width:60px;height:60px;border-radius:50%;flex-shrink:0}.skeleton.artist-name{height:24px;width:120px;border-radius:6px}.skeleton.artist-stats-placeholder{height:20px;width:180px;border-radius:6px}.skeleton-artist-works{height:280px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@media (max-width: 768px){.skeleton-artist-header{padding:1rem 1.25rem .75rem}.skeleton-artist-info{flex-direction:row;gap:1rem}.skeleton.avatar-large{width:45px;height:45px}.skeleton.artist-name{height:18px;width:90px}.skeleton.artist-stats-placeholder{height:16px;width:140px}.skeleton-artist-works{height:200px}}@media (max-width: 480px){.skeleton-artist-header{padding:.5rem .75rem .25rem}.skeleton.avatar-large{width:35px;height:35px}.skeleton.artist-name{height:16px;width:70px}.skeleton.artist-stats-placeholder{height:14px;width:100px}.skeleton-artist-works{height:180px}}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:10px}.skeleton.media{width:100%;aspect-ratio:15 / 9;border-radius:0}.skeleton.body{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.55rem;background:transparent;animation:none}.skeleton.title{height:18px;width:70%}.skeleton.title.short{width:55%}.skeleton.subtitle{height:12px;width:55%}.skeleton.meta{height:12px;width:40%}.skeleton.price{height:14px;width:45%}.skeleton.avatar{width:72px;height:72px;border-radius:50%;flex-shrink:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);animation:fadeInUp .6s ease-out}.drop-grid .empty-state{grid-column:1 / -1;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{margin-bottom:1.5rem;opacity:1;display:flex;justify-content:center;align-items:center}.empty-icon img{max-width:120px;max-height:120px;width:auto;height:auto;border:none;object-fit:contain}.empty-icon svg{stroke:var(--text-secondary)}.empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-text{font-size:1.125rem;color:var(--text-secondary);margin:0;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap}.page-btn{min-width:40px;height:40px;padding:0 .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.375rem}.page-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.page-btn.prev-btn,.page-btn.next-btn{padding:0 1rem;min-width:auto;font-weight:500}.page-ellipsis{color:var(--text-secondary);font-size:.875rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.pagination{gap:.25rem;margin:2rem 0 1rem}.page-btn{min-width:36px;height:36px;font-size:.8125rem}.page-btn.prev-btn,.page-btn.next-btn{padding:0 .75rem}.page-btn svg{width:14px;height:14px}}@media (max-width: 480px){.page-btn.prev-btn span,.page-btn.next-btn span{display:none}.page-btn.prev-btn,.page-btn.next-btn{min-width:36px;padding:0}}@media (min-width: 769px){.mobile-filter-compact,.mobile-filter-collapsed{display:none!important}.desktop-filter-controls{display:flex!important}}@media (max-width: 768px){.view-switch-section{padding:1rem 0 0;margin-bottom:0;position:relative;z-index:30}.view-switch{gap:.25rem}.view-btn{padding:clamp(.3rem,1.2vw,.5rem) clamp(.6rem,2vw,.9rem);font-size:clamp(.7rem,1.8vw,.85rem)}.view-indicator{top:4px;left:4px;height:calc(100% - 8px)}.mobile-filter-compact{display:flex}.desktop-filter-controls{display:none}.filter-section{padding:.75rem 0;position:relative;z-index:30}.mobile-filter-compact .search-wrapper{flex:0 1 270px;max-width:270px;position:relative;z-index:25}.mobile-filter-compact .search-input{flex:1;min-width:0}.mobile-filter-compact .search-btn{flex:0 0 auto}.mobile-filter-collapsed .filter-buttons{order:0;justify-content:center;width:100%;transform:translateZ(0);backface-visibility:hidden}.mobile-filter-collapsed .custom-select{order:1;position:relative;z-index:15!important;width:100%;max-width:200px;transform:translateZ(0);backface-visibility:hidden}.mobile-filter-collapsed .select-dropdown{position:absolute!important;top:calc(100% + .5rem)!important;left:50%!important;right:auto!important;transform:translate(-50%) translateY(-10px) scale(.95)!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 10px 40px #00000026!important;z-index:16!important;opacity:0!important;visibility:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;min-width:140px!important;white-space:nowrap!important}.mobile-filter-collapsed .custom-select.open .select-dropdown{opacity:1!important;visibility:visible!important;transform:translate(-50%) translateY(0) scale(1)!important}.drop-grid{grid-template-columns:1fr;gap:1rem}.drop-item{flex-direction:column;height:auto;min-height:auto}.drop-item-image{flex:0 0 auto;width:100%;aspect-ratio:15 / 9}.drop-item-content{padding:.5rem;position:relative}.title-status-container{margin-bottom:.3rem}.drop-title{font-size:1.125rem;justify-content:space-between;width:100%}.drop-item-content{position:relative}.status-badge-container{position:absolute;bottom:.5rem;right:.5rem;z-index:5}.drop-title .drop-series-tag{display:inline-flex}.drop-date-container .drop-series-tag{display:none}.drop-description{margin-bottom:.15rem;font-size:.8rem}.drop-item-footer{flex-direction:column;align-items:flex-start;gap:.2rem}.drop-date{font-size:.85rem}.artist-avatar{width:28px;height:28px}.artist-name{font-size:.9rem}.drop-price{margin-right:0}.drop-item .status-badge{padding:.3rem .6rem;font-size:.65rem}.filter-section{padding:1rem 0 0;margin-bottom:1rem;position:relative;z-index:30}.view-switch-section{padding:1rem 0 0;margin-bottom:0}.drop-section{padding:1rem 0}}@media (max-width: 640px) and (min-width: 481px){.drop-item-image{flex:0 0 auto;aspect-ratio:15 / 9}}@media (max-width: 480px){.drop-grid{gap:.75rem}.page-hero{padding:2rem 0}.mobile-filter-compact{gap:.75rem}.mobile-filter-compact .search-wrapper{flex:1;min-width:0;max-width:none}.mobile-filter-toggle{flex:0 0 auto;min-width:70px;padding:.75rem .5rem}.mobile-filter-toggle span{display:none}.mobile-filter-toggle svg{margin:0}.drop-item-image{flex:0 0 auto;aspect-ratio:15 / 9}.drop-item-content{padding:.75rem}.drop-title{font-size:1rem}.artist-name{font-size:.8rem}}