.tier-showcase{width:100%;padding:1.5rem 1rem;background:#fff}.tier-showcase-wrapper{max-width:1400px;margin:0 auto}.tier-showcase-header{text-align:center;position:relative}.tier-showcase-title{font-size:16px;font-weight:700;letter-spacing:0;line-spacing:1.4;color:#000}.tier-showcase-subtitle{font-size:.9rem;color:#666;margin-bottom:0}.tier-showcase-video-section{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;align-items:start}.tier-showcase-video-container{display:flex;flex-direction:column;gap:1rem}.tier-showcase-video-tabs{display:flex;gap:.5rem;border-bottom:2px solid #f0f0f0}.tier-showcase-video-tab{padding:1rem;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:500;color:#999;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s ease}.tier-showcase-video-tab:hover{color:#333}.tier-showcase-video-tab.active{color:#000;border-bottom-color:#000}.tier-showcase-video-player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:.5rem;overflow:hidden}.tier-showcase-video-player iframe,.tier-showcase-video-player video{width:100%;height:100%;display:block}.tier-showcase-video-info{display:flex;flex-direction:column;gap:1rem}.tier-showcase-video-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999}.tier-showcase-video-description{font-size:.95rem;line-height:1.5;color:#666}.tier-showcase-filters{display:flex;flex-direction:column;gap:1rem;padding:1rem;justify-content:center;align-items:stretch}.tier-showcase-filter-group{display:flex;flex-direction:column;gap:.5rem;flex:0 1 auto;position:relative;width:100%}.tier-showcase-filter-tab-btn{padding:.75rem 2.25rem;background:#fff;border:1px solid #cfcfce;border-radius:10px;cursor:pointer;font-size:12px;font-weight:500;color:#333;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;width:100%;justify-content:space-between;min-width:260px}.tier-showcase-filter-tab-btn svg{width:16px;height:16px;transition:transform .3s ease}.tier-showcase-filter-tab-btn.active svg{transform:rotate(180deg)}.tier-showcase-filter-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0;display:none;flex-direction:column;gap:0;z-index:10;box-shadow:0 2px 8px #0000001a;max-height:300px;overflow-y:auto}.tier-showcase-filter-dropdown.active{display:flex}.tier-showcase-filter-option-special{padding:.75rem 2.5rem!important}.tier-showcase-filter-option{padding:.75rem 1.25rem;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:12px;color:#333;text-align:left;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.tier-showcase-filter-option:last-child{border-bottom:none}.tier-showcase-filter-option:hover{background:#f9f9f9}.tier-showcase-filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0}.tier-showcase-filter-option label{flex:1;cursor:pointer;margin:0}.tier-showcase-filter-divider{height:1px;background:#e8e8e8;margin:0;padding:0;border:none}.tier-showcase-filter-option--all,.tier-showcase-filter-option--none{font-weight:600;color:#000;background:#f9f9f9}.tier-showcase-filter-option--all:hover,.tier-showcase-filter-option--none:hover{background:#f0f0f0}.tier-showcase-filter-option--all{border-radius:8px 8px 0 0}.tier-showcase-filter-option--none{border-radius:0 0 8px 8px}.tier-showcase-carousel-wrapper{margin-top:2rem;padding:0 1rem}.tier-showcase-carousel-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:1rem;display:block}.tier-showcase-carousel{position:relative;overflow:hidden}.swiper{width:100%;padding:0}.tier-showcase-carousel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.tier-showcase-grid-item{display:flex;flex-direction:column}.tier-showcase-carousel-track,.swiper-wrapper{display:flex;gap:1rem}.swiper-slide{flex:0 0 calc(50% - .5rem);display:flex;flex-direction:row;gap:1rem}.tier-showcase-carousel-item{background:#fff;border:1px solid #e8e8e8;overflow:hidden;transition:all .3s ease;border-radius:10px;height:auto;position:relative}.tier-showcase-carousel-item{display:flex;flex-direction:column;height:100%;flex:1}.tier-showcase-carousel-item:hover{border-color:#999;box-shadow:0 2px 8px #0000001a}.tier-showcase-carousel-item-image{width:100%;aspect-ratio:714 / 1000;background:#f5f5f5;overflow:hidden}.tier-showcase-carousel-item-image img{width:100%;height:100%;object-fit:contain}.tier-showcase-carousel-item-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-content:center;align-items:center}.tier-showcase-carousel-item-categories{display:flex;flex-wrap:wrap;gap:.5rem}.tier-showcase-carousel-item-category{font-size:12px;display:inline-block;white-space:nowrap}.tier-showcase-carousel-item-category.primary{color:#000;font-size:14px;font-weight:700}.tier-showcase-carousel-item-category.secondary{background:#3431bd;color:#fff;border-radius:30px;padding:2px 14px}.tier-showcase-carousel-item-title{font-size:.95rem;font-weight:600;color:#000;line-height:1.3}.tier-showcase-carousel-item-description{font-size:10px;color:#666;line-height:1.4;text-align:center}.tier-showcase-carousel-controls{display:flex;justify-content:center;gap:1rem;margin-top:48px}.tier-showcase-carousel-button{width:40px;height:40px;background:#f0f0f0;border:none;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tier-showcase-carousel-button:disabled{opacity:.5;cursor:not-allowed}.swiper-button-prev,.swiper-button-next{position:relative;top:auto;width:40px;height:40px;background:#f0f0f0;border:none;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#000}.swiper-button-prev:disabled,.swiper-button-next:disabled{opacity:.5;cursor:not-allowed}.swiper-button-prev:after,.swiper-button-next:after{content:""}.tier-showcase-no-results{text-align:center;padding:3rem 2rem;color:#999}.tier-showcase-no-results-text{font-size:1.1rem}@media(min-width:768px){.tier-showcase-filter-option,.tier-showcase-carousel-item-description{font-size:14px}.tier-showcase-filter-label{font-size:16px!important}.tier-showcase{padding:2rem 1rem}.tier-showcase-title{font-size:24px}.tier-showcase-video-section{grid-template-columns:1fr;gap:2rem}.tier-showcase-filters{flex-direction:row;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;justify-content:center}.tier-showcase-filter-group{min-width:200px;width:auto}.tier-showcase-carousel-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.swiper-wrapper{gap:1.5rem}.swiper-slide{flex:0 0 calc(50% - .75rem);flex-direction:column;gap:0}}@media(min-width:1024px){.tier-showcase{padding:3rem 2rem}.tier-showcase-video-section{grid-template-columns:1fr 1.2fr;gap:3rem;margin-bottom:3rem}.tier-showcase-carousel-wrapper{margin-top:3rem;padding:0 2rem}.tier-showcase-carousel-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.swiper-wrapper{gap:2rem}.swiper-slide{flex:0 0 calc(25% - 1.5rem);flex-direction:column;gap:0}}.tier-showcase-filter-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:#000}.tier-showcase-filter-selected{font-weight:500!important}.tier-showcase-carousel-item-badges{position:absolute;top:10px;left:8px;display:flex;flex-direction:column;gap:4px}.tier-slide-mobile{flex-direction:column!important}.tier-showcase-navigation-button-container{display:flex;justify-content:space-between;margin-top:1.5rem;padding:8px;background-color:#3431bd;color:#fff;border-radius:12px;text-decoration:none}.tier-showcase-navigation-button-label{padding-left:12px}.tier-showcase-navigation-button-container svg{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/580/assets/tier-showcase.css.map */