/* Sales boxes — ported from prostapeak.com/start?__v=i (vsl-v1/css/media-v1-2.css + commons.css).
   Every class is ob- prefixed and scoped to .ob-sec so GlucoExtend's own .pkg1/.pkgbtn/.cards rules can't leak in. */

.ob-sec{display:block;width:100%;clear:both;padding:58px 0;background:#fff;font-family:"Figtree",sans-serif;color:#000;-webkit-font-smoothing:antialiased}
.ob-sec *{box-sizing:border-box;font-family:inherit}
.ob-sec p,.ob-sec ul,.ob-sec li{margin:0;padding:0}
.ob-sec li{list-style:none}
.ob-sec a{text-decoration:none}
.ob-sec img{max-width:100%}
.ob-sec .ob-container{width:1170px;max-width:100%;margin:0 auto;padding:0 50px}

.ob-sec .ob-row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.ob-sec .ob-pkg{width:32.61%}
.ob-sec .ob-pkg-six{order:2;border:2px solid #0c3f7f;background:#0c3f7f;box-shadow:0 0 10px #bfbebe}
.ob-sec .ob-pkg-three{order:3}
.ob-sec .ob-pkg-two{order:1}
.ob-sec .ob-pkg-three,.ob-sec .ob-pkg-two{border:2px solid #68aed0;background:#68aed0;margin-top:20px}

.ob-sec .ob-body{padding:20px 10px 25px;background:linear-gradient(#eef7fc,#fff)}
.ob-sec .ob-pkg-six .ob-body{background:#112c4b;padding:20px 10px 30px}
.ob-sec .ob-pkg-two .ob-body{padding:20px 10px 15px}

.ob-sec .ob-label{font-weight:700;font-size:18px;line-height:28px;text-align:center;text-transform:uppercase;letter-spacing:1.4px;padding:3px 10px;background:#68aed0;color:#fff}
.ob-sec .ob-pkg-six .ob-label{background:#ffd200;color:#000}

.ob-sec .ob-qty{font-weight:800;font-size:36px;line-height:36px;color:#0c3f7f;text-align:center;text-transform:uppercase}
.ob-sec .ob-pkg-six .ob-qty{color:#ffd200}
.ob-sec .ob-supply{font-weight:700;font-size:20px;line-height:30px;text-align:center;text-transform:uppercase;margin-top:5px;letter-spacing:2px;color:#000}
.ob-sec .ob-pkg-six .ob-supply{color:#fff}
.ob-sec .ob-divider{height:1px;width:100%;background:#3467a0;margin:10px 0 16px}

.ob-sec .ob-bottles{position:relative}
.ob-sec .ob-bottles-img{margin:0 auto;display:block;max-width:100%;height:auto}
.ob-sec .ob-savebadge{position:absolute;right:0;top:44px;width:89px;height:89px}
.ob-sec .ob-savebadge::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/ob-save-badge.webp) center/contain no-repeat;z-index:1}
.ob-sec .ob-pkg-six .ob-savebadge::before{animation:ob-spin 10s linear infinite}
.ob-sec .ob-savebadge p{z-index:2;position:relative;font-weight:700;font-size:17px;line-height:23px;color:#fff;text-align:center;text-transform:uppercase;padding-top:21px}
.ob-sec .ob-savebadge p span{font-size:22px}

.ob-sec .ob-price{font-weight:700;font-size:56px;line-height:50px;color:#0c3f7f;text-align:center;margin-top:8px}
.ob-sec .ob-price span{color:#818181;font-size:20px;font-weight:400}
.ob-sec .ob-pkg-six .ob-price{color:#fff}
.ob-sec .ob-pkg-six .ob-price span{color:#8ba4c3}
.ob-sec .ob-yousave{font-weight:700;font-size:18px;line-height:24px;text-align:center;color:#0c3f7f;text-transform:uppercase;letter-spacing:2px}
.ob-sec .ob-pkg-six .ob-yousave{color:#fff}

.ob-sec .ob-perks{padding:10px 50px 0}
.ob-sec .ob-perks li{position:relative;background:#fff;padding:3px 14px 1px 38px;font-family:"DM Sans",sans-serif;font-weight:800;font-size:16px;line-height:24px;text-align:left;text-transform:uppercase;margin-top:2px;border-radius:30px;border:1px solid #efebd7;color:#000}
.ob-sec .ob-perks li.ob-off{color:#cdcdcd}
.ob-sec .ob-perks li img{position:absolute;left:5px;top:4px}

.ob-sec .ob-btn{display:flex;align-items:center;justify-content:center;width:94%;height:54px;margin:20px auto 0;background:#00cb57;border:0;border-radius:4px;outline:0;box-shadow:0 5px 5px #d9d9d9;font-weight:800;font-size:26px;line-height:54px;color:#fff;text-align:center}
.ob-sec .ob-pkg-six .ob-btn{box-shadow:none}
.ob-sec .ob-btn:hover,.ob-sec .ob-btn:focus{color:#fff;text-decoration:none}
.ob-sec .ob-btn img{display:block;flex:0 0 auto;width:25px;height:25px;margin:0 0 0 10px;vertical-align:middle}
.ob-sec .ob-pulse{animation:ob-pulse 2s ease-in-out infinite}

.ob-sec .ob-shipping{font-weight:700;font-size:14px;line-height:22px;text-align:center;text-transform:uppercase;letter-spacing:3px;margin-top:7px;color:#000}
.ob-sec .ob-cards{margin:24px auto 0;display:block;max-width:100%;height:auto}
.ob-sec .ob-pkg-two .ob-cards{margin-top:12px}

.ob-sec .ob-total{font-weight:600;font-size:18px;line-height:28px;text-align:center;text-transform:uppercase;margin-top:12px;letter-spacing:2px;color:#000}
.ob-sec .ob-pkg-six .ob-total{color:#fff}
.ob-sec .ob-strike{position:relative;color:#8b8b8b}
.ob-sec .ob-pkg-six .ob-strike{color:#88a1c0;margin:0 6px;padding:0 2px}
.ob-sec .ob-strike::after{content:"";position:absolute;left:0;right:0;top:54%;margin-top:-.06em;border-bottom:.1em solid #ff0202;transform:rotate(-10deg)}

.ob-sec .ob-perday{font-size:24px;line-height:36px;color:#4097c1;font-style:italic;text-align:center;margin-top:6px}
.ob-sec .ob-pkg-six .ob-perday{color:#ffd200}
.ob-sec .ob-perday span{background:url(../images/ob-highlight.webp) center/100% 100% no-repeat;padding:4px 15px}
.ob-sec .ob-coffee{font-size:18px;line-height:24px;text-align:center;margin-top:10px;color:#fff}

@keyframes ob-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ob-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}

@media only screen and (max-width:1200px){
  .ob-sec .ob-container{width:1000px;padding:0}
  .ob-sec .ob-perks{padding:10px 30px 0}
}
@media only screen and (max-width:1030px){
  .ob-sec{padding:48px 0 52px}
  .ob-sec .ob-container{width:750px}
  .ob-sec .ob-label{font-size:16px;line-height:26px;padding:2px 10px}
  .ob-sec .ob-qty{font-size:32px;line-height:32px}
  .ob-sec .ob-supply{font-size:18px;line-height:28px;margin-top:3px}
  .ob-sec .ob-savebadge{top:36px;width:75px;height:75px}
  .ob-sec .ob-savebadge p{font-size:15px;line-height:19px;padding-top:18px}
  .ob-sec .ob-savebadge p span{font-size:20px}
  .ob-sec .ob-price{font-size:50px;line-height:42px}
  .ob-sec .ob-price span{font-size:18px}
  .ob-sec .ob-yousave{font-size:16px;line-height:22px}
  .ob-sec .ob-perks{padding:10px 10px 0}
  .ob-sec .ob-perks li{font-size:15px;line-height:23px;padding:3px 14px 1px 34px}
  .ob-sec .ob-btn{width:100%;margin:18px auto 0;font-size:24px}
  .ob-sec .ob-cards{margin:18px auto 0;width:200px}
  .ob-sec .ob-total{font-size:16px;line-height:26px;margin-top:10px}
  .ob-sec .ob-perday{font-size:20px;line-height:32px}
  .ob-sec .ob-coffee{font-size:16px;line-height:22px}
}
@media only screen and (max-width:767px){
  .ob-sec{padding:35px 0 40px}
  .ob-sec .ob-container{width:100%;max-width:640px;padding:0 12px}
  .ob-sec .ob-row{justify-content:center}
  .ob-sec .ob-pkg{width:340px;margin-top:20px}
  .ob-sec .ob-pkg-six{margin-top:0;order:1}
  .ob-sec .ob-pkg-three{order:2}
  .ob-sec .ob-pkg-two{order:3}
  .ob-sec .ob-body,.ob-sec .ob-pkg-six .ob-body,.ob-sec .ob-pkg-two .ob-body{padding:15px 15px 16px}
  .ob-sec .ob-perks{padding:10px 40px 0}
}
@media only screen and (max-width:359px){
  .ob-sec .ob-pkg{width:100%}
}