.luma-first-spray{padding:var(--spacing-xxl) 0;background:var(--color-seasalt-white)}.first-spray-hero{text-align:center;margin-bottom:calc(var(--spacing-xxl) * 2)}.hero-badge,.section-badge{display:inline-block;background:var(--color-luma-yellow);color:var(--color-midnight-green);font-family:var(--font-heading);font-weight:600;font-size:1.125rem;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.hero-title{font-family:var(--font-heading);font-weight:700;font-size:3rem;color:var(--color-midnight-green);margin-bottom:var(--spacing-lg);line-height:.95}.hero-subtitle{font-family:var(--font-body);font-weight:400;font-size:1.2rem;color:var(--color-text-secondary);line-height:1.1;max-width:650px;margin:0 auto}.how-to-use-section{margin-bottom:calc(var(--spacing-xxl) * 2);text-align:center}.section-title{font-family:var(--font-heading);font-weight:700;font-size:2.5rem;color:var(--color-midnight-green);margin-bottom:calc(var(--spacing-xxl) * 1.5);line-height:.95}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.step-item{display:flex;flex-direction:column;align-items:center}.step-image{width:100%;aspect-ratio:4/5;margin-bottom:var(--spacing-lg);border-radius:var(--border-radius);overflow:hidden}.step-image img{width:100%;height:100%;object-fit:cover}.step-placeholder{width:100%;height:100%;background:#e5e5e5;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:500;font-size:1.2rem;color:#666}.step-content{background:var(--color-teal);color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius);width:100%;text-align:center}.step-title{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;margin-bottom:var(--spacing-sm)}.step-description{font-family:var(--font-body);font-weight:400;font-size:1.2rem;line-height:1.1;margin:0}.where-to-use-section{margin-bottom:calc(var(--spacing-xxl) * 2)}.where-to-use-section .section-title{text-align:center;margin-bottom:var(--spacing-xl)}.usage-list{max-width:1000px;margin:0 auto}.usage-item{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.usage-item:last-child{margin-bottom:0}.usage-icon{flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.usage-icon i{width:28px!important;height:28px!important;color:var(--color-lapis-blue)!important;stroke-width:2!important}.usage-content{flex:1}.usage-title{font-family:var(--font-heading);font-weight:500;font-size:1.5rem;color:var(--color-midnight-green);margin-bottom:var(--spacing-sm);line-height:1.1}.usage-description{font-family:var(--font-body);font-weight:400;font-size:1.2rem;color:var(--color-text-secondary);line-height:1.1;margin:0}.benefits-section{text-align:center}.benefits-section .section-title{margin-bottom:calc(var(--spacing-xxl) * 1.5)}.benefits-list{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xxl);max-width:1000px;margin:0 auto var(--spacing-xxl) auto;flex-wrap:wrap}.benefit-item{text-align:center;position:relative}.benefit-item:not(:last-child):after{content:"\2022";position:absolute;right:calc(var(--spacing-xxl) / -2);top:50%;transform:translateY(-50%);color:var(--color-sage-green);font-size:1.5rem}.benefit-title{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-midnight-green);line-height:1.1;margin:0}.benefits-cta{margin-top:var(--spacing-xxl)}.btn--large{font-size:1.25rem;padding:var(--spacing-md) var(--spacing-xxl)}@media (max-width: 1024px){.benefits-list{gap:var(--spacing-lg)}}@media (max-width: 768px){.hero-title,.section-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.steps-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.step-image{aspect-ratio:4/5}.usage-item{flex-direction:column;text-align:center;gap:var(--spacing-md)}.usage-icon{margin-top:0}.usage-title{font-size:1.5rem}.usage-description{font-size:1.125rem}.benefits-list{flex-direction:column;gap:var(--spacing-lg)}.benefit-item:not(:last-child):after{display:none}.benefit-title{font-size:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/luma-first-spray.css.map */