.bento-grid-section{width:100%}.bento-grid__container{max-width:1600px;margin:0 auto}.bento-grid__header{text-align:center;margin-bottom:40px}.bento-grid__title{font-size:1.625rem;font-weight:700;margin:0 0 12px;line-height:1.2}.bento-grid__subtitle{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.bento-grid__wrapper{display:flex;flex-direction:column;gap:16px}.bento-grid__row{display:grid;gap:16px}.bento-grid__row--top{grid-template-columns:repeat(2,1fr)}.bento-grid__row--bottom{grid-template-columns:repeat(3,1fr)}.bento-card{display:block;text-decoration:none;color:inherit;position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.bento-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.bento-card--large,.bento-card--small{min-height:405px}.bento-card__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bento-card__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.bento-card:hover .bento-card__image{transform:scale(1.05)}.bento-card__placeholder{width:100%;height:100%;background-color:#6b7280;display:flex;align-items:center;justify-content:center}.bento-card__placeholder .placeholder-svg{width:60%;height:60%;fill:#9ca3af}.bento-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:opacity .3s ease}.bento-card:hover .bento-card__overlay{opacity:.9}.bento-card__content{position:absolute;bottom:0;left:0;width:100%;padding:24px;z-index:3;box-sizing:border-box}.bento-card__title{font-size:1.25rem;font-weight:600;margin:0 0 12px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.bento-card__btn{display:inline-block;padding:6px 24px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid #fff;border-radius:50px;background:none;color:#fff;transition:all .3s ease;cursor:pointer;text-align:center;z-index:2}.bento-card__btn:hover{background-color:#333;color:#fff;text-decoration:none}@media screen and (max-width: 1024px){.bento-card--large{min-height:240px}.bento-card--small{min-height:200px}.bento-card__title{font-size:1.125rem}.bento-card__content{padding:20px}}@media screen and (max-width: 768px){.bento-grid__row--top{grid-template-columns:repeat(2,1fr)}.bento-grid__row--bottom{grid-template-columns:repeat(3,1fr)}.bento-card--large{min-height:200px}.bento-card--small{min-height:180px}.bento-card__title{font-size:1rem}.bento-card__content{padding:16px}.bento-card__btn{padding:8px 16px;font-size:.8125rem}.bento-grid__subtitle{font-size:1rem}}@media screen and (max-width: 576px){.bento-grid__container{padding:0}.bento-grid__wrapper,.bento-grid__row{gap:12px}.bento-grid__row--top{grid-template-columns:1fr}.bento-grid__row--bottom{grid-template-columns:repeat(2,1fr)}.bento-grid__row--bottom .bento-card:last-child{grid-column:span 2}.bento-card--large{min-height:220px}.bento-card--small{min-height:180px}.bento-card__content{padding:16px}.bento-card__title{font-size:1rem;margin-bottom:10px}.bento-card__btn{padding:8px 14px;font-size:.75rem}.bento-grid__title{font-size:1.375rem}.bento-grid__header{margin-bottom:24px}}@media screen and (max-width: 400px){.bento-grid__row--bottom{grid-template-columns:1fr}.bento-grid__row--bottom .bento-card:last-child{grid-column:span 1}.bento-card--large,.bento-card--small{min-height:200px}}.bento-card__btn:focus{outline:2px solid currentColor;outline-offset:2px}.bento-card:focus,.bento-card:focus-within{outline:2px solid #000;outline-offset:2px}@media (prefers-reduced-motion: reduce){.bento-card,.bento-card__image,.bento-card__btn,.bento-card__overlay{transition:none}.bento-card:hover .bento-card__image,.bento-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bento-grid-5-cards.css.map */