@media(max-width:767px){.collection-submenu-section{padding:20px 20px 0}}.submenu{background:#f2f2f2;padding:50px 0 45px;margin-bottom:35px;position:relative;z-index:2}@media(min-width:992px){.submenu{margin-bottom:50px;margin-top:0}}@media(max-width:767px){.submenu{margin-bottom:28px}}@media(min-width:992px){.submenu .title-wrapper{margin-bottom:15px}}@media(max-width:1024px){.submenu-static{padding:30px 0}}@media(max-width:991px){.submenu-static{padding:15px 0}}@media(max-width:767px){.submenu-static{padding:20px 0 8px;overflow:hidden;border-radius:6px}}@media(max-width:767px){.submenu-static .title-wrapper{margin-bottom:11px}}@media(max-width:767px){.submenu-static .title-wrapper h1{display:inline}}@media(max-width:991px){.submenu-static .submenu-item-holder ul li.shopall a:before,.submenu-static .submenu-item-holder ul li.shopall a:after{display:none}}.submenu-static .submenu-item-holder ul li.noproduct{display:none}.submenu-static .submenu-item-holder ul li.mob-submenu-back-arrow,.submenu-static .submenu-item-holder ul li.mob-submenu-close{display:none!important}.submenu-item-holder ul{width:100%;display:inline-block;margin:0}@media(min-width:768px){.submenu-item-holder ul{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:7px 7px;max-height:185px;overflow-y:hidden}}@media(min-width:992px){.submenu-item-holder ul{max-height:185px}}@media(min-width:1025px){.submenu-item-holder ul{gap:10px 10px}}@media(min-width:1101px){.submenu-item-holder ul{max-height:230px}}@media(min-width:1400px){.submenu-item-holder ul{max-height:260px;gap:20px 20px}}@media(max-width:767px){.submenu-item-holder ul{max-height:185px;overflow:scroll;width:calc(100% + 20px);padding-right:9px}}.submenu-item-holder ul li{padding:0;margin:0}@media(min-width:768px){.submenu-item-holder ul li{flex:1 1 23%}}.submenu-item-holder ul li a{display:block;width:100%;color:#161616;overflow:hidden}@media(max-width:767px){.submenu-item-holder ul li a{padding:14px 10px 9px;position:relative}.submenu-item-holder ul li a:after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 10px);height:1px;background:#dfdfdf}}@media(min-width:768px){.submenu-item-holder ul li a{display:grid;grid-template-columns:1.5fr 2fr;align-items:center;background:#fff;border-radius:4px;font-size:16px}}@media(min-width:1025px){.submenu-item-holder ul li a{height:90px}}@media(max-width:1024px)and (min-width:768px){.submenu-item-holder ul li a{height:70px}}@media(max-height:700px)and (min-width:1025px){.submenu-item-holder ul li a{height:65px}}.submenu-item-holder ul li a:hover{color:#f79648;box-shadow:0 2px 8px #dcdcdc}.submenu-item-holder ul li a:hover p{color:#afbd3d}@media(max-width:767px){.submenu-item-holder ul li a:before{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;background-color:transparent;border:2px solid #333;border-bottom:0px;border-left:0px;transform-origin:100% 50%;transform:rotate(45deg)}}.submenu-item-holder ul li a p{font-size:14px;line-height:18px;text-align:left;white-space:normal;margin:0}@media(min-width:768px){.submenu-item-holder ul li a p{padding-right:5px}}@media(max-width:1024px){.submenu-item-holder ul li a p{font-size:13px;line-height:14px}}@media(max-width:991px){.submenu-item-holder ul li a p{min-height:fit-content;color:#333;overflow:visible}}.submenu-item-holder ul li a span{display:none}@media(min-width:768px){.submenu-item-holder ul li a span{display:block;text-align:center;padding:0 5px}}@media(min-width:992px){.submenu-item-holder ul li a span{height:100%;overflow:hidden}}.submenu-item-holder ul li a span picture{display:flex;height:100%;justify-content:center;align-items:center}.submenu-item-holder ul li a span img{max-width:100%;height:auto;max-height:90%}@media(min-width:768px){.submenu-item-holder ul li a span img{flex:0}}@media(max-width:1300px){.submenu-item-holder ul li a span img{max-width:95%}}@media(max-width:1024px){.submenu-item-holder ul li a span img{max-width:75%}}@media(max-width:991px){.submenu-item-holder ul li.shopall{width:100%;padding:0;display:inline-block}}@media(max-width:767px){.submenu-item-holder ul li.shopall{display:none}}.submenu-item-holder ul li.shopall a{background:#c6d644;color:#fff;font-family:CodePro Bold,Arial,Helvetica,sans-serif;grid-template-columns:auto}@media(max-width:991px){.submenu-item-holder ul li.shopall a{font-size:14px}}.submenu-item-holder ul li.shopall a:hover,.submenu-item-holder ul li.shopall a:hover p{color:#fff}@media(max-width:991px){.submenu-item-holder ul li.shopall a:before,.submenu-item-holder ul li.shopall a:after{content:"";position:absolute;width:1px;height:80%;top:10%;background:#fff;opacity:.5}}@media(max-width:991px){.submenu-item-holder ul li.shopall a:before{left:0}}@media(max-width:991px){.submenu-item-holder ul li.shopall a:after{right:0}}.submenu-item-holder ul li.shopall p{left:0;text-align:center;width:100%;color:#fff;font-size:16px}.submenu-item-holder ul li.shopall .mob-submenu-back-arrow,.submenu-item-holder ul li.shopall .mob-submenu-close{display:none;position:relative}@media(max-width:991px){.submenu-item-holder ul li.shopall .mob-submenu-back-arrow,.submenu-item-holder ul li.shopall .mob-submenu-close{display:block;float:left;height:55px;width:16.66%}}@media(max-width:991px){.submenu-item-holder ul li.shopall .mob-submenu-back-arrow:before,.submenu-item-holder ul li.shopall .mob-submenu-back-arrow:after,.submenu-item-holder ul li.shopall .mob-submenu-close:before,.submenu-item-holder ul li.shopall .mob-submenu-close:after{content:"";position:absolute;left:50%;top:50%;margin-left:-10px;width:20px;height:1px;background:#fff}}@media(max-width:991px){.submenu-item-holder ul li.shopall .mob-submenu-back-arrow:before,.submenu-item-holder ul li.shopall .mob-submenu-close:before{transform:rotate(40deg)}}@media(max-width:991px){.submenu-item-holder ul li.shopall .mob-submenu-back-arrow:after,.submenu-item-holder ul li.shopall .mob-submenu-close:after{transform:rotate(-40deg)}}@media(max-width:991px){.submenu-item-holder ul li.shopall .mob-submenu-back-arrow:before,.submenu-item-holder ul li.shopall .mob-submenu-back-arrow:after{width:18px;margin-left:-9px;transform-origin:0% 0%}}.submenu-item-holder ul li.noproduct{display:none}.submenu-item-holder ul li.site-nav--active a{border:1px solid #c6d644;color:#c6d644}.submenu-item-holder .submenu-viewall{font-size:13px;font-weight:700;font-family:var(--font-heading-family);display:flex;align-items:center;justify-content:left;letter-spacing:.1rem;cursor:pointer}@media(min-width:768px){.submenu-item-holder .submenu-viewall{justify-content:right;margin-top:20px}}.submenu-item-holder .submenu-viewall:before{right:10px}@media(min-width:1025px){.submenu-item-holder .submenu-viewall:hover{color:var(--color-base-color)}}@media(min-width:1025px){.submenu-item-holder .submenu-viewall:hover:before{border-color:var(--color-base-color)}}.submenu-item-holder .submenu-viewall span{position:relative;z-index:2;display:inline-block;width:100%;text-align:right;font-size:13px}@media(max-width:767px){.submenu-item-holder ul.submenu-open{max-height:100vh}}@media(min-width:768px){.submenu-item-holder ul.submenu-open{max-height:2000px}}@media(min-width:768px){.submenu-viewall.iconarrow--up:after{display:none}}.title-wrapper .que-mark{color:#000;margin-left:-3px}@media(min-width:768px){.b2b_collection .submenu{background:#fff;border-bottom:1px solid #e8e8e8;padding:60px 0}}@media(min-width:768px){.b2b_collection .submenu-item-holder ul li a{background:#f6f6f6}}@media(min-width:768px){.b2b_collection .submenu-item-holder ul li a span img{mix-blend-mode:multiply}}.b2b_collection .submenu-item-holder ul li.shopall a{background:#c6d644}
/*# sourceMappingURL=/cdn/shop/t/303/assets/component-collection-submenu.css.map */