.lifestyle-banner{--lb-accent: #2d5a27;--lb-section-height: 70vh;--lb-overlay-opacity: .4;--lb-radius-lg: 20px;--lb-radius-full: 100px;--lb-transition: .3s ease;position:relative;min-height:var(--lb-section-height);display:flex;align-items:center;overflow:hidden}.lifestyle-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.lifestyle-banner__picture{display:block;width:100%;height:100%}.lifestyle-banner__image,.lifestyle-banner__placeholder{width:100%;height:100%;object-fit:cover}.lifestyle-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}[data-content-position=left] .lifestyle-banner__overlay{background:linear-gradient(to right,rgba(0,0,0,var(--lb-overlay-opacity)) 0%,rgba(0,0,0,calc(var(--lb-overlay-opacity) * .5)) 50%,transparent 80%)}[data-content-position=center] .lifestyle-banner__overlay{background:rgba(0,0,0,var(--lb-overlay-opacity))}[data-content-position=right] .lifestyle-banner__overlay{background:linear-gradient(to left,rgba(0,0,0,var(--lb-overlay-opacity)) 0%,rgba(0,0,0,calc(var(--lb-overlay-opacity) * .5)) 50%,transparent 80%)}.lifestyle-banner__container{position:relative;z-index:3;width:100%;max-width:1400px;margin:0 auto;padding:0 48px}.lifestyle-banner__content{max-width:520px}[data-content-position=center] .lifestyle-banner__content{margin:0 auto;text-align:center}[data-content-position=right] .lifestyle-banner__content{margin-left:auto}.lifestyle-banner__eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#fffc;margin:0 0 12px}.lifestyle-banner__heading{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1;color:#fff;margin:0 0 16px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.lifestyle-banner__description{font-size:clamp(16px,2vw,18px);line-height:1.6;color:#ffffffe6;margin:0 0 28px}.lifestyle-banner__btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--lb-accent);color:#fff;font-size:14px;font-weight:600;border-radius:var(--lb-radius-full);text-decoration:none;transition:all var(--lb-transition)}.lifestyle-banner__btn:hover{background:#fff;color:var(--lb-accent);transform:translateY(-2px);box-shadow:0 10px 30px #0003}.lifestyle-banner__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.lifestyle-banner__btn svg{transition:transform var(--lb-transition)}.lifestyle-banner__btn:hover svg{transform:translate(4px)}.lifestyle-banner__mobile-card{display:none}@media (max-width: 768px){.lifestyle-banner{min-height:auto;flex-direction:column;align-items:stretch}.lifestyle-banner__container{display:none}.lifestyle-banner__bg{position:relative;height:55svh;min-height:280px}.lifestyle-banner__overlay{display:none}.lifestyle-banner__mobile-card{display:block;position:relative;z-index:10;margin-top:-24px}.lifestyle-banner__mobile-card-inner{background:#fff;border-radius:var(--lb-radius-lg) var(--lb-radius-lg) 0 0;padding:32px 24px;padding-bottom:max(32px,env(safe-area-inset-bottom));box-shadow:0 -10px 40px #0000001a}.lifestyle-banner__mobile-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--lb-accent);margin:0 0 10px}.lifestyle-banner__mobile-heading{font-size:26px;font-weight:700;line-height:1.2;color:#0a0a0a;margin:0 0 12px}.lifestyle-banner__mobile-description{font-size:15px;line-height:1.6;color:#0a0a0a99;margin:0 0 24px}.lifestyle-banner__mobile-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;background:var(--lb-accent);color:#fff;font-size:14px;font-weight:600;border-radius:var(--lb-radius-full);text-decoration:none;transition:all var(--lb-transition)}.lifestyle-banner__mobile-btn:hover{background:#0a0a0a}.lifestyle-banner__mobile-btn:focus-visible{outline:3px solid var(--lb-accent);outline-offset:3px}}@media (max-width: 380px){.lifestyle-banner__mobile-card-inner{padding:28px 20px;padding-bottom:max(28px,env(safe-area-inset-bottom))}.lifestyle-banner__mobile-heading{font-size:24px}}@media (min-width: 769px) and (max-width: 1024px){.lifestyle-banner__container{padding:0 32px}.lifestyle-banner__content{max-width:450px}}@media (prefers-reduced-motion: reduce){.lifestyle-banner__btn,.lifestyle-banner__mobile-btn,.lifestyle-banner__btn svg{transition:none}.lifestyle-banner__btn:hover{transform:none}.lifestyle-banner__btn:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/251/assets/section-lifestyle-banner.css.map */