.tab-buttons{display:flex;gap:10px;margin-bottom:20px;background:#fafafa;border-radius:20px}button.tab-button:hover{background:transparent;color:#000}.tab-button{padding:10px 20px;background:transparent;border-radius:10px;color:#000;cursor:pointer;font-size:16px}.tab-button.active,button.tab-button.active:hover{background:#e4097f;color:#fff}.tab-pane{display:none}.tab-pane.active{display:block}.collection-item{width:200px;text-align:center}.collection-item img{width:100%;border-radius:10px}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{padding:10px 15px;border:none;background:#f5f5f5;cursor:pointer;font-size:16px;text-transform:capitalize}.tabs button.active{background:#000;color:#fff}.tab-pane{display:none;flex-wrap:wrap;gap:20px;padding:20px 0}.collection-item{width:250px;text-align:center}.collection-item img{width:100%;height:auto;border-radius:10px;box-shadow:0 4px 6px #0000001a}.tab-content .t4s-collection-item.t4s-col-item{margin-bottom:26px}.tab-content__wrapper .tab-heading{margin-bottom:8px}.tab-content__wrapper .tab_heading.t4s-text-center{margin-bottom:15px!important}.tab-content .tab-content__wrapper:not(:first-child) .tab-heading{padding-top:40px}.tab-content .t4s-collection-item .collection_title{margin-top:10px}.image-wrapper{position:relative;padding-top:125%;overflow:hidden;margin-bottom:10px}.image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.tab-buttons .tab-button{width:100%;max-width:max-content;min-width:max-content}.tab-buttons{max-width:100%;margin-left:auto;margin-right:auto;width:fit-content}.tab__wrapper{width:100%;overflow-x:auto;overflow-y:hidden;display:flex;padding:21px 21px 17px}.tab__wrapper::-webkit-scrollbar{height:5px;width:4px;background:#F5F5F;border-radius:10px}.tab__wrapper::-webkit-scrollbar-thumb:horizontal{background:gray;border-radius:10px}@media (max-width: 700px){.header-banner .page-head{margin-bottom:var(--space-mg-mb)!important}}@media (max-width: 768px){.tab-content h2.tab_heading{font-size:22px!important}.tab-content .tab-content__wrapper:not(:first-child) .tab-heading{padding-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/collection-tab-list.css.map */
