.luvia-benefits{background:rgb(var(--color-background));position:relative;overflow:visible}.luvia-benefits:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--luvia-aqua),.1) 30%,rgba(var(--luvia-aqua),.15) 50%,rgba(var(--luvia-aqua),.1) 70%,transparent 100%)}.luvia-benefits__title{text-align:center;margin-bottom:var(--luvia-space-xl)}.luvia-benefits__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(140px,auto);gap:1rem;max-width:1000px;margin:0 auto}.luvia-benefits__grid--3 .luvia-benefits__card:nth-child(3){grid-column:1 / -1;max-width:50%;justify-self:center}.luvia-benefits__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:140px;padding:1.5rem;background:linear-gradient(135deg,rgba(var(--luvia-aqua),.06),rgba(var(--luvia-aqua),.02));border-radius:var(--luvia-radius-lg);border:1px solid rgba(var(--luvia-aqua),.12);overflow:hidden;transition:border-color var(--luvia-duration-default) var(--luvia-easing),box-shadow var(--luvia-duration-default) var(--luvia-easing),transform var(--luvia-duration-default) var(--luvia-easing)}.luvia-benefits__card:hover{border-color:rgba(var(--luvia-aqua),.35);box-shadow:0 8px 32px rgba(var(--luvia-aqua),.12);transform:translateY(-3px)}.luvia-benefits__icon-bg{position:absolute;bottom:-15px;right:-15px;width:120px;height:120px;pointer-events:none;transition:opacity var(--luvia-duration-default) var(--luvia-easing),transform var(--luvia-duration-long) var(--luvia-easing)}.luvia-benefits__icon-bg svg{width:100%;height:100%;fill:rgb(var(--luvia-aqua));opacity:.15;transition:opacity var(--luvia-duration-default) var(--luvia-easing)}.luvia-benefits__icon-bg svg path,.luvia-benefits__icon-bg svg circle,.luvia-benefits__icon-bg svg rect,.luvia-benefits__icon-bg svg line{fill:inherit}.luvia-benefits__card:hover .luvia-benefits__icon-bg{transform:scale(1.05) rotate(-3deg)}.luvia-benefits__card:hover .luvia-benefits__icon-bg svg{opacity:.25}.luvia-benefits__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.3rem}.luvia-benefits__number{display:block;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:rgb(var(--luvia-aqua));font-variant-numeric:tabular-nums;margin-bottom:.25rem}.luvia-benefits__label{font-size:var(--luvia-text-lg);font-weight:600;color:rgb(var(--luvia-charcoal));line-height:var(--luvia-leading-snug)}.luvia-benefits__description{font-size:var(--luvia-text-sm);color:rgb(var(--luvia-slate));line-height:var(--luvia-leading-normal);max-width:85%}@media screen and (min-width:750px){.luvia-benefits__grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(90px,auto);gap:1.25rem}.luvia-benefits__card{min-height:auto;padding:1.75rem}.luvia-benefits__icon-bg{width:140px;height:140px;bottom:-20px;right:-20px}.luvia-benefits__number{font-size:clamp(2.5rem,4vw,3rem)}.luvia-benefits__grid--3 .luvia-benefits__card:nth-child(1){grid-column:span 5;grid-row:span 2}.luvia-benefits__grid--3 .luvia-benefits__card:nth-child(2){grid-column:span 7;grid-row:span 1}.luvia-benefits__grid--3 .luvia-benefits__card:nth-child(3){grid-column:span 7;grid-row:span 1;max-width:none;justify-self:stretch}.luvia-benefits__grid--4 .luvia-benefits__card{grid-column:span 3}}.luvia-benefits__card:nth-child(2) .luvia-benefits__icon-bg{right:auto;left:-15px}@media screen and (min-width:750px){.luvia-benefits__card:nth-child(2) .luvia-benefits__icon-bg{left:-20px}.luvia-benefits__card:nth-child(2) .luvia-benefits__description{margin-left:auto;text-align:right}.luvia-benefits__card:nth-child(2) .luvia-benefits__content{align-items:flex-end}}.color-inverse .luvia-benefits__card,.color-accent-1 .luvia-benefits__card,.color-accent-2 .luvia-benefits__card{background:linear-gradient(135deg,rgba(var(--luvia-aqua),.1),rgba(var(--luvia-aqua),.03));border-color:rgba(var(--luvia-aqua),.2)}.color-inverse .luvia-benefits__card:hover,.color-accent-1 .luvia-benefits__card:hover,.color-accent-2 .luvia-benefits__card:hover{border-color:rgba(var(--luvia-aqua),.4)}.color-inverse .luvia-benefits__label,.color-accent-1 .luvia-benefits__label,.color-accent-2 .luvia-benefits__label{color:rgb(var(--color-background))}.color-inverse .luvia-benefits__description,.color-accent-1 .luvia-benefits__description,.color-accent-2 .luvia-benefits__description{color:rgba(var(--color-background),.7)}.color-inverse .luvia-benefits__icon-bg svg,.color-accent-1 .luvia-benefits__icon-bg svg,.color-accent-2 .luvia-benefits__icon-bg svg{opacity:.2}
/*# sourceMappingURL=/cdn/shop/t/5/assets/luvia-benefits.css.map */