.hahpro-bento-collection--section{position:relative;isolation:isolate;overflow:hidden;font-family:inherit;padding-block-start:var(--hahpro-bento-section-padding-block-start, 64px);padding-block-end:var(--hahpro-bento-section-padding-block-end, 64px)}.hahpro-bento-collection--background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hahpro-bento-bg-base-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hahpro-bento-bg-image-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.hahpro-bento-bg-gradient-layer,.hahpro-bento-bg-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hahpro-bento-collection--inner{position:relative}.hahpro-bento-collection--header{text-align:var(--hahpro-bento-text-align, start);margin-block-end:clamp(1.25rem,2.5vw,2.5rem)}.hahpro-bento-header-kicker-text{margin:0;margin-block-end:var(--hahpro-bento-kicker-pad, 8px);color:var(--hahpro-bento-kicker-color, #f7c948);font-size:clamp(calc(var(--hahpro-bento-kicker-size, 13px) * .7),calc(var(--hahpro-bento-kicker-size, 13px) * .7 + .4vw),var(--hahpro-bento-kicker-size, 13px));font-weight:600;letter-spacing:var(--hahpro-bento-kicker-tracking, 1.8px);text-transform:uppercase;line-height:1.4}.hahpro-bento-header-main-heading{margin:0;margin-block-end:var(--hahpro-bento-heading-pad, 10px);color:var(--hahpro-bento-heading-color, #ffffff);font-size:clamp(calc(var(--hahpro-bento-heading-size, 40px) * .55),calc(var(--hahpro-bento-heading-size, 40px) * .55 + 1.2vw),var(--hahpro-bento-heading-size, 40px));font-weight:600;line-height:1.15}.hahpro-bento-header-desc-text{margin:0;margin-block-end:var(--hahpro-bento-desc-pad, 24px);color:var(--hahpro-bento-desc-color, #c7cbd1);font-size:clamp(calc(var(--hahpro-bento-desc-size, 16px) * .8),calc(var(--hahpro-bento-desc-size, 16px) * .8 + .4vw),var(--hahpro-bento-desc-size, 16px));line-height:1.65}.hahpro-bento-header-desc-text p{margin:0}.hahpro-bento-collection--grid{display:grid;gap:var(--hahpro-bento-grid-gap, 12px);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,16vw,240px)}.hahpro-bento-cell--primary,.hahpro-bento-cell--dual{grid-column:span 2;grid-row:span 2}.hahpro-bento-cell--solo{grid-column:span 4;grid-row:span 2}.hahpro-bento-cell--wide-top,.hahpro-bento-cell--wide-base{grid-column:span 2;grid-row:span 1}.hahpro-bento-cell--small-top,.hahpro-bento-cell--small-end{grid-column:span 1;grid-row:span 1}.hahpro-bento-collection--card{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:var(--hahpro-bento-card-radius, 16px);text-decoration:none;background-color:#16171a;transition:transform .45s ease,box-shadow .45s ease}.hahpro-bento-collection--card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000059}.hahpro-bento-collection--card:focus-visible{outline:3px solid var(--hahpro-bento-accent-color, #f7c948);outline-offset:3px}.hahpro-bento-card-state--empty{border:1px dashed rgb(255 255 255 / .25)}.hahpro-bento-card-media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hahpro-bento-card-media--cover .hahpro-bento-card-image-element,.hahpro-bento-card-media--cover .hahpro-bento-card-placeholder-svg{width:100%;height:100%;object-fit:cover}.hahpro-bento-card-media--contain .hahpro-bento-card-image-element,.hahpro-bento-card-media--contain .hahpro-bento-card-placeholder-svg{width:100%;height:100%;object-fit:contain}.hahpro-bento-card-focus--top .hahpro-bento-card-image-element{object-position:center top}.hahpro-bento-card-focus--center .hahpro-bento-card-image-element{object-position:center center}.hahpro-bento-card-focus--bottom .hahpro-bento-card-image-element{object-position:center bottom}.hahpro-bento-card-image-element{display:block;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.hahpro-bento-collection--card:hover .hahpro-bento-card-image-element{transform:scale(1.06)}.hahpro-bento-card-placeholder-svg{display:block}.hahpro-bento-card-state--empty .hahpro-bento-card-placeholder-svg{opacity:.45}.hahpro-bento-card-overlay-content{position:absolute;inset-block-end:0;inset-inline-start:0;z-index:2;display:flex;flex-direction:column;gap:.35rem;padding:clamp(1rem,2.5vw,1.75rem);padding-inline-end:clamp(3.5rem,6vw,4.5rem);text-shadow:0 1px 8px rgb(0 0 0 / .45)}.hahpro-bento-card-title-heading{margin:0;color:var(--hahpro-bento-card-title-color, #f5f6f7);font-size:clamp(calc(var(--hahpro-bento-card-title-size, 24px) * .75),calc(var(--hahpro-bento-card-title-size, 24px) * .75 + .5vw),var(--hahpro-bento-card-title-size, 24px));font-weight:600;line-height:1.25}.hahpro-bento-card-count-caption{margin:0;color:var(--hahpro-bento-card-count-color, #c7cbd1);font-size:clamp(calc(var(--hahpro-bento-card-count-size, 13px) * .85),calc(var(--hahpro-bento-card-count-size, 13px) * .85 + .3vw),var(--hahpro-bento-card-count-size, 13px));line-height:1.4}.hahpro-bento-card-desc-text{margin:0;max-width:44ch;color:var(--hahpro-bento-card-desc-color, #c7cbd1);font-size:clamp(calc(var(--hahpro-bento-card-desc-size, 14px) * .85),calc(var(--hahpro-bento-card-desc-size, 14px) * .85 + .3vw),var(--hahpro-bento-card-desc-size, 14px));line-height:1.5}.hahpro-bento-card-arrow-icon{position:absolute;inset-block-end:clamp(1rem,2.5vw,1.75rem);inset-inline-end:clamp(1rem,2.5vw,1.75rem);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background-color:var(--hahpro-bento-accent-color, #f7c948);color:#101010;opacity:0;transform:translate3d(-10px,6px,0);transition:opacity .4s ease,transform .4s ease}.hahpro-bento-collection--card:hover .hahpro-bento-card-arrow-icon,.hahpro-bento-collection--card:focus-visible .hahpro-bento-card-arrow-icon{opacity:1;transform:translateZ(0)}[dir=rtl] .hahpro-bento-card-arrow-icon{transform:translate3d(10px,6px,0)}[dir=rtl] .hahpro-bento-card-arrow-icon svg{transform:scaleX(-1)}[dir=rtl] .hahpro-bento-collection--card:hover .hahpro-bento-card-arrow-icon,[dir=rtl] .hahpro-bento-collection--card:focus-visible .hahpro-bento-card-arrow-icon{transform:translateZ(0)}.hahpro-bento-collection--rail{display:flex;align-items:center;gap:1rem;margin-block-start:var(--hahpro-bento-grid-gap, 12px)}.hahpro-bento-rail-track-wrapper{display:flex;flex:1 1 auto;gap:var(--hahpro-bento-grid-gap, 12px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-block-end:.5rem;scrollbar-width:thin}.hahpro-bento-rail-track-wrapper:focus-visible{outline:2px solid var(--hahpro-bento-accent-color, #f7c948);outline-offset:4px}.hahpro-bento-cell--rail-item{flex:0 0 clamp(220px,24vw,320px);aspect-ratio:4 / 3;scroll-snap-align:start}.rail-nav-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;border:1px solid rgb(255 255 255 / .25);border-radius:999px;background-color:#ffffff0f;color:#fff;cursor:pointer;transition:background-color .3s ease,color .3s ease,opacity .3s ease}.rail-nav-btn:hover:not(:disabled){background-color:var(--hahpro-bento-accent-color, #f7c948);color:#101010}.rail-nav-btn:focus-visible{outline:2px solid var(--hahpro-bento-accent-color, #f7c948);outline-offset:3px}.rail-nav-btn:disabled{opacity:.35;cursor:default}.rail-nav-btn--prev svg{transform:rotate(180deg)}.hahpro-bento-js-ready .hahpro-bento-reveal-item{opacity:0}.hahpro-bento-js-ready .hahpro-bento-reveal-item.is-revealed{animation:hahproBentoRiseIn .7s ease both;animation-delay:var(--hahpro-bento-reveal-delay, 0ms)}.hahpro-bento-js-ready .hahpro-bento-reveal-item.is-settled{animation:none;opacity:1}@keyframes hahproBentoRiseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.hahpro-bento-collection--grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(150px,18vw,230px)}.hahpro-bento-cell--solo{grid-column:span 2}.hahpro-bento-cell--dual{grid-column:span 1;grid-row:span 2}}@media screen and (max-width:749px){.hahpro-bento-collection--grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:clamp(180px,42vw,300px)}.hahpro-bento-cell--primary,.hahpro-bento-cell--dual,.hahpro-bento-cell--solo{grid-column:span 1;grid-row:span 2}.hahpro-bento-cell--wide-top,.hahpro-bento-cell--wide-base,.hahpro-bento-cell--small-top,.hahpro-bento-cell--small-end{grid-column:span 1;grid-row:span 1}.hahpro-bento-collection--rail{flex-direction:column;align-items:stretch}.hahpro-bento-rail-nav-row{display:flex;justify-content:flex-end;gap:.5rem}}@media(prefers-reduced-motion:reduce){.hahpro-bento-collection--card,.hahpro-bento-card-image-element,.hahpro-bento-card-arrow-icon,.rail-nav-btn{transition:none}.hahpro-bento-collection--card:hover{transform:none}.hahpro-bento-js-ready .hahpro-bento-reveal-item{opacity:1;animation:none}.hahpro-bento-rail-track-wrapper{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hahpro-bento-collection.css.map */