.sura-catgrid{padding-top:var(--catgrid-pt, 40px);padding-bottom:var(--catgrid-pb, 40px);font-family:var(--sura-font, "Poppins", system-ui, sans-serif);background:#fef6e9}.sura-catgrid__panel{display:block;padding:28px;border-radius:var(--catgrid-panel-radius, 12px);background:var(--catgrid-panel-bg, #E0BB48)}.sura-catgrid__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.sura-catgrid__heading{margin:0;font-size:clamp(1.15rem,1.8vw,1.875rem);font-weight:700;line-height:1.1;color:var(--catgrid-heading-color, #000)}.sura-catgrid__nav{display:flex;flex:0 0 auto;gap:8px;margin-left:auto}.sura-catgrid__nav[hidden]{display:none}.sura-catgrid__arrow{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--catgrid-card-border, #f0e0b4);border-radius:50%;background:var(--catgrid-card-bg, #fff);color:var(--catgrid-heading-color, #14213d);cursor:pointer;transition:opacity .15s ease,box-shadow .15s ease}.sura-catgrid__arrow svg{width:18px;height:18px}.sura-catgrid__arrow:hover:not(:disabled){box-shadow:0 4px 10px #00000024}.sura-catgrid__arrow:focus-visible{outline:2px solid var(--catgrid-heading-color, #14213d);outline-offset:2px}.sura-catgrid__arrow:disabled{opacity:.4;cursor:default}.sura-catgrid__list{--catgrid-gap: 25px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--catgrid-rows, 2),auto);grid-auto-columns:calc((100% - (var(--catgrid-cols, 5) - 1) * var(--catgrid-gap)) / var(--catgrid-cols, 5));gap:var(--catgrid-gap);margin:0;padding:0 0 4px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.sura-catgrid__list::-webkit-scrollbar{display:none}.sura-catgrid__list:focus-visible{outline:2px solid var(--catgrid-heading-color, #14213d);outline-offset:4px}.sura-catgrid__item{display:flex;scroll-snap-align:start}.sura-catgrid__card{display:flex;flex-direction:column;gap:12px;width:100%;padding:14px;border:1px solid var(--catgrid-card-border, #f0e0b4);border-radius:var(--catgrid-card-radius, 6px);background:var(--catgrid-card-bg, #fff);color:var(--catgrid-label-color, #14213d);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}a.sura-catgrid__card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}a.sura-catgrid__card:focus-visible{outline:2px solid var(--catgrid-label-color, #14213d);outline-offset:2px}.sura-catgrid__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:66px;height:54px;border-radius:5px}.sura-catgrid__icon-svg{width:19px;height:19px}.sura-catgrid__icon-img{width:100%;height:100%;object-fit:contain}.sura-catgrid__media{display:block;width:100%;aspect-ratio:var(--catgrid-media-ratio, 1/1);border-radius:5px;overflow:hidden}.sura-catgrid__media-img{display:block;width:100%;height:100%;object-fit:var(--catgrid-media-fit, cover)}.sura-catgrid__label{font-size:22px;font-weight:700;line-height:1.35;min-height:2.7em}@media screen and (max-width:1199px){.sura-catgrid__list{grid-auto-columns:calc((100% - (var(--catgrid-cols-tablet, 3) - 1) * var(--catgrid-gap)) / var(--catgrid-cols-tablet, 3))}}@media screen and (max-width:749px){.sura-catgrid{padding-top:40px;padding-bottom:26px}.sura-catgrid__panel{padding:20px 16px;border-radius:10px}.sura-catgrid__top{margin-bottom:16px;gap:10px}.sura-catgrid__arrow{width:32px;height:32px}.sura-catgrid__arrow svg{width:15px;height:15px}.sura-catgrid__panel[data-arrows-mobile=false] .sura-catgrid__nav{display:none}.sura-catgrid__list{--catgrid-gap: 10px;grid-auto-columns:calc((100% - var(--catgrid-cols-mobile, 2) * var(--catgrid-gap)) / var(--catgrid-cols-mobile, 2))}.sura-catgrid__card{padding:12px;gap:10px}.sura-catgrid__label{font-size:12.5px}}@media(prefers-reduced-motion:reduce){a.sura-catgrid__card:hover{transform:none}.sura-catgrid__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sura-category-grid.css.map */