.ez-bento-section{padding-block:48px}.ez-bento__heading{margin:0 0 24px;color:var(--ez-color-heading, #2c2c2c);font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2}.ez-bento{display:grid;grid-template-columns:repeat(60,1fr);grid-auto-rows:minmax(var(--ez-bento-row, 260px),auto);grid-auto-flow:row dense;gap:var(--ez-bento-gap, 12px)}.ez-bento__card{grid-column:span var(--col-span, 30);grid-row:span var(--row-span, 1);height:var(--card-h, auto);position:relative;overflow:hidden;border-radius:10px;background:var(--ez-color-bg-soft, #f7f7f7)}.ez-bento__card[style*=--card-h]{align-self:start}.ez-bento__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:inherit}.ez-bento__media,.ez-bento__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ez-bento__img{object-fit:cover;transition:transform .5s ease}.ez-bento__img--placeholder{object-fit:contain;background:var(--ez-color-bg-soft, #f7f7f7)}.ez-bento__card:hover .ez-bento__img{transform:scale(1.05)}.ez-bento__title{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;padding:20px;border-radius:var(--ez-radius-pill, 100px);color:var(--ez-color-heading, #2c2c2c);font-size:clamp(18px,1.8vw,24px);font-weight:600;line-height:1.2;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.18)}.ez-bento__arrow{position:absolute;bottom:14px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;overflow:hidden;color:var(--ez-color-heading, #2c2c2c)}.ez-bento__arrow .ez-icon{width:22px;height:22px;will-change:transform,opacity}.ez-bento__card:hover .ez-bento__arrow .ez-icon{animation:ez-bento-fly .6s ease}@keyframes ez-bento-fly{0%{transform:translate(0);opacity:1}40%{transform:translate(150%,-150%);opacity:0}41%{transform:translate(-150%,150%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:960px){.ez-bento{grid-template-columns:1fr;grid-auto-rows:auto}.ez-bento__card{grid-column:1 / -1;grid-row:auto;height:auto;aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){.ez-bento__img,.ez-bento__card:hover .ez-bento__img{transition:none;transform:none}.ez-bento__card:hover .ez-bento__arrow .ez-icon{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ez-bento.css.map */