.professional-accessories{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.professional-accessories-header .heading{font-size:var(--heading-size-desktop);line-height:1.4;margin:0;color:var(--heading-color);text-align:var(--heading-alignment)}.professional-accessories-header+.professional-accessories-body{margin-top:clamp(25px,2.7vw,50px)}.professional-accessories_grid{display:flex;flex-wrap:wrap;gap:clamp(33px,3.5vw,66px)}.accessories_content{position:sticky;top:var(--header-top-height);height:100%;width:calc(47% - (clamp(33px,3.5vw,66px)/2))}.accessories_tab{width:calc(53% - (clamp(33px,3.5vw,66px)/2))}.accessories-content-list ul{margin:0;padding:0;list-style:none}.accessories-content-list>ul>li{display:none}.accessories-content-list>ul>li.is--actived{display:block}.accessories-content-item .accessories-media{padding-top:64.65%;position:relative;background:#f8f8f8}.accessories-content-item .accessories-media svg,.accessories-content-item .accessories-media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.accessories-content-item .accessories-info{margin-top:16px}.accessories-content-item .accessories-info h4{margin:0;font-weight:600;font-size:clamp(14px,1.2vw,22px);line-height:1.41;color:#000}.accessories-content-item .accessories-info .richtext{font-weight:400;font-size:clamp(11px,.9vw,16px);line-height:1.65;color:#464646}.accessories-content-item .accessories-info .richtext p{margin:0}.accessories-content-item .accessories-info h4+.richtext{margin-top:clamp(9px,.8vw,14px)}.accessories-content-item .accessories-info a{display:flex;align-items:center;justify-content:center;gap:clamp(5px,.6vw,10px);height:clamp(20px,2.1vw,40px);background:#0077cd;border-radius:2px;max-width:200px;overflow:hidden;color:#fff;padding:clamp(3px,.3vw,6px)}.accessories-content-item .accessories-info h4+a,.accessories-content-item .accessories-info .richtext+a{margin-top:clamp(13px,1.1vw,20px)}.accessories-content-item .accessories-info a .text-wrap{display:block;font-weight:500;font-size:clamp(13px,1vw,18px);line-height:1.25;text-transform:capitalize;letter-spacing:0;color:currentColor}.accessories-content-item .accessories-info a .svg-wrap{width:clamp(7px,.7vw,12px);height:clamp(13px,1vw,18px)}.accessories-content-item .accessories-info a .svg-wrap svg{width:100%;height:100%;display:block}.accessories_tab-list>ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:clamp(13px,1.1vw,20px) clamp(13px,1vw,18px)}.accessories_tab-list .accessories_tab-btn{width:calc(50% - (clamp(13px,1vw,18px)/2));cursor:pointer}.accessories_tab-media{position:relative;padding-top:107%}.accessories_tab-media svg,.accessories_tab-media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:contain;object-position:center;max-width:11.8229vw;margin:0 auto}.accessories_tab-list{transition:all .6s;transform:translateY(100px);opacity:0}.professional-accessories.is-visible .accessories_tab-list{transform:translateY(0);opacity:1}.accessories_tab-item{background:#fafafa;border-radius:clamp(3px,.5vw,8px);border:1px solid #E1E1E1;overflow:hidden;transition:all .4s;position:relative}.accessories_tab-item:hover{background:#f8fcff;border:1px solid #1E7FD5}.accessories_tab-item:hover .accessories_tab-title p{color:#1e7fd5}.is--actived .accessories_tab-item{background:#f8fcff;border:2px solid #1E7FD5}.accessories_tab-media .accessories_tab-title{position:absolute;top:clamp(14px,1.4vw,26px);left:clamp(13px,1vw,18px);right:clamp(13px,1vw,18px);width:calc(100% - clamp(18px,1.9vw,36px))}.accessories_tab-media .accessories_tab-title p{font-size:clamp(13px,1.1vw,20px);line-height:1.4;color:#000;letter-spacing:0;transition:all .4s;margin:0}.is--actived .accessories_tab-media .accessories_tab-title p{color:#1e7fd5}.plus-icon-svg,.close-popup-item{display:none}.infor-main-items{margin:0 0 clamp(13px,1.1vw,20px)}.accessories-content-item{display:flex;flex-direction:column}@media(max-width:1200px){.professional-accessories_grid{gap:30px}.accessories_content{width:calc(47% - 15px)}.accessories_tab{width:calc(53% - 15px)}.accessories_tab-media .accessories_tab-title{top:12px;left:12px;right:12px;width:calc(100% - 24px)}.accessories_tab-list>ul{gap:15px 12px}.accessories_tab-list .accessories_tab-btn{width:calc(50% - 6px)}.accessories_tab-media .accessories_tab-title p{font-size:16px}}@media(max-width:749px){.professional-accessories{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.professional-accessories-header .heading{font-size:var(--heading-size-mobile)}.professional-accessories-header+.professional-accessories-body{margin-top:30px}.accessories_content{width:100%;order:2}.accessories_tab{width:100%;order:1}.accessories_tab-list>ul{gap:10px}.accessories_tab-media .accessories_tab-title p{font-size:14px;max-width:130px}.accessories_tab-media svg,.accessories_tab-media img{height:auto;max-width:24.2083vw;top:auto;bottom:10.4083vw}.accessories_tab-media .accessories_tab-title{top:8px;left:8px;right:8px;width:calc(100% - 16px)}.accessories-content-item .accessories-info h4{font-size:18px}.accessories-content-item .accessories-info .richtext{font-size:14px}.accessories-content-item .accessories-info h4+a,.accessories-content-item .accessories-info .richtext+a{margin-top:15px}.accessories-content-item .accessories-info a{gap:8px;max-width:100%}.accessories-content-item .accessories-info a .text-wrap{font-size:14px}.plus-icon-svg{position:absolute;bottom:10px;right:10px;line-height:normal;font-size:20px;border:1px solid #0077cd;color:#0077cd;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:30px}.accessories_tab-media{padding-top:113%}.accessories-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:999}.accessories-popup.active{display:block}.accessories-popup-overlay{position:absolute;width:100%;height:100%;background:#0009}.accessories-popup-inner{position:absolute;bottom:0;width:100%;background:#fff;border-radius:12px 12px 0 0;max-height:80%;overflow-y:auto;padding:20px}.popup-close{position:absolute;right:15px;top:10px;font-size:24px;background:none;border:none;cursor:pointer}.accessories_content{position:relative}.accessories-content-list>ul>li{display:none!important}body.popup-open .accessories-content-list>ul>li.is--actived{display:flex!important;position:fixed;top:50%;left:0;right:0;margin:0 auto;width:100%;height:100%;background:#fff;z-index:1000;transform:translateY(-50%)}.accessories-content-item .accessories-info{padding:0 20px 20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.accessories-content-item .accessories-media svg,.accessories-content-item .accessories-media img{max-width:264px;margin:0 auto}.accessories-content-item .accessories-media{padding-top:60%}.close-popup-item{display:flex;align-items:center;justify-content:center;position:absolute;top:15px;right:15px;z-index:1}body.popup-open{overflow:hidden}}@media(max-width:575px){.accessories-content-item .accessories-media{aspect-ratio:1 / .8}.accessories-content-item .accessories-media{padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/professional-accessories.css.map */