.shopify-section.mj-app-section-creatine-guide{background:#060606}.mj-app--creatine-guide{--mj-gold-rgb: 200 168 110;--mj-gold-soft: rgb(var(--mj-gold-rgb) / .92);--mj-app-bg: #060606;--mj-app-surface: #131313;--mj-app-surface-2: #1b1b1b;--mj-app-border: rgb(255 255 255 / .14);--mj-app-border-strong: rgb(255 255 255 / .22);--mj-app-text: rgb(255 255 255 / .97);--mj-app-muted: rgb(255 255 255 / .78);--mj-app-muted-soft: rgb(255 255 255 / .66);color-scheme:dark;padding-block:var(--mj-app-pad-y, 56px);background:radial-gradient(120% 80% at 100% 0%,rgb(var(--mj-gold-rgb) / .1) 0%,transparent 55%),linear-gradient(180deg,var(--mj-app-bg) 0%,#0c0c0c 100%);color:var(--mj-app-text)}.mj-app--creatine-guide .muskle-red-k{color:#e10600}.mj-app--creatine-guide .mj-app__inner{max-width:1120px;margin-inline:auto;padding-inline:var(--page-margin, 20px);display:grid;grid-template-areas:"header" "mascot" "layout";gap:0}.mj-app--creatine-guide .mj-app__header{grid-area:header;max-width:44rem;margin-bottom:24px}.mj-app--creatine-guide .mj-app__mascot{grid-area:mascot;margin:0 auto 28px;max-width:112px;pointer-events:none;-webkit-user-select:none;user-select:none}.mj-app--creatine-guide .mj-app__mascot-img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgb(0 0 0 / .45))}.mj-app--creatine-guide .mj-app__layout{grid-area:layout;display:grid;gap:28px}@media screen and (min-width:900px){.mj-app--creatine-guide .mj-app__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header mascot" "layout layout";column-gap:32px;row-gap:0}.mj-app--creatine-guide .mj-app__header{margin-bottom:32px}.mj-app--creatine-guide .mj-app__mascot{justify-self:end;align-self:end;margin:0 0 8px;max-width:min(320px,28vw);min-width:220px;transform:translateY(6px)}.mj-app--creatine-guide .mj-app__mascot-img{filter:drop-shadow(0 22px 36px rgb(0 0 0 / .5)) drop-shadow(0 0 28px rgb(var(--mj-gold-rgb) / .08))}.mj-app--creatine-guide .mj-app__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:8px}}@media screen and (max-width:599px){.mj-app--creatine-guide .mj-app__mascot{max-width:96px;margin-bottom:24px}.mj-app--creatine-guide .mj-app__header{margin-bottom:20px}}.mj-app--creatine-guide .mj-app__header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.mj-app--creatine-guide .mj-app__back{font-size:.84rem;color:var(--mj-gold-soft);text-decoration:none}.mj-app--creatine-guide .mj-app__back:hover{text-decoration:underline}.mj-app--creatine-guide .mj-app__lang{display:inline-flex;border:1px solid var(--mj-app-border-strong);border-radius:999px;overflow:hidden;background:var(--mj-app-surface);box-shadow:inset 0 1px #ffffff0a}.mj-app--creatine-guide .mj-app__lang-btn{min-width:46px;min-height:36px;padding:0 14px;border:0;background:transparent;color:var(--mj-app-muted-soft);font-size:.74rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.mj-app--creatine-guide .mj-app__lang-btn--active{color:var(--mj-app-text);background:rgb(var(--mj-gold-rgb) / .22);box-shadow:inset 0 0 0 1px rgb(var(--mj-gold-rgb) / .28)}.mj-app--creatine-guide .mj-app__eyebrow{margin:0 0 10px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mj-gold-soft)}.mj-app--creatine-guide .mj-app__title{margin:0 0 16px;font-size:clamp(1.85rem,4.5vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.08;color:#fff}.mj-app--creatine-guide .mj-app__intro{margin:0 0 14px;font-size:1.02rem;line-height:1.65;color:var(--mj-app-muted)}.mj-app--creatine-guide .mj-app__account-note{margin:0;font-size:.86rem;line-height:1.5;color:rgb(var(--mj-gold-rgb) / .9)}.mj-app--creatine-guide .mj-app__panel{border:1px solid var(--mj-app-border-strong);border-radius:20px;background:linear-gradient(168deg,rgb(255 255 255 / .035) 0%,transparent 42%),linear-gradient(168deg,var(--mj-app-surface-2) 0%,var(--mj-app-surface) 100%);box-shadow:0 1px #ffffff0f inset,0 28px 56px #0000006b;padding:28px 24px}.mj-app--creatine-guide .mj-app__panel--inputs{display:flex;flex-direction:column}.mj-app--creatine-guide .mj-app__panel--result{min-height:360px;display:flex;flex-direction:column;gap:18px}.mj-app--creatine-guide.mj-app--has-result .mj-app__panel--result{border-color:rgb(var(--mj-gold-rgb) / .32);box-shadow:0 1px #ffffff0f inset,0 0 0 1px rgb(var(--mj-gold-rgb) / .08),0 28px 56px #0000006b}.mj-app--creatine-guide .mj-app__fieldset{margin:0 0 22px;padding:0;border:0}.mj-app--creatine-guide .mj-app__fieldset:last-of-type{margin-bottom:18px}.mj-app--creatine-guide .mj-app__label{display:block;margin-bottom:10px;font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mj-gold-soft)}.mj-app--creatine-guide .mj-app__choices{display:grid;gap:10px}.mj-app--creatine-guide .mj-app__choices--inline{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-app--creatine-guide .mj-app__choices--triple{grid-template-columns:1fr}@media screen and (min-width:480px){.mj-app--creatine-guide .mj-app__choices--triple{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:599px){.mj-app--creatine-guide .mj-app__choices--inline{grid-template-columns:1fr}}.mj-app--creatine-guide .mj-app__choice{position:relative;display:flex;align-items:center;min-height:50px;padding:12px 16px 12px 48px;border-radius:14px;border:1px solid var(--mj-app-border);background:#00000047;cursor:pointer;font-size:.96rem;color:var(--mj-app-text);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.mj-app--creatine-guide .mj-app__choice span{color:var(--mj-app-text);line-height:1.35}.mj-app--creatine-guide .mj-app__choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.mj-app--creatine-guide .mj-app__choice:before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;border-radius:50%;border:2px solid rgb(255 255 255 / .28);background:#070707;transform:translateY(-50%);transition:border-color .15s ease,box-shadow .15s ease}.mj-app--creatine-guide .mj-app__choice:after{content:"";position:absolute;left:21px;top:50%;width:8px;height:8px;border-radius:50%;background:rgb(var(--mj-gold-rgb));transform:translateY(-50%) scale(0);opacity:0;transition:transform .15s ease,opacity .15s ease}.mj-app--creatine-guide .mj-app__choice:hover{border-color:#fff3;background:#ffffff08}.mj-app--creatine-guide .mj-app__choice:has(input:checked){border-color:rgb(var(--mj-gold-rgb) / .55);background:rgb(var(--mj-gold-rgb) / .12);box-shadow:inset 0 0 0 1px rgb(var(--mj-gold-rgb) / .18),0 0 0 1px rgb(var(--mj-gold-rgb) / .08)}.mj-app--creatine-guide .mj-app__choice:has(input:checked):before{border-color:rgb(var(--mj-gold-rgb));box-shadow:0 0 0 1px rgb(var(--mj-gold-rgb) / .25)}.mj-app--creatine-guide .mj-app__choice:has(input:checked):after{transform:translateY(-50%) scale(1);opacity:1}.mj-app--creatine-guide .mj-app__choice:has(input:checked) span{color:#fff;font-weight:600}.mj-app--creatine-guide .mj-app__choice:has(input:focus-visible):before{box-shadow:0 0 0 3px rgb(var(--mj-gold-rgb) / .2)}.mj-app--creatine-guide .mj-app__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid rgb(var(--mj-gold-rgb) / .4);font-size:.96rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.mj-app--creatine-guide .mj-app__btn--primary{margin-top:4px;color:#0a0a0a;background:linear-gradient(180deg,rgb(var(--mj-gold-rgb)),#a88a4e);box-shadow:0 14px 30px #00000061}.mj-app--creatine-guide .mj-app__btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0000006b}.mj-app--creatine-guide .mj-app__result-title{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mj-gold-soft)}.mj-app--creatine-guide .mj-app__result-empty{margin:auto 0;font-size:1rem;line-height:1.65;color:var(--mj-app-muted)}.mj-app--creatine-guide.mj-app--has-result .mj-app__result-empty{display:none}.mj-app--creatine-guide .mj-app__result-body{display:flex;flex-direction:column;gap:20px;flex:1 1 auto;padding-top:4px}.mj-app--creatine-guide .mj-app__commentary{display:flex;flex-direction:column;gap:12px}.mj-app--creatine-guide .mj-app__comment-block{padding:14px 16px;border-radius:14px;border:1px solid var(--mj-app-border);background:#00000038;box-shadow:inset 0 1px #ffffff0a}.mj-app--creatine-guide .mj-app__comment-block--muted{background:#00000024;border-style:dashed}.mj-app--creatine-guide .mj-app__comment-heading{margin:0 0 8px;font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mj-gold-soft);line-height:1.3}.mj-app--creatine-guide .mj-app__comment-text{margin:0;font-size:.92rem;line-height:1.62;color:var(--mj-app-text)}.mj-app--creatine-guide .mj-app__comment-text--muted{color:var(--mj-app-muted);font-size:.86rem}@media screen and (max-width:599px){.mj-app--creatine-guide .mj-app__panel{padding:24px 18px}.mj-app--creatine-guide .mj-app__header{margin-bottom:24px}.mj-app--creatine-guide .mj-app__comment-block{padding:12px 14px}.mj-app--creatine-guide .mj-app__comment-text{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.mj-app--creatine-guide .mj-app__btn--primary:hover,.mj-app--creatine-guide .mj-app__choice,.mj-app--creatine-guide .mj-app__choice:before,.mj-app--creatine-guide .mj-app__choice:after{transition:none}.mj-app--creatine-guide .mj-app__btn--primary:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/muskle-mj-app-creatine-guide.css.map */