/* ============================================================
   BIG DUCK CLUB — homepage "agency" skin (public only)
   Everything here is prefixed .bd-* and only targets #home-view,
   so admin / account / login / cart keep their own style.css.
   Loaded AFTER style.css.
   ============================================================ */
:root{
  --bd-gold:#f5c542; --bd-gold2:#ffdd7a; --bd-gold3:#c9971f; --bd-gold-deep:#7a570d; --bd-cream:#fff3d2;
  --bd-ink:#171100; --bd-fg:#f6efe0; --bd-muted:#9a917c; --bd-faint:#6a6350;
  --bd-bg:#070606; --bd-bg2:#0b0a08; --bd-card:#101012; --bd-card2:#15130d;
  --bd-line:rgba(245,197,66,.16); --bd-line-soft:rgba(245,197,66,.08); --bd-hair:rgba(255,255,255,.08);
  --bd-ease:cubic-bezier(.19,.9,.22,1);
}
#home-view{font-family:"Archivo",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
#home-view .bd-mono{font-family:"Space Mono",ui-monospace,monospace}
#home-view .wrap{width:100%;max-width:1240px;margin-inline:auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}
#home-view section{scroll-margin-top:92px}
.bd-label{font-family:"Space Mono",monospace;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bd-muted)}
.bd-label .mk{color:var(--bd-gold)}

/* ---------- hero ---------- */
.bd-hero{position:relative;overflow:hidden;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2rem,5vw,3.5rem)}
.bd-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(760px 560px at 50% 42%,rgba(245,197,66,.17),transparent 62%),
  radial-gradient(1200px 700px at 50% 120%,rgba(201,151,31,.1),transparent 60%)}
.bd-hero-grid{position:absolute;inset:0;z-index:0;opacity:.45;pointer-events:none;
  background-image:linear-gradient(var(--bd-hair) 1px,transparent 1px),linear-gradient(90deg,var(--bd-hair) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 75%);
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 75%)}
.bd-hero-in{position:relative;z-index:3}
.bd-hero-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.3rem}
.bd-word{text-align:center;position:relative;margin:.2rem 0 -.3rem}
.bd-word h1{font-family:"Archivo Expanded","Archivo";font-weight:900;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(2.7rem,15vw,11rem);line-height:.86;margin:0;
  background:linear-gradient(180deg,#fffdf6,var(--bd-gold2) 52%,var(--bd-gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-refl{position:absolute;left:0;right:0;top:100%;transform:scaleY(-1);opacity:.07;-webkit-mask-image:linear-gradient(#000,transparent 55%);mask-image:linear-gradient(#000,transparent 55%);pointer-events:none}
.bd-refl h1{color:var(--bd-gold3);-webkit-text-fill-color:var(--bd-gold3)}
.bd-tag{text-align:center;font-family:"Space Mono",monospace;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-gold);margin:.7rem 0 0}
.bd-lead{text-align:center;max-width:52ch;margin:.9rem auto 0;color:var(--bd-muted);font-size:1rem}

/* orbit */
.bd-stage{position:relative;width:min(640px,96vw);aspect-ratio:1/.82;margin:1.8rem auto 0}
.bd-ring{position:absolute;left:50%;top:52%;width:92%;height:62%;transform:translate(-50%,-50%);border:1px solid var(--bd-line);border-radius:50%;animation:bd-spin 48s linear infinite}
.bd-ring.r2{width:66%;height:42%;border-style:dashed;border-color:rgba(245,197,66,.22);animation-duration:34s;animation-direction:reverse}
.bd-mascot{position:absolute;left:50%;top:52%;width:min(300px,52%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:2}
.bd-halo{position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(245,197,66,.5),rgba(245,197,66,.08) 55%,transparent 70%);filter:blur(6px)}
.bd-mascot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;border-radius:50%;border:2px solid var(--bd-gold);background:radial-gradient(circle at 50% 40%,rgba(30,24,10,.9),rgba(6,6,6,.95));box-shadow:0 30px 70px -20px rgba(0,0,0,.9)}
.bd-rim{position:absolute;inset:-2px;border-radius:50%;box-shadow:inset -14px -10px 36px -10px rgba(245,197,66,.5),inset 10px 8px 30px -14px rgba(255,221,122,.45);pointer-events:none}
.bd-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:.55rem;padding:.65rem .8rem;border-radius:14px;background:rgba(18,16,12,.6);border:1px solid var(--bd-line);backdrop-filter:blur(9px);box-shadow:0 18px 40px -22px rgba(0,0,0,.9);animation:bd-bob 6s ease-in-out infinite;transition:transform .3s var(--bd-ease),border-color .3s}
.bd-chip:hover{border-color:var(--bd-gold);transform:translateY(-4px) scale(1.03)}
.bd-chip .ci{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(245,197,66,.1);color:var(--bd-gold2)}
.bd-chip .ci .ico{width:16px;height:16px}
.bd-chip .cl{font-family:"Space Mono",monospace;font-size:.74rem;letter-spacing:.02em;color:var(--bd-fg)}
.bd-chip.c1{left:-1%;top:20%;animation-delay:0s}
.bd-chip.c2{left:2%;bottom:12%;animation-delay:1.1s}
.bd-chip.c3{right:-1%;top:14%;animation-delay:.6s}
.bd-chip.c4{right:1%;bottom:16%;animation-delay:1.7s}
.bd-chip.c5{left:50%;top:2%;transform:translateX(-50%);animation-delay:.3s;animation-name:bd-bobx}

