.bundles-hero{position:relative;height:635px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;background-color:#5c5149;background-image:url('/assets/bundles/hero.png');background-position:center -53.5px;background-repeat:no-repeat;background-size:100% auto}
.bundles-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}
.bundles-hero-copy{position:relative;z-index:1;text-align:center}
.mobile-hero-title,.compliance-mobile{display:none}
.bundles-hero h1{margin:0;font-size:48px;line-height:64px;letter-spacing:.48px;text-transform:uppercase}
.bundles-hero p{margin:24px 0 0;font-size:16px;line-height:1.21}
.bundles-content{height:2182px;padding-top:32px;background:#fff}
.bundle-heading{height:39px;display:flex;align-items:center;gap:50px;margin:0 40px;color:rgba(0,0,0,.3)}
.bundle-heading h2{margin:0;font-size:24px;line-height:38.4px;letter-spacing:.24px;text-transform:uppercase;white-space:nowrap}
.bundle-heading span{height:1px;flex:1;background:rgba(0,0,0,.12)}
.bundle-grid{height:583px;display:grid;grid-template-columns:repeat(3,1fr);margin:32px 40px 0;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:12px}
.bundle-card{min-width:0;display:flex;flex-direction:column;gap:24px;padding:20px;background:#fff}
.bundle-card+.bundle-card{border-left:1px solid rgba(0,0,0,.1)}
.bundle-card.is-selected{color:#fff;background:#000}
.bundle-card-image{position:relative;height:200px;flex:0 0 200px;overflow:hidden;border-radius:8px}
.bundle-card-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bundle-card[data-bundle="sleep"] .bundle-card-image>img{height:152%;top:-26%}
.bundle-card[data-bundle="immunity"] .bundle-card-image>img{height:300%;top:-100%}
.supporting-grid .bundle-card-image>img{height:320%;top:-110%}
.bundle-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.05))}
.bundle-card-image>div{position:relative;z-index:1;padding:32px;color:#fff}
.bundle-card-image h3{margin:0 0 8px;font-size:27.69px;line-height:normal;font-weight:600}
.bundle-card-image p{margin:0;font-size:15.51px;line-height:normal;font-weight:500}
.bundle-products{height:208px;display:flex;flex-direction:column;gap:8px}
.bundle-products>div{height:64px;display:flex;align-items:center;gap:4px}
.bundle-products i{width:10px;height:10px;flex:0 0 auto;background:currentColor;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.primary-grid .bundle-card:nth-child(1){color:#ff6845}.primary-grid .bundle-card:nth-child(2){color:#678aff}.primary-grid .bundle-card:nth-child(3){color:#ffcb25}.supporting-grid .bundle-card:nth-child(1){color:#a46cff}.supporting-grid .bundle-card:nth-child(2){color:#db4a4a}.supporting-grid .bundle-card:nth-child(3){color:#111}
.bundle-products p{height:64px;min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;justify-content:center;margin:0;padding:8px;color:#111;background:rgba(0,0,0,.03);border-radius:8px;font-size:17.72px;line-height:normal}
.bundle-products b{font-weight:600}.bundle-products span{color:#5a5555;font-weight:500}
.bundle-card.is-selected .bundle-products p{color:#fff;background:rgba(255,255,255,.03)}
.bundle-actions{height:63px;display:flex;gap:8px;padding-top:23px;border-top:1px solid rgba(0,0,0,.12)}
.bundle-card.is-selected .bundle-actions{border-color:rgba(255,255,255,.15)}
.bundle-actions button{height:63px;border-radius:4px;cursor:pointer}
.view-bundle{flex:1;display:flex;align-items:center;justify-content:space-between;padding:16px;color:#231f20;border:1px solid #231f20;background:#fff;font-size:18px;font-weight:600;letter-spacing:.36px}
.view-bundle span{font-size:30px;font-weight:400;line-height:1}
.bundle-card.is-selected .view-bundle{color:#222;background:#080808;border-color:#222;opacity:.38}
.bag-bundle{width:63px;display:grid;place-items:center;border:0;background:#000}.bag-bundle img{width:24px;filter:invert(1)}
.bundle-detail{height:745px;display:flex;flex-direction:column;gap:24px;margin:32px 40px 0;padding:20px;color:#fff;background:#000;border-radius:24px}
.bundle-detail-head{height:28px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.5);font-size:14.25px;font-weight:600;text-transform:uppercase}
.detail-close{width:28px;height:28px;padding:0;color:#00d89a;background:transparent;border:1.6px solid rgba(252,255,253,.3);border-radius:50%;font-size:19px;line-height:22px;cursor:pointer}
.bundle-detail-body{height:653px;display:grid;grid-template-columns:590px 1fr;gap:24px}
.detail-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden;border-radius:12px}
.detail-visual::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.34)}
.detail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.detail-intro,.detail-products{position:relative;z-index:1}
.detail-intro h2{margin:0;font-size:38px;line-height:60.8px;letter-spacing:.38px}.detail-intro p{margin:0;font-size:18px;line-height:25.2px;letter-spacing:.18px;font-weight:500}
.detail-products{display:flex;flex-direction:column;gap:12px}
.detail-products>div{padding:12px 16px;border:.3px solid #fff;border-radius:12px}
.detail-products b{display:block;font-size:17px;line-height:26px}.detail-products b i{display:inline-block;width:10px;height:10px;margin-right:8px;background:#ff6845;border-radius:50%}.detail-products p{margin:1px 0 7px;font-size:13px}.detail-products span{display:inline-block;margin:0 5px 0 0;padding:3px 8px;background:#1b1b1b;border:.5px solid #5a5555;border-radius:99px;font-size:11px}
.detail-copy{display:flex;flex-direction:column;gap:24px;justify-content:center}
.detail-science h3{margin:0 0 24px;color:rgba(255,255,255,.5);font-size:14.25px;text-transform:uppercase}.detail-science p{margin:0 0 19px;color:#8c8787;font-size:18.68px;line-height:normal;font-weight:500}.detail-science p:last-child{margin-bottom:0}.detail-science em{color:#fff;font-style:normal}
.compliance{height:170px;display:flex;align-items:flex-end;justify-content:space-between;padding:20px;color:#fff;background:#0e1c18;border:.33px solid #d5ffda;border-radius:16px;font-size:15.46px;line-height:20px}
.compliance>div{display:flex;flex-direction:column}.compliance>div:first-child{width:273px;color:rgba(255,255,255,.55)}.compliance b{font-weight:500}.compliance>div:last-child{align-items:flex-end;color:#00d89a}
.detail-add{height:55px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;background:transparent;border:1px solid #fff;border-radius:8px;text-transform:uppercase;font-size:18px;font-weight:600;cursor:pointer}.detail-add img{position:absolute;right:24px;width:16px;filter:invert(1)}
.deep-science{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0;color:#00d89a;background:none;border:0;text-transform:uppercase;font-size:14.25px;font-weight:600;cursor:pointer}.deep-science span{width:24px;height:24px;border:1px solid #173b32;border-radius:50%}
.supporting-heading{margin-top:24px}.supporting-grid{margin-top:32px}
.supporting-grid .bundle-card{gap:24px}.supporting-grid .bundle-actions{padding-top:23px}
.bundle-detail.is-hidden{visibility:hidden}
.cart-count:empty{display:none}
@media(max-width:900px){
  .desktop-hero-title{display:none}.mobile-hero-title,.compliance-mobile{display:block}
  .bundles-hero{height:599px;display:block;background:none}
  .bundles-hero::before{content:"";position:absolute;inset:49px 0 0;background-image:url('/assets/bundles/hero.png');background-position:-251.4px 0;background-repeat:no-repeat;background-size:869.3px 550px}
  .bundles-hero::after{inset:49px 0 0}
  .bundles-hero-copy{position:absolute;inset:49px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px}
  .bundles-hero h1{width:100%;margin:0;font-size:24px;line-height:38.4px;letter-spacing:-.24px}
  .bundles-hero p{width:100%;margin:0;font-size:14px;line-height:22.4px}
  .bundles-content{height:4822.54px;display:flex;flex-direction:column;padding:16px 0;background:#fff}
  .primary-heading{order:1}.primary-grid .bundle-card:nth-child(1){order:2}.bundle-detail{order:var(--mobile-detail-order,3)}.primary-grid .bundle-card:nth-child(2){order:4}.primary-grid .bundle-card:nth-child(3){order:6}.supporting-heading{order:8}.supporting-grid .bundle-card:nth-child(1){order:9}.supporting-grid .bundle-card:nth-child(2){order:10}.supporting-grid .bundle-card:nth-child(3){order:11}
  .bundle-heading{width:390px;height:32px;flex:0 0 32px;gap:24px;margin:0;padding:0 12px}
  .bundle-heading h2{font-size:20px;line-height:32px;letter-spacing:.2px}
  .bundle-grid{display:contents;margin:0;border:0}
  .bundle-card,.supporting-grid .bundle-card{width:390px;height:500px;flex:0 0 500px;gap:16px;padding:12px;color:#111;background:#fff;border:0!important}
  .bundle-card.is-selected{background:#fff}
  .bundle-card-image{width:366px;height:160px;flex:0 0 160px}
  .bundle-card-image>div{padding:12px}
  .bundle-card-image h3{margin:0 0 4px;font-size:24px;line-height:38.4px;letter-spacing:.24px}
  .bundle-card-image p{font-size:14px;line-height:22.4px;letter-spacing:.14px}
  .bundle-products{width:366px;height:217px;flex:0 0 217px;gap:8px}
  .bundle-products>div{height:67px;flex:0 0 67px}
  .bundle-products p{height:67px;padding:8px;color:#111!important;background:rgba(0,0,0,.03)!important;font-size:16px;line-height:25.6px;letter-spacing:.16px}
  .bundle-products span{font-size:14px;line-height:22.4px;letter-spacing:.14px}
  .bundle-actions,.supporting-grid .bundle-actions{width:366px;height:67px;flex:0 0 67px;gap:8px;padding-top:16px;border-color:rgba(0,0,0,.12)!important}
  .bundle-actions button{height:51px}.view-bundle{padding:10px 12px;background:#fff!important;color:#231f20!important;opacity:1!important}.bag-bundle{width:51px}
  .bag-bundle img{width:16px}
  .primary-grid .bundle-card:first-child .view-bundle{font-size:0}.primary-grid .bundle-card:first-child .view-bundle::before{content:"View Bundle";font-size:18px}.primary-grid .bundle-card:first-child .view-bundle span{transform:rotate(-90deg)}.primary-grid .bundle-card:nth-child(n+2) .view-bundle span{transform:rotate(90deg)}
  .bundle-detail{width:390px;height:1726.54px;flex:0 0 1726.54px;gap:24px;margin:0;padding:20px;border-radius:0}
  .bundle-detail-head{width:350px;height:27.86px;flex:0 0 27.86px}
  .bundle-detail-body{width:350px;height:1634.68px;display:flex;flex-direction:column;gap:12px}
  .detail-visual{width:350px;height:680.68px;min-height:0;flex:0 0 680.68px;gap:8px;justify-content:center;padding:12px}
  .detail-intro h2{font-size:24px;line-height:38.4px;letter-spacing:.24px}.detail-intro p{font-size:14px;line-height:22.4px;letter-spacing:.14px}
  .detail-products{gap:8px}.detail-products>div{padding:12px}.detail-products b{font-size:18px;line-height:28.8px;letter-spacing:.18px}.detail-products p{margin:0 0 8px;font-size:14px;line-height:22.4px}.detail-products span{margin:0 4px 4px 0;padding:4px 8px;font-size:11px;line-height:17.6px}
  .detail-copy{width:350px;height:942px;flex:0 0 942px;display:flex;gap:12px;justify-content:flex-start;padding:0}
  .detail-science{width:350px;height:483px;flex:0 0 483px}.detail-science h3{height:23px;margin:0 0 12px;font-size:14px;line-height:22.4px}.detail-science p{height:103px;margin:0 0 12px;overflow:hidden;font-size:16px;line-height:25.6px}.detail-science p:last-child{margin:0}
  .compliance{display:none}.compliance-mobile{width:350px;height:340px;flex:0 0 340px;padding:20px;color:#fff;background:#0e1c18;border:.33px solid #d5ffda;border-radius:16px;font-size:15.46px;line-height:20px;font-weight:500}
  .compliance-mobile>b{display:block;margin-bottom:10px;text-align:center;color:rgba(255,255,255,.5);font-weight:500}.compliance-mobile>div{height:50px;display:flex;flex-direction:column;gap:6px}.compliance-mobile span{color:rgba(255,255,255,.5)}.compliance-mobile strong{color:#00d89a;text-align:right;font-weight:500}
  .detail-add{height:47px;flex:0 0 47px;padding:12px;text-align:left;justify-content:flex-start}.detail-add img{right:12px}
  .deep-science{height:24px;flex:0 0 24px}
  .supporting-heading{margin-top:0}
  .site-header{position:absolute}
}
