.e-agen-bento-wrapper{width:100%;box-sizing:border-box}.e-agen-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,1fr);height:520px;gap:1rem;width:100%}.e-agen-bento-card{position:relative;overflow:hidden;cursor:pointer;display:block;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.e-agen-bento-card:hover{transform:translateY(-2px)}.zoom-hov:hover .bento-animation-zoom{transform:scale(1.05)}.bento-animation-zoom{transition:all ease-out .5s}@media (min-width: 768px){.e-agen-bento[data-blocks="1"] .e-agen-bento-card{grid-column:span 12;grid-row:span 4}.e-agen-bento[data-blocks="2"] .e-agen-bento-card{grid-column:span 6;grid-row:span 4}.e-agen-bento[data-blocks="3"] .e-agen-bento-card{grid-column:span 4;grid-row:span 4}.e-agen-bento[data-blocks="4"] .e-agen-bento-card{grid-column:span 6;grid-row:span 2}.e-agen-bento[data-blocks="5"] .e-agen-bento-card:nth-child(1){grid-column:span 3;grid-row:span 2}.e-agen-bento[data-blocks="5"] .e-agen-bento-card:nth-child(2){grid-column:span 5;grid-row:span 2}.e-agen-bento[data-blocks="5"] .e-agen-bento-card:nth-child(3){grid-column:span 4;grid-row:span 4}.e-agen-bento[data-blocks="5"] .e-agen-bento-card:nth-child(4){grid-column:span 5;grid-row:span 2}.e-agen-bento[data-blocks="5"] .e-agen-bento-card:nth-child(5){grid-row:span 2;grid-column:span 3}}.e-agen-bento-media{width:100%;height:100%;position:relative;overflow:hidden}.mobile-image{display:none}.desktop-image{display:block}.bento-image-wrapper,.bento-placeholder{width:100%;height:100%;object-fit:cover}.e-agen-bento-icon{position:absolute;top:1rem;right:1rem;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2}.e-agen-bento-icon svg{width:32px;height:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.e-agen-bento-card:hover .e-agen-bento-icon{opacity:1;transform:scale(1)}.e-agen-bento-card{animation:fadeInUp .6s ease-out forwards;animation-delay:calc(var(--animation-order) * .1s);opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.desktop-image{display:none}.mobile-image{display:block}.e-agen-bento-wrapper{padding:0 1rem}.e-agen-bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:1rem;height:auto;width:100%}.e-agen-bento[data-blocks="3"] .e-agen-bento-card:nth-child(3),.e-agen-bento[data-blocks="5"] .e-agen-bento-card:nth-child(5){grid-column:1 / -1}.e-agen-bento-card{height:200px}.e-agen-bento-icon{top:.5rem;right:.5rem}.e-agen-bento-icon svg{width:24px;height:22px}}@media (hover: none) and (pointer: coarse){.e-agen-bento-card:active .e-agen-bento-icon{opacity:1;transform:scale(1)}.e-agen-bento-card:active{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.e-agen-bento-card{animation:none;opacity:1;transform:none}.e-agen-bento-card,.e-agen-bento-icon,.bento-animation-zoom{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/bento-grid.css.map */