.custom_cat_contain{width:100%;overflow-x:auto;margin-bottom:0;background-color:var(--bg-color)}.custom_cat_sec{width:100%;height:100%;display:grid;column-gap:20px;padding:10px 30px;margin-bottom:0;justify-content:center;grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:30px;scroll-behavior:smooth}.custom_sec_stacked{display:grid;grid-template-columns:repeat(var(--desktop-column),1fr)!important;justify-items:center!important;width:80%;margin-inline:auto;gap:1.5rem;justify-content:center;padding-block:10px}.custom_sec_scroll{grid-auto-flow:row!important}.custom_cat_sec::-webkit-scrollbar{display:none}.custom_grids{scroll-snap-align:start;-webkit-tap-highlight-color:transparent;width:minmax(100%,var(--img-width));position:relative;border-radius:var(--img-radius);overflow:hidden}.custom_grids:before{content:"";position:absolute;top:1px;left:0;width:99%;height:50%;border-radius:var(--img-radius);background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.grid-title{position:absolute;top:10px;text-align:center;color:#fff;width:100%;line-height:normal;font-size:clamp(1rem,4vw,1.2rem);font-family:var(--heading-font-family);font-weight:inherit;z-index:10}.custom_grids p:not(:empty){text-align:center;font-size:inherit;word-break:normal;margin-top:.4rem;line-height:1.2em;width:var(--img-width);height:auto;color:var(--txt-color)}.collage_Images{border-radius:var(--img-radius);aspect-ratio:1/var(--shape);transition:all .4s ease-out}.objfitCover{object-fit:var(--img-fit)!important}.custom_grids:hover .collage_Images{transform:scale(1.02);box-shadow:#11111a1a 0 2px 8px,#11111a1a 0 4px 12px,#11111a1a 0 8px 23px;border:2px solid white;border-radius:var(--img-radius);transition:transform .4s ease-in-out;cursor:pointer}@media screen and (max-width: 580px){.custom_cat_sec{max-width:max-content;padding:5px 20px;gap:10px;justify-content:start}.custom_sec_stacked{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:auto;width:calc(100% - 1rem);gap:.5rem}}.collage_Title,.collage_Description{text-align:center;line-height:1.2}.collage_Title:not(:empty){margin-block:1rem;font-size:var(--title-size);font-family:var(--heading-font-family);font-weight:inherit}.collage_Description:not(:empty){padding-inline:1rem;margin-block:1rem 0}.image_outline{border:var(--img-border) solid var(--border-color)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-category.css.map */