.custom_cat_contain{width:100%;margin-bottom:0;background-color:var(--bg-color);position:relative}.custom_cat_sec{width:100%;height:100%;display:grid;gap:12px;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;will-change:scroll-position;scrollbar-width:none;-ms-overflow-style:none}.custom_cat_sec::-webkit-scrollbar{display:none}.custom_grids{padding:20px 0;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;width:var(--img-width)}.custom_grids p{text-align:center;font-size:clamp(80%,2.5vw,100%);word-break:normal;margin-top:.5rem;margin-bottom:0;line-height:1.2em;color:var(--txt-color);width:var(--img-width);height:auto}.custom_grids a{display:flex}.collage_Images{border-radius:25px;width:var(--img-width);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.04) translateY(-1px);box-shadow:#11111a1a 0 2px 8px,#11111a1a 0 4px 12px,#11111a1a 0 8px 23px;border:2px solid white;border-radius:35px;transition:transform .4s ease-out;cursor:pointer}@media screen and (max-width:580px){.custom_cat_sec{padding:5px 20px;gap:10px}}.collage_Title,.collage_Description{margin:1% 0;text-align:center;line-height:1em;padding:0 2rem}.collage_Description{padding:0 1em 1em}.image_outline{border:var(--img-border) solid var(--border-color)}.btn-container-cus{display:none}@media only screen and (pointer:fine)and (min-width:1024px){.custom_cat_contain{width:calc(100% - 5rem);margin-inline:auto}.cus-slider-button{display:block;position:absolute;top:35%;width:100%;pointer-events:none}.cus-slider-button .left-btn{left:-10px;position:absolute;pointer-events:all}.cus-slider-button .right-btn{right:-10px;position:absolute;pointer-events:all}.cus-slider-button button{width:34px;height:34px;border:1px solid #a1a1a1;border-radius:50%;background-color:#ffffffd9;z-index:2;font-size:14px;transition:all .3s cubic-bezier(.23,1,.32,1)}.cus-slider-button button:hover{background-color:#4d4d4d;color:#fff;cursor:pointer;box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}.cus-slider-button button:active{box-shadow:none;transform:translateY(0) scale(.94)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-category.css.map */
