.comp-collection-grid{padding:50px 0;position:relative}.comp-collection-grid__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:28px;font-weight:700;font-family:NeueMontrealBold,sans-serif;text-transform:capitalize}.comp-collection-grid__wrapper{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.comp-collection-grid__wrapper::-webkit-scrollbar{display:none}.collection-card{flex:0 0 30%;overflow:hidden;position:relative;background:#fff;transition:.3s ease;display:flex;flex-direction:column}@media (max-width: 991px){.collection-card{flex:0 0 45%}}@media (max-width: 575px){.collection-card{flex:0 0 80%}}.collection-card__image{position:relative;flex-grow:1}.collection-card__image img{width:100%;height:100%;object-fit:cover;display:block}.collection-card__bar,.collection-card__header{display:flex;justify-content:space-between;align-items:center;background:#000;color:#fff;padding:12px 16px;cursor:pointer;z-index:2;position:relative}.collection-card__header{background:#000}.collection-card__bar h3,.collection-card__header h3{text-transform:capitalize;font-size:20px;font-weight:600;margin:0;font-family:NeueMontreal,sans-serif}.collection-card__toggle-arrow{width:18px;height:18px;transition:transform .3s ease;transform:rotate(90deg);border:1px solid white;border-radius:50%}.collection-card__toggle-arrow>svg{color:#fff}.collection-card__toggle-arrow.rotated{transform:rotate(270deg)}.collection-card__content{background:#000000d9;color:#fff;padding:16px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.collection-card__content.active{opacity:1;visibility:visible;transform:translateY(0);padding-top:0}.collection-card__content::-webkit-scrollbar{display:none}.collection-card__desc{margin-bottom:12px;font-size:14px;line-height:1.4;opacity:0;transform:translateY(10px);transition:opacity .4s ease .1s,transform .4s ease .1s}.collection-card__content.active .collection-card__desc{opacity:1;transform:translateY(0)}.collection-card__menu{list-style:none;padding:0;margin:0;opacity:0;transform:translateY(10px);transition:opacity .4s ease .2s,transform .4s ease .2s}.collection-card__content.active .collection-card__menu{opacity:1;transform:translateY(0)}.menu-item{display:flex;color:#09bde3;padding:8px 0;justify-content:space-between;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #535353;transition:background-color .2s ease}.menu-item:last-child{border-bottom:none}.menu-title{flex-grow:1}.menu-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.submenu{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;padding:16px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translate(20px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:15;overflow-y:auto}.submenu.active{opacity:1;visibility:visible;transform:translate(0)}.submenu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2)}.submenu-back{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px;padding:0}.submenu-back-arrow{width:16px;height:16px;transform:rotate(90deg)}.submenu-title{margin:0;font-size:18px;font-weight:600}.submenu-list{list-style:none}.submenu li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.submenu li:last-child{border-bottom:none}.submenu a{color:#fff;text-decoration:none;font-size:.95em;display:block;transition:color .2s;padding:6px 0}.submenu a:hover{color:#09bde3}.submenu-arrow{width:14px;height:14px;transition:transform .3s ease;margin-left:8px}.menu-item.open .submenu-arrow{transform:rotate(180deg)}.comp-collection-grid__scrollbar{margin-top:15px;height:6px;background:#eee;border-radius:3px;position:relative;cursor:pointer}.scrollbar-track{height:100%;position:relative;width:100%}.scrollbar-thumb{height:100%;width:30%;background:#09bde3;border-radius:3px;cursor:grab;position:absolute;top:0;left:0;transition:background-color .2s}.scrollbar-thumb:hover{background:#333}.scrollbar-thumb:active{cursor:grabbing;background:#09bde3}.collection-card__header{display:none;justify-content:space-between;align-items:center;padding:12px 16px;background:transparent;cursor:pointer}.collection-card__content .collection-card__header{display:flex;margin:-16px -16px 16px;position:sticky;top:0;z-index:2}@media (max-width: 768px){.comp-collection-grid{padding:30px 0}.section-title{font-size:24px}.collection-card__bar h3,.collection-card__header h3{font-size:18px}.collection-card__content{padding:12px}.collection-card__content .collection-card__header{margin:-12px -12px 12px}.submenu{padding:12px}.submenu-header{margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/comp-collection-grid-styles.css.map */