.cl-grandchild-submenu.open{display:block}.cl-hidden{display:none!important}.show-all-categories-wrapper{padding:6px 0;border-bottom:1px solid #e5e5e5;margin-bottom:6px}.show-all-categories-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:6px;color:#fff;font-weight:500;font-size:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;min-height:32px;line-height:1.2}.show-all-categories-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.show-all-categories-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.show-all-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.show-all-arrow{transition:transform .2s ease;width:14px;height:14px;opacity:.9;flex-shrink:0}.show-all-categories-btn:hover .show-all-arrow{opacity:1}.cl-submenu-content{overflow:hidden;transition:max-height .3s ease}.cl-submenu-content .hidden-category{display:none!important}.cl-submenu-content.show-all .hidden-category{display:block!important}.cl-submenu-content .cl-submenu-wrapper,.cl-submenu-content .cl-child-link{transition:opacity .3s ease,transform .3s ease}.cl-submenu-content.show-all .cl-submenu-wrapper,.cl-submenu-content.show-all .cl-child-link{animation:fadeInUp .3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.show-all-categories-btn{padding:10px 14px;font-size:13px}.show-all-arrow{width:14px;height:14px}}.fb-page,.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe{max-width:100%!important;width:100%!important;box-sizing:border-box;display:block}.cl-child-link a.active,.cl-grandchild-link a.active{background:#000;color:#fff!important;border-radius:4px;font-weight:700;border:1px solid #000}.cl-child-link.active,.cl-grandchild-link.active{border-left:4px solid rgb(0,0,0);padding-left:8px;background:#0000001a}.collection-list svg{transition:transform .3s ease}.collection-list svg.rotate-90{transform:rotate(90deg)}@media (min-width: 780px){.close-collection-menu{display:none}.bottom-wrapper{display:flex;margin-top:85px}.collection-list-wrapper{width:17%;padding:0 45px 0 40px}.collection-list{background:#fff;border:2px solid #cccccc;border-radius:10px;padding:15px 10px;margin-bottom:35px}.cl-parent-link,.cl-link-url{padding:5px;display:flex;height:55px;background:#4d4d4d;border-radius:10px;color:#fff;font-size:15px;align-items:center;justify-content:space-between;margin-bottom:12px}.cl-parent-link a,.cl-link-url a{max-width:85%}.cl-parent-link svg,.cl-link-url svg{width:30px;height:30px;cursor:pointer;transition:transform .3s ease}.rotate-90{transform:rotate(90deg);transition:transform .3s ease}.cl-grandchild-submenu{display:none}.cl-child-parent-link{background:#9a9a9a;height:35px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;color:#fff;padding:5px 5px 5px 10px;font-size:12px;letter-spacing:1px;margin-bottom:12px}.cl-child-parent-link svg{width:18px;height:18px;cursor:pointer;transition:transform .3s ease}.cl-grandchild-link,.cl-child-link{height:35px;background:#f3f3f3;border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#646464;font-size:12px;padding:5px 5px 5px 10px;margin-bottom:6px}.cl-submenu{display:none}}@media (min-width: 780px) and (max-width: 1439px){.collection-list-wrapper{width:30%;padding:0 45px 0 40px}.close-collection-menu{display:none}}@media (max-width: 780px){.close-collection-menu{margin-bottom:30px;border:none;background:none;width:100%}.close-collection-menu svg{width:auto;margin-left:auto}.collection-list-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;overflow:hidden}.collection-list{position:absolute;top:0;left:0;width:320px;height:100vh;background:#fff;padding:15px 10px;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 10px #0000001a}.collection-list-wrapper.show{display:block}.collection-list-wrapper.show .collection-list{transform:translate(0)}.cl-child-link.current,.cl-grandchild-link.current{background:#2c2c2c!important;color:#fff!important;border:2px solid #000000!important;border-left:5px solid #000000!important;font-weight:600!important;box-shadow:0 2px 8px #00000026!important}.cl-parent-link,.cl-link-url{padding:8px 12px;display:flex;height:60px;background:#4d4d4d;border-radius:12px;color:#fff;font-size:16px;align-items:center;justify-content:space-between;margin-bottom:15px;font-weight:500}.cl-child-parent-link{background:#9a9a9a;height:50px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;color:#fff;padding:8px 12px;font-size:15px;letter-spacing:.5px;margin-bottom:15px;font-weight:500}.cl-grandchild-link,.cl-child-link{height:45px;background:#f8f8f8;border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#555;font-size:15px;padding:8px 12px;margin-bottom:8px;border:1px solid #e0e0e0;transition:all .2s ease}.cl-grandchild-link:hover,.cl-child-link:hover{background:#f0f0f0;border-color:#ccc;transform:translate(3px)}.cl-parent-link a,.cl-link-url a{max-width:85%;text-decoration:none;color:inherit}.cl-parent-link svg,.cl-link-url svg{width:30px;height:30px;transition:transform .3s ease;cursor:pointer;flex-shrink:0}.cl-child-parent-link a{text-decoration:none;color:inherit;flex:1}.cl-child-parent-link svg{width:25px;height:25px;transition:transform .3s ease;cursor:pointer;flex-shrink:0}.rotate-90{transform:rotate(90deg);transition:transform .3s ease}.cl-parent-link.active svg{transform:rotate(90deg);transition:transform .3s ease}.cl-grandchild-submenu,.cl-submenu{display:none}.fb-page,.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe,#fb-root{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important}.cl-all-visible .cl-parent-link:not(.active):not(.has-active-child) svg,.cl-all-visible .cl-link-url:not(.active):not(.has-active-child) svg{visibility:hidden;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/collection-list.css.map */