.supplement_fact_html{width:100%;box-sizing:border-box}.supplement-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.supplement-modal[aria-hidden=false]{opacity:1;visibility:visible}.supplement-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;cursor:pointer}.supplement-modal__container{position:relative;background-color:transparent;max-width:95vw;max-height:95vh;width:auto;height:auto;transform:scale(.9);transition:transform .3s ease}.supplement-modal[aria-hidden=false] .supplement-modal__container{transform:scale(1)}.supplement-modal__close{position:absolute;top:-15px;right:-15px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background-color:#fffffff2;border-radius:50%;cursor:pointer;color:#333;transition:all .2s ease;z-index:10;box-shadow:0 4px 12px #0000004d}.supplement-modal__close:hover{background-color:#f30014;color:#fff;transform:scale(1.1)}.supplement-modal__close:focus{outline:2px solid #f30014;outline-offset:2px}.supplement-modal__image-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.supplement-modal__image{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:8px;box-shadow:0 8px 32px #0006;object-fit:contain}.supplement-modal__placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;background-color:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#666;font-size:1rem}@media screen and (max-width: 749px){.supplement-modal__container{max-width:90vw;max-height:98vh;margin:10px}.supplement-modal__close{top:-10px;right:-10px;width:30px;height:30px}.supplement-modal__image{max-height:98vh;border-radius:4px}}@media screen and (min-width: 750px) and (max-width: 999px){.supplement-modal__container{max-width:90vw;max-height:90vh}}@media screen and (min-width: 1000px){.supplement-modal__container{max-width:85vw;max-height:90vh}}@media (prefers-reduced-motion: reduce){.supplement-modal,.supplement-modal__container,.supplement-modal__close{transition:none}}.supplement-modal:focus{outline:none}body.supplement-modal-open{overflow:hidden}@media (prefers-contrast: high){.supplement-modal__container{border:2px solid}.supplement-modal__header{border-bottom:2px solid}}.supplement-modal__content{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.supplement-facts-label{background-color:#000;border:3px solid #ffffff;border-radius:0;max-width:none;max-height:none;overflow:visible;padding:16px;font-family:var(--font-body-family);color:#fff;box-shadow:0 8px 32px #0006;width:100%;box-sizing:border-box;transition:transform .3s ease}.supplement-facts-header{text-align:left;border-bottom:8px solid #ffffff;padding-bottom:8px;margin-bottom:2px}.supplement-facts-header h2{font-size:22px;font-weight:700;margin:0 0 6px;letter-spacing:1px;width:auto;min-width:0;color:#fff;max-width:100%;text-align:left;display:block;white-space:normal;overflow:visible;font-family:Roboto,Arial,sans-serif;box-sizing:border-box}.serving-info{font-size:14px;line-height:1.2}.serving-info div{margin:1px 0}.supplement-facts-table{width:100%;border-collapse:collapse;margin:0;font-size:1em;border:3px solid #ffffff;table-layout:auto}.supplement-facts-table th{background-color:#000;color:#000;padding:8px 4px;text-align:center;font-weight:var(--font-body-weight-bold);font-size:.85em;border-top:3px solid #ffffff;border-bottom:3px solid #ffffff}.supplement-facts-table th.ingredient-col{text-align:left;width:45%;color:#fff;padding-left:8px}.supplement-facts-table th.amount-col{width:18%;color:#fff}.supplement-facts-table th.dv-col{width:12%;color:#fff}.supplement-facts-table td{padding:5px 4px;border:none;border-bottom:1px solid #ffffff;vertical-align:middle;color:#fff;font-size:.92em}.supplement-facts-table td.ingredient{font-weight:var(--font-body-weight-bold);text-align:left;padding-left:8px;padding-right:8px;color:#fff;border-right:3px solid #ffffff;background-color:#000}.supplement-facts-table td.amount{text-align:center;font-weight:var(--font-body-weight-bold);background-color:#000;color:#fff}.supplement-facts-table td.dv{text-align:center;color:#fff;font-weight:var(--font-body-weight-bold);background-color:#000}.supplement-facts-table tr:last-child td{border-bottom:3px solid #ffffff}.supplement-facts-footer{margin-top:5px;color:#fff;font-size:.85em;line-height:1.3}.supplement-facts-footer p{margin:3px 0}.other-ingredients{margin-top:8px;border-top:1px solid #ffffff;padding-top:6px}.other-ingredients p{margin:0;text-align:justify;color:#fff;font-size:11px;line-height:1.3}@media screen and (max-width: 749px){.supplement-facts-label{max-width:95%;padding:15px}.serving-info{font-size:.92em}.supplement-facts-table{font-size:.85em}.supplement-facts-table th{padding:6px 2px;font-size:.75em}.supplement-facts-table td{padding:4px 2px}.supplement-facts-footer{font-size:.8em}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-supplement-modal.css.map */