.promo-strip{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 80% at 20% 50%,rgba(184,225,198,.3) 0%,transparent 65%),radial-gradient(ellipse 50% 70% at 85% 60%,rgba(95,167,118,.14) 0%,transparent 60%),linear-gradient(135deg,#eef5ee,#f4f8ef 55%,#edf4ec)}.promo-strip.promo-strip--no-webgl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%231F6E3F' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M30 50 Q 38 30 56 28 Q 50 46 32 52 Z' fill='%231F6E3F' fill-opacity='0.35'/%3E%3Cpath d='M44 30 Q 56 50 56 28'/%3E%3Cpath d='M120 130 Q 128 110 146 108 Q 140 126 122 132 Z' fill='%231F6E3F' fill-opacity='0.35'/%3E%3Cpath d='M134 110 Q 146 130 146 108'/%3E%3Cpath d='M140 40 Q 152 36 160 48 Q 150 56 138 50 Z' fill='%231F6E3F' fill-opacity='0.25'/%3E%3Cpath d='M30 130 Q 42 126 50 138 Q 40 146 28 140 Z' fill='%231F6E3F' fill-opacity='0.25'/%3E%3C/g%3E%3C/svg%3E");background-size:220px 220px;background-repeat:repeat}.promo-strip__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:block}.promo-strip>.container{position:relative;z-index:1}.promo-strip__swiper{overflow:visible}.promo-slide{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-6);padding:clamp(var(--space-6),4vw,var(--space-10)) clamp(var(--space-6),4vw,var(--space-10));min-height:200px;border-radius:var(--border-radius-lg);color:#fff;overflow:hidden;position:relative;isolation:isolate}.promo-slide--primary{background:radial-gradient(ellipse 80% 120% at 110% 50%,rgba(184,225,198,.22) 0%,transparent 55%),radial-gradient(ellipse 60% 90% at 0% 0%,rgba(255,255,255,.1) 0%,transparent 60%),linear-gradient(115deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.promo-slide--accent{background:radial-gradient(ellipse 80% 120% at 110% 50%,rgba(255,220,130,.2) 0%,transparent 55%),radial-gradient(ellipse 60% 90% at 0% 0%,rgba(255,255,255,.1) 0%,transparent 60%),linear-gradient(115deg,var(--color-accent-dark) 0%,var(--color-primary) 100%)}.promo-slide--dark{background:radial-gradient(ellipse 80% 120% at 110% 50%,rgba(184,225,198,.18) 0%,transparent 55%),radial-gradient(ellipse 60% 90% at 0% 0%,rgba(255,255,255,.08) 0%,transparent 60%),linear-gradient(115deg,var(--color-primary-dark) 0%,#0a2818 100%)}.promo-slide--with-bg{background:linear-gradient(90deg,#0a1e12e0,#0a1e12b8 35%,#0a1e124d 65%,#0a1e121a),var(--promo-bg) center/cover no-repeat,var(--color-primary-dark)}.promo-slide--with-bg .promo-slide__jar{display:none}.promo-slide--with-bg:after{opacity:.04}.promo-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(115deg,transparent 0,transparent 22px,rgba(255,255,255,.025) 22px,rgba(255,255,255,.025) 23px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:auto,220px 220px;opacity:.7;mix-blend-mode:overlay}.promo-slide:after{content:"";position:absolute;top:50%;right:-60px;width:320px;height:320px;z-index:0;pointer-events:none;transform:translateY(-50%) rotate(-18deg);opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23ffffff'%3E%3Cpath d='M32 4C20 14 8 22 8 38a24 24 0 0 0 24 24c0-12 8-24 24-32C44 22 36 14 32 4z'/%3E%3Cpath d='M30 56c2-14 10-26 22-32' stroke='%23ffffff' stroke-width='1.2' fill='none' opacity='0.6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:blur(.4px)}.promo-slide__content{position:relative;z-index:2;max-width:560px}.promo-slide__eyebrow{display:inline-flex;align-items:center;gap:.5em;font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd9;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:var(--border-radius-full);padding:.4rem .9rem;margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.promo-slide__eyebrow:before{content:"";display:inline-block;width:6px;height:6px;background:#b8e1c6;border-radius:50%;animation:promo-pulse 1.6s ease-in-out infinite}@keyframes promo-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.6}}.promo-slide__heading{font-family:var(--font-heading);font-size:clamp(var(--text-xl),3vw,var(--text-3xl));font-weight:700;line-height:1.15;letter-spacing:-.015em;margin-bottom:var(--space-3);text-wrap:balance}.promo-slide__heading em{font-style:italic;color:#b8e1c6}.promo-slide__sub{font-size:var(--text-sm);line-height:1.55;color:#ffffffd1;margin-bottom:var(--space-4);max-width:460px}.promo-slide__cta{display:inline-flex;align-items:center;gap:var(--space-2)}.promo-slide__jar{position:relative;z-index:1;width:clamp(100px,16vw,180px);height:auto;transform:rotate(-6deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));transition:transform .8s cubic-bezier(.22,1,.36,1)}.swiper-slide-active .promo-slide__jar{animation:promo-jar-float 4s ease-in-out infinite}@keyframes promo-jar-float{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-10px)}}.promo-strip .swiper-pagination{position:relative;margin-top:var(--space-6);text-align:center}.promo-strip .swiper-pagination-bullet{width:28px;height:4px;border-radius:4px;background:var(--color-border);opacity:1;transition:background .3s ease,transform .3s ease}.promo-strip .swiper-pagination-bullet-active{background:var(--color-primary);transform:scaleX(1.4)}.promo-slide__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff24;z-index:3}.promo-slide__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(0);background:#ffffffb3}.swiper-slide-active .promo-slide__progress:after{animation:promo-progress 5.5s linear forwards}@keyframes promo-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:767px){.promo-slide{grid-template-columns:1fr;min-height:220px;text-align:left;padding:var(--space-8) var(--space-6)}.promo-slide__jar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-promo-strip.css.map */