.sub-cat-adv__layout{display:flex;align-items:flex-start;gap:0;position:relative}.sub-cat-adv__sticky-col{flex-shrink:0;position:sticky;left:0;top:0;z-index:5;display:flex;flex-direction:column;gap:var(--gap, 8px);width:var(--sticky-card-width, 200px);background:inherit;align-self:flex-start}.sub-cat-adv__separator{flex-shrink:0;width:1px;background:rgba(var(--color-foreground, 18 18 18),.15);margin:0 var(--gap, 8px);align-self:flex-start;height:120px}.sub-cat-adv__arrow-slot{flex-shrink:0;width:32px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;align-self:flex-start;height:120px}.sub-cat-adv__arrow{width:28px;height:28px;border-radius:50%;border:1px solid rgba(var(--color-foreground, 18 18 18),.2);background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground, 18 18 18));box-shadow:0 1px 6px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s,color .16s,opacity .16s,box-shadow .16s;padding:0;flex-shrink:0}.sub-cat-adv__arrow:hover{background:rgb(var(--color-button, 18 18 18));color:rgb(var(--color-button-text, 255 255 255));box-shadow:0 3px 12px #00000038;border-color:transparent}.sub-cat-adv__arrow[hidden]{visibility:hidden;pointer-events:none;display:flex!important}.sub-cat-adv__scroll-area{flex:1;min-width:0;overflow:visible;position:relative}.sub-cat-adv__track-clip{overflow:hidden;width:100%;height:120px}.sub-cat-adv__track{height:120px;user-select:none;-webkit-user-select:none}.sub-cat-adv__track *{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.sub-cat-adv__track.swiper{overflow:visible}.sub-cat-adv__track .swiper-wrapper{display:flex;align-items:stretch;height:120px}.sub-cat-adv__track .swiper-slide{height:120px;flex-shrink:0}.sub-cat-adv__track .sub-cat-adv__card{flex-shrink:0;width:calc((100% - (var(--cards-per-view, 5) - 1) * var(--gap, 8px)) / var(--cards-per-view, 5));scroll-snap-align:start}.sub-cat-adv__card{border-radius:var(--card-border-radius, 6px);overflow:hidden;display:flex;flex-direction:column;position:relative;flex-shrink:0;transition:box-shadow .2s ease}.sub-cat-adv__card:hover{box-shadow:0 4px 16px #0000002e}.sub-cat-adv__card-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sub-cat-adv__media{position:relative;overflow:hidden;cursor:pointer;display:block;height:120px;max-height:120px;width:100%;font-size:0;line-height:0}.sub-cat-adv__card--scroll .sub-cat-adv__media{height:120px;max-height:120px;width:100%}.sub-cat-adv__media-inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:stretch}.sub-cat-adv__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transition:transform .35s ease,opacity .25s ease}.sub-cat-adv__media:hover .sub-cat-adv__thumb{transform:scale(1.04);opacity:.82}.sub-cat-adv__icon-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.sub-cat-adv__play-icon{width:clamp(36px,18%,64px);height:auto;display:block;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}.sub-cat-adv__media:hover .sub-cat-adv__play-icon{transform:scale(1.12)}.sub-cat-adv__play-bg{fill:#0f0f0fb8;transition:fill .2s}.sub-cat-adv__media:hover .sub-cat-adv__play-bg{fill:red}.sub-cat-adv__play-arrow{fill:#fff}.sub-cat-adv__pdf-icon{width:clamp(36px,18%,60px);height:auto;display:block;transition:transform .2s ease;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.sub-cat-adv__media:hover .sub-cat-adv__pdf-icon{transform:scale(1.1)}.sub-cat-adv__pdf-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ebebeb;color:#666}.sub-cat-adv__pdf-placeholder svg{width:clamp(24px,8%,40px);height:auto}.sub-cat-adv__pdf-label{font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.sub-cat-adv__content{padding:8px 10px;display:flex}.sub-cat-adv__btn{align-self:flex-start;font-size:.85em}.sub-cat-adv__dots{display:flex;justify-content:center;align-items:center;gap:0;padding-top:10px}.sub-cat-adv__dot{width:.8rem;height:.8rem;border-radius:.4rem;border:none;padding:0;margin:0 .4rem;background:rgb(var(--color-foreground, 18 18 18));opacity:.3;cursor:pointer;transition:opacity .2s ease,width .2s ease;flex-shrink:0}.sub-cat-adv__dot--active{opacity:1;width:2.4rem}.sub-cat-adv__footer-btn{display:flex;justify-content:center;margin-top:24px}.sub-cat-adv__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.sub-cat-adv__modal[hidden]{display:none!important}.sub-cat-adv__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;cursor:pointer}.sub-cat-adv__modal-box{position:relative;z-index:1;width:100%;max-width:900px;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #0009}.sub-cat-adv__modal-box .yt-ratio{position:relative;padding-bottom:56.25%;height:0}.sub-cat-adv__modal-box .yt-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.sub-cat-adv__modal-box .pdf-frame{width:100%;height:80vh;border:none;display:block}.sub-cat-adv__modal-close{position:absolute;top:10px;right:10px;z-index:2;background:#0009;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s}.sub-cat-adv__modal-close:hover{background:#000000e6}@keyframes subCatModalIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.sub-cat-adv__modal:not([hidden]) .sub-cat-adv__modal-box{animation:subCatModalIn .2s ease forwards}@media(max-width:989px){.sub-cat-adv__arrow-slot{width:28px;height:120px}.sub-cat-adv__arrow{width:24px;height:24px}.sub-cat-adv__arrow svg{width:14px;height:14px}}@media(max-width:575px){.sub-cat-adv__separator{display:none}.sub-cat-adv__arrow-slot{width:24px;height:120px}.sub-cat-adv__track .sub-cat-adv__card{width:calc((100% - var(--gap, 8px)) / 1.5)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-sub-category-advanced.css.map */