.foc-section,.foc-section *{box-sizing:border-box}.foc-section{--foc-bg: #fbfaf6;--foc-card-bg: #ffffff;--foc-text: #321844;--foc-muted: #5c5263;--foc-accent: #8bb36d;--foc-accent-2: #c8a5d7;--foc-accent-3: #f06b4f;--foc-border: #ebe3ed;position:relative;overflow:hidden;padding:64px 0;color:var(--foc-text);background:var(--foc-bg);font-family:inherit;letter-spacing:0}.foc-container{width:min(100% - 32px,1320px);margin:0 auto}.foc-header{max-width:740px;margin-bottom:34px}.foc-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:color-mix(in srgb,var(--foc-text),var(--foc-accent) 34%);font-size:1.6rem;font-weight:820;line-height:1.2;text-transform:uppercase}.foc-eyebrow__line{width:32px;height:2px;border-radius:999px;background:currentColor}.foc-heading{margin:0;color:var(--foc-text);font-size:clamp(3rem,13vw,5.4rem);font-weight:850;line-height:.98;letter-spacing:0;text-wrap:balance}.foc-heading__line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.06em}.foc-heading__line>span{display:block}.foc-intro{max-width:680px;margin-top:18px;color:var(--foc-muted);font-size:1.5rem;font-weight:570;line-height:1.6}.foc-grid{display:grid;grid-template-columns:1fr;gap:18px;perspective:1400px}.foc-card{--foc-card-accent: var(--foc-accent);position:relative;min-height:680px;overflow:hidden;border:1px solid color-mix(in srgb,var(--foc-border),transparent 12%);border-radius:8px;background:var(--foc-card-bg);box-shadow:0 20px 52px #2c193a0f;transform:perspective(900px) translate3d(0,var(--foc-lift, 0),0) rotateX(var(--foc-tilt-x, 0deg)) rotateY(var(--foc-tilt-y, 0deg)) scale(var(--foc-scale, 1));transform-style:preserve-3d;will-change:transform;transition:border-color .22s ease,box-shadow .22s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.foc-card:before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:5px;background:var(--foc-card-accent);opacity:0;transform:scaleX(0);transform-origin:left center;transition:opacity .18s ease,transform 1.4s cubic-bezier(.16,1,.3,1)}.foc-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--foc-glow-x, 50%) var(--foc-glow-y, 0%),color-mix(in srgb,var(--foc-card-accent),transparent 82%),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.44),transparent 46%);opacity:0;transition:opacity .22s ease}.foc-card__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.55) 45%,transparent 72%);opacity:0;transform:translate3d(-42%,0,0);transition:opacity .22s ease,transform .52s ease}.foc-card__inner{position:relative;z-index:3;display:grid;min-height:680px;grid-template-rows:auto auto 1fr auto;padding:30px 26px;transform:translateZ(34px)}.foc-card__top{position:absolute;top:44px;right:40px;z-index:4;display:flex;align-items:flex-start;justify-content:flex-end;gap:16px}.foc-card__media{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid color-mix(in srgb,var(--foc-border),transparent 12%);border-radius:8px;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--foc-card-accent),white 28%) 0 18%,transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--foc-card-accent),white 80%),#fff 72%);box-shadow:inset 0 0 0 1px #ffffff70}.foc-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 48%)}.foc-card__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.foc-card__badge{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:8px;color:var(--foc-text);background:color-mix(in srgb,var(--foc-accent),white 68%);font-size:1.2rem;font-weight:820;line-height:1;box-shadow:0 10px 28px #2c193a1f}.foc-card__copy{margin-top:34px}.foc-card__title{margin:0;color:var(--foc-text);font-size:2.9rem;font-weight:850;line-height:1.12;text-wrap:balance}.foc-card__text{margin:12px 0 0;color:var(--foc-muted);font-size:1.6rem;font-weight:570;line-height:1.55}.foc-card__list{display:grid;gap:12px;align-self:start;padding:0;margin:34px 0 0;color:var(--foc-muted);font-size:1.55rem;font-weight:650;line-height:1.35;list-style:none}.foc-card__list li{position:relative;padding-left:24px}.foc-card__list li:before{content:"";position:absolute;left:0;top:.4em;width:12px;height:7px;border:solid var(--foc-accent);border-width:0 0 2px 2px;transform:rotate(-45deg)}.foc-card__footer{display:flex;flex-wrap:wrap;gap:14px;align-items:end;justify-content:space-between;margin-top:36px}.foc-card__price{display:grid;gap:4px;color:var(--foc-muted);font-size:1.33rem;font-weight:700;line-height:1.1}.foc-card__price strong{color:var(--foc-text);font-size:3rem;font-weight:850;line-height:1}.foc-card__price-prefix{display:block}.foc-card__button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border-radius:8px;color:#fff;background:var(--foc-text);font-size:1.16rem;font-weight:800;line-height:1;text-decoration:none}.foc-card--highlight{border-color:color-mix(in srgb,var(--foc-card-accent),var(--foc-border) 34%)}.foc-card:hover,.foc-card:focus-within{--foc-lift: -7px;--foc-scale: 1.012;border-color:color-mix(in srgb,var(--foc-card-accent),var(--foc-border) 34%);box-shadow:0 28px 72px #2c193a21}.foc-card:hover:before,.foc-card:focus-within:before{opacity:1;transform:scaleX(1)}.foc-card:hover:after,.foc-card:focus-within:after{opacity:1}.foc-card:hover .foc-card__sheen,.foc-card:focus-within .foc-card__sheen{opacity:1;transform:translate3d(42%,0,0)}.foc-card:hover .foc-card__image,.foc-card:focus-within .foc-card__image{transform:scale(1.035)}.foc-card__button:focus-visible{outline:3px solid color-mix(in srgb,var(--foc-accent),transparent 48%);outline-offset:3px}.foc-js .foc-header,.foc-js .foc-intro{opacity:0;filter:blur(10px);transform:translate3d(0,24px,0)}.foc-js .foc-card{opacity:0;filter:blur(10px)}.foc-js [data-foc-line]>span{transform:translate3d(0,112%,0)}.foc-js .foc-is-visible .foc-header,.foc-js .foc-is-visible .foc-intro{animation:focFadeLift .78s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--foc-delay, 0ms)}.foc-js .foc-is-visible .foc-card{animation:focCardReveal .78s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--foc-delay, 0ms)}.foc-js .foc-is-visible [data-foc-line]>span{animation:focLineReveal .82s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--foc-delay, .12s)}@keyframes focFadeLift{to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes focLineReveal{to{transform:translateZ(0)}}@keyframes focCardReveal{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@media screen and (min-width:720px){.foc-section{padding:86px 0}.foc-container{width:min(100% - 56px,1320px)}.foc-header{margin-bottom:52px}.foc-heading{font-size:clamp(4rem,6vw,6.4rem)}.foc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.foc-card,.foc-card__inner{min-height:740px}.foc-card__inner{padding:38px}.foc-card__top{top:50px;right:52px}}@media screen and (min-width:1120px){.foc-section{padding:108px 0}.foc-grid{gap:28px}}@media(hover:none),(pointer:coarse){.foc-card{transform:none}.foc-card:active{--foc-lift: -3px}}@media(prefers-reduced-motion:reduce){.foc-section *,.foc-section *:before,.foc-section *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.foc-js .foc-header,.foc-js .foc-card,.foc-js .foc-intro,.foc-js [data-foc-line]>span{opacity:1;filter:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/fellinora-offer-cards.css.map */
