@media screen and (max-width: 1600px) { .t951__cont-wrapper .t951__sidebar { padding: initial !important; } .t754 .t-store__parts-switch-wrapper, .t776 .t-store__parts-switch-wrapper, .t778 .t-store__parts-switch-wrapper, .t786 .t-store__parts-switch-wrapper { display: flex; width: 100%; margin-bottom: 20px; padding-bottom: 20px; padding-top: 12px; margin-left: auto; margin-right: auto; } .t754 .old-ios.t-store__parts-switch-wrapper, .t776 .old-ios.t-store__parts-switch-wrapper, .t778 .old-ios.t-store__parts-switch-wrapper, .t786 .old-ios.t-store__parts-switch-wrapper { overflow: scroll; overflow-y: hidden!important; } .t754 .t-store__parts-switch-btn, .t776 .t-store__parts-switch-btn, .t778 .t-store__parts-switch-btn, .t786 .t-store__parts-switch-btn { display: inline; white-space: nowrap; align-items: center; font-size: 14px; color: #ffffff; border-radius: 10px; background-color: #0B5C73; border: 0px solid ; padding-top: 8px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; } .t754 .t-store__parts-switch-btn.t-active, .t776 .t-store__parts-switch-btn.t-active, .t778 .t-store__parts-switch-btn.t-active, .t786 .t-store__parts-switch-btn.t-active { color: #ffffff!important; background-color: #477785; border: 0px solid !important; opacity: 100%!important; } .t754 .t-store__parts-switch-wrapper, .t776 .t-store__parts-switch-wrapper, .t778 .t-store__parts-switch-wrapper, .t786 .t-store__parts-switch-wrapper { scrollbar-color: #0B5C73 #ffffff; scrollbar-width: thin; } .t754 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar, .t776 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar, .t778 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar, .t786 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar { height: 17px !important; -webkit-appearance: none !important; } .t754 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-track, .t776 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-track, .t778 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-track, .t786 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-track { background: #999999 !important; -webkit-border-radius: 10px !important; } .t754 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb:hover, .t776 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb:hover, .t778 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb:hover, .t786 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb:hover { background: #0B5C73 !important; } .t754 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb, .t776 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb, .t778 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb, .t786 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb { background: #0B5C73 !important; border: 0px solid #454545 !important; -webkit-border-radius: 10px !important; -webkit-box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%) !important; } .t754 .t-store__parts-switch-wrapper .simplebar-track.simplebar-vertical, .t776 .t-store__parts-switch-wrapper .simplebar-track.simplebar-vertical, .t778 .t-store__parts-switch-wrapper .simplebar-track.simplebar-vertical, .t786 .t-store__parts-switch-wrapper .simplebar-track.simplebar-vertical { visibility: hidden !important; } .t754 .t-store__parts-switch-wrapper .simplebar-track.simplebar-horizontal, .t776 .t-store__parts-switch-wrapper .simplebar-track.simplebar-horizontal, .t778 .t-store__parts-switch-wrapper .simplebar-track.simplebar-horizontal, .t786 .t-store__parts-switch-wrapper .simplebar-track.simplebar-horizontal { visibility: visible !important; } .t754 .t-store__parts-switch-wrapper .simplebar-content-wrapper::-webkit-scrollbar, .t776 .t-store__parts-switch-wrapper .simplebar-content-wrapper::-webkit-scrollbar, .t778 .t-store__parts-switch-wrapper .simplebar-content-wrapper::-webkit-scrollbar, .t786 .t-store__parts-switch-wrapper .simplebar-content-wrapper::-webkit-scrollbar { display: var( --scrollbar-display ); } .t754 .t-store__parts-switch-wrapper .simplebar-scrollbar:before, .t776 .t-store__parts-switch-wrapper .simplebar-scrollbar:before, .t778 .t-store__parts-switch-wrapper .simplebar-scrollbar:before, .t786 .t-store__parts-switch-wrapper .simplebar-scrollbar:before { background: #0B5C73 !important; opacity: 1 !important; border: 0px solid #454545 !important; border-radius: 10px; -webkit-box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%) !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .t754 .t-store__parts-switch-wrapper .simplebar-scrollbar:hover:before, .t776 .t-store__parts-switch-wrapper .simplebar-scrollbar:hover:before, .t778 .t-store__parts-switch-wrapper .simplebar-scrollbar:hover:before, .t786 .t-store__parts-switch-wrapper .simplebar-scrollbar:hover:before { background: #0B5C73 !important; } .t754 .t-store__parts-switch-wrapper .simplebar-track, .t776 .t-store__parts-switch-wrapper .simplebar-track, .t778 .t-store__parts-switch-wrapper .simplebar-track, .t786 .t-store__parts-switch-wrapper .simplebar-track { background: #999999; border-radius: 10px; height: 17px !important; bottom: -17px; pointer-events: auto; } } @media screen and (max-width: 960px) { .t951 .t-store__parts-switch-wrapper { display: flex; width: 100%; margin-bottom: 20px; padding-bottom: 20px; padding-top: 12px; margin-left: auto; margin-right: auto; } .t951 .old-ios.t-store__parts-switch-wrapper { overflow: scroll; overflow-y: hidden!important; } .t951 .t-store__parts-switch-btn { display: inline; white-space: nowrap; align-items: center; font-size: 14px; color: #ffffff; border-radius: 10px; background-color: #0B5C73; border: 0px solid ; padding-top: 8px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; } .t951 .t-store__parts-switch-btn.t-active { color: #ffffff!important; background-color: #477785; border: 0px solid !important; opacity: 100%!important; } .t951 .t-store__parts-switch-wrapper { scrollbar-color: #0B5C73 #ffffff; scrollbar-width: thin; } .t951 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar { height: 17px !important; -webkit-appearance: none !important; } .t951 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-track { background: #999999 !important; -webkit-border-radius: 10px !important; } .t951 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb:hover { background: #0B5C73 !important; } .t951 .old-ios.t-store__parts-switch-wrapper::-webkit-scrollbar-thumb { background: #0B5C73 !important; border: 0px solid #454545 !important; -webkit-border-radius: 10px !important; box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%); } .t951 .t-store__parts-switch-wrapper .simplebar-track.simplebar-vertical { visibility: hidden !important; } .t951 .t-store__parts-switch-wrapper .simplebar-track.simplebar-horizontal { visibility: visible !important; } .t951 .t-store__parts-switch-wrapper .simplebar-content-wrapper::-webkit-scrollbar { display: var( --scrollbar-display ); } .t951 .t-store__parts-switch-wrapper .simplebar-scrollbar:before { background: #0B5C73 !important; opacity: 1 !important; border: 0px solid #454545 !important; border-radius: 10px; -webkit-box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%) !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .t951 .t-store__parts-switch-wrapper .simplebar-scrollbar:before:hover { background: #0B5C73 !important; } .t951 .t-store__parts-switch-wrapper .simplebar-track { background: #999999; border-radius: 10px; height: 17px !important; bottom: -17px; pointer-events: auto; } } @media screen and (min-width: 961px) { .t951 .t-store__parts-switch-wrapper .simplebar-content { margin-bottom: 10px; display: flex; flex-direction: column; text-align: left; } }   (function() { function t_ready(e) { "loading" != document.readyState ? e() : document.addEventListener ? document.addEventListener("DOMContentLoaded", e) : document.attachEvent("onreadystatechange", (function() { "loading" != document.readyState && e() } )) } t_ready(function() { let int = setInterval(function() { let sectionList = document.querySelectorAll(".t-store__parts-switch-wrapper"); if (sectionList.length > 0) { clearInterval(int); sectionList.forEach(function(item) { function setWidth() { if (item.closest(".t951") && window.innerWidth > 960) { return; } else { let styleproduct = window.getComputedStyle(item.closest(".t-store").querySelector(".js-product")); let paddingDigitProduct = styleproduct.paddingLeft.replace("px", ""); let marginDigitProduct = styleproduct.marginLeft.replace("px", ""); let styleStoreGrid = window.getComputedStyle(item.closest(".t-store").querySelector(".js-store-grid-cont")); let paddingDigitStoreGrid = styleStoreGrid.paddingLeft.replace("px", ""); let marginDigitStoreGrid = styleStoreGrid.marginLeft.replace("px", ""); if (paddingDigitStoreGrid > 0) { if (paddingDigitProduct > 0) { item.style.setProperty('width', `calc(${styleStoreGrid.width} - ${paddingDigitProduct*2}px - ${paddingDigitStoreGrid*2}px)`); } if (marginDigitProduct > 0) { item.style.setProperty('width', `calc(${styleStoreGrid.width} - ${marginDigitProduct*2}px - ${paddingDigitStoreGrid*2}px)`); } } else { if (paddingDigitProduct > 0) { item.style.setProperty('width', `calc(${styleStoreGrid.width} - ${paddingDigitProduct*2}px)`); } if (marginDigitProduct > 0) { item.style.setProperty('width', `calc(${styleStoreGrid.width} - ${marginDigitProduct*2}px)`); } } } } let int2 = setInterval(function() { if (item.closest(".t-store").querySelector(".js-product")) { clearInterval(int2); setWidth(); } }, 100); window.addEventListener("resize", setWidth); item.onmousedown = () => { let pageX = 0; document.onmousemove = e => { if (pageX !== 0) { item.scrollLeft = item.scrollLeft + (pageX - e.pageX); } pageX = e.pageX; }; document.onmouseup = () => { document.onmousemove = null; document.onmouseup = null; }; item.ondragstart = () => { return false; }; }; }); let checkIosVer = function () { var agent = window.navigator.userAgent; var start = agent.indexOf( 'OS ' ); if( ( agent.indexOf( 'iPhone' ) > -1 || agent.indexOf( 'iPad' ) > -1 ) && start > -1 ){ return window.Number( agent.substr( start + 3, 3 ).replace( '_', '.' ) ); } return 0; }; let iosVer = checkIosVer(); let wrapperElemList = document.querySelectorAll(".t754 .t-store__parts-switch-wrapper, .t776 .t-store__parts-switch-wrapper, .t778 .t-store__parts-switch-wrapper, .t786 .t-store__parts-switch-wrapper, .t951 .t-store__parts-switch-wrapper"); if (iosVer > 0 && iosVer < 13) { wrapperElemList.forEach(function(item) { item.classList.add("old-ios"); }); } else { wrapperElemList.forEach(function(item) { item.classList.add("mySimplebar"); new SimpleBar(item, { autoHide: false }); let contentWrapper = item.querySelector(".simplebar-content-wrapper"); contentWrapper.style.setProperty("--scrollbar-display", "none"); }); } } }, 100); }); })();