.products-display-multiple-component{overflow:hidden}
.gallery-products-display-component-wrapper{--larger-white-arrow-icon:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZmlsbD0ibm9uZSI+Cgk8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSIxNiIgeD0iMCIgeT0iMCIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIgZmlsbC1vcGFjaXR5PSIwIiAvPgoJPHBhdGggZD0iTTAuMTkzMzU5IDUuMDYyMDJMMy4xMjc2OSA3Ljk5NTA3TDAuMTkzMTE1IDEwLjkyODRDLTAuMDY0MjA5IDExLjE4NTYgLTAuMDYzOTY0OCAxMS41OSAwLjE5MzM1OSAxMS44NDcyQzAuNDUwNjg0IDEyLjEwNDQgMC44NTQ5OCAxMi4xMDQ0IDEuMTEyMyAxMS44NDcyTDQuNTA2MzUgOC40NTQ1OUM0LjYzMzMgOC4zMjc2OSA0LjY5NzAyIDguMTc0NjggNC42OTcwMiA3Ljk5NTA3QzQuNjk2NzggNy44MTU3MSA0LjYzMzU0IDcuNjYyNyA0LjUwNjU5IDcuNTM1OEwxLjExMjU1IDQuMTQzMjNDMC44NTQ5OCAzLjg4NTc3IDAuNDUwNjg0IDMuODg1NzcgMC4xOTMxMTUgNC4xNDMyM0MtMC4wNjQyMDkgNC40MDA0NCAtMC4wNjQyMDkgNC44MDQ1NiAwLjE5MzM1OSA1LjA2MjAyWiIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIgZmlsbC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4K');--larger-black-arrow-icon:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjUiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiPgoJPHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iMTYiIHg9IjAiIHk9IjAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtb3BhY2l0eT0iMCIgLz4KCTxwYXRoIGQ9Ik0wLjE5MzM1OSA1LjA2MjAyTDMuMTI3NjkgNy45OTUwN0wwLjE5MzExNSAxMC45Mjg0Qy0wLjA2NDIwOSAxMS4xODU2IC0wLjA2Mzk2NDggMTEuNTkgMC4xOTMzNTkgMTEuODQ3MkMwLjQ1MDY4NCAxMi4xMDQ0IDAuODU0OTggMTIuMTA0NCAxLjExMjMgMTEuODQ3Mkw0LjUwNjM1IDguNDU0NTlDNC42MzMzIDguMzI3NjkgNC42OTcwMiA4LjE3NDY4IDQuNjk3MDIgNy45OTUwN0M0LjY5Njc4IDcuODE1NzEgNC42MzM1NCA3LjY2MjcgNC41MDY1OSA3LjUzNThMMS4xMTI1NSA0LjE0MzIzQzAuODU0OTggMy44ODU3NyAwLjQ1MDY4NCAzLjg4NTc3IDAuMTkzMTE1IDQuMTQzMjNDLTAuMDY0MjA5IDQuNDAwNDQgLTAuMDY0MjA5IDQuODA0NTYgMC4xOTMzNTkgNS4wNjIwMloiIGZpbGw9InJnYigwLDAsMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+');--smaller-white-arrow-icon:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZmlsbD0ibm9uZSIgY3VzdG9tRnJhbWU9IiMwMDAwMDAiPgoJPHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iMTQiIHg9IjAiIHk9IjAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtb3BhY2l0eT0iMCIgLz4KCTxwYXRoIGQ9Ik0wLjE5MzM1OSA0LjQ1MjE1TDIuNzQyNjggNy4wMDE0NkwwLjE5MzExNSA5LjU1MTAzQy0wLjA2NDIwOSA5LjgwODM1IC0wLjA2NDIwOSAxMC4yMTMxIDAuMTkzMTE1IDEwLjQ3MDVDMC40NTA0MzkgMTAuNzI3OCAwLjg1NTIyNSAxMC43Mjc4IDEuMTEyNTUgMTAuNDcwNUw0LjEyMTU4IDcuNDYxNDNDNC4yNzQ5IDcuMzA4MTEgNC4zNTE1NiA3LjE1NDc5IDQuMzUxMzIgNy4wMDE3MUM0LjM1MTMyIDYuODQ4MzkgNC4yNzQ5IDYuNjk1MzEgNC4xMjE1OCA2LjU0MTk5TDEuMTEyNTUgMy41MzI5NkMwLjg1NDk4IDMuMjc1MzkgMC40NTA2ODQgMy4yNzUzOSAwLjE5MzExNSAzLjUzMjk2Qy0wLjA2NDIwOSAzLjc5MDI4IC0wLjA2NDIwOSA0LjE5NDU4IDAuMTkzMzU5IDQuNDUyMTVaIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPg==');--smaller-black-arrow-icon:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZmlsbD0ibm9uZSIgY3VzdG9tRnJhbWU9IiMwMDAwMDAiPgoJPHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iMTQiIHg9IjAiIHk9IjAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtb3BhY2l0eT0iMCIgLz4KCTxwYXRoIGQ9Ik0wLjE5MzM1OSA0LjQ1MjE1TDIuNzQyNjggNy4wMDE0NkwwLjE5MzExNSA5LjU1MTAzQy0wLjA2NDIwOSA5LjgwODM1IC0wLjA2NDIwOSAxMC4yMTMxIDAuMTkzMTE1IDEwLjQ3MDVDMC40NTA0MzkgMTAuNzI3OCAwLjg1NTIyNSAxMC43Mjc4IDEuMTEyNTUgMTAuNDcwNUw0LjEyMTU4IDcuNDYxNDNDNC4yNzQ5IDcuMzA4MTEgNC4zNTE1NiA3LjE1NDc5IDQuMzUxMzIgNy4wMDE3MUM0LjM1MTMyIDYuODQ4MzkgNC4yNzQ5IDYuNjk1MzEgNC4xMjE1OCA2LjU0MTk5TDEuMTEyNTUgMy41MzI5NkMwLjg1NDk4IDMuMjc1MzkgMC40NTA2ODQgMy4yNzUzOSAwLjE5MzExNSAzLjUzMjk2Qy0wLjA2NDIwOSAzLjc5MDI4IC0wLjA2NDIwOSA0LjE5NDU4IDAuMTkzMzU5IDQuNDUyMTVaIiBmaWxsPSJyZ2IoMCwwLDApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPg==');box-sizing:border-box;position:relative;transition:all .3s;width:100%;padding-top:calc(var(--mob-margin-top, 0) * 1px);padding-bottom:calc(var(--mob-margin-bottom, 0) * 1px)}
.gallery-products-display-component-wrapper .hidden-slide{visibility:hidden}
.gallery-products-display-component-wrapper picture{display:block}
.gallery-products-display-component-wrapper img.fire-event-on-img.imgerror-defaultlogo{opacity:0}
.gallery-products-display-component-wrapper.init-editor{background-image:url("../../../../../../content/dam/huawei-cbg-site/common/component/image/home-gallery-products-display-multiple-component.png");background-position:50%;background-repeat:no-repeat;background-size:100%;height:42vw;outline:1px solid hsla(0,0,50%,0.1)}
.gallery-products-display-component-wrapper .pointer{cursor:pointer}
@media screen and (min-width:768px) and (max-width:1079.98px){.gallery-products-display-component-wrapper{padding-top:calc(var(--pad-margin-top, 0) * 1px);padding-bottom:calc(var(--pad-margin-bottom, 0) * 1px)}
}
@media screen and (min-width:1080px){.gallery-products-display-component-wrapper{padding-top:calc(var(--pc-margin-top, 0) * 1px);padding-bottom:calc(var(--pc-margin-bottom, 0) * 1px)}
}
@media screen and (min-width:2560px){.gallery-products-display-component-wrapper{margin:auto;padding-left:0;padding-right:0}
}
.gallery-products-display-component-wrapper .comp-header-title{margin:0 auto 32px}
.gallery-products-display-component-wrapper .comp-header-title>.header-title-text{text-align:center;line-height:1.25;color:var(--main-title-color,#000);padding-left:16px;padding-right:16px;font-size:24px;font-weight:bold}
@media screen and (min-width:1080px){.gallery-products-display-component-wrapper .comp-header-title>.header-title-text{padding-left:40px;padding-right:40px}
}
@media screen and (min-width:1600px){.gallery-products-display-component-wrapper .comp-header-title>.header-title-text{padding-left:80px;padding-right:80px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper{width:calc(100% - 160px);margin:33px auto 0}
}
@media screen and (min-width:2560px){.gallery-products-display-component-wrapper .comp-header-title>.header-title-text{max-width:2400px;margin:auto;padding-left:0;padding-right:0}
}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper .comp-header-title{margin:0 auto 40px}
.gallery-products-display-component-wrapper .comp-header-title>.header-title-text{font-size:36px}
}
@media screen and (min-width:1080px){.gallery-products-display-component-wrapper .comp-header-title>.header-title-text{font-size:40px}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper{width:100%;margin:0 auto}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-wrapper{overflow-y:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;overflow:-moz-scrollbars-none}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-wrapper::-webkit-scrollbar{display:none}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-wrapper.is-center{justify-content:center;overflow:hidden}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;bottom:0;width:auto;padding:0 0 8px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items::after{content:"";position:absolute;width:calc(var(--anchor-width) * 1px);height:2px;background-color:#000;border-radius:1px;bottom:0;left:0;transition:all .3s;transform:translate3d(calc(var(--anchor-offset) * 1px),0,0);transform-origin:left;will-change:transform,width}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item{width:auto;height:auto;border-radius:initial;background-color:initial;margin:0;opacity:.3;transition:all .2s}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item.pagination-active{color:#000;opacity:1}
@media(any-hover:hover){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:hover{opacity:1}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item .nav-item-text-wrapper{display:flex;align-items:center;justify-content:center;height:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;font-size:16px;line-height:1.5;font-weight:500}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item .nav-item-text-wrapper{font-size:20px}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:not(:first-child){margin-left:26px}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:not(:first-child){margin-left:auto;margin-right:32px}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:not(:first-child){margin-left:32px}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:not(:first-child){margin-left:auto;margin-right:32px}
}
html:not([dir=rtl]) .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:first-child{margin-left:16px}
@media screen and (min-width:768px){html:not([dir=rtl]) .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:first-child{margin-left:40px}
}
@media screen and (min-width:1080px){html:not([dir=rtl]) .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:first-child{margin-left:80px}
}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:first-child{margin-right:16px}
@media screen and (min-width:768px){html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:first-child{margin-right:40px}
}
@media screen and (min-width:1080px){html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:first-child{margin-right:80px}
}
html:not([dir=rtl]) .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:last-child{margin-right:16px}
@media screen and (min-width:768px){html:not([dir=rtl]) .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:last-child{margin-right:40px}
}
@media screen and (min-width:1080px){html:not([dir=rtl]) .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:last-child{margin-right:80px}
}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:last-child{margin-left:16px}
@media screen and (min-width:768px){html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:last-child{margin-left:40px}
}
@media screen and (min-width:1080px){html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-items>.nav-item:last-child{margin-left:80px}
}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper{margin:33px auto 0}
}
@media screen and (min-width:2560px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper{max-width:2400px;padding-left:0;padding-right:0}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper .gallery-content{position:relative}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper .gallery-content.force-auto-height{height:auto !important}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper .nav-content-item{text-align:center;height:auto}
@media screen and (min-width:1080px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper .nav-content-item{opacity:0 !important;transition:height .3s,opacity .5s;z-index:1}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper .nav-content-item.swiper-slide-active{opacity:1 !important;transition:height .3s,opacity .5s .2s;z-index:2}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;place-content:stretch;grid-gap:8px;height:calc(100% - 60px)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3{grid-template-columns:repeat(2,1fr)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:nth-child(2){grid-column-start:span 2}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2{grid-template-columns:1fr}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper~.view-prod-desc-btn{margin:24px auto 0}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper~.view-prod-desc-btn>.btn{font-weight:500;margin:0}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card{overflow:hidden;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,0.01)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card .prod-name{color:var(--card-title-color,#000)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1){background-color:#fff}
@media screen and (max-width:1079.98px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1){display:none}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper{width:calc(100% - 80px);margin:24px auto 0}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .btns{text-align:left}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .btns{text-align:right}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .prod-info-container{min-width:120px;max-width:216px;width:100%}
@media screen and (max-width:767.98px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .prod-name{width:calc(23.53vw + 35px);margin:auto}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper{width:calc(100% - 32px)}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container{width:110px;height:110px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container picture,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container img{width:110px;height:110px;transition:all .15s}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container{width:220px;height:220px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container picture,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container img{width:220px;height:220px}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card .btns{margin:0 -12px -20px;font-size:0}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)),.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 8px 20px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)) .prod-info-left,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .prod-info-left{margin-bottom:16px;font-weight:bold;font-size:14px;line-height:1.25}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)) .img-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .img-container{margin-bottom:20px}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)),.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)){padding:32px 20px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)) .img-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .img-container{margin-bottom:32px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)) .prod-info-left,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .prod-info-left{font-size:20px}
}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)),.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)){display:flex;flex-direction:row;align-items:center;justify-content:center;padding:20px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:20px;min-width:158px;max-width:216px}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:0;margin-right:20px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-left,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-left{margin-bottom:16px;font-weight:bold;font-size:14px;line-height:1.25}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)),.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)){padding:20px 80px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-left,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-left{font-size:20px}
}
@media screen and (min-width:1080px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)),.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)){padding:20px 53px}
}
@media screen and (min-width:768px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .prod-info-container{min-width:initial !important;max-width:initial !important;width:316px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:calc(12.82vw - 58px);width:316px}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:0;margin-right:calc(12.82vw - 58px)}
}
@media screen and (min-width:1080px) and (max-width:1440px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4{grid-template-columns:calc(31.43vw + 71px) repeat(2,1fr);grid-template-rows:1fr 1fr}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1){max-width:516px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)),.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)){max-width:414px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper{max-width:1352px;width:calc(100% - 160px);margin:33px auto 0}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .prod-info-left,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)) .prod-info-left{width:calc(27.7vw + -84px);max-width:316px;min-width:216px;margin:0 auto 16px}
}
@media screen and (min-width:1441px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4{grid-template-columns:calc(37.4vw) repeat(2,1fr);grid-template-rows:1fr 1fr}
}
@media screen and (min-width:1441px) and (max-width:1599px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-content-wrapper{width:calc(100% - 160px);margin:33px auto 0}
}
@media screen and (min-width:1080px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper{height:100%}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper .prod-name,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper .headline{text-align:center}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper .prod-name{font-weight:700;font-size:24px;line-height:1.5}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper .headline{margin-top:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)){padding:0 53px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container{width:220px;height:220px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container picture,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:not(:nth-child(1)) .img-container img{width:220px;height:220px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1){display:flex;flex-direction:column;align-items:center;justify-content:stretch;grid-row-start:span 2;overflow:hidden;background:#fff}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .img-container{height:620px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) img{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;height:620px;width:auto}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container{width:100%;height:calc(100% - 620px);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-info-center{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;flex:0 0 auto;position:relative}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-info-center.flex-gap{gap:24px 40px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-name,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .headline{text-align:left}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-name,html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .headline{text-align:right}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-name{font-weight:700}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .headline{margin-top:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-info-center:not(.flex-gap) .prod-info-left{margin:0 40px 0 0}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-info-center:not(.flex-gap) .prod-info-left{margin:0 0 0 40px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .prod-info-center:not(.flex-gap) .btns.margin-top{margin-top:24px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container .btns>.btn{font-weight:500;line-height:1.25}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4{grid-template-columns:calc(31.43vw + 71px) repeat(2,1fr);grid-template-rows:1fr 1fr}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3{grid-template-columns:calc(31.43vw + 71px) repeat(2,1fr);grid-template-rows:1fr 1fr}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:nth-child(2){grid-column-start:span 2}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2{grid-template-columns:calc(31.43vw + 71px) auto;grid-template-rows:1fr 1fr}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4>.card:not(:nth-child(1)) .img-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .img-container{margin-bottom:34px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:calc(4.76vw - 11px)}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:0;margin-right:calc(4.76vw - 11px)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-left,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-left{margin-bottom:24px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper~.view-prod-desc-btn{display:none}
}
@media screen and (min-width:1920px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4{grid-template-columns:calc(33.28vw + 35px) repeat(2,1fr)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3{grid-template-columns:calc(33.28vw + 35px) repeat(2,1fr)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2{grid-template-columns:calc(33.28vw + 35px) auto;grid-template-rows:1fr 1fr}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container{width:100%}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:80px}
html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-container,html[dir=rtl] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-container{margin-left:0;margin-right:80px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .prod-info-left,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .prod-info-left{margin-bottom:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .prod-info-left{margin-bottom:40px}
}
@media screen and (min-width:2560px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-4{grid-template-columns:887px repeat(2,1fr)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3{grid-template-columns:887px repeat(2,1fr)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2{grid-template-columns:887px auto}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper>.card:nth-child(1) .prod-info-container{width:100%}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .img-container,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .img-container{width:220px;height:220px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .img-container picture,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(3),:nth-child(4)) .img-container img,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .img-container picture,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-2>.card:not(:nth-child(1)) .img-container img{width:220px;height:220px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .cards-wrapper.layout-1-3>.card:not(:nth-child(1),:nth-child(2)) .prod-info-left{margin-bottom:16px}
}
main.content-animation-enable .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .gallery-nav-wrapper{--idx:1}
main.content-animation-enable .gallery-products-display-component-wrapper .gallery-content .nav-content-item:first-child .cards-wrapper .card:nth-child(1){--idx:2}
main.content-animation-enable .gallery-products-display-component-wrapper .gallery-content .nav-content-item:first-child .cards-wrapper .card:nth-child(2){--idx:3}
main.content-animation-enable .gallery-products-display-component-wrapper .gallery-content .nav-content-item:first-child .cards-wrapper .card:nth-child(3){--idx:4}
main.content-animation-enable .gallery-products-display-component-wrapper .gallery-content .nav-content-item:first-child .cards-wrapper .card:nth-child(4){--idx:5}
main.content-animation-enable .gallery-products-display-component-wrapper .gallery-content .nav-content-item:first-child .cards-wrapper .card:nth-child(5){--idx:6}
main.content-animation-enable .gallery-products-display-component-wrapper.overflow-initial .gallery-content-wrapper{overflow:initial}
main.content-animation-enable .gallery-products-display-component-wrapper.animation .comp-header-title.animation-running,main.content-animation-enable .gallery-products-display-component-wrapper.animation .gallery-nav-wrapper.animation-running{transform:translate3d(0,30px,0);opacity:0}
main.content-animation-enable .gallery-products-display-component-wrapper.animation .card.animation-running{transform:translate3d(0,30px,0);opacity:0}
main.content-animation-enable .gallery-products-display-component-wrapper .animation-running{transition:transform .8s,opacity 1.2s;transition-delay:calc((var(--idx, 0) * .1s) - -0.15s)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn{--shadow-border-color:transparent;margin:0 12px 16px;display:inline-flex !important;justify-content:center;align-items:center;width:fit-content;font-size:14px;font-weight:500;line-height:1.25;transition:opacity .3s ease-out,color .3s ease-out,background-color .3s ease-out;cursor:pointer;padding:8px 16px;border-radius:4px;border:none !important;word-break:break-word;box-shadow:inset 0 0 0 1px var(--shadow-border-color);position:relative}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn:not(.buy-button-hide-v4){display:inline-flex !important}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-md::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-xs::after{flex:1 0 auto}
.no-touch .huawei-v4 .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn:hover{opacity:initial}
@media screen and (min-width:1080px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white{background-color:#fff;--shadow-border-color:#fff;color:#000}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white.btn-arrow.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white.btn-arrow:not(.btn-custom-icon)::after{background-image:var(--larger-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black{background-color:#000;--shadow-border-color:#000;color:#fff}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black.btn-arrow.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black.btn-arrow:not(.btn-custom-icon)::after{background-image:var(--larger-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent{--shadow-border-color:rgba(255,255,255,1);background-color:transparent;color:#fff}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent.btn-arrow.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent.btn-arrow:not(.btn-custom-icon)::after{background-image:var(--larger-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent{--shadow-border-color:rgba(0,0,0,1);background-color:transparent;color:#000}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent.btn-arrow.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent.btn-arrow:not(.btn-custom-icon)::after{background-image:var(--larger-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text{color:#fff;background-color:transparent}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text.btn-arrow.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text.btn-arrow:not(.btn-custom-icon)::after{background-image:var(--larger-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text{color:#000;background-color:transparent}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text.btn-arrow.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text.btn-arrow:not(.btn-custom-icon)::after{background-image:var(--larger-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent{overflow:hidden}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text{font-weight:700;padding:0;border:0;border-radius:0}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow.btn-custom-icon::after{width:16px;height:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow:not(.btn-custom-icon)::after{width:5px;height:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow::after{content:'';display:inline-block;position:relative;margin-left:4px;transition:transform .6s ease,border-color .3s ease;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:100%}
html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow::after{transform:scaleX(-1);margin-left:0;margin-right:4px}
}
@media screen and (min-width:1080px) and (any-hover:hover){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent::before{content:'';width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;pointer-events:none;transition:background-color .2s}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent:hover::before{background-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white:hover{border-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent::before{background-color:rgba(0,0,0,0)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent:hover::before{background-color:rgba(0,0,0,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent::before{background-color:rgba(255,255,255,0)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent:hover::before{background-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text.btn-arrow:not(.btn-custom-icon):hover::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text.btn-arrow:not(.btn-custom-icon):hover::after{transform:translateX(4px)}
html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text.btn-arrow:not(.btn-custom-icon):hover::after,html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text.btn-arrow:not(.btn-custom-icon):hover::after{transform:translateX(-4px) scaleX(-1)}
}
@media screen and (min-width:768px) and (max-width:1079.98px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md{background-color:#fff;--shadow-border-color:#fff;color:#000}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md.btn-arrow-md.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md.btn-arrow-md:not(.btn-custom-icon)::after{background-image:var(--larger-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md{background-color:#000;--shadow-border-color:#000;color:#fff}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md.btn-arrow-md.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md.btn-arrow-md:not(.btn-custom-icon)::after{background-image:var(--larger-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md{--shadow-border-color:rgba(255,255,255,1);background-color:transparent;color:#fff}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md.btn-arrow-md.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md.btn-arrow-md:not(.btn-custom-icon)::after{background-image:var(--larger-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md{--shadow-border-color:rgba(0,0,0,1);background-color:transparent;color:#000}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md.btn-arrow-md.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md.btn-arrow-md:not(.btn-custom-icon)::after{background-image:var(--larger-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-md{color:#fff;background-color:transparent}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-md.btn-arrow-md.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-md.btn-arrow-md:not(.btn-custom-icon)::after{background-image:var(--larger-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-md{color:#000;background-color:transparent}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-md.btn-arrow-md.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-md.btn-arrow-md:not(.btn-custom-icon)::after{background-image:var(--larger-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-md,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-md{font-weight:700;padding:0;border:0;border-radius:0}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-md.btn-custom-icon::after{width:16px;height:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-md:not(.btn-custom-icon)::after{width:5px;height:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-md::after{content:'';display:inline-block;position:relative;margin-left:4px;transition:transform .6s ease;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:100%}
html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-md::after{transform:scaleX(-1);margin-left:0;margin-right:4px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md{overflow:hidden}
}
@media screen and (min-width:768px) and (max-width:1079.98px) and (any-hover:hover){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md::before{content:'';width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;pointer-events:none;transition:background-color .2s}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md:hover::before{background-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md:hover{border-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md::before{background-color:rgba(0,0,0,0)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-md:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md:hover::before{background-color:rgba(0,0,0,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-md::before{background-color:rgba(255,255,255,0)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-md:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-md:hover::before{background-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-md.btn-arrow-md:not(.btn-custom-icon):hover::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-md.btn-arrow-md:not(.btn-custom-icon):hover::after{transform:translateX(4px)}
html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-md.btn-arrow-md:not(.btn-custom-icon):hover::after,html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-md.btn-arrow-md:not(.btn-custom-icon):hover::after{transform:translateX(-4px) scaleX(-1)}
}
@media screen and (max-width:767.98px){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs{background-color:#fff;--shadow-border-color:#fff;color:#000}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs.btn-arrow-xs.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs.btn-arrow-xs:not(.btn-custom-icon)::after{background-image:var(--smaller-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs{background-color:#000;--shadow-border-color:#000;color:#fff}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs.btn-arrow-xs.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs.btn-arrow-xs:not(.btn-custom-icon)::after{background-image:var(--smaller-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs{--shadow-border-color:rgba(255,255,255,1);background-color:transparent;color:#fff}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs.btn-arrow-xs.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs.btn-arrow-xs:not(.btn-custom-icon)::after{background-image:var(--larger-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs{--shadow-border-color:rgba(0,0,0,1);background-color:transparent;color:#000}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs.btn-arrow-xs.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs.btn-arrow-xs:not(.btn-custom-icon)::after{background-image:var(--larger-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs{color:#fff;background-color:transparent}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs.btn-arrow-xs.btn-custom-icon::after{background-image:var(--white-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs.btn-arrow-xs:not(.btn-custom-icon)::after{background-image:var(--smaller-white-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs{color:#000;background-color:transparent}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs.btn-arrow-xs.btn-custom-icon::after{background-image:var(--black-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs.btn-arrow-xs:not(.btn-custom-icon)::after{background-image:var(--smaller-black-arrow-icon)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs{font-weight:700;padding:0;border:0;box-shadow:none;border-radius:0}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-xs::after{content:'';display:inline-block;position:relative;margin-left:4px;transition:transform .6s ease;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:100%}
html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-arrow-xs::after{transform:scaleX(-1);margin-left:0;margin-right:4px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs.btn-arrow-xs.btn-custom-icon::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs.btn-arrow-xs.btn-custom-icon::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs.btn-arrow-xs.btn-custom-icon::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs.btn-arrow-xs.btn-custom-icon::after{width:16px;height:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs.btn-arrow-xs:not(.btn-custom-icon)::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs.btn-arrow-xs:not(.btn-custom-icon)::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs.btn-arrow-xs:not(.btn-custom-icon)::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs.btn-arrow-xs:not(.btn-custom-icon)::after{width:5px;height:16px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs{font-size:12px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs.btn-arrow-xs.btn-custom-icon::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs.btn-arrow-xs.btn-custom-icon::after{width:14px;height:14px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs.btn-arrow-xs:not(.btn-custom-icon)::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs.btn-arrow-xs:not(.btn-custom-icon)::after{width:5px;height:14px}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs{overflow:hidden}
}
@media screen and (max-width:767.98px) and (any-hover:hover){.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs::before{content:'';width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;pointer-events:none;transition:background-color .2s}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs:hover::before{background-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs::before{background-color:rgba(0,0,0,0)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-xs:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs:hover::before{background-color:rgba(0,0,0,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-transparent-xs::before{background-color:rgba(255,255,255,0)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-xs:hover::before,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-transparent-xs:hover::before{background-color:rgba(255,255,255,0.2)}
.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs.btn-arrow-xs:not(.btn-custom-icon):hover::after,.gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs.btn-arrow-xs:not(.btn-custom-icon):hover::after{transform:translateX(4px)}
html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-white-text-xs.btn-arrow-xs:not(.btn-custom-icon):hover::after,html[dir="rtl"] .gallery-products-display-component-wrapper>.gallery-products-display-wrapper .btn.btn-black-text-xs.btn-arrow-xs:not(.btn-custom-icon):hover::after{transform:translateX(-4px) scaleX(-1)}
}