.bar-puzzle{--bp-bg: #f3e7d2;--bp-red: #a52e20;--bp-text: #111111;--bp-button-bg: #050505;--bp-button-text: #fff5e5;width:100%;color:var(--bp-text);margin:150px 0 80px}.bar-puzzle *{box-sizing:border-box}.bar-puzzle__inner{width:100%;margin:0 auto;border:5px solid var(--bp-red);overflow:hidden}.bar-puzzle.bar-puzzle--answer-active .bar-puzzle__inner{border:none!important}.bar-puzzle .container{background:var(--bp-bg);padding:30px}.bar-puzzle__puzzle-state{padding:77px 22px 63px;text-align:center}.bar-puzzle__kicker{font-family:Oswald;font-weight:700;font-size:70px;line-height:100%;letter-spacing:0px;text-align:center;text-transform:uppercase;border-radius:14px;color:#f6e5d1;padding:10px 20px 15px;transform:rotate(-2deg);display:inline-block;background:#000;margin-bottom:50px}.bar-puzzle__puzzle-image{width:100%;max-width:400px;margin:0 auto 40px}.bar-puzzle__puzzle-image img{display:block;width:100%;height:auto}.bar-puzzle__instruction{margin:0 0 14px;font-size:16px;font-weight:700}.bar-puzzle__button{font-family:Oswald;font-weight:700;font-size:58.76px;line-height:1;letter-spacing:0px;text-align:center;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;gap:12px;padding:24px;cursor:pointer;background:var(--bp-button-bg);color:var(--bp-button-text);text-transform:uppercase;transition:opacity .2s ease;border:none}.bar-puzzle.bar-puzzle--answer-active .container{padding:0}.bar-puzzle__button:hover{opacity:.85}.bar-puzzle__arrow{color:var(--bp-red);font-size:1.5em;line-height:.7}.bar-puzzle__answer-state{background:#fff}.bar-puzzle__answer-state[hidden],.bar-puzzle__puzzle-state[hidden]{display:none!important}.bar-puzzle__brand{min-height:76px;padding:0 0 10px;display:flex;align-items:center;justify-content:center;background:var(--bp-red);color:#fff;text-align:center}.bar-puzzle__brand img{display:block;max-width:100%;max-height:120px;width:auto;height:auto;object-fit:contain}.bar-puzzle__brand--text{font-size:clamp(28px,5vw,46px);font-weight:900;font-style:italic}.bar-puzzle__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.82fr);gap:8px;align-items:center;padding:40px;min-height:300px;background-color:#f6f0e6;background-position:center;background-repeat:no-repeat;background-size:cover}.bar-puzzle__offer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px 8px;flex-direction:column;justify-content:flex-start;z-index:1}.bar-puzzle__bottle img{display:inline-block;max-width:100%;width:auto;max-height:350px;object-fit:contain}@media screen and (max-width:480px){.bar-puzzle__hero{grid-template-columns:minmax(0,1fr) minmax(75px,.7fr);min-height:220px;padding:12px}.bar-puzzle__bottle img{max-height:220px}}.bar-puzzle__offer-small{color:var(--bp-red);font-family:Oswald;font-weight:600;font-size:100.23px;line-height:100%;letter-spacing:-4.35px;text-align:center;text-transform:uppercase;flex-direction:column;display:flex}.bar-puzzle__offer-small span{font-family:Oswald;font-weight:600;font-size:82.17px;line-height:100%;letter-spacing:-4.35px;text-align:center;text-transform:uppercase}.bar-puzzle__offer-percent{color:#050505;font-family:Oswald;font-weight:500;font-size:204.26px;line-height:100%;letter-spacing:-4.84px;text-align:center;text-transform:uppercase}.bar-puzzle__offer-percent span{display:inline-flex}.bar-puzzle__bottle{min-width:0;text-align:center}.bar-puzzle__bottle img{display:inline-block;max-width:100%;width:auto;max-height:280px;object-fit:contain}.bar-puzzle__vs{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:left;width:100%;min-height:50px;padding:14px 0;background:transparent;color:#fff;text-align:left;text-transform:uppercase}.bar-puzzle__vs-bg{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:-12px;width:100%;height:100%;display:block;overflow:visible;pointer-events:none}.bar-puzzle__vs span{position:relative;z-index:1;font-family:Oswald;font-weight:300;font-size:61.66px;letter-spacing:0px;text-align:center;text-transform:uppercase;line-height:1}@media screen and (max-width:480px){.bar-puzzle__vs{min-height:38px;padding:9px 12px;font-size:16px}}.bar-puzzle__benefits-title{font-family:Oswald;font-weight:500;font-size:64.58px;line-height:100%;letter-spacing:-2.8px;text-align:left;text-transform:uppercase;margin-bottom:21px;color:#b12317;margin-top:20px}.bar-puzzle__benefit{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #000000}.bar-puzzle__benefit:last-child{border-bottom:0}.bar-puzzle__benefit-icon{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.bar-puzzle__benefit-icon img{width:100%;height:100%;object-fit:contain}.bar-puzzle__benefit-copy h4{margin:0 0 15px;color:#111;font-family:Oswald;font-weight:500;font-size:46.85px;line-height:1;letter-spacing:0px;text-transform:uppercase}.bar-puzzle__benefit-copy p{font-weight:400;font-size:33.73px;line-height:100%;letter-spacing:-.46px;color:#000;margin:0!important}.bar-puzzle__footer{background:var(--bp-red);color:#fff;padding:20px 20px 28px!important;text-align:center;font-size:clamp(15px,2.5vw,20px);line-height:1.3;font-weight:800;text-transform:uppercase}.bar-puzzle__footer p,.bar-puzzle__footer-heading span,.bar-puzzle__footer-heading a,.bar-puzzle__footer-link{font-family:Oswald;font-weight:400;font-size:53.37px;line-height:100%;letter-spacing:-.81px;text-align:center;text-transform:uppercase}.bar-puzzle__footer-text{font-weight:700!important}.bar-puzzle .container{max-width:1080px;width:90%}.bar-puzzle__footer-heading .sup{font-family:Oswald;font-weight:400;font-style:Regular;font-size:20.01px;line-height:100%;letter-spacing:-1.06px;text-align:center;text-transform:uppercase}.bar-puzzle__footer{background:var(--bp-red);color:#fff;padding:14px 20px 18px;text-align:center}.bar-puzzle__footer-heading{display:flex;flex-direction:column;align-items:center;gap:2px}.bar-puzzle__footer-title{display:block;font-family:Oswald,sans-serif;font-size:clamp(22px,3.5vw,42px);font-weight:700;line-height:1.1;text-transform:uppercase}.bar-puzzle__footer-brand sup{font-size:.45em;vertical-align:super;margin-left:1px}.bar-puzzle__footer-link a{color:inherit;text-decoration:underline;text-underline-offset:4px}.bar-puzzle__footer-heading span{display:inline-block}.bar-puzzle__footer strong{font-weight:700}.bar-puzzle__back{display:block;margin:12px auto;border:1px solid #bbbbbb;border-radius:4px;padding:7px 12px;background:#fff;color:#222;cursor:pointer;font-family:inherit;font-size:12px}.bar-puzzle__hero{position:relative;isolation:isolate}.bar-puzzle__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#fffffff5,#ffffffd1 26%,#ffffff7a 48%,#ffffff14 72%,#fff0)}.bar-puzzle__hero>*{position:relative;z-index:1}.text-percentage{display:flex;align-items:center;gap:35px;margin-bottom:10px}@media screen and (max-width:480px){.bar-puzzle__hero:before{background:linear-gradient(90deg,#ffffffeb,#ffffffa6 3%,#ffffff14 10%)}}@media screen and (max-width:480px){.bar-puzzle__puzzle-state{padding:18px 14px 20px}.bar-puzzle__hero{padding:12px;grid-template-columns:minmax(0,1fr) minmax(78px,.7fr)}.bar-puzzle__benefits,.bar-puzzle__benefits-title{padding-left:12px;padding-right:12px}.bar-puzzle__bottle img{max-height:210px}.bar-puzzle__benefit{gap:8px}}@media screen and (max-width:767px){.bar-puzzle{margin:80px 0 50px}.bar-puzzle__offer-percent svg{width:34px;height:34px}.bar-puzzle__inner{border-width:2px}.bar-puzzle .container{padding:12px}.bar-puzzle__puzzle-state{padding:24px 10px}.bar-puzzle__kicker{max-width:100%;font-size:clamp(28px,8vw,46px);line-height:1.05;padding:8px 12px;margin-bottom:22px;border-radius:8px}.bar-puzzle__puzzle-image{max-width:100%;margin-bottom:22px}.bar-puzzle__button{max-width:100%;gap:8px;padding:12px 14px;border-radius:8px;font-size:clamp(20px,5.5vw,32px);line-height:1.1}.bar-puzzle__button svg{width:clamp(24px,8vw,42px);height:auto;flex-shrink:0}.bar-puzzle.bar-puzzle--answer-active .container{padding:0}.bar-puzzle__brand{min-height:48px;padding:10px 12px}.bar-puzzle__brand img{max-height:90px}.bar-puzzle__brand--text{font-size:clamp(20px,6vw,30px)}.bar-puzzle__hero{grid-template-columns:minmax(0,1fr) minmax(70px,.65fr);gap:8px;min-height:180px;padding:12px;background-position:center}.bar-puzzle__offer{gap:4px;min-width:0}.text-percentage{gap:8px;margin-bottom:6px;flex-wrap:wrap}.bar-puzzle__offer-small{font-size:clamp(20px,7vw,34px);letter-spacing:-.5px;line-height:1}.bar-puzzle__offer-small span{font-size:clamp(18px,5vw,28px);letter-spacing:-.5px}.bar-puzzle__offer-percent{font-size:clamp(48px,15vw,86px);letter-spacing:-1px;line-height:.95}.bar-puzzle__bottle img{max-width:100%;max-height:180px}.bar-puzzle__vs{min-height:34px;padding:7px 8px}.bar-puzzle__vs-bg{left:-4px;width:calc(100% + 4px)}.bar-puzzle__vs span{font-size:clamp(14px,4vw,23px);line-height:1.05}.bar-puzzle__benefits-title{margin:14px 0 12px;padding:0 8px;font-size:clamp(24px,7vw,38px);letter-spacing:-.8px;line-height:1.05}.bar-puzzle__benefits{padding:0 8px}.bar-puzzle__benefit{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px 0}.bar-puzzle__benefit-icon{width:48px;height:48px}.bar-puzzle__benefit-copy h4{margin-bottom:5px;font-size:clamp(18px,5vw,26px);line-height:1.05}.bar-puzzle__benefit-copy p{font-size:clamp(14px,3.8vw,18px);line-height:1.2;letter-spacing:0}.bar-puzzle__footer{padding:12px 10px 14px!important}.bar-puzzle__footer p,.bar-puzzle__footer-heading span,.bar-puzzle__footer-heading a,.bar-puzzle__footer-link{font-size:clamp(15px,4.2vw,24px);line-height:1.15;letter-spacing:0}.bar-puzzle__footer-heading{gap:5px}.bar-puzzle__footer-title{font-size:clamp(16px,4.5vw,26px);line-height:1.15;overflow-wrap:anywhere}.bar-puzzle__footer-brand sup{font-size:.5em}.bar-puzzle__back{margin:10px auto;padding:7px 10px;font-size:12px}}@media screen and (max-width:380px){.bar-puzzle__hero{grid-template-columns:minmax(0,1fr) minmax(58px,.55fr);padding:8px}.bar-puzzle__offer-percent{font-size:clamp(42px,13vw,58px)}.bar-puzzle__vs span{font-size:13px}.bar-puzzle__benefit{grid-template-columns:40px minmax(0,1fr);gap:8px}.bar-puzzle__benefit-icon{width:40px;height:40px}}@media screen and (max-width:767px){.bar-puzzle{margin:80px 0 40px}.bar-puzzle__inner{border-width:2px}.bar-puzzle .container{padding:6px}.bar-puzzle__puzzle-state{padding:12px 8px}.bar-puzzle__kicker{font-size:clamp(22px,6vw,34px);padding:6px 10px;margin-bottom:12px;border-radius:6px}.bar-puzzle__puzzle-image{max-width:min(100%,300px);margin-bottom:12px}.bar-puzzle__button{gap:6px;padding:10px 12px;border-radius:7px;font-size:clamp(17px,4.5vw,25px)}.bar-puzzle__button svg{width:clamp(20px,6vw,30px);height:auto}.bar-puzzle.bar-puzzle--answer-active .container{padding:0}.bar-puzzle__brand{min-height:36px;padding:5px 8px}.bar-puzzle__brand img{max-height:48px}.bar-puzzle__brand--text{font-size:clamp(16px,4.5vw,24px)}.bar-puzzle__hero{grid-template-columns:minmax(0,1fr) minmax(62px,.55fr);gap:5px;min-height:0;padding:8px;background-position:center}.bar-puzzle__offer{gap:2px}.text-percentage{gap:8px;margin-bottom:3px;flex-wrap:wrap}.bar-puzzle__offer-small{font-size:clamp(17px,6vw,27px);letter-spacing:-.4px;line-height:.98}.bar-puzzle__offer-small span{font-size:clamp(18px,4vw,22px);letter-spacing:-.3px}.bar-puzzle__offer-percent{font-size:clamp(40px,12vw,68px);letter-spacing:-1px;line-height:.9}.bar-puzzle__bottle img{max-height:125px;max-width:100%}.bar-puzzle__vs{min-height:26px;padding:4px 6px}.bar-puzzle__vs-bg{left:-3px;width:calc(100% + 3px)}.bar-puzzle__vs span{font-size:clamp(11px,3.2vw,18px);line-height:1}.bar-puzzle__benefits-title{margin:8px 0 5px;padding:0 5px;font-size:clamp(19px,5.5vw,29px);letter-spacing:-.4px;line-height:1}.bar-puzzle__benefits{padding:0 5px}.bar-puzzle__benefit{grid-template-columns:34px minmax(0,1fr);gap:7px;padding:6px 0}.bar-puzzle__benefit-icon{width:34px;height:34px}.bar-puzzle__benefit-copy h4{margin:0 0 2px;font-size:clamp(14px,4.2vw,20px);line-height:1}.bar-puzzle__benefit-copy p{font-size:clamp(11px,4vw,14px);line-height:1.08;letter-spacing:0}.bar-puzzle__footer{padding:7px 8px 9px!important}.bar-puzzle__footer p,.bar-puzzle__footer-heading span,.bar-puzzle__footer-heading a,.bar-puzzle__footer-link,.bar-puzzle__footer-title{font-size:clamp(12px,5vw,18px);line-height:1.05;letter-spacing:0}.bar-puzzle__footer-heading{gap:2px}.bar-puzzle__footer-brand sup{font-size:.45em}}@media screen and (max-width:380px){.bar-puzzle__hero{grid-template-columns:minmax(0,1fr) minmax(52px,.48fr);padding:10px}.bar-puzzle__offer-percent{font-size:clamp(36px,12vw,48px)}.bar-puzzle__benefit{grid-template-columns:30px minmax(0,1fr);gap:6px;padding:5px 0}.bar-puzzle__benefit-icon{width:30px;height:30px}.bar-puzzle__benefit-copy p{font-size:14px}}@media screen and (min-width:768px){.bar-puzzle__kicker{font-size:52px!important}.bar-puzzle__instruction{font-size:12.8px!important}.bar-puzzle__button{font-size:38px!important;padding:20px}.bar-puzzle__brand--text{font-size:clamp(22.4px,4vw,36.8px)!important}.bar-puzzle__offer-small{font-size:75px!important}.bar-puzzle__offer-small span{font-size:65.7px!important}.bar-puzzle__offer-percent{font-size:140px!important}.bar-puzzle__offer-percent svg{width:120px;height:120px}.bar-puzzle__vs span{font-size:49.3px!important}.bar-puzzle__benefits-title{font-size:51.7px!important}.bar-puzzle__benefit-copy h4{font-size:37.5px!important}.bar-puzzle__benefit-copy p{font-size:27px!important}.bar-puzzle__footer,.bar-puzzle__footer p,.bar-puzzle__footer-heading span,.bar-puzzle__footer-heading a,.bar-puzzle__footer-link{font-size:42px;line-height:1}.bar-puzzle__footer-title{font-size:clamp(17.6px,2.8vw,33.6px)!important}.bar-puzzle__footer-heading .sup{font-size:16px!important}}@media screen and (min-width:768px)and (max-width:1200px){.bar-puzzle__kicker{font-size:40px!important}.bar-puzzle__instruction{font-size:11px!important}.bar-puzzle__button{font-size:30px!important}.bar-puzzle__brand--text{font-size:25px!important}.bar-puzzle__offer-small{font-size:52px!important;letter-spacing:-1px!important}.bar-puzzle__offer-small span{font-size:42px!important;letter-spacing:-1px!important}.bar-puzzle__offer-percent{font-size:95px!important;letter-spacing:-2px!important}.bar-puzzle__offer-percent svg{width:70px!important;height:70px!important}.bar-puzzle__vs span{font-size:34px!important}.bar-puzzle__benefits-title{font-size:38px!important;letter-spacing:-1px!important}.bar-puzzle__benefit-copy h4{font-size:26px!important}.bar-puzzle__benefit-copy p{font-size:18px!important;line-height:1.15!important}.text-percentage{gap:20px}.bar-puzzle__footer,.bar-puzzle__footer p,.bar-puzzle__footer-heading span,.bar-puzzle__footer-heading a,.bar-puzzle__footer-link{font-size:28px!important;line-height:1.08!important}.bar-puzzle__footer-title{font-size:24px!important}.bar-puzzle__footer-heading .sup{font-size:12px!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/dynamic-bar-puzzle.css.map */