.meloa-bento{background-color:#fff}.meloa-bento__top{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:clamp(1.25rem,2.5vw,2rem);align-items:flex-start}@media screen and (min-width:750px){.meloa-bento__top{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:2rem}.meloa-bento__heading-wrap{flex:1;min-width:0}}.meloa-bento__heading-wrap{flex:1;max-width:100%}.meloa-bento__heading{margin:0;font-family:var(--font-heading);font-weight:500;font-size:var(--meloa-type-display, clamp(38px, 11vw, 52px));letter-spacing:var(--meloa-track-display, -.032em);line-height:var(--meloa-lh-display, 1.06);color:var(--color-ink)}.meloa-bento__reviews{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.meloa-bento__avatars{display:flex;align-items:center}.meloa-bento__avatar{display:block;width:34px;height:34px;border-radius:50%;border:2px solid var(--color-canvas);object-fit:cover;flex-shrink:0;background-color:var(--color-surface-muted)}.meloa-bento__avatar+.meloa-bento__avatar{margin-left:-10px}.meloa-bento__rating-wrap{display:flex;flex-direction:column;gap:.2rem}.meloa-bento__stars{display:flex;gap:.08rem;color:var(--color-clay);font-size:var(--meloa-type-small, clamp(13px, .22vw + 12.6px, 14px));line-height:1;letter-spacing:.04em}.meloa-bento__rating-info{display:flex;align-items:baseline;gap:.375rem}.meloa-bento__rating-score{font-family:var(--font-heading);font-size:var(--meloa-type-body-sm, clamp(15px, .25vw + 14.5px, 16px));font-weight:500;color:var(--color-ink);letter-spacing:var(--meloa-track-body, .01em)}.meloa-bento__rating-count{font-size:var(--meloa-type-small, clamp(13px, .22vw + 12.6px, 14px));color:var(--color-muted);line-height:var(--meloa-lh-tight, 1.35)}.meloa-bento__grid{display:grid;grid-template-columns:1fr;gap:12px}@media screen and (min-width:750px){.meloa-bento__grid{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;height:clamp(460px,36vw,540px)}.meloa-bento__card--main{grid-column:1;grid-row:1 / 3}.meloa-bento__card--info{grid-column:2;grid-row:1}.meloa-bento__card--list{grid-column:2;grid-row:2}}.meloa-bento__card{border-radius:var(--radius-md);overflow:hidden;position:relative}.meloa-bento__card--main{background-color:var(--color-surface-muted)}@media screen and (max-width:749px){.meloa-bento__card--main{min-height:420px}}.meloa-bento__card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.meloa-bento__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out-soft)}@media(prefers-reduced-motion:no-preference){.meloa-bento__card--main:hover .meloa-bento__card-img{transform:scale(1.025)}}.meloa-bento__card-img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,var(--color-surface-soft) 0%,var(--color-surface-muted) 100%)}.meloa-bento__floating-card{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fcfaf7f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.75);box-shadow:0 6px 28px #1111111f;z-index:2}@media screen and (min-width:750px){.meloa-bento__floating-card{right:auto;max-width:min(300px,42vw)}}.meloa-bento__floating-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-canvas);border-radius:10px;color:var(--color-ink-soft)}.meloa-bento__floating-icon svg{width:24px;height:24px}.meloa-bento__floating-icon img{width:24px;height:24px;object-fit:contain}.meloa-bento__floating-content{flex:1;min-width:0}.meloa-bento__floating-title{margin:0 0 .4rem;font-family:var(--font-heading);font-size:var(--meloa-type-h4, clamp(18px, 2.4vw, 20px));font-weight:500;color:var(--color-ink);letter-spacing:var(--meloa-track-h3, -.02em);line-height:var(--meloa-lh-subtitle, 1.45)}.meloa-bento__floating-body{margin:0;font-size:var(--meloa-type-body-sm, clamp(15px, .25vw + 14.5px, 16px));color:var(--color-muted);line-height:var(--meloa-lh-body, 1.65);letter-spacing:var(--meloa-track-body, .01em);max-width:42ch}.meloa-bento__card--info{background:var(--color-surface);border:1px solid var(--color-border);padding:clamp(1.125rem,2vw,1.5rem);display:flex;flex-direction:column}.meloa-bento__card-inner{display:flex;flex-direction:row;gap:.875rem;height:100%;align-items:stretch}.meloa-bento__card-text{flex:1;display:flex;flex-direction:column;gap:.65rem;min-width:0}.meloa-bento__icon-wrap{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--color-canvas);border-radius:8px;color:var(--color-ink-soft);flex-shrink:0}.meloa-bento__icon-wrap img{width:18px;height:18px;object-fit:contain}.meloa-bento__card-title{margin:0;font-family:var(--font-heading);font-size:var(--meloa-type-h3, clamp(20px, 3.2vw, 24px));font-weight:500;letter-spacing:var(--meloa-track-h3, -.02em);line-height:var(--meloa-lh-h3, 1.22);color:var(--color-ink)}.meloa-bento__card-body{margin:0;font-size:var(--meloa-type-body, clamp(16px, .35vw + 15.2px, 18px));line-height:var(--meloa-lh-body, 1.65);letter-spacing:var(--meloa-track-body, .01em);color:var(--color-muted)}.meloa-bento__card-support-img{flex-shrink:0;width:36%;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-soft);align-self:stretch}.meloa-bento__support-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out-soft)}.meloa-bento__support-img--ph{width:100%;min-height:9rem;background:linear-gradient(150deg,var(--color-surface-soft) 0%,var(--color-surface-muted) 100%)}@media screen and (max-width:749px){.meloa-bento__card--info .meloa-bento__card-inner{flex-direction:column}.meloa-bento__card--info .meloa-bento__card-support-img{width:100%;aspect-ratio:3 / 4;max-height:min(52vh,380px)}.meloa-bento__card--info .meloa-bento__support-img{height:100%}}.meloa-bento__card--list{background:var(--color-ink)}.meloa-bento__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.meloa-bento__bg-img{width:100%;height:100%;object-fit:cover;display:block;opacity:.38;transition:transform var(--duration-slow) var(--ease-out-soft),opacity var(--duration-slow) var(--ease-out-soft)}@media(prefers-reduced-motion:no-preference){.meloa-bento__card--list:hover .meloa-bento__bg-img{transform:scale(1.03);opacity:.45}}.meloa-bento__card-list-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(1.125rem,2vw,1.5rem);gap:.875rem}.meloa-bento__card-list-top{display:flex;flex-direction:column;gap:.35rem}.meloa-bento__list-title{margin:0;font-family:var(--font-heading);font-size:var(--meloa-type-h3, clamp(20px, 3.2vw, 24px));font-weight:500;letter-spacing:var(--meloa-track-h3, -.02em);line-height:var(--meloa-lh-h3, 1.22);color:var(--color-white)}.meloa-bento__list-subtitle{margin:0;font-family:var(--font-heading);font-size:var(--meloa-type-subtitle, clamp(17px, 1.8vw, 18px));font-weight:400;letter-spacing:var(--meloa-track-body, .01em);line-height:var(--meloa-lh-subtitle, 1.45);color:#ffffffc7}.meloa-bento__arg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.meloa-bento__arg-item{display:flex;align-items:center;gap:.625rem}.meloa-bento__arg-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1f;border-radius:8px;flex-shrink:0}.meloa-bento__arg-icon svg{display:block;color:var(--color-clay)}.meloa-bento__arg-icon img{width:16px;height:16px;object-fit:contain}.meloa-bento__arg-text{font-size:var(--meloa-type-body-sm, clamp(15px, .25vw + 14.5px, 16px));color:#ffffffeb;line-height:var(--meloa-lh-body, 1.65);letter-spacing:var(--meloa-track-body, .01em)}@media(prefers-reduced-motion:no-preference){.meloa-bento__card--info,.meloa-bento__card--list{transition:transform var(--duration-normal) var(--ease-out-soft),box-shadow var(--duration-normal) var(--ease-out-soft)}.meloa-bento__card--info:hover{transform:translateY(-2px);box-shadow:var(--meloa-shadow-soft)}.meloa-bento__card--list:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.meloa-bento__card-img,.meloa-bento__support-img,.meloa-bento__card--info,.meloa-bento__card--list{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-bento-benefits.css.map */