.msgrid-section{background:#f9fafb;padding:5rem 0 12rem}.msgrid-inner{display:flex;flex-direction:column;gap:2rem}.msgrid-tabs{scrollbar-width:none;-ms-overflow-style:none}.msgrid-section-one,.msgrid-section-two{display:none}.msgrid-section-one.active,.msgrid-section-two.active{display:block}.animate--fade-out{opacity:0!important;transition:opacity .3s ease,transform .3s ease!important}.msgrid-supplement-grid{display:grid;gap:2rem;padding:2rem;grid-template-columns:repeat(4,1fr);background:#1d1d1d05;border-radius:16px}.msgrid-supplement-card{background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:default;display:flex;flex-direction:column}.msgrid-card-visual{position:relative;overflow:hidden;transition:all .3s ease;background:#fff;display:flex;justify-content:center;align-items:flex-end;padding:4rem 3rem 0rem}.msgrid-card-visual.box{display:block;padding:0}.msgrid-visual-background{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.msgrid-capsule-container{display:flex;align-items:center;justify-content:center;flex:1}.msgrid-capsule-image{width:100%;height:auto;object-fit:contain;transition:opacity .3s ease}.msgrid-box-card .msgrid-visual-background{height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.msgrid-box-icon{position:absolute;top:12px;right:12px;font-size:16px;background:#ffffff4d;color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.msgrid-box-icon-image{width:18px;height:18px;object-fit:contain}.msgrid-box-card .msgrid-category-label{display:none}.msgrid-card-info{padding:1rem 3rem 3rem;background:#fff;display:flex;flex-direction:column;justify-content:space-between;flex:1;transition:all .3s ease}.msgrid-card-info.box{padding-top:2rem}.msgrid-card-top{display:flex;flex-direction:column}.msgrid-card-top .product-name{margin-bottom:.25rem}.msgrid-card-top .dosage{margin-bottom:2rem}.dosage.tiny{display:none}.dosage.laptop{display:block}.msgrid-card-top .dosage.tiny-box{display:none}.msgrid-card-top .dosage.laptop-box{display:block}.msgrid-card-footer{display:flex;justify-content:space-between;align-items:center;margin:0}.add-to-box-btn{cursor:pointer;transition:box-shadow .2s ease}.add-to-box-btn:hover{box-shadow:inset 0 0 0 1px #1d1d1d,0 1px 2px #00000005,0 0 0 1px #b4b4b40d,inset 0 -1px 2px 1px #0000000d}.msgrid-card-price-details{display:flex;flex-direction:column;align-items:flex-start;gap:0px}.msgrid-card-price{display:flex;align-items:baseline;gap:0px;margin-bottom:0}.msgrid-card-top{margin-bottom:3rem}.msgrid-benefit-tags{display:flex;flex-wrap:wrap;gap:.5rem;overflow:hidden;transition:max-height .3s ease-in-out;max-height:var(--tag-height-single, 2.375rem)}.msgrid-benefit-tags .msgrid-benefit-tag:first-child{opacity:1;visibility:visible}.msgrid-benefit-tags .msgrid-benefit-tag:not(:first-child){opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.msgrid-benefit-tags .msgrid-tag-count{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.msgrid-supplement-card:hover .msgrid-benefit-tags{max-height:var(--tag-height-double, 4.75rem)!important}.msgrid-supplement-card:hover .msgrid-benefit-tags .msgrid-benefit-tag,.msgrid-supplement-card:hover .msgrid-benefit-tags .msgrid-tag-count.show-count{opacity:1;visibility:visible}.msgrid-supplement-card:hover .msgrid-benefit-tags .msgrid-tag-count.hide-count{opacity:0;visibility:hidden}.msgrid-supplement-card{position:relative!important;transition:all .3s ease}.msgrid-supplement-card:hover .msgrid-card-info{background:#fff;transition:all .3s ease;padding-top:2rem;position:relative;z-index:2}.msgrid-supplement-card:hover .msgrid-card-visual{position:relative;transition:all .3s ease;align-items:flex-end;overflow:hidden}.msgrid-supplement-card:hover .msgrid-capsule-container{position:relative;z-index:1}.msgrid-supplement-card:hover .msgrid-capsule-image{opacity:0;height:auto;object-fit:cover;transition:opacity 0s ease}.msgrid-supplement-card.msgrid-box-card:hover .msgrid-capsule-image{opacity:0;transition:opacity .3s ease}.msgrid-supplement-card[data-box=Sleep]:hover .msgrid-visual-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/cdn/shop/files/sleep_stack_supplements_large-min.png?v=1758610965);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:1;transition:opacity .3s ease;margin:0!important;padding:0!important;border:none!important}.msgrid-supplement-card[data-box=Fitness]:hover .msgrid-visual-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/cdn/shop/files/fitness_stack_supplements_large-min.png?v=1758611477);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:1;transition:opacity .3s ease;margin:0!important;padding:0!important;border:none!important}.msgrid-supplement-card[data-box="Your Stack"]:hover .msgrid-visual-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/cdn/shop/files/fitness_stack_supplements_large-min.png?v=1758611477);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:1;transition:opacity .3s ease;margin:0!important;padding:0!important;border:none!important}.msgrid-supplement-card:hover .msgrid-card-visual:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;z-index:0;opacity:1;transition:opacity .3s ease;margin:0!important;padding:0!important;border:none!important}.msgrid-supplement-card[data-supplement=Ashwagandha]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/ashwagandha_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement=Biotin]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/biotin_mouth-min.png?v=1755157751)}.msgrid-supplement-card[data-supplement=Calcium]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/calcium_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement=CoQ10]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/coq10_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement="Folic Acid"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/folic_acid_mouth-min.png?v=1755157751)}.msgrid-supplement-card[data-supplement=Iron]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/iron_mouth-min.png?v=1755157751)}.msgrid-supplement-card[data-supplement=Magnesium]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/magnesium_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement="Omega 3"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/omega3_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement=Probiotics]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/probiotics_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement="Vitamin B12"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/vitaminb12_mouth-min.png?v=1755157751)}.msgrid-supplement-card[data-supplement="Vitamin B2"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/vitaminb2_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement="Vitamin B6"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/vitaminb6_mouth-min.png?v=1755157751)}.msgrid-supplement-card[data-supplement="Vitamin C"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/vitaminc_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement="Vitamin D"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/vitamind_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement="Vitamin E"]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/vitamine_mouth-min.png?v=1755157752)}.msgrid-supplement-card[data-supplement=Zinc]:hover .msgrid-card-visual:before{background:url(/cdn/shop/files/zinc_mouth-min.png?v=1755157751)}@media screen and (max-width: 1350px){.msgrid-supplement-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 950px){.msgrid-supplement-card:hover .msgrid-benefit-tags,.msgrid-benefit-tags{max-height:unset!important}.msgrid-supplement-card:hover .msgrid-benefit-tags .msgrid-benefit-tag{opacity:0;visibility:hidden}.msgrid-supplement-card:hover .msgrid-benefit-tags .msgrid-benefit-tag:first-child,.msgrid-supplement-card:hover .msgrid-benefit-tags .msgrid-tag-count{opacity:1;visibility:visible}.msgrid-supplement-card:hover .msgrid-card-info{background:#fff;padding-top:1rem;position:relative;z-index:1}.msgrid-supplement-card:hover .msgrid-card-info.box{padding-top:2rem}.msgrid-supplement-card:hover .msgrid-card-visual{position:relative;align-items:flex-end;overflow:visible}.msgrid-supplement-card:hover .msgrid-capsule-container{position:relative;z-index:1}.msgrid-supplement-card:hover .msgrid-capsule-image{opacity:1;height:auto;object-fit:contain}.msgrid-supplement-card:hover .msgrid-card-visual:before{display:none}.msgrid-supplement-card.msgrid-box-card:hover .msgrid-capsule-image{opacity:1!important}.msgrid-supplement-card.msgrid-box-card:hover .msgrid-visual-background:before{display:none!important}.msgrid-supplement-grid{gap:1rem;padding:1rem}.add-to-box-btn:hover{box-shadow:inset 0 0 0 1px #1d1d1d33,0 1px 2px #00000005,0 0 0 1px #b4b4b40d,inset 0 -1px 2px 1px #0000000d!important}.msgrid-card-visual{padding:3rem 2rem 0rem}.msgrid-card-top .product-name{margin-bottom:0rem}.msgrid-card-top .dosage{margin-bottom:1.5rem}.msgrid-card-top{margin-bottom:2rem}.msgrid-card-info{padding:1rem 2rem 2rem}.msgrid-card-info.box{padding-top:2rem}.msgrid-benefit-tags{gap:.25rem}}@media screen and (max-width: 768px){.msgrid-supplement-grid{grid-template-columns:repeat(2,1fr)}.msgrid-card-top .product-name,.msgrid-card-top .dosage{text-align:center}.msgrid-benefit-tags{justify-content:center}}@media screen and (max-width: 650px){.msgrid-tabs-wrapper{flex:1 1 auto;width:100%}.msgrid-tabs,.msgrid-nav-button{width:100%}}@media screen and (max-width: 550px){.msgrid-supplement-grid{gap:1rem;padding:0;background:transparent}.msgrid-card-visual{padding:1.5rem 1rem 0rem}.msgrid-card-info{padding:1rem 1rem 1.5rem}}@media screen and (max-width: 447px){.msgrid-card-top .dosage.tiny-box{display:block}.msgrid-card-top .dosage.laptop-box{display:none}}@media screen and (max-width: 389px){.msgrid-card-top .dosage.tiny{display:block}.msgrid-card-top .dosage.laptop{display:none}}.msgrid-supplement-card.added{box-shadow:0 2px 6px #00000005,8px 16px 32px #00000003,inset 0 -1px #0000000d,0 0 0 1px #00de72}.msgrid-added-tag{display:inline-flex;align-items:center;background:transparent;padding:0;color:#00de72;gap:5px}.msgrid-added-tag .icon{color:#00de72;width:16px;height:16px}.msgrid-added-tag .added-text{color:#00de72}@media screen and (max-width: 950px){.msgrid-added-tag{gap:4px}}@media screen and (max-width: 550px){.msgrid-added-tag{gap:3px}}@media screen and (max-width: 375px){.msgrid-added-tag .added-text{display:none}.msgrid-added-tag{gap:0}}.your-stack-completed-bubble{position:absolute;top:10px;right:10px;width:20px;height:20px;background:#31ff9b;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #31ff9b4d;z-index:10;animation:pulse-quiz-bubble 2s ease-in-out infinite}.your-stack-completed-bubble .quiz-bubble-icon{color:#fff;font-size:10px;font-weight:700;line-height:1}.msgrid-supplement-card{position:relative}.msgrid-supplement-overlay{position:absolute;top:60%;left:-10px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;z-index:2;transform:rotate(1deg)}.msgrid-supplement-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:42%;margin:0;border-bottom:1px solid #1d1d1d;padding-bottom:0rem}.msgrid-supplement-name-sachet,.msgrid-supplement-dose-sachet{color:#1d1d1d;font-family:inherit;font-size:8px;font-weight:500;line-height:1.2}@media screen and (min-width: 951px){.msgrid-supplement-card[data-box="Your Stack"]:hover .msgrid-supplement-overlay{display:none}}@media screen and (max-width: 550px){.msgrid-supplement-name-sachet,.msgrid-supplement-dose-sachet{font-size:6px}.msgrid-supplement-overlay{left:-5px}}@media screen and (max-width: 375px){.msgrid-supplement-name-sachet,.msgrid-supplement-dose-sachet{font-size:5px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/main-supplement-grid-css.css.map */