/* Shared styles for the Abundance Code shop pages (shop, love, year, report, angel numbers). */
:root{--ink:#0B0A12;--panel:#141A33;--deep:#0E1124;--line:#2C2B40;--edge:rgba(212,175,106,.38);--fg:#EFE6D2;--mute:#A79F8C;--dim:#7A7466;--gold:#D4AF6A;--gold2:#F3D99B;--on-gold:#1C1406;--em:#3FCB8A;--em2:#8FE6BD;--grad:linear-gradient(180deg,#F6DFA6 0%,#D4AF6A 55%,#B88A45 100%)}
*{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important}
body{background:radial-gradient(70% 40% at 20% 0%,rgba(122,91,181,.35),transparent 70%),radial-gradient(60% 40% at 90% 100%,rgba(44,74,140,.35),transparent 70%),var(--ink);color:var(--fg);font:16px/1.6 Jost,system-ui,sans-serif;min-height:100vh}
body.green{background:radial-gradient(70% 40% at 20% 0%,rgba(40,140,88,.32),transparent 70%),radial-gradient(60% 40% at 90% 100%,rgba(16,96,74,.4),transparent 70%),#05120C}
.wrap{max-width:560px;margin:0 auto;padding:18px 18px 60px;display:flex;flex-direction:column;gap:20px}
a{color:var(--gold2)}
.brand{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:10px;font:600 1.15rem "Cormorant Garamond",serif;color:var(--gold);text-decoration:none}
.mark img{width:34px;height:34px}.mark small{display:block;font:500 .62rem/1 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:3px}
.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:6px 10px;border-radius:999px;color:var(--mute);text-decoration:none;font-size:.86rem;border:1px solid transparent}
.nav a[aria-current]{color:var(--gold2);border-color:var(--edge)}
.eye{font:600 .72rem Cinzel,serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
h1{font:700 clamp(2.2rem,9.5vw,3.1rem)/1.03 "Cormorant Garamond",serif;margin:6px 0 10px}
h1 em,h2 em,h3 em{font-style:normal;color:var(--gold2)}
h2{font:700 1.7rem/1.1 "Cormorant Garamond",serif;margin:0 0 6px}
h3{font:700 1.35rem/1.15 "Cormorant Garamond",serif;margin:0}
.lead{color:#D9D0BC;margin:0}
.panel{background:linear-gradient(180deg,rgba(20,26,51,.92),rgba(14,17,36,.92));border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px}
body.green .panel{background:linear-gradient(180deg,rgba(10,36,24,.92),rgba(6,22,14,.92));border-color:rgba(63,203,138,.22)}
.panel.accent{border-color:var(--edge);box-shadow:0 0 0 1px rgba(212,175,106,.08),0 20px 50px rgba(0,0,0,.35)}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}label small{font-weight:400;color:var(--mute)}
input,select{width:100%;min-width:0;padding:13px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:16px}
select{-webkit-appearance:none;appearance:none}select option{color:#111}
input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}
.bday{border:0;padding:0;margin:0;display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:8px;min-width:0}
.bday legend{padding:0;margin-bottom:6px;font-weight:600;font-size:.92rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{display:block;width:100%;text-align:center;padding:16px;border-radius:14px;border:1px solid rgba(255,236,190,.5);background:var(--grad);color:var(--on-gold);font:800 1.12rem "Cormorant Garamond",serif;cursor:pointer;text-decoration:none;box-shadow:0 8px 30px rgba(212,175,106,.28)}
.btn[disabled]{opacity:.6;cursor:default}
.ghost{display:block;width:100%;text-align:center;padding:13px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--fg);text-decoration:none;font:inherit;cursor:pointer}
.muted{color:var(--mute)}.small{font-size:.82rem}.center{text-align:center}
.err{color:#E8857A;margin:0}
.price{display:flex;align-items:baseline;gap:10px;justify-content:center}
.price b{font:700 2.6rem/1 "Cormorant Garamond",serif;color:var(--gold2)}.price s{color:var(--dim);font-size:1.05rem}
ul.inc{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
ul.inc li{display:grid;grid-template-columns:22px 1fr;gap:8px}ul.inc li::before{content:"✦";color:var(--gold)}
.bump{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:12px;border:1px dashed var(--edge);border-radius:14px;background:rgba(63,203,138,.06);cursor:pointer;font-weight:400}
.bump input{width:20px;height:20px;margin:2px 0 0;accent-color:#D4AF6A}.bump b{color:var(--gold2)}
.prod{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;text-decoration:none;color:inherit}
.prod .art{width:88px;height:88px;border-radius:16px;display:grid;place-items:center;font:700 2rem "Cormorant Garamond",serif;color:var(--gold2);background:radial-gradient(circle at 40% 35%,rgba(212,175,106,.25),rgba(14,17,36,.9));border:1px solid var(--edge)}
.prod .art.g{background:radial-gradient(circle at 40% 35%,rgba(63,203,138,.32),rgba(6,22,14,.95));border-color:rgba(63,203,138,.4)}
.prod h3{font-size:1.25rem}.prod p{margin:2px 0 0;color:var(--mute);font-size:.9rem;line-height:1.45}
.prod .pr{font:700 1.15rem "Cormorant Garamond",serif;color:var(--gold2);white-space:nowrap}
.tag{display:inline-block;font:600 .62rem Cinzel,serif;letter-spacing:.14em;padding:3px 8px;border-radius:999px;background:rgba(63,203,138,.14);color:var(--em2);margin-bottom:4px}
.score{font:700 4.2rem/1 "Cormorant Garamond",serif;color:var(--gold2);text-align:center}
.sec{border-top:1px solid var(--line);padding-top:14px}.sec:first-child{border-top:0;padding-top:0}
.sec h3{color:var(--gold2);margin-bottom:6px}.sec p{margin:0 0 10px;color:#DDD4C0;white-space:pre-line}
.faq details{border-top:1px solid var(--line);padding:12px 0}.faq details:first-child{border-top:0}
.faq summary{cursor:pointer;font-weight:600;color:var(--fg)}.faq p{margin:8px 0 0;color:var(--mute)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.grid3 a{display:block;text-align:center;padding:14px 6px;border-radius:14px;border:1px solid var(--line);text-decoration:none;color:var(--gold2);font:700 1.5rem "Cormorant Garamond",serif;background:rgba(255,255,255,.02)}
.grid3 a small{display:block;font:500 .7rem Jost,sans-serif;color:var(--mute);letter-spacing:.04em}
.lock{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--edge);max-width:340px;margin:0 auto;width:100%}
.lock canvas{display:block;width:100%;height:auto;filter:blur(3.5px) saturate(1.1);transform:scale(1.04)}
.lock .ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;background:linear-gradient(180deg,rgba(5,18,12,0) 35%,rgba(5,18,12,.8));text-align:center;padding:16px}
.lock .ov b{font:700 1.5rem "Cormorant Garamond",serif;color:var(--gold2)}.lock .ov span{font-size:.85rem;color:#E9E1CC}
.out canvas{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--edge)}
footer{color:var(--dim);font-size:.78rem;text-align:center;line-height:1.6}
@media (prefers-reduced-motion:no-preference){.panel{animation:up .5s ease both}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
/* gold glow theme (shop + delivery page) */
body.gold{background:radial-gradient(60% 34% at 50% -4%,rgba(243,201,120,.30),transparent 70%),radial-gradient(45% 30% at 0% 45%,rgba(212,160,70,.14),transparent 70%),radial-gradient(55% 35% at 100% 100%,rgba(184,138,69,.22),transparent 70%),#0D0A06}
body.gold .panel{background:linear-gradient(180deg,rgba(38,29,14,.88),rgba(20,15,8,.92));border-color:rgba(212,175,106,.32);box-shadow:0 0 0 1px rgba(243,217,155,.05),0 0 34px rgba(212,175,106,.10)}
body.gold .panel.accent{border-color:rgba(243,217,155,.6);box-shadow:0 0 0 1px rgba(243,217,155,.15),0 0 60px rgba(232,190,110,.22),0 20px 50px rgba(0,0,0,.45)}
body.gold h1 em,body.gold h2 em{background:linear-gradient(180deg,#FFF1C8 0%,#F3D99B 40%,#D4AF6A 75%,#B88A45 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(243,217,155,.35)}
body.gold .btn{box-shadow:0 0 0 1px rgba(255,236,190,.35),0 8px 34px rgba(232,190,110,.45),0 0 60px rgba(243,217,155,.25)}
body.gold .prod .art,body.gold .prod .art.g{background:radial-gradient(circle at 40% 35%,rgba(255,226,160,.38),rgba(36,26,10,.95));border-color:rgba(243,217,155,.55);box-shadow:0 0 26px rgba(232,190,110,.30);color:#FFF1C8;text-shadow:0 0 18px rgba(243,217,155,.8)}
body.gold .tag{background:rgba(243,217,155,.14);color:var(--gold2)}
body.gold .bump{background:rgba(243,217,155,.07)}
body.gold .lock{box-shadow:0 0 50px rgba(232,190,110,.28)}
body.gold .nav a[aria-current]{box-shadow:0 0 16px rgba(243,217,155,.25)}
@media (prefers-reduced-motion:no-preference){body.gold .btn{animation:glow 3.2s ease-in-out infinite}@keyframes glow{0%,100%{box-shadow:0 0 0 1px rgba(255,236,190,.35),0 8px 30px rgba(232,190,110,.38),0 0 44px rgba(243,217,155,.18)}50%{box-shadow:0 0 0 1px rgba(255,236,190,.5),0 8px 40px rgba(232,190,110,.6),0 0 80px rgba(243,217,155,.35)}}}
/* product colors: each product glows in its own color */
.c-seal{--c:#4FE3A0;--cr:79,227,160}.c-love{--c:#FF5C7C;--cr:255,92,124}.c-year{--c:#B394FF;--cr:179,148,255}
.c-akashic{--c:#5CC8FF;--cr:92,200,255}.c-ritual{--c:#DCD6FF;--cr:220,214,255}.c-path{--c:#FFB347;--cr:255,179,71}
.c .art,body.gold .c .art{color:var(--c);border-color:rgba(var(--cr),.75);background:radial-gradient(circle at 40% 35%,rgba(var(--cr),.30),rgba(14,10,6,.95) 75%);box-shadow:0 0 22px rgba(var(--cr),.45),inset 0 0 18px rgba(var(--cr),.18);text-shadow:0 0 14px rgba(var(--cr),.95),0 0 30px rgba(var(--cr),.6)}
body.gold .panel.c{border-color:rgba(var(--cr),.55);box-shadow:0 0 0 1px rgba(var(--cr),.12),0 0 44px rgba(var(--cr),.16)}
body.gold .panel.accent.c{border-color:rgba(var(--cr),.75);box-shadow:0 0 0 1px rgba(var(--cr),.22),0 0 64px rgba(var(--cr),.26),0 20px 50px rgba(0,0,0,.45)}
.c .pr{color:var(--c);text-shadow:0 0 12px rgba(var(--cr),.6)}
.c .tag,body.gold .c .tag{background:rgba(var(--cr),.16);color:var(--c)}
.c .ghost{border-color:rgba(var(--cr),.5);box-shadow:0 0 18px rgba(var(--cr),.12)}
.c ul.inc li::before{color:var(--c)}
.c .bump{border-color:rgba(var(--cr),.5)}
.c .lock{border-color:rgba(var(--cr),.6);box-shadow:0 0 50px rgba(var(--cr),.25)}
/* buttons match their product's color */
.c-seal{--c1:#C9FBE2;--c2:#1E9C63;--ct:#04170D}.c-love{--c1:#FFD0DA;--c2:#C9284C;--ct:#2A0710}.c-year{--c1:#E9DEFF;--c2:#7351D6;--ct:#160C33}
.c-akashic{--c1:#D3F1FF;--c2:#1E8FD0;--ct:#04192A}.c-ritual{--c1:#FFFFFF;--c2:#9D95D6;--ct:#15122B}.c-path{--c1:#FFE6BF;--c2:#D9811F;--ct:#2A1600}
.c .btn,body.gold .c .btn{background:linear-gradient(180deg,var(--c1) 0%,var(--c) 55%,var(--c2) 100%);color:var(--ct);border-color:rgba(var(--cr),.7);box-shadow:0 0 0 1px rgba(var(--cr),.4),0 8px 32px rgba(var(--cr),.42),0 0 60px rgba(var(--cr),.24)}
.c .ghost{background:rgba(var(--cr),.12);border-color:rgba(var(--cr),.65);color:var(--c1);box-shadow:0 0 22px rgba(var(--cr),.18)}
.c .bump b{color:var(--c)}.c .bump input{accent-color:var(--c)}
@media (prefers-reduced-motion:no-preference){.c .btn,body.gold .c .btn{animation:cglow 3.2s ease-in-out infinite}@keyframes cglow{0%,100%{box-shadow:0 0 0 1px rgba(var(--cr),.4),0 8px 28px rgba(var(--cr),.35),0 0 40px rgba(var(--cr),.18)}50%{box-shadow:0 0 0 1px rgba(var(--cr),.6),0 8px 40px rgba(var(--cr),.6),0 0 80px rgba(var(--cr),.35)}}}