.creatine-upsell-wrap{padding-top:20px;margin:4px 0 20px}.creatine-upsell-banner{position:relative;display:flex;align-items:stretch;gap:20px;background:#fef9ec;border:1px solid #F5EBCB;border-radius:20px;padding:16px 22px 16px 16px;margin:0;font-family:Inter,sans-serif}.creatine-upsell-banner__image{flex-shrink:0;width:150px;display:flex;align-items:stretch;align-self:stretch}.creatine-upsell-banner__image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.creatine-upsell-banner__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-self:center;gap:3px}.creatine-upsell-banner__badge{position:absolute;top:-16px;right:22px;display:inline-block;background:#fcd95b;color:#4b4b4b;font-size:14px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;line-height:1;padding:11px 20px;border-radius:14px;margin:0;width:fit-content;z-index:2}.creatine-upsell-banner__heading{font-weight:800;font-size:18px;margin:0;color:#1a1708;line-height:1.25}.creatine-upsell-banner__sub{font-size:13px;font-weight:400;color:#6b7280;margin:0 0 12px;line-height:1.4}.creatine-upsell-banner__btn{flex-shrink:0;align-self:center;background:#fcd95b;color:#1a1708;border:2px solid #F4C634;border-radius:50px;padding:0 28px;height:46px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:background .2s ease,transform .15s ease}.creatine-upsell-banner__btn:hover{background:#f4c634;transform:translateY(-1px)}.creatine-upsell-banner__features{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:10px 16px}.creatine-feature{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#1a1708;line-height:1.2}.creatine-feature span{max-width:none;word-break:normal;overflow-wrap:normal}.creatine-feature__icon{width:22px;height:22px;flex-shrink:0}@media screen and (max-width:480px){.creatine-upsell-banner{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto auto auto auto;column-gap:14px;row-gap:0;padding:16px}.creatine-upsell-banner__content{display:contents}.creatine-upsell-banner__badge{top:-13px;right:14px;font-size:11.5px;padding:9px 14px;border-radius:12px}.creatine-upsell-banner__image{grid-column:1;grid-row:1 / span 2;width:100px;align-self:center}.creatine-upsell-banner__heading{grid-column:2;grid-row:1;align-self:end;font-size:16px;margin-bottom:4px}.creatine-upsell-banner__sub{grid-column:2;grid-row:2;align-self:start;font-size:12px;margin:0}.creatine-upsell-banner__features{grid-column:1 / -1;grid-row:3;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;font-size:10px}.creatine-feature{flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:10px;line-height:1.2}.creatine-feature__icon{width:22px;height:22px}.creatine-upsell-banner__btn{grid-column:1 / -1;grid-row:4;width:100%;height:44px;margin-top:14px}}.creatine-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.creatine-modal[hidden]{display:none}.creatine-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a17088c}.creatine-modal__content{position:relative;background:#fff;color:#1a1708;border-radius:20px;padding:28px 28px 0;width:100%;max-width:700px;max-height:92vh;overflow-y:auto;z-index:1;box-shadow:0 10px 40px #0000002e}.creatine-modal__close{position:absolute;top:12px;right:16px;background:none;border:none;color:#1a1708;font-size:30px;cursor:pointer;line-height:1;padding:4px}.creatine-modal__title{font-size:30px;font-weight:800;line-height:1.1;margin:6px 36px 6px 0;color:#1a1708}.creatine-modal__desc{font-size:15px;color:#6b6b6b;margin:0 0 18px;line-height:1.4}.creatine-modal__hero{border-radius:14px;overflow:hidden;margin-bottom:20px}.creatine-modal__hero img{width:100%;height:auto;display:block}.creatine-modal__benefits{display:grid;grid-template-columns:1fr 1fr;row-gap:16px;max-width:400px;margin:auto auto 15px}.creatine-benefit{display:flex;align-items:center;gap:12px}.creatine-benefit:nth-child(odd){padding-right:12px}.creatine-benefit:nth-child(2n){padding-left:16px;border-left:1px solid #E5E0D5}.creatine-benefit__icon{flex-shrink:0;width:44px;height:44px;border:1.5px solid #1D6FB8;color:#1d6fb8;border-radius:50%;display:flex;align-items:center;justify-content:center}.creatine-benefit__icon svg{width:22px;height:22px}.creatine-benefit__text{font-size:14px;line-height:1.25;color:#1a1708}.creatine-modal__lab-link{display:block;text-align:center;color:#1d6fb8;font-size:15px;text-decoration:underline;margin-bottom:20px}.creatine-modal__choose{font-size:18px;font-weight:800;margin:0 0 12px}.creatine-modal__variants{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.creatine-variant-option{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:1.5px solid #E5E0D5;border-radius:14px;padding:22px 6px 12px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.creatine-variant-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.creatine-variant-option:hover{border-color:#f4c634}.creatine-variant-option.is-selected{border-color:#f4c634;background:#fff9ed}.creatine-variant-option__badge{position:absolute;top:0;left:50%;transform:translate(-50%);background:#f4c634;color:#1a1708;font-size:10.5px;font-weight:800;text-transform:uppercase;padding:2px 10px;border-radius:0 0 8px 8px;white-space:nowrap}.creatine-variant-option__title{font-size:18px;font-weight:700;line-height:1.2}.creatine-variant-option__serves{font-size:12.5px;color:#6b6b6b;margin-top:2px}.creatine-variant-option__price{font-size:21px;font-weight:800;margin-top:10px}.creatine-variant-option__unit{font-size:12.5px;color:#6b6b6b}.creatine-variant-option__per{width:80%;margin-top:10px;padding-top:8px;border-top:1px solid #E5E0D5;font-size:12.5px;color:#6b6b6b}.creatine-variant-option.is-selected .creatine-variant-option__per{border-top-color:#e8d9a8}.creatine-modal__footer{position:sticky;bottom:0;background:#fff;padding:10px 0 20px;margin-top:6px}.creatine-modal__note{text-align:center;font-size:12.5px;color:#6b6b6b;margin:0 0 10px}.creatine-modal__add-btn{width:100%;height:56px;background:#f4c634;color:#1a1708;border:none;border-radius:50px;font-weight:800;font-size:15px;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:background .2s ease}.creatine-modal__add-btn:hover{background:#e3b62a}.creatine-modal__add-btn:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:600px){.creatine-modal{align-items:flex-end;padding:0}.creatine-modal__content{max-width:100%;border-radius:24px 24px 0 0;padding:24px 18px 0;max-height:94vh}.creatine-modal__content:before{content:"";display:block;width:44px;height:5px;background:#d4d4d4;border-radius:3px;margin:-12px auto 14px}.creatine-modal__title{font-size:26px}.creatine-variant-option__title{font-size:16px}.creatine-variant-option__price{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/creatine-upsell-banner.css.map */