.bd-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.bd-cta{display:flex;gap:.7rem;flex-wrap:wrap}
.bd-meta{font-family:"Space Mono",monospace;font-size:.72rem;color:var(--bd-faint);text-align:right}
.bd-meta b{color:var(--bd-gold2);font-weight:700}
.bd-spk{position:absolute;color:var(--bd-gold2);opacity:.6;z-index:1;filter:drop-shadow(0 0 6px rgba(245,197,66,.5));animation:bd-twinkle 4s ease-in-out infinite}

/* ---------- marquee ---------- */
.bd-marq{border-block:1px solid var(--bd-line-soft);overflow:hidden;white-space:nowrap;padding-block:1rem;background:linear-gradient(180deg,rgba(245,197,66,.03),transparent)}
.bd-marq-t{display:inline-flex;gap:2.2rem;align-items:center;font-family:"Archivo Expanded","Archivo";font-weight:900;text-transform:uppercase;font-size:clamp(1.5rem,4.2vw,2.8rem);letter-spacing:-.01em;color:transparent;-webkit-text-stroke:1px rgba(245,197,66,.42);text-stroke:1px rgba(245,197,66,.42);animation:bd-marquee 26s linear infinite;will-change:transform}
.bd-marq-t .fill{color:var(--bd-gold2);-webkit-text-stroke:0}
.bd-marq-t .st{-webkit-text-stroke:0;color:var(--bd-gold3);font-size:.6em}

/* ---------- bands / section head ---------- */
.bd-band{padding-block:clamp(3.2rem,8vw,5.6rem)}
.bd-band.tight{padding-top:0}
.bd-sectop{display:flex;align-items:center;gap:.8rem;margin-bottom:1.6rem}
.bd-sectop .ln{height:1px;flex:1;background:var(--bd-line-soft)}
.bd-statement{font-family:"Archivo";font-weight:800;font-size:clamp(1.7rem,4.4vw,3.1rem);line-height:1.06;letter-spacing:-.02em;max-width:18ch;margin:0 0 1.8rem;color:var(--bd-fg)}
.bd-statement .gold-text,.bd-statement .g{color:var(--bd-gold2)}
.bd-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;max-width:760px}
.bd-cols p{color:var(--bd-muted);font-size:.98rem;margin:0}
.bd-cols p strong{color:var(--bd-fg);font-weight:600}

