/* Shared page styles — product, collection, es and info pages.
   Edit here, not per page. */
:root{--bg:#08080B;--panel:#131318;--panel2:#191920;--line:rgba(255,255,255,.08);--line2:rgba(233,193,90,.24);--txt:#F4F3F1;--mut:#A7A7B1;--mut2:#72727d;--gold:#E9C15A;--gold-d:#C6982F}
*{margin:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:'Barlow',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(90% 55% at 50% -12%,rgba(233,193,90,.09),transparent 60%),radial-gradient(60% 45% at 100% 0,rgba(198,203,212,.05),transparent 55%)}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
a{color:var(--gold);text-decoration:none;transition:color .18s}a:hover{color:#F6DB92}
header{border-bottom:1px solid var(--line);padding:15px 0;position:sticky;top:0;z-index:20;background:rgba(8,8,11,.72);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}
header .wrap{display:flex;align-items:center;gap:13px}
header img{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2)}
header .bt{font-family:'Anton',sans-serif;font-size:18px;letter-spacing:1.6px;color:var(--txt)}
.crumb{font-size:11.5px;color:var(--mut2);margin:26px 0 2px;letter-spacing:.4px;text-transform:uppercase;font-weight:700}
.crumb a{color:var(--mut)}.crumb a:hover{color:var(--gold)}
.kick{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin-top:14px}
.kick::before{content:"";width:22px;height:2px;background:var(--gold);box-shadow:0 0 12px rgba(233,193,90,.7)}
h1{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(32px,5.4vw,52px);letter-spacing:.4px;line-height:1.02;margin:10px 0 0;text-wrap:balance;text-transform:uppercase}
main{padding-bottom:64px}
.grid{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:40px;margin-top:30px;align-items:start}
@media(max-width:780px){.grid{grid-template-columns:1fr;gap:26px}}
.ph{aspect-ratio:1;background:radial-gradient(120% 90% at 50% 0,#26262f 0%,#161620 42%,#0b0b0f 100%);border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:0 30px 70px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
.ph::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 26px);opacity:.55}
.ph::after{content:"";position:absolute;left:50%;bottom:7%;width:62%;height:13%;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(233,193,90,.3),transparent 70%);filter:blur(7px)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;z-index:2}
.ph .pl{position:relative;z-index:2;text-align:center;font-family:'Anton',sans-serif;font-size:clamp(36px,5.6vw,54px);letter-spacing:1px;line-height:.9;text-transform:uppercase;background:linear-gradient(180deg,#FCEDB6,#E9C15A 55%,#C6982F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 12%}
.ph .pl::after{content:"New Era Nutrition";display:block;margin-top:11px;font-family:'Barlow',sans-serif;font-size:9px;font-weight:800;letter-spacing:3px;color:var(--mut2);-webkit-text-fill-color:var(--mut2)}
.price{font-family:'Anton',sans-serif;font-size:34px;letter-spacing:.5px;margin:18px 0 4px;color:var(--gold)}
.stock{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.3px;margin-bottom:16px;padding:6px 13px 6px 11px;border-radius:99px;text-transform:uppercase}
.stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(95,224,160,.14)}
.stock.in{color:#5fe0a0;background:rgba(95,224,160,.09);border:1px solid rgba(95,224,160,.28)}
.stock.out{color:#e0a05f;background:rgba(224,160,95,.09);border:1px solid rgba(224,160,95,.28)}
.desc{color:var(--mut);max-width:56ch;font-size:15.5px}
.facts{border:1px solid var(--line);border-radius:16px;padding:2px 18px;margin:22px 0;background:linear-gradient(160deg,var(--panel),var(--bg))}
.facts>div{padding:13px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--mut);line-height:1.55}
.facts>div:last-child{border-bottom:0}
.facts>div:empty{display:none}
.facts b{color:var(--txt);font-weight:800}
.warn{border:1px solid rgba(224,160,95,.4);background:rgba(224,160,95,.07);border-radius:14px;padding:13px 16px;margin:0 0 20px;font-size:13px;color:#e8c9a8}
.cta{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,#F2CE6A,#D9A93C);color:#1a1408;font-family:'Anton',sans-serif;font-weight:400;font-size:15px;letter-spacing:.8px;text-transform:uppercase;border-radius:13px;padding:16px 26px;margin:4px 12px 4px 0;box-shadow:0 16px 34px -14px rgba(233,193,90,.6);transition:transform .18s,box-shadow .25s,filter .2s}
.cta:hover{color:#1a1408;transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 20px 42px -14px rgba(233,193,90,.72)}
.cta2{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:13px;padding:15px 22px;font-family:'Anton',sans-serif;font-weight:400;font-size:14px;letter-spacing:.8px;text-transform:uppercase;color:var(--txt);background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
.cta2:hover{color:var(--txt);border-color:var(--gold);background:rgba(233,193,90,.06)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--txt);display:flex;flex-direction:column;transition:transform .25s,border-color .2s,box-shadow .3s}
.card:hover{border-color:var(--line2);color:var(--txt);transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(0,0,0,.9)}
.card .ph{border-radius:0;border:0;box-shadow:none}
.card .ph .pl{font-size:clamp(22px,4vw,30px)}
.card .ph .pl::after{font-size:7.5px;margin-top:6px}
.card .b{padding:14px 15px 16px}
.card .c{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.card .n{font-weight:700;font-size:14.5px;margin:4px 0 5px;line-height:1.3}
.card .p{font-family:'Anton',sans-serif;font-size:17px;color:var(--txt)}
.visit{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:18px;padding:22px 24px 22px 27px;margin-top:38px;font-size:14px;color:var(--mut);background:linear-gradient(160deg,var(--panel),var(--bg));position:relative;overflow:hidden}
.visit::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--gold-d))}
.visit b{color:var(--txt);font-family:'Anton',sans-serif;font-weight:400;font-size:17px;letter-spacing:.5px;text-transform:uppercase}
footer{border-top:1px solid var(--line);padding:30px 0 40px;font-size:12.5px;color:var(--mut2);margin-top:20px}
footer .links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}
footer .links a{color:var(--mut)}footer .links a:hover{color:var(--gold)}
.fda{max-width:70ch;line-height:1.55}