.bento-grid-section{padding:0 20px;background:#191919;position:relative;overflow:hidden}.bento-grid-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(110,228,255,.02) 0%,transparent 25%),radial-gradient(circle at 80% 20%,rgba(110,228,255,.03) 0%,transparent 30%),radial-gradient(circle at 40% 80%,rgba(110,228,255,.02) 0%,transparent 25%);pointer-events:none;z-index:1}.bento-section-header{text-align:center;margin-bottom:30px;position:relative;z-index:2}.bento-section-title{font-size:4rem;font-weight:600;color:#fff;margin-bottom:16px;letter-spacing:var(--letter-spacing-heading);line-height:1.2}.bento-section-title .global-accent-text{margin-left:0;font-family:"Instrument Serif",serif;background:linear-gradient(135deg,#6ee4ff,#19bdff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.bento-section-subtitle{font-size:1.3rem;color:#999;max-width:600px;margin:0 auto;letter-spacing:var(--letter-spacing-body);line-height:1.6}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,320px);gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.bento-card{background:linear-gradient(#191919,#191919) padding-box,linear-gradient(135deg,#fff3,#ffffffe6,#fff3) border-box;border:1px solid #454545;border-radius:12px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff1a;display:flex;flex-direction:column;transform:translateZ(0)}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.03) 30%,rgba(255,255,255,.02) 70%,transparent 100%);border-radius:12px;transition:opacity .4s ease;opacity:0;pointer-events:none}.bento-card:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(110,228,255,.4) 0%,rgba(110,228,255,.2) 25%,transparent 50%,rgba(110,228,255,.2) 75%,rgba(110,228,255,.4) 100%);border-radius:12px;opacity:0;transition:all .5s ease;pointer-events:none;z-index:0;filter:blur(1px)}.bento-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #0006,0 8px 24px #0000004d,inset 0 1px #ffffff26;border-color:#fff3}.bento-card:hover:before{opacity:1}.bento-card:hover:after{opacity:1;animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{filter:blur(1px);opacity:.8}to{filter:blur(2px);opacity:1}}.bento-card-content{padding:0;height:100%;display:flex;flex-direction:column;position:relative;z-index:2;overflow:hidden}.bento-card-text-content{padding:20px;position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;background:linear-gradient(to top,#191919 0%,rgba(25,25,25,.95) 35%,rgba(25,25,25,.8) 60%,rgba(25,25,25,.4) 85%,transparent 100%);border-radius:0 0 9px 9px}.bento-card-text-content:before{display:none}.bento-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bento-card-image{margin:0;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#6ee4ff0d,#ffffff05);border:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.bento-card-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,transparent 20%,rgba(0,0,0,.9) 100%);pointer-events:none;z-index:2}.bento-card-image img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:all .5s cubic-bezier(.4,0,.2,1);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.bento-card:hover .bento-card-image img{transform:scale(1.05);filter:brightness(1.1) saturate(1.1)}.bento-card-title{font-size:2.3rem;font-weight:700!important;color:#fff;margin-bottom:0;line-height:1.1;letter-spacing:var(--letter-spacing-body);flex:1;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.5)}.bento-card-description{font-size:1.3rem;color:#fff!important;line-height:1.5;margin-bottom:4px;margin-top:0;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 15px rgba(0,0,0,.5)}.bento-card-icon{margin-bottom:0;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.bento-card-icon:before{content:"";position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(110,228,255,.15) 0%,rgba(110,228,255,.05) 50%,transparent 100%);border-radius:50%;transition:all .3s ease;opacity:0}.bento-card:hover .bento-card-icon:before{opacity:1;transform:scale(1.2)}.bento-card-icon svg{width:32px;height:32px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 12px rgba(110,228,255,.3));transition:all .3s ease;position:relative;z-index:1;opacity:1}.bento-card:hover .bento-card-icon svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) drop-shadow(0 0 16px rgba(110,228,255,.4));transform:scale(1.1)}.bento-card--branded{grid-column:span 2;grid-row:span 1}.bento-card--cvr,.bento-card--quantity{grid-column:span 1;grid-row:span 1}.bento-card--cart{grid-column:span 2;grid-row:span 1}.bento-card--branded .bento-card-text-content,.bento-card--mobile .bento-card-text-content{padding:8px 12px 10px 20px}.bento-card--branded .bento-card-header,.bento-card--mobile .bento-card-header{margin-bottom:8px;gap:0px}.bento-card--branded .bento-card-icon svg{width:28px;height:28px}.bento-card--mobile .bento-card-icon svg{width:28px;height:28px}.bento-card--branded .bento-card-title{font-size:2.4rem}.bento-card--mobile .bento-card-title{font-size:1.5rem}.bento-card--branded .bento-card-description{font-size:1.3rem;line-height:1.4;margin-bottom:12px}.bento-card--mobile .bento-card-description{font-size:1.3rem;margin-bottom:12px}.bento-card--mobile .bento-card-image{width:100%;height:180px;margin:0}.bento-card--mobile .bento-card-image img{height:180px}.bento-card--cart .bento-card-image{width:100%;height:100%;margin:0}.bento-card--cart .bento-card-image img{height:100%}.bento-card--branded .bento-stat-number,.bento-card--mobile .bento-stat-number{font-size:1.4rem}.bento-card--branded .bento-stat-label,.bento-card--mobile .bento-stat-label{font-size:.75rem}@media screen and (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:290px 230px 290px;gap:16px}.bento-card--branded{grid-column:span 2;grid-row:1}.bento-card--cvr{grid-column:1;grid-row:2}.bento-card--quantity{grid-column:2;grid-row:2}.bento-card--cart{grid-column:span 2;grid-row:3}.bento-card-text-content{padding:12px}.bento-card-image{margin:0;border-radius:12px 12px 0 0;width:100%;height:100%}.bento-card-image img{width:100%;height:100%;border-radius:0}.bento-card-placeholder{border-radius:0}.bento-card-icon svg{width:20px;height:20px}.bento-card--branded .bento-card-icon svg{width:32px;height:32px}.bento-card-title{font-size:1.3rem}.bento-card--branded .bento-card-title{font-size:2.4rem}.bento-card-description{font-size:1.3rem;margin-bottom:6px}.bento-card--branded .bento-card-description{font-size:1.3rem;margin-bottom:10px}.bento-stat-number{font-size:1.1rem}.bento-card--branded .bento-stat-number{font-size:1.3rem}.bento-stat-label{font-size:.55rem}.bento-card--branded .bento-stat-label{font-size:.7rem}}@media screen and (max-width: 768px){.bento-grid-section{padding:60px 0}.bento-section-header{margin-bottom:30px}.bento-section-title{font-size:4rem;margin-bottom:12px}.bento-section-subtitle{font-size:1.3rem;padding:0 16px}.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:280px 200px 260px;gap:12px;padding:0;align-content:start}.bento-card{border-radius:12px;position:relative;z-index:1}.bento-card-content{padding:0}.bento-card--branded{grid-column:span 2;grid-row:1;min-height:320px;overflow:hidden}.bento-card--branded .bento-card-content{padding:12px}.bento-card--cvr{grid-column:1;grid-row:2}.bento-card--quantity{grid-column:2;grid-row:2}.bento-card--cart{grid-column:span 2;grid-row:3}.bento-card-image{margin-bottom:6px;border-radius:8px;width:100%;height:100%}.bento-card-image img{width:100%;height:100%;border-radius:8px}.bento-card-placeholder{border-radius:8px}.bento-card-header{gap:4px;margin-bottom:4px}.bento-card--branded .bento-card-header{gap:5px;margin-bottom:6px}.bento-card-icon svg{width:18px;height:18px}.bento-card--branded .bento-card-icon svg{width:22px;height:22px}.bento-card-title{font-size:2.3rem;line-height:1.1}.bento-card--branded .bento-card-title{font-size:2.4rem}.bento-card-description{font-size:1.3rem;margin-bottom:5px;line-height:1.3}.bento-card--branded .bento-card-description{font-size:1.3rem;margin-bottom:8px}.bento-stat-number{font-size:.9rem}.bento-card--branded .bento-stat-number{font-size:1.1rem}.bento-stat-label{font-size:.5rem}.bento-card--branded .bento-stat-label{font-size:.55rem}}@media screen and (max-width: 480px){.bento-grid-section{padding:40px 0}.bento-section-title{font-size:4rem}.bento-section-subtitle{font-size:1.3rem}.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:320px 230px 260px;gap:8px;align-content:start}.bento-card{min-height:230px;border-radius:12px;position:relative;z-index:1}.bento-card--branded{grid-column:span 2;grid-row:1;min-height:320px;overflow:hidden}.bento-card--cvr{grid-column:1;grid-row:2}.bento-card--quantity{grid-column:2;grid-row:2}.bento-card--cart{grid-column:span 2;grid-row:3}.bento-card-content,.bento-card--branded .bento-card-content{padding:0}.bento-card-image{margin-bottom:4px;border-radius:6px;width:100%;height:100%}.bento-card-image img{width:100%;height:100%;border-radius:6px}.bento-card-placeholder{border-radius:6px}.bento-card--branded .bento-card-image{margin-bottom:6px;width:100%;height:195px}.bento-card--branded .bento-card-image img{height:195px}.bento-card-header{gap:3px;margin-bottom:3px}.bento-card--branded .bento-card-header{gap:4px;margin-bottom:5px}.bento-card-icon svg{width:16px;height:16px}.bento-card--branded .bento-card-icon svg{width:20px;height:20px}.bento-card-title{font-size:2.3rem;line-height:1}.bento-card--branded .bento-card-title{font-size:2.4rem}.bento-card-description{font-size:1.3rem;margin-bottom:4px;line-height:1.2}.bento-card--branded .bento-card-description{font-size:1.3rem;margin-bottom:6px}.bento-stat-number{font-size:.8rem}.bento-card--branded .bento-stat-number{font-size:1rem}.bento-stat-label{font-size:.45rem}.bento-card--branded .bento-stat-label{font-size:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bento-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.bento-card:nth-child(1){animation-delay:.1s}.bento-card:nth-child(2){animation-delay:.2s}.bento-card:nth-child(3){animation-delay:.3s}.bento-card:nth-child(4){animation-delay:.4s}.bento-card:nth-child(5){animation-delay:.5s}.bento-card:nth-child(6){animation-delay:.6s}.bento-card--branded .bento-card-image{width:100%;height:100%;margin:0}.bento-card--branded .bento-card-image img{height:100%}.bento-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6ee4ff0d,#ffffff05);border-radius:0;position:absolute;top:0;left:0}.bento-card-header{display:flex;align-items:center;gap:0px;margin-bottom:8px;margin-top:5px;position:relative}.bento-card-stats{margin-top:auto;display:flex;flex-direction:column;gap:2px}.bento-stat-number{font-size:1.2rem;font-weight:var(--font-weight-bold)!important;background:linear-gradient(135deg,#6ee4ff,#19bdff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 0 10px rgba(110,228,255,.3)}.bento-stat-label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (min-width: 1024px){.bento-grid{max-width:1000px;grid-template-rows:repeat(3,320px)}.bento-card-image{height:340px}.bento-card-title{font-size:2.4rem}.bento-card-description{font-size:13px;line-height:1.6}}@media (min-width: 1024px){.bento-grid{max-width:1000px;grid-template-rows:repeat(3,320px)}.bento-card-image{height:260px}.bento-card-title{font-size:2.4rem}.bento-card-description{font-size:13px;line-height:1.6}}@media (min-width: 1024px){.bento-grid{max-width:1000px;grid-template-rows:repeat(2,350px)}.bento-card-image{height:340px}.bento-card-title{font-size:2.4rem}.bento-card-description{font-size:13px;line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-bento-grid.css.map */