.fokus-flavor-picker{--picker-black: rgb(var(--color-fokus-black));--picker-cream: rgb(var(--color-fokus-cream));--picker-orange: rgb(var(--color-fokus-orange));position:relative;overflow:hidden;padding:clamp(70px,8vw,125px) clamp(20px,4vw,64px) clamp(28px,4vw,64px);background:var(--picker-black);color:var(--picker-cream)}.fokus-flavor-picker__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:60px;margin-bottom:clamp(45px,6vw,85px)}.fokus-flavor-picker__heading-group{min-width:0}.fokus-flavor-picker__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 20px;color:rgba(var(--color-fokus-cream),.72);font-family:var(--font-fokus-display);font-size:11px;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase}.fokus-flavor-picker__eyebrow-line{width:42px;height:2px;background:var(--picker-orange)}.fokus-flavor-picker__heading{max-width:920px;margin:0;color:var(--picker-cream);font-family:var(--font-fokus-display);font-size:clamp(56px,7.2vw,118px);font-weight:800;line-height:.84;letter-spacing:-.055em;text-transform:uppercase}.fokus-flavor-picker__intro{max-width:400px;margin:0 0 8px auto;color:rgba(var(--color-fokus-cream),.65);font-size:clamp(15px,1.2vw,18px);line-height:1.55}.fokus-flavor-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border:1px solid rgba(var(--color-fokus-cream),.26)}.fokus-flavor-card{position:relative;min-width:0;min-height:clamp(570px,49vw,760px);display:block;overflow:hidden;color:var(--picker-cream);text-decoration:none;isolation:isolate}.fokus-flavor-card+.fokus-flavor-card{border-left:1px solid rgba(var(--color-fokus-cream),.3)}.fokus-flavor-card--tropical{background:radial-gradient(circle at 72% 32%,rgba(255,255,255,.22),transparent 34%),var(--picker-orange)}.fokus-flavor-card--spearmint{background:radial-gradient(circle at 70% 32%,rgba(158,231,212,.12),transparent 30%),#0b0b0b}.fokus-flavor-card__number{position:absolute;top:-.17em;left:-.02em;z-index:-1;color:rgba(var(--color-fokus-cream),.09);font-family:var(--font-fokus-display);font-size:clamp(210px,24vw,390px);font-weight:800;line-height:1;letter-spacing:-.1em;pointer-events:none;transition:color .45s ease,transform .7s cubic-bezier(.16,1,.3,1)}.fokus-flavor-card--spearmint .fokus-flavor-card__number{color:rgba(var(--color-fokus-cream),.055)}.fokus-flavor-card__mode{position:absolute;top:34px;left:36px;z-index:4;display:flex;align-items:center;gap:10px;font-family:var(--font-fokus-display);font-size:11px;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase}.fokus-flavor-card__mode-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px #f6f2ea24}.fokus-flavor-card--spearmint .fokus-flavor-card__mode-dot{background:#9ee7d4;box-shadow:0 0 0 5px #9ee7d41f}.fokus-flavor-card__formula{position:absolute;top:36px;right:36px;z-index:4;color:rgba(var(--color-fokus-cream),.7);font-size:10px;font-weight:700;line-height:1;letter-spacing:.13em;text-transform:uppercase}.fokus-flavor-card__media{position:absolute;top:48%;left:66%;z-index:2;width:min(43%,360px);height:min(58%,440px);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}.fokus-flavor-card__media img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 38px 42px rgba(0,0,0,.36));transition:transform .7s cubic-bezier(.16,1,.3,1)}.fokus-flavor-card--tropical .fokus-flavor-card__media img{transform:rotate(-5deg)}.fokus-flavor-card--spearmint .fokus-flavor-card__media img{transform:rotate(5deg)}.fokus-flavor-card__body{position:absolute;right:36px;bottom:38px;left:36px;z-index:4;display:block}.fokus-flavor-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.fokus-flavor-card__count{color:rgba(var(--color-fokus-cream),.72);font-family:var(--font-fokus-display);font-size:10px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase}.fokus-flavor-card__tagline{display:block;max-width:310px;color:var(--picker-cream);font-family:var(--font-fokus-display);font-size:clamp(25px,2.25vw,38px);font-weight:800;line-height:.98;letter-spacing:-.025em;text-transform:uppercase}.fokus-flavor-card__meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(var(--color-fokus-cream),.32)}.fokus-flavor-card__price{color:var(--picker-cream);font-family:var(--font-fokus-display);font-size:26px;font-weight:800;line-height:1}.fokus-flavor-card__cta{min-height:48px;display:inline-flex;align-items:center;gap:24px;padding:12px 14px 12px 23px;border:1px solid rgba(var(--color-fokus-cream),.55);border-radius:999px;color:var(--picker-cream);font-family:var(--font-fokus-display);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.fokus-flavor-card__cta-arrow{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--picker-cream);color:var(--picker-black);font-size:16px;transition:background-color .25s ease,color .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}.fokus-flavor-card--spearmint .fokus-flavor-card__cta{border-color:var(--picker-orange)}.fokus-flavor-card--spearmint .fokus-flavor-card__cta-arrow{background:var(--picker-orange);color:var(--picker-black)}.fokus-flavor-card__corner{position:absolute;z-index:5;width:18px;height:18px;pointer-events:none}.fokus-flavor-card__corner--top{top:18px;right:18px;border-top:1px solid rgba(var(--color-fokus-cream),.55);border-right:1px solid rgba(var(--color-fokus-cream),.55)}.fokus-flavor-card__corner--bottom{bottom:18px;left:18px;border-bottom:1px solid rgba(var(--color-fokus-cream),.55);border-left:1px solid rgba(var(--color-fokus-cream),.55)}@media(hover:hover)and (pointer:fine){.fokus-flavor-card:hover .fokus-flavor-card__media{transform:translate(-50%,calc(-50% - 14px))}.fokus-flavor-card:hover .fokus-flavor-card__media img{filter:drop-shadow(0 52px 55px rgba(0,0,0,.46))}.fokus-flavor-card--tropical:hover .fokus-flavor-card__media img{transform:rotate(-8deg) scale(1.035)}.fokus-flavor-card--spearmint:hover .fokus-flavor-card__media img{transform:rotate(8deg) scale(1.035)}.fokus-flavor-card:hover .fokus-flavor-card__number{color:rgba(var(--color-fokus-cream),.14);transform:translate(8px)}.fokus-flavor-card:hover .fokus-flavor-card__cta{background:var(--picker-cream);border-color:var(--picker-cream);color:var(--picker-black)}.fokus-flavor-card--spearmint:hover .fokus-flavor-card__cta{background:var(--picker-orange);border-color:var(--picker-orange)}.fokus-flavor-card:hover .fokus-flavor-card__cta-arrow{transform:translate(3px)}}.fokus-flavor-card:focus-visible{outline:3px solid var(--picker-orange);outline-offset:-6px}@media screen and (max-width:1100px)and (min-width:750px){.fokus-flavor-picker__header{gap:30px}.fokus-flavor-card{min-height:620px}.fokus-flavor-card__formula{display:none}.fokus-flavor-card__media{left:68%;width:48%}.fokus-flavor-card__tagline{max-width:270px}.fokus-flavor-card__meta{gap:14px}.fokus-flavor-card__cta{gap:12px;padding-left:18px}}@media screen and (max-width:749px){.fokus-flavor-picker{padding:62px 16px 24px}.fokus-flavor-picker__header{display:block;margin-bottom:38px;padding:0 6px}.fokus-flavor-picker__heading{max-width:350px;font-size:clamp(49px,15vw,68px);line-height:.87}.fokus-flavor-picker__intro{max-width:320px;margin:23px 0 0;font-size:15px}.fokus-flavor-picker__grid{display:grid;grid-template-columns:1fr}.fokus-flavor-card{min-height:520px}.fokus-flavor-card+.fokus-flavor-card{border-top:1px solid rgba(var(--color-fokus-cream),.3);border-left:0}.fokus-flavor-card__number{top:-15px;font-size:190px}.fokus-flavor-card__mode{top:24px;left:22px}.fokus-flavor-card__formula{top:26px;right:22px;max-width:150px;font-size:8px;text-align:right}.fokus-flavor-card__media{top:43%;left:70%;width:min(52%,230px);height:270px}.fokus-flavor-card__body{right:22px;bottom:24px;left:22px}.fokus-flavor-card__title-row{margin-bottom:13px}.fokus-flavor-card__tagline{max-width:255px;font-size:27px}.fokus-flavor-card__meta{margin-top:20px;padding-top:15px}.fokus-flavor-card__price{font-size:22px}.fokus-flavor-card__cta{min-height:42px;gap:12px;padding:8px 9px 8px 17px;font-size:10px}.fokus-flavor-card__cta-arrow{width:26px;height:26px}}@media screen and (max-width:380px){.fokus-flavor-card{min-height:500px}.fokus-flavor-card__formula{display:none}.fokus-flavor-card__media{left:72%;width:54%}.fokus-flavor-card__tagline{max-width:235px;font-size:24px}}@media(prefers-reduced-motion:reduce){.fokus-flavor-card,.fokus-flavor-card__number,.fokus-flavor-card__media,.fokus-flavor-card__media img,.fokus-flavor-card__cta,.fokus-flavor-card__cta-arrow{transition-duration:1ms}}.fokus-flavor-card--tropical{background:rgb(var(--color-fokus-orange))!important}.fokus-flavor-card--spearmint{background:rgb(var(--color-fokus-black))!important}.fokus-flavor-card__mode-dot{display:none!important}.fokus-flavor-card--spearmint .fokus-flavor-card__cta{background:#0b0b0b4d!important;color:rgb(var(--color-fokus-cream))!important;border:2px solid rgb(var(--color-fokus-orange))!important}.fokus-flavor-card--spearmint .fokus-flavor-card__cta-arrow{background:rgb(var(--color-fokus-orange))!important;color:rgb(var(--color-fokus-black))!important}@media(hover:hover)and (pointer:fine){.fokus-flavor-card--spearmint:hover .fokus-flavor-card__cta{background:rgb(var(--color-fokus-orange))!important;color:rgb(var(--color-fokus-black))!important;border-color:rgb(var(--color-fokus-orange))!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-fokus-flavor-picker.css.map */