.bento-container{padding-top:2rem;padding-bottom:4rem;max-width:1400px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,minmax(220px,auto));gap:1.5rem}.bento-pane{background:#fff;border-radius:32px;padding:2rem;box-shadow:0 10px 40px #00000008;position:relative;overflow:hidden;transition:transform .3s ease}.bento-pane:hover{transform:translateY(-4px);box-shadow:0 15px 50px #0000000f}.bento-main{grid-column:1 / 4;grid-row:1 / 3;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 70% 50%,#fff,#f9fafb)}.bento-colors{grid-column:4 / 5;grid-row:1 / 2;display:flex;flex-direction:column;justify-content:center}.bento-secondary{grid-column:4 / 5;grid-row:2 / 3;background-size:cover;background-position:center;padding:1.5rem;min-height:250px}.bento-tertiary{grid-column:4 / 5;grid-row:3 / 4;display:flex;flex-direction:column;justify-content:flex-end;min-height:250px;background-color:#f8f9fa}.bento-more-products{grid-column:1 / 2;grid-row:3 / 4}.bento-stats{grid-column:2 / 3;grid-row:3 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#c5e0b326}.bento-listening{grid-column:3 / 4;grid-row:3 / 4;display:flex;flex-direction:column;justify-content:flex-end}.bento-title{font-size:4rem;font-weight:800;line-height:1.1;margin:1.5rem 0;color:#111;max-width:450px}.bento-button{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 2.5rem;font-size:1rem;background:#c5e0b3}.bento-hero-img{width:450px;height:auto;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.15))}.color-swatches{display:flex;gap:.8rem;margin-top:1rem}.swatch{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 2px 4px #0000001a}.bento-icon-btn{background:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000014;cursor:pointer;color:#111}.bento-icon-btn.top-right{position:absolute;top:1.5rem;right:1.5rem}.stat-circle{background:#758c76;color:#fff;width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 10px 20px #758c764d}.stat-circle h2{margin:0;color:#fff;font-size:2rem}.stat-circle span{font-size:.8rem;opacity:.8}.mini-product-row{display:flex;gap:1rem;margin-top:1rem}.mini-prod{width:60px;height:60px;border-radius:12px;background:#f0f0f0}@media screen and (max-width:990px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-main,.bento-colors,.bento-secondary,.bento-tertiary,.bento-more-products,.bento-stats,.bento-listening{grid-column:span 1;grid-row:auto}.bento-main{flex-direction:column;text-align:center;padding:3rem 1.5rem}.bento-hero-img{width:280px;margin-top:3rem}.bento-title{font-size:2.5rem}.bento-toolbar{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-bento-hero.css.map */