/* ---------- direcții (rendered by main.js into #pubPillars) ---------- */
#home-view #pubPillars.bd-proc{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd-line-soft);border:1px solid var(--bd-line-soft);border-radius:20px;overflow:hidden}
.bd-dir{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start;text-align:left;background:var(--bd-bg);padding:clamp(1.4rem,3vw,2.1rem);min-height:210px;border:0;cursor:pointer;transition:background .3s;font:inherit;color:inherit;width:100%}
.bd-dir:hover{background:var(--bd-bg2)}
.bd-dir-bar{height:15px;border-radius:100px;width:100%}
.bd-dir-bar.b1{background:linear-gradient(90deg,var(--bd-gold-deep),var(--bd-gold) 55%,var(--bd-gold2))}
.bd-dir-bar.b2{background:linear-gradient(90deg,var(--bd-gold3),var(--bd-gold2) 60%,var(--bd-cream))}
.bd-dir-bar.b3{background:linear-gradient(90deg,#8a5a12,var(--bd-gold) 50%,var(--bd-gold2) 85%)}
.bd-dir-bar.b4{background:linear-gradient(90deg,var(--bd-gold2),var(--bd-gold) 45%,var(--bd-gold-deep))}
.bd-dir-n{font-family:"Space Mono",monospace;font-size:.72rem;color:var(--bd-faint);letter-spacing:.1em}
.bd-dir-tag{font-family:"Space Mono",monospace;color:var(--bd-gold);font-size:.8rem}
.bd-dir h3{font-family:"Archivo";font-weight:800;font-size:clamp(1.4rem,3.2vw,2rem);letter-spacing:-.01em;margin:0;color:var(--bd-fg)}
.bd-dir h3 .arrow{opacity:0;transition:opacity .25s,transform .25s;display:inline-block}
.bd-dir:hover h3 .arrow{opacity:1;transform:translateX(4px)}
.bd-dir p{color:var(--bd-muted);font-size:.9rem;max-width:34ch;margin:0}

/* ---------- membership ---------- */
.bd-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}
.bd-tier{position:relative;display:flex;flex-direction:column;background:var(--bd-card);border:1px solid var(--bd-line-soft);border-radius:20px;padding:1.9rem 1.5rem;transition:transform .3s var(--bd-ease),border-color .3s,box-shadow .3s}
.bd-tier:hover{transform:translateY(-6px);border-color:var(--bd-line)}
.bd-tier.feat{background:linear-gradient(var(--bd-card2),var(--bd-card)) padding-box,linear-gradient(160deg,var(--bd-gold2),var(--bd-gold3)) border-box;border:1px solid transparent;box-shadow:0 36px 80px -40px rgba(245,197,66,.6)}
.bd-pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--bd-gold2),var(--bd-gold3));color:var(--bd-ink);font-family:"Space Mono",monospace;font-weight:700;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.42em 1em;border-radius:100px;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(245,197,66,.7)}
.bd-tname{font-family:"Space Mono",monospace;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bd-gold);margin:0}
.bd-price{font-family:"Archivo Expanded","Archivo";font-weight:900;font-size:2.6rem;line-height:1;margin:.6rem 0 0;font-variant-numeric:tabular-nums;color:#fff}
.bd-price small{font-family:"Archivo";font-size:.9rem;font-weight:500;color:var(--bd-muted)}
.bd-tier ul{list-style:none;padding:0;margin:1.1rem 0 1.6rem;display:flex;flex-direction:column;gap:.6rem;font-size:.9rem}
.bd-tier ul li{display:flex;gap:.55rem;align-items:flex-start;color:var(--bd-fg)}
.bd-tier ul li .ico{flex:none;width:16px;height:16px;margin-top:.15em;color:var(--bd-gold2)}
.bd-tier .btn{width:100%;justify-content:center;margin-top:auto}
.bd-paynote{text-align:center;color:var(--bd-faint);font-size:.78rem;margin-top:1.3rem;font-family:"Space Mono",monospace}

/* ---------- events (rendered by main.js into #pubEventsList) ---------- */
#home-view #pubEventsList.bd-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
.bd-ev{display:flex;gap:1rem;align-items:flex-start;background:var(--bd-bg2);border:1px solid var(--bd-line-soft);border-radius:16px;padding:1.3rem;transition:transform .3s var(--bd-ease),border-color .3s}
.bd-ev:hover{transform:translateY(-5px);border-color:var(--bd-line)}
.bd-ev-date{flex:none;width:58px;text-align:center;border:1px solid var(--bd-line);border-radius:12px;padding:.5rem 0;background:rgba(245,197,66,.05)}
.bd-ev-date b{display:block;font-family:"Archivo Expanded","Archivo";font-weight:900;font-size:1.5rem;color:var(--bd-gold2);line-height:1}
.bd-ev-date span{font-family:"Space Mono",monospace;font-size:.62rem;letter-spacing:.08em;color:var(--bd-muted)}
.bd-ev-body{min-width:0}
.bd-ev-body h5,.bd-ev-body h3{font-family:"Archivo";font-weight:700;font-size:1.02rem;margin:.1rem 0;color:var(--bd-fg)}
.bd-ev-time{font-family:"Space Mono",monospace;font-size:.68rem;color:var(--bd-gold);letter-spacing:.05em}
.bd-ev-body p{color:var(--bd-muted);font-size:.84rem;margin:.2rem 0 0}
.bd-evnote{font-family:"Space Mono",monospace;font-size:.76rem;color:var(--bd-faint);margin-top:1.2rem;text-align:center}

/* ---------- ecosistem ---------- */
.bd-eco{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.bd-ecard{position:relative;border:1px solid var(--bd-line-soft);border-radius:18px;padding:1.6rem;background:var(--bd-bg2);overflow:hidden;transition:transform .3s var(--bd-ease),border-color .3s}
.bd-ecard:hover{transform:translateY(-6px);border-color:var(--bd-line)}
.bd-ecard .br{position:absolute;width:14px;height:14px}
.bd-ecard .br.tl{top:10px;left:10px;border-top:1.5px solid var(--bd-gold3);border-left:1.5px solid var(--bd-gold3)}
.bd-ecard .br.br2{bottom:10px;right:10px;border-bottom:1.5px solid var(--bd-gold3);border-right:1.5px solid var(--bd-gold3)}
.bd-ecard .etag{font-family:"Space Mono",monospace;font-size:.7rem;color:var(--bd-gold);letter-spacing:.1em}
.bd-ecard h3{font-family:"Archivo";font-weight:800;font-size:1.3rem;margin:.6rem 0 .5rem;color:var(--bd-fg)}
.bd-ecard p{color:var(--bd-muted);font-size:.9rem;margin:0 0 1rem}
.bd-ecard .estat{display:flex;gap:1.3rem;font-family:"Space Mono",monospace;font-size:.72rem;color:var(--bd-faint);border-top:1px solid var(--bd-line-soft);padding-top:.9rem}
.bd-ecard .estat b{display:block;font-family:"Archivo Expanded","Archivo";font-weight:900;font-size:1.35rem;color:var(--bd-gold2);line-height:1}

/* ---------- trust ---------- */
.bd-trust{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:stretch}
.bd-disc{background:rgba(255,111,94,.05);border:1px solid rgba(255,111,94,.22);border-radius:18px;padding:1.6rem}
.bd-disc h3{font-family:"Archivo";font-weight:700;font-size:.95rem;color:#ffb3a7;display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem}
.bd-disc h3 .ico{width:18px;height:18px}
.bd-disc p{font-size:.85rem;color:var(--bd-muted);margin:0}
.bd-disc p strong{color:var(--bd-fg)}
.bd-founder{background:var(--bd-bg2);border:1px solid var(--bd-line-soft);border-radius:18px;padding:1.6rem;display:flex;flex-direction:column;justify-content:center}
.bd-founder h3{font-family:"Archivo";font-weight:800;font-size:1.4rem;margin:.6rem 0 .5rem;color:var(--bd-fg)}
.bd-founder p{color:var(--bd-muted);font-size:.9rem;margin:0 0 1.2rem}

/* ---------- final ---------- */
.bd-final{position:relative;text-align:center;border-top:1px solid var(--bd-line-soft);padding-block:clamp(3.2rem,8vw,5.5rem);overflow:hidden}
.bd-final .big{font-family:"Archivo Expanded","Archivo";font-weight:900;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(2.4rem,12vw,9rem);line-height:.86;background:linear-gradient(180deg,#fffdf6,var(--bd-gold2) 55%,var(--bd-gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-final p{color:var(--bd-muted);max-width:46ch;margin:1.1rem auto 1.7rem}
.bd-final .bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 300px at 50% 120%,rgba(245,197,66,.15),transparent 70%)}

/* ---------- shop section header uses bd-sectop; keep product cards from style.css ---------- */
#home-view #shop .shop-bar{margin-top:1.4rem}

/* ---------- motion ---------- */
@keyframes bd-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bd-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes bd-bobx{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes bd-marquee{to{transform:translateX(-50%)}}
@keyframes bd-twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}}
.bd-io{opacity:0;transform:translateY(24px)}
.bd-io.show{opacity:1;transform:none;transition:opacity .7s var(--bd-ease),transform .7s var(--bd-ease)}
@media (prefers-reduced-motion:reduce){
  .bd-ring,.bd-chip,.bd-marq-t,.bd-spk{animation:none!important}
  .bd-io{opacity:1!important;transform:none!important;transition:none!important}
}

/* ---------- responsive ---------- */
@media(max-width:820px){
  .bd-cols{grid-template-columns:1fr}
  #home-view #pubPillars.bd-proc{grid-template-columns:1fr}
  .bd-eco{grid-template-columns:1fr}
  .bd-trust{grid-template-columns:1fr}
  .bd-chip .cl{font-size:.68rem}
  .bd-chip{padding:.5rem .6rem}
}
@media(max-width:620px){
  .bd-tiers{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .bd-tier.feat{order:-1}
  .bd-hero-top .bd-label:last-child{display:none}
  .bd-chip.c5{display:none}
  .bd-stage{aspect-ratio:1/.95}
}

/* ---------- shop "în curând" overlay ---------- */
.bd-soon-wrap{position:relative}
.bd-soon-wrap .shop-bar,.bd-soon-wrap .products,.bd-soon-wrap .pay-strip{filter:blur(7px);pointer-events:none;user-select:none;opacity:.5}
.bd-soon-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:2;padding:1rem}
.bd-soon-card{text-align:center;background:rgba(14,12,8,.74);border:1px solid var(--bd-line);border-radius:18px;padding:2rem 2.2rem;backdrop-filter:blur(3px);box-shadow:0 30px 70px -30px rgba(0,0,0,.9);max-width:360px}
.bd-soon-ico{width:52px;height:52px;margin:0 auto 1rem;border-radius:14px;display:grid;place-items:center;background:rgba(245,197,66,.1);border:1px solid var(--bd-line);color:var(--bd-gold2)}
.bd-soon-ico .ico{width:26px;height:26px}
.bd-soon-card h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:1.25rem;color:var(--bd-fg);margin:0 0 .4rem}
.bd-soon-card p{font-family:"Space Mono",monospace;font-size:.8rem;color:var(--bd-muted);margin:0}