Trace Minerals Keto Electrolyte Orange 330g

#vitamingo-onbuy{ /* ---- BRAND COLOURS: change these two to recolour everything ---- */ --vg-green:#0f6b46; --vg-mango:#ff9f1c; /* --------------------------------------------------------------- */ --vg-green-dk:#0a4d32; --vg-ink:#19241f; --vg-muted:#5c6b63; --vg-line:#e4eae7; --vg-soft:#f5f9f7; --vg-card:#ffffff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:var(--vg-ink); line-height:1.6; font-size:16px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-font-smoothing:antialiased; max-width:1100px; margin:0 auto; background:var(--vg-card); } #vitamingo-onbuy *{box-sizing:border-box;} #vitamingo-onbuy img{max-width:100%;height:auto;display:block;} #vitamingo-onbuy h1,#vitamingo-onbuy h2,#vitamingo-onbuy h3,#vitamingo-onbuy h4{margin:0;line-height:1.25;} #vitamingo-onbuy p{margin:0 0 12px;} #vitamingo-onbuy a{color:var(--vg-green);text-decoration:none;} /* ============ MOBILE BASE ============ */ /* HEADER */ #vitamingo-onbuy .vg-header{ background:var(--vg-green); background-image:linear-gradient(135deg,var(--vg-green) 0%,var(--vg-green-dk) 100%); color:#fff;padding:18px 16px; display:flex;flex-direction:column;gap:14px; } #vitamingo-onbuy .vg-brand{display:flex;align-items:center;gap:12px;} #vitamingo-onbuy .vg-brand img{max-height:40px;width:auto;} #vitamingo-onbuy .vg-brand .vg-name{font-size:22px;font-weight:800;letter-spacing:-0.02em;} #vitamingo-onbuy .vg-brand .vg-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--vg-mango);} #vitamingo-onbuy .vg-nav{display:flex;gap:8px;flex-wrap:wrap;} #vitamingo-onbuy .vg-nav a{ color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em; padding:11px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px; flex:1;text-align:center;min-width:96px; } #vitamingo-onbuy .vg-nav a:hover{background:var(--vg-mango);border-color:var(--vg-mango);color:var(--vg-green-dk);} /* DISPATCH BANNER */ #vitamingo-onbuy .vg-dispatch{ background:var(--vg-mango);color:var(--vg-green-dk); display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap; padding:13px 16px;text-align:center;font-weight:800; font-size:clamp(13.5px,3.6vw,16px); } #vitamingo-onbuy .vg-dispatch svg{width:22px;height:22px;flex:0 0 auto;} /* TITLE */ #vitamingo-onbuy .vg-titlebar{padding:22px 16px 4px;} #vitamingo-onbuy .vg-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--vg-mango);margin-bottom:8px;} #vitamingo-onbuy .vg-eyebrow:empty{display:none;} #vitamingo-onbuy .vg-titlebar h1{font-size:clamp(22px,6vw,30px);font-weight:800;letter-spacing:-0.02em;} #vitamingo-onbuy .vg-variant{display:inline-block;margin-top:10px;font-weight:700;color:var(--vg-green-dk);background:var(--vg-soft);border:1px solid var(--vg-line);padding:5px 12px;border-radius:999px;font-size:14px;} #vitamingo-onbuy .vg-variant:empty{display:none;} /* MAIN */ #vitamingo-onbuy .vg-main{display:block;padding:14px 16px 4px;} #vitamingo-onbuy .vg-hero{border:1px solid var(--vg-line);border-radius:12px;overflow:hidden;background:#fff;padding:8px;max-width:500px;margin-left:auto;margin-right:auto;} #vitamingo-onbuy .vg-hero img{margin:0 auto;border-radius:6px;max-height:500px;width:auto;} /* swipeable thumbnail row on mobile */ #vitamingo-onbuy .vg-gallery{ display:flex;gap:10px;margin-top:12px; flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory;padding-bottom:4px; } #vitamingo-onbuy .vg-gallery:empty{display:none;} #vitamingo-onbuy .vg-gallery>div{flex:0 0 auto;line-height:0;} #vitamingo-onbuy .vg-gallery img{ flex:0 0 auto;width:78px;height:78px;object-fit:cover; border:1px solid var(--vg-line);border-radius:10px;background:#fff;padding:4px;scroll-snap-align:start; } /* HIGHLIGHTS */ #vitamingo-onbuy .vg-highlights{margin-top:22px;} #vitamingo-onbuy .vg-highlights h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--vg-muted);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--vg-line);} #vitamingo-onbuy .vg-highlights ul{list-style:none;margin:0;padding:0;} #vitamingo-onbuy .vg-highlights li{position:relative;padding:0 0 15px 30px;font-size:15px;} #vitamingo-onbuy .vg-highlights li:empty{display:none;} #vitamingo-onbuy .vg-highlights li:before{ content:"\2713";position:absolute;left:0;top:2px; width:19px;height:19px;line-height:19px;text-align:center; border-radius:50%;background:var(--vg-mango);color:#fff;font-size:12px;font-weight:700; } /* SECTIONS */ #vitamingo-onbuy .vg-section{padding:20px 16px;} #vitamingo-onbuy .vg-h{font-size:clamp(18px,5vw,21px);font-weight:800;letter-spacing:-0.01em;margin-bottom:14px;display:inline-block;} #vitamingo-onbuy .vg-h:after{content:"";display:block;width:46px;height:4px;background:var(--vg-mango);border-radius:4px;margin-top:8px;} #vitamingo-onbuy .vg-desc-body ul{padding-left:20px;} #vitamingo-onbuy .vg-desc-body:empty{display:none;} /* delivery callout inside description */ #vitamingo-onbuy .vg-ship{ display:flex;gap:12px;align-items:flex-start; background:var(--vg-soft);border:1px solid var(--vg-line);border-left:4px solid var(--vg-mango); border-radius:10px;padding:14px 16px;margin-top:16px; } #vitamingo-onbuy .vg-ship svg{width:26px;height:26px;color:var(--vg-green);flex:0 0 auto;margin-top:2px;} #vitamingo-onbuy .vg-ship b{display:block;font-size:15px;margin-bottom:2px;} #vitamingo-onbuy .vg-ship span{font-size:14px;color:var(--vg-muted);} /* CARDS - heading is in ::before so an empty body hides the whole card */ #vitamingo-onbuy .vg-cards{display:block;padding:0 16px;} #vitamingo-onbuy .vg-card-box{background:var(--vg-soft);border:1px solid var(--vg-line);border-radius:14px;padding:18px;margin-bottom:14px;} #vitamingo-onbuy .vg-card-box:empty{display:none;} #vitamingo-onbuy .vg-card-box::before{content:attr(data-k);display:block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--vg-green-dk);margin-bottom:10px;} /* SPEC LIST - label is in ::before so an empty value hides the whole row */ #vitamingo-onbuy .vg-spec{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--vg-line);font-size:14.5px;word-break:break-word;} #vitamingo-onbuy .vg-spec:empty{display:none;} #vitamingo-onbuy .vg-spec:last-child{border-bottom:none;} #vitamingo-onbuy .vg-spec::before{content:attr(data-k);flex:0 0 44%;font-weight:700;color:var(--vg-muted);text-transform:uppercase;font-size:12px;letter-spacing:.05em;} /* TRUST - compact rows on mobile */ #vitamingo-onbuy .vg-trust{display:block;background:var(--vg-soft);border-top:1px solid var(--vg-line);border-bottom:1px solid var(--vg-line);} #vitamingo-onbuy .vg-trust .vg-t{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border-bottom:1px solid var(--vg-line);} #vitamingo-onbuy .vg-trust .vg-t:last-child{border-bottom:none;} #vitamingo-onbuy .vg-trust svg{width:28px;height:28px;color:var(--vg-green);flex:0 0 auto;} #vitamingo-onbuy .vg-trust b{display:block;font-size:15px;} #vitamingo-onbuy .vg-trust span{font-size:13px;color:var(--vg-muted);} /* FOOTER */ #vitamingo-onbuy .vg-footer{background:var(--vg-green-dk);color:#dbe9e2;padding:24px 16px;display:block;} #vitamingo-onbuy .vg-footer .vg-fcol{margin-bottom:22px;} #vitamingo-onbuy .vg-footer .vg-fcol:last-child{margin-bottom:0;} #vitamingo-onbuy .vg-footer h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;} #vitamingo-onbuy .vg-footer a{color:var(--vg-mango);font-weight:600;} #vitamingo-onbuy .vg-footer .vg-links{display:flex;flex-direction:column;} #vitamingo-onbuy .vg-footer .vg-links a{padding:9px 0;} #vitamingo-onbuy .vg-copy{padding:14px 16px;background:var(--vg-green-dk);color:#9fc1b2;font-size:12px;text-align:center;border-top:1px solid rgba(255,255,255,.12);} /* ============ HIDE WHOLE SECTION IF EVERYTHING IN IT IS EMPTY (where :has supported) ============ */ @supports selector(:has(*)){ #vitamingo-onbuy .vg-highlights:not(:has(li:not(:empty))){display:none;} #vitamingo-onbuy .vg-specs-section:not(:has(.vg-spec:not(:empty))){display:none;} #vitamingo-onbuy .vg-cards:not(:has(.vg-card-box:not(:empty))){display:none;} #vitamingo-onbuy .vg-desc-block:has(.vg-desc-body:empty){display:none;} } /* ============ DESKTOP / TABLET ENHANCEMENTS ============ */ @media(min-width:761px){ #vitamingo-onbuy .vg-header{flex-direction:row;align-items:center;justify-content:space-between;padding:22px 28px;} #vitamingo-onbuy .vg-brand img{max-height:46px;} #vitamingo-onbuy .vg-brand .vg-name{font-size:26px;} #vitamingo-onbuy .vg-nav a{flex:0 0 auto;} #vitamingo-onbuy .vg-titlebar{padding:30px 28px 6px;} #vitamingo-onbuy .vg-main{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;padding:18px 28px 8px;align-items:start;} #vitamingo-onbuy .vg-hero{padding:14px;border-radius:14px;} #vitamingo-onbuy .vg-gallery{flex-wrap:wrap;overflow:visible;} #vitamingo-onbuy .vg-gallery img{width:88px;height:88px;} #vitamingo-onbuy .vg-highlights{margin-top:0;} #vitamingo-onbuy .vg-section{padding:24px 28px;} #vitamingo-onbuy .vg-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 28px;} #vitamingo-onbuy .vg-card-box{margin-bottom:0;} #vitamingo-onbuy .vg-trust{display:grid;grid-template-columns:repeat(3,1fr);} #vitamingo-onbuy .vg-trust .vg-t{flex-direction:column;text-align:center;gap:8px;padding:24px;border-bottom:none;border-right:1px solid var(--vg-line);} #vitamingo-onbuy .vg-trust .vg-t:last-child{border-right:none;} #vitamingo-onbuy .vg-footer{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding:30px 28px;} #vitamingo-onbuy .vg-footer .vg-fcol{margin-bottom:0;} }