@charset "UTF-8";.sf-modal *{box-sizing:border-box;margin:0;padding:0}.sf-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;display:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sf-modal.sf-active .sf-modal-overlay{opacity:.7}.sf-modal.sf-active .sf-modal-container{opacity:1;transform:translate(-50%,-50%) scale(1)}.sf-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .3s ease}.sf-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:calc(100% - 40px);max-width:800px;max-height:90vh;background-color:#fefbf5;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;padding:20px;overflow-y:auto;display:flex;flex-direction:column;opacity:0;transition:transform .3s ease,opacity .3s ease;margin:0 auto}@media(max-width:768px){.sf-modal-container{max-width:600px;padding:18px;max-height:88vh}}@media(max-width:480px){.sf-modal-container{padding:16px 14px;width:calc(100% - 24px);border-radius:16px;max-height:90vh}}@media(min-width:768px){.sf-modal-container{padding:24px;width:calc(100% - 80px)}}.sf-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:background-color .2s,color .2s;z-index:5}.sf-close-btn:hover{background-color:#0000000d;color:#333}@media(max-width:480px){.sf-close-btn{top:12px;right:12px;width:32px;height:32px}}.sf-modal-header{margin-bottom:12px;padding-right:40px}.sf-title{font-size:24px;font-weight:700;color:#333;margin-bottom:12px}.sf-supplements-header{padding-bottom:12px;border-bottom:1px solid #e0e0e0;margin-bottom:12px}@media(max-width:768px){.sf-modal-header{margin-bottom:10px}.sf-title{font-size:20px;margin-bottom:8px}.sf-supplements-header{padding-bottom:10px;margin-bottom:10px}}@media(max-width:480px){.sf-modal-header{margin-bottom:8px;padding-right:30px}.sf-title{font-size:18px;margin-bottom:6px}.sf-supplements-header{padding-bottom:8px;margin-bottom:8px}}.sf-serving-info{font-size:14px;color:#666}@media(max-width:480px){.sf-serving-info{font-size:13px}}.sf-separator{margin:0 10px;color:#999}.sf-modal-content{flex-grow:1;overflow-y:auto;padding-right:10px}.sf-key-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;text-align:center;padding-top:4px}@media(max-width:640px){.sf-key-facts{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}}@media(max-width:480px){.sf-key-facts{grid-template-columns:repeat(3,1fr);gap:6px;padding-top:2px;margin-bottom:12px}}.sf-key-fact{display:flex;flex-direction:column;align-items:center}.sf-icon-container{width:48px;height:48px;border-radius:50%;background:#f8f8f8;display:flex;align-items:center;justify-content:center;margin-bottom:8px}@media(max-width:640px){.sf-icon-container{width:42px;height:42px;margin-bottom:6px}}@media(max-width:480px){.sf-icon-container{width:38px;height:38px;margin-bottom:5px}}.sf-icon{max-width:28px;max-height:28px;object-fit:contain}@media(max-width:640px){.sf-icon{max-width:24px;max-height:24px}}@media(max-width:480px){.sf-icon{max-width:22px;max-height:22px}}.sf-icon-placeholder{width:48px;height:48px}.sf-key-fact-label{font-size:12px;color:#333;font-weight:500;line-height:1.1}@media(max-width:640px){.sf-key-fact-label{font-size:11px;line-height:1.1}}@media(max-width:480px){.sf-key-fact-label{font-size:10px;line-height:1}}.sf-ingredients-container{border-top:1px solid #e0e0e0;padding-top:12px;margin-top:4px}.sf-ingredients-header{display:flex;justify-content:space-between;font-weight:600;font-size:15px;color:#333;margin-bottom:10px;padding:0 8px}@media(max-width:480px){.sf-ingredients-container{padding-top:10px}.sf-ingredients-header{font-size:14px;margin-bottom:8px;padding:0 6px}}.sf-ingredients-list{max-height:30vh;overflow-y:auto}@media(max-width:480px){.sf-ingredients-list{max-height:25vh}}.sf-ingredient-row{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #eee;font-size:14px;transition:background-color .2s}@media(max-width:480px){.sf-ingredient-row{padding:6px;font-size:13px}}.sf-ingredient-row:hover{background-color:#00000005}.sf-ingredient-row:last-child{border-bottom:none}.sf-ingredient-name{flex:1;padding-right:20px;color:#444;font-weight:500}.sf-ingredient-value{color:#333;font-weight:600;white-space:nowrap}.sf-modal-content::-webkit-scrollbar,.sf-ingredients-list::-webkit-scrollbar{width:6px;height:6px}.sf-modal-content::-webkit-scrollbar-track,.sf-ingredients-list::-webkit-scrollbar-track{background:#f3f3f3;border-radius:3px}.sf-modal-content::-webkit-scrollbar-thumb,.sf-ingredients-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-custom-popup-modal.css.map */