.rio-lob{background:#fcf2e8;padding:56px 40px 64px;text-align:center;color:#54311d;font-family:DM Sans,sans-serif}.rio-lob *{box-sizing:border-box}.rio-lob h2.rio-lob__title{font:700 34px/1.2 RidleyGrotesk,DM Sans,sans-serif;color:#54311d;max-width:820px;margin:0 auto 12px;text-transform:none;letter-spacing:normal}.rio-lob p.rio-lob__sub{font:400 18px/1.5 DM Sans,sans-serif;color:#54311d;max-width:640px;margin:0 auto 46px}.rio-lob__box{position:relative;max-width:1180px;margin:0 auto;border:2px dashed #54311d;background:#fff;display:flex;text-align:center}.rio-lob__tab{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:#111;color:#fff;font:700 20px/1 RidleyGrotesk,DM Sans,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:12px 30px;border-radius:12px;white-space:nowrap;z-index:5}.rio-lob__media{flex:1 1 50%;background:#a9ccf8;display:flex!important;align-items:center;justify-content:center;padding:60px 20px 40px;min-height:470px;position:relative;overflow:hidden}.rio-lob__stack{position:relative;width:100%;max-width:600px;height:420px}.rio-lob__stack img{position:absolute;width:52%;max-width:310px;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.22))}.rio-lob__stack .a{left:0;bottom:12px;transform:rotate(-6deg)}.rio-lob__stack .c{right:0;bottom:12px;transform:rotate(6deg)}.rio-lob__stack .b{left:50%;bottom:0;transform:translate(-50%);width:58%;max-width:350px;z-index:2}.rio-lob__copy{flex:1 1 50%;padding:58px 60px 44px;display:flex;flex-direction:column;align-items:center;min-width:0}.rio-lob__eyebrow{display:flex;align-items:center;gap:12px;font:700 14px/1.2 DM Sans,sans-serif;letter-spacing:.16em;text-transform:uppercase;width:100%;color:#54311d}.rio-lob__eyebrow:before,.rio-lob__eyebrow:after{content:"";flex:1;height:1px;background:#d9c7b6}.rio-lob__head{font:700 46px/1.04 RidleyGrotesk,DM Sans,sans-serif;text-transform:uppercase;margin:16px 0 12px;color:#54311d}.rio-lob__head em{font-style:normal;color:#c8442b}.rio-lob p.rio-lob__lede{font:400 17px/1.45 DM Sans,sans-serif;max-width:420px;margin:0;color:#54311d}.rio-lob__tiers{display:flex;gap:10px;margin:22px 0 24px;width:100%}.rio-lob__tier{flex:1;border:1.5px solid #54311d;border-radius:12px;padding:10px 6px;background:#fcf2e8;color:#54311d}.rio-lob__tier small{display:block;font:700 12px/1.3 DM Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase}.rio-lob__tier strong{display:block;font:700 30px/1.1 RidleyGrotesk,DM Sans,sans-serif;color:#54311d}.rio-lob__tier.hot{background:#54311d;color:#fff}.rio-lob__tier.hot strong{color:#f5c542}a.rio-lob__cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:0 24px;border-radius:26px;background:#54311d;color:#fff!important;font:700 16px/30px RidleyGrotesk,DM Sans,sans-serif;letter-spacing:1.28px;text-transform:uppercase;text-decoration:none!important}a.rio-lob__cta:hover{opacity:.92}.rio-lob p.rio-lob__timer{margin:14px 0 0;font:700 15px/1.3 DM Sans,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#54311d}.rio-lob__timer span{color:#c8442b;font-variant-numeric:tabular-nums}.rio-lob__strip{display:flex!important;width:100%;margin-top:16px;border:1px solid #f0d9c7;background:#fff7f1;border-radius:8px}.rio-lob__strip div{display:block!important;flex:1;padding:13px 8px;font:400 15px/1.3 DM Sans,sans-serif;color:#54311d}.rio-lob__strip div+div{border-left:1.5px solid #54311d}.rio-lob__strip b.r{color:#c8442b}.rio-lob p.rio-lob__foot{margin:18px 0 0;font:400 15px/1.4 DM Sans,sans-serif;color:#54311d}.rio-lob__stars{color:#e0a92b;letter-spacing:2px}@media(max-width:989px){.rio-lob__box{flex-direction:column;max-width:560px}.rio-lob__media{min-height:0;padding:40px 10px 16px}.rio-lob__stack{max-width:400px;height:270px}.rio-lob__copy{padding:28px 24px}}@media(max-width:749px){.rio-lob{padding:36px 16px 40px}.rio-lob h2.rio-lob__title{font-size:26px}.rio-lob p.rio-lob__sub{font-size:15px;margin-bottom:34px}.rio-lob__tab{font-size:14px;padding:9px 16px;top:-17px}.rio-lob__media{padding:34px 10px 16px}.rio-lob__stack{max-width:330px;height:220px}.rio-lob__copy{padding:24px 18px 26px}.rio-lob__eyebrow{font-size:11px;letter-spacing:.12em}.rio-lob__head{font-size:32px}.rio-lob p.rio-lob__lede{font-size:15px}.rio-lob__tier strong{font-size:24px}.rio-lob__tier small{font-size:10px}a.rio-lob__cta{min-height:52px;font-size:15px;padding:0 16px}.rio-lob p.rio-lob__timer{font-size:13px}.rio-lob__strip div{font-size:13px;padding:11px 4px}.rio-lob p.rio-lob__foot{font-size:13px}}@media(max-width:359px){.rio-lob__tab{font-size:12px;padding:8px 12px;letter-spacing:.03em}.rio-lob__head{font-size:28px}.rio-lob__stack{height:190px}a.rio-lob__cta{font-size:13px;letter-spacing:.5px;padding:0 10px;gap:8px}.rio-lob__strip div{font-size:12px}}@media(max-width:749px){.rio-lob{padding:28px 12px 32px}.rio-lob h2.rio-lob__title{font-size:clamp(20px,6.3vw,26px);line-height:1.18;margin-bottom:8px}.rio-lob p.rio-lob__sub{font-size:clamp(14px,3.9vw,15px);line-height:1.45;margin-bottom:26px}.rio-lob__tab{font-size:clamp(11px,3.6vw,14px);padding:8px clamp(10px,3.6vw,16px);top:-15px;letter-spacing:.05em;max-width:calc(100% - 16px)}.rio-lob__media{padding:22px 10px 6px}.rio-lob__stack{max-width:290px;height:136px}.rio-lob__stack img{width:50%}.rio-lob__stack .b{width:54%}.rio-lob__copy{padding:16px 16px 18px}.rio-lob__eyebrow{font-size:clamp(10px,2.9vw,11px);gap:8px}.rio-lob__head{font-size:clamp(22px,7.1vw,32px);line-height:1.02;margin:10px 0 8px}.rio-lob p.rio-lob__lede{font-size:clamp(13px,3.7vw,15px);line-height:1.4}.rio-lob__tiers{gap:8px;margin:12px 0 14px}.rio-lob__tier{padding:5px 4px 6px;border-radius:10px}.rio-lob__tier small{font-size:10px;line-height:1.2}.rio-lob__tier strong{font-size:clamp(22px,6.6vw,26px);line-height:1.05}a.rio-lob__cta{min-height:50px;height:50px;font-size:clamp(13px,3.9vw,15px);letter-spacing:clamp(.4px,.25vw,1.28px);padding:0 14px;gap:8px;white-space:nowrap}.rio-lob p.rio-lob__timer{margin-top:10px;font-size:clamp(11px,3.4vw,13px);letter-spacing:clamp(0px,.1vw,.52px);white-space:nowrap}.rio-lob__strip{margin-top:10px}.rio-lob__strip div{flex:1 1 auto;font-size:clamp(11px,3.4vw,13px);padding:8px 6px;white-space:nowrap}.rio-lob p.rio-lob__foot{margin-top:10px;font-size:clamp(12px,3.4vw,13px)}}@media(max-width:359px){.rio-lob__tab{font-size:11px;padding:7px 10px;letter-spacing:.03em}.rio-lob__head{font-size:clamp(22px,7.1vw,32px)}.rio-lob__stack{height:124px}a.rio-lob__cta{font-size:13px;letter-spacing:.4px;padding:0 10px}.rio-lob__strip div{font-size:11px}}a.rio-lob__cta:focus-visible{outline:2px solid #54311d;outline-offset:3px}.rio-lob__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}a.rio-lob__tier{display:block;text-decoration:none!important;color:#54311d!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease}a.rio-lob__tier.hot{color:#fff!important}a.rio-lob__tier:hover{box-shadow:0 2px 8px #54311d2e}a.rio-lob__tier:active{transform:scale(.97)}a.rio-lob__tier:focus-visible{outline:2px solid #54311d;outline-offset:2px}a.rio-lob__cta{font-weight:800}@media(min-width:750px){.rio-lob{padding-top:44px}a.rio-lob__cta{min-height:58px;font-size:17px}}@media(max-width:749px){.rio-lob{padding-top:20px}.rio-lob__media{padding-top:44px}a.rio-lob__cta{min-height:56px;height:56px;font-size:16px;letter-spacing:.6px;padding:0 12px}}@media(max-width:359px){a.rio-lob__cta{font-size:15px;letter-spacing:.3px;padding:0 8px;gap:6px}}@media(min-width:750px){.rio-lob{padding-top:36px;padding-bottom:48px}.rio-lob h2.rio-lob__title{margin-bottom:8px}.rio-lob p.rio-lob__sub{margin-bottom:34px}.rio-lob__head{margin:10px 0 8px;line-height:1}.rio-lob__tiers{margin:14px 0}.rio-lob__tier{padding:7px 6px}.rio-lob p.rio-lob__timer{margin-top:10px}.rio-lob__strip{margin-top:12px}.rio-lob__strip div{padding:10px 8px}.rio-lob p.rio-lob__foot{margin-top:12px}}@media(min-width:990px){.rio-lob__copy{padding:36px 56px 24px}.rio-lob__media{min-height:400px;padding:52px 20px 32px}.rio-lob__stack{max-width:540px;height:360px}.rio-lob__stack img{max-width:280px}.rio-lob__stack .b{max-width:316px}}@media(min-width:750px){.rio-lob__head{font-size:42px}}@media(min-width:990px){.rio-lob__head{font-size:clamp(30px,3vw,42px)}}.rio-lob{padding-top:var(--lob-pt,36px)!important;padding-bottom:var(--lob-pb,48px)!important}.rio-lob__timer[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/236/assets/rio-offer-box.css.map */