.custom_cat_contain{width:100%;overflow-x:auto;border-radius:var(--border-radius);margin-bottom:0;background-color:#fff}.custom_cat_sec{width:100%;height:100%;display:grid;gap:20px;padding:10px 30px;margin-bottom:0;justify-content:var(--just-cont);grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:30px;scroll-behavior:smooth;transition:scroll-behavior .5s ease-out;will-change:scroll-position}.custom_cat_sec::-webkit-scrollbar{display:none}.custom_grids{padding-block:20px 10px;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.custom_grids p{text-align:center;font-size:clamp(90%,2.5vw,100%);word-break:normal;margin-block:.5rem;line-height:1.2;width:var(--img-width);height:auto;color:var(--txt-color)}.collage_Images{border-radius:var(--img-radius);width:var(--img-width);aspect-ratio:1;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:var(--img-radius);transition:transform .4s ease-out;cursor:pointer}@media screen and (max-width: 580px){.custom_cat_sec{max-width:max-content;padding:5px 20px;gap:10px;justify-content:start}}.collage_Title,.collage_Description{text-align:center;line-height:1.2}.collage_Title{margin-block:2rem 0;font-size:var(--title-size)}.collage_Description{padding-inline:1rem;margin-block:1rem 0}.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){.cus-slider-button{display:block!important;text-align:center;transition:all .1s ease;padding-bottom:1rem}.cus-slider-button button{width:34px;height:34px;border:1px solid #a1a1a1;border-radius:50%;background-color:#efefef;z-index:2;opacity:.9;font-size:16px;padding:5px 6px;color:inherit;transition:all .3s cubic-bezier(.23,1,.32,1)}.cus-slider-button button:hover{opacity:1;background-color:#4d4d4d;color:#fff;cursor:pointer;box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}.btn-container-cus button:active{transform:scale(.94);box-shadow:none;transform:translateY(0)}.slider-btn-hide{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-category.css.map */