/* ============================================================
   BEES 3DEEZ — shared theme
   Same palette + fonts as the original pricing page. Only adds,
   never changes the look. Every page links this one file.
   ============================================================ */
:root{
  --gold:#f5c518; --gold-bright:#ffdd55; --amber:#ffb200;
  --black:#060503; --line:rgba(245,197,24,.35);
  --panel-bg:linear-gradient(180deg,rgba(245,197,24,.03),transparent);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; padding:0 0 40px; min-height:100vh;
  background:radial-gradient(ellipse at 50% 0%, #14100a 0%, var(--black) 60%) fixed;
  color:var(--gold); font-family:'Poppins',sans-serif;
}
a{color:var(--gold-bright);text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}

/* ---------- Top navigation bar ---------- */
.nav{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:10px 18px; margin-bottom:8px;
  background:rgba(6,5,3,.82); backdrop-filter:blur(9px);
  border-bottom:1px solid var(--line);
}
.nav .logo{display:flex;align-items:center;gap:10px;margin-right:auto}
.nav .logo img{width:44px;height:auto;filter:drop-shadow(0 0 10px rgba(245,197,24,.55))}
.nav .logo b{font-family:'Bungee',sans-serif;font-size:1.05rem;letter-spacing:1px;color:var(--gold-bright);
  text-shadow:0 0 8px var(--gold);line-height:1}
.nav .logo span{display:block;font-family:'Pacifico',cursive;font-size:.8rem;color:var(--amber);margin-top:-2px}
.nav a.link{
  font-weight:600;font-size:.92rem;padding:7px 13px;border-radius:11px;
  border:1px solid transparent;color:var(--gold);white-space:nowrap;transition:.15s;
}
.nav a.link:hover{border-color:var(--line);background:rgba(245,197,24,.06);color:var(--gold-bright)}
.nav a.link.active{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 10px rgba(245,197,24,.25)}
@media(max-width:640px){.nav{gap:8px;padding:9px 12px}.nav a.link{padding:6px 9px;font-size:.82rem}}

/* ---------- Brand header (shared with original) ---------- */
.brand{text-align:center;margin:18px 0 12px}
.bee-img{width:96px;height:auto;display:block;margin:0 auto 4px;
  filter:drop-shadow(0 0 18px rgba(245,197,24,.55))}
.brand h1{
  font-family:'Bungee',sans-serif; margin:0; line-height:1;
  font-size:clamp(2.1rem,6.5vw,3.6rem); letter-spacing:2px; color:var(--gold-bright);
  text-shadow:0 0 10px var(--gold), 0 0 34px rgba(245,197,24,.45);
}
.brand .script{
  font-family:'Pacifico',cursive; margin-top:2px;
  font-size:clamp(1.4rem,3.6vw,2.1rem); color:var(--amber);
  text-shadow:0 0 10px rgba(255,178,0,.8);
}
.brand .tagline{max-width:640px;margin:8px auto 0;opacity:.75;font-size:.92rem;line-height:1.55}
.divider{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:10px}
.divider .rule{height:1px;width:90px;background:var(--line)}
.hex{width:18px;height:18px;border:2px solid var(--gold);
  clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
  box-shadow:0 0 6px var(--gold)}

/* ---------- Section titles ---------- */
.section-title{
  font-family:'Bungee',sans-serif;font-size:1.35rem;letter-spacing:1px;color:var(--gold-bright);
  text-shadow:0 0 8px var(--gold);margin:26px 0 4px;text-align:center;
}
.section-sub{text-align:center;opacity:.7;font-size:.9rem;margin:0 auto 16px;max-width:680px;line-height:1.5}

/* ---------- Generic panel ---------- */
.panel{
  border:2px solid var(--gold); border-radius:24px; padding:18px 22px; margin-bottom:18px;
  background:var(--panel-bg);
  box-shadow:0 0 18px rgba(245,197,24,.15), inset 0 0 25px rgba(245,197,24,.04);
}
.panel-title{
  font-family:'Bungee',sans-serif; font-size:1.1rem; letter-spacing:1px;
  color:var(--gold-bright); text-shadow:0 0 8px var(--gold); margin:0 0 10px;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font-family:'Bungee',sans-serif;font-size:.9rem;letter-spacing:1px;
  border:2px solid var(--gold);border-radius:13px;padding:12px 22px;
  color:var(--gold-bright);background:transparent;text-shadow:0 0 8px var(--gold);
  box-shadow:0 0 12px rgba(245,197,24,.25);transition:.15s;
}
.btn:hover{background:rgba(245,197,24,.1);box-shadow:0 0 20px rgba(245,197,24,.45);transform:translateY(-1px)}
.btn.solid{background:var(--gold);color:#1a1305;text-shadow:none}
.btn.solid:hover{background:var(--gold-bright)}

/* ---------- Home feature cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:8px}
.card{
  border:2px solid var(--gold);border-radius:22px;padding:22px;background:var(--panel-bg);
  box-shadow:0 0 16px rgba(245,197,24,.12);transition:.18s;display:flex;flex-direction:column;
}
.card:hover{transform:translateY(-4px);box-shadow:0 0 26px rgba(245,197,24,.35)}
.card .ico{font-size:2rem;line-height:1;margin-bottom:8px}
.card h3{font-family:'Bungee',sans-serif;font-size:1.05rem;color:var(--gold-bright);margin:0 0 6px;letter-spacing:.5px}
.card p{margin:0 0 16px;opacity:.78;font-size:.9rem;line-height:1.5;flex:1}

/* ---------- Toolbar (search / filter) ---------- */
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:0 0 18px}
.toolbar input,.toolbar select{
  font-family:'Poppins',sans-serif;font-size:.9rem;color:var(--gold-bright);
  background:rgba(6,5,3,.6);border:1px solid var(--gold);border-radius:11px;padding:9px 13px;
}
.toolbar input::placeholder{color:rgba(245,197,24,.45)}
.toolbar input:focus,.toolbar select:focus{outline:none;box-shadow:0 0 10px rgba(245,197,24,.4)}
.count{opacity:.6;font-size:.82rem}

/* ---------- Texture swatch grid ---------- */
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px}
.swatch{
  border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(6,5,3,.4);
  transition:.15s;position:relative;
}
.swatch:hover{border-color:var(--gold);box-shadow:0 0 14px rgba(245,197,24,.3);transform:translateY(-3px)}
.swatch .chip{height:78px;width:100%;position:relative}
.swatch .num{
  position:absolute;top:6px;left:6px;font-family:'Bungee',sans-serif;font-size:.72rem;
  padding:2px 7px;border-radius:8px;background:rgba(6,5,3,.72);color:var(--gold-bright);
  border:1px solid var(--line);
}
.swatch .meta{padding:8px 9px}
.swatch .name{font-size:.78rem;font-weight:600;word-break:break-word;line-height:1.25}
.swatch .file{font-size:.66rem;opacity:.55;margin-top:2px;word-break:break-all}
.swatch .tag{
  display:inline-block;margin-top:5px;font-size:.6rem;padding:1px 6px;border-radius:6px;
  border:1px solid var(--line);opacity:.8;text-transform:uppercase;letter-spacing:.5px;
}

/* ---------- Chain model gallery ---------- */
.chain-sheets{display:flex;flex-direction:column;gap:22px}
.sheet{border:2px solid var(--gold);border-radius:22px;padding:16px 18px;background:var(--panel-bg);
  box-shadow:0 0 16px rgba(245,197,24,.12)}
.sheet h3{font-family:'Bungee',sans-serif;color:var(--gold-bright);margin:0 0 4px;font-size:1.05rem;letter-spacing:.5px}
.sheet .rng{opacity:.7;font-size:.82rem;margin:0 0 12px}
.sheet img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line);cursor:zoom-in}
.numbers{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.numbers span{
  font-family:'Bungee',sans-serif;font-size:.78rem;min-width:34px;text-align:center;
  padding:5px 8px;border:1px solid var(--gold);border-radius:9px;color:var(--gold-bright);
  background:rgba(245,197,24,.05);cursor:pointer;transition:.12s;
}
.numbers span:hover{background:rgba(245,197,24,.18);box-shadow:0 0 8px rgba(245,197,24,.35)}

/* Lightbox for zooming chain sheets */
.lightbox{
  position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;
  background:rgba(3,2,1,.92);padding:20px;cursor:zoom-out;
}
.lightbox.open{display:flex}
.lightbox img{max-width:100%;max-height:100%;border-radius:12px;border:2px solid var(--gold);
  box-shadow:0 0 40px rgba(245,197,24,.4)}

/* ---------- Ticket form ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:5px}
.field.full{grid-column:1/-1}
.field label{font-size:.82rem;font-weight:600;opacity:.85}
.field label .req{color:var(--amber)}
.field input,.field select,.field textarea{
  font-family:'Poppins',sans-serif;font-size:.92rem;color:var(--gold-bright);
  background:rgba(6,5,3,.6);border:1px solid var(--gold);border-radius:11px;padding:10px 13px;width:100%;
}
.field textarea{resize:vertical;min-height:92px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;box-shadow:0 0 10px rgba(245,197,24,.4)}
.help{font-size:.72rem;opacity:.55;line-height:1.4}
.ticket-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;align-items:center}
.summary-box{
  margin-top:16px;border:1px dashed var(--gold);border-radius:14px;padding:14px 16px;
  background:rgba(6,5,3,.45);white-space:pre-wrap;font-family:'Poppins',sans-serif;font-size:.86rem;
  line-height:1.5;display:none;
}
.summary-box.show{display:block}
.status{margin-top:10px;font-size:.86rem;min-height:1.2em}
.status.ok{color:#8fe08f}
.status.err{color:#ff8f8f}

/* Discord panel block */
.discord-panel{
  border:2px solid #5865F2;border-radius:20px;padding:20px 22px;
  background:linear-gradient(180deg,rgba(88,101,242,.10),transparent);
  box-shadow:0 0 20px rgba(88,101,242,.22);
}
.discord-panel h3{font-family:'Bungee',sans-serif;color:#c7ccff;margin:0 0 6px;letter-spacing:.5px}
.btn.discord{border-color:#5865F2;color:#fff;background:#5865F2;text-shadow:none;box-shadow:0 0 14px rgba(88,101,242,.4)}
.btn.discord:hover{background:#6b76f5}
.steps{margin:10px 0 0;padding-left:20px;font-size:.9rem;line-height:1.6;opacity:.85}
.steps li{margin-bottom:4px}

/* ---------- Footer ---------- */
.footer{text-align:center;margin-top:34px}
.no-refunds{
  display:inline-block; font-family:'Bungee',sans-serif; font-size:1.05rem; letter-spacing:3px;
  border:2px solid var(--gold); border-radius:14px; padding:11px 30px;
  color:var(--gold-bright); text-shadow:0 0 8px var(--gold);
  box-shadow:0 0 12px rgba(245,197,24,.3);
}
.hint{max-width:700px;margin:12px auto 0;text-align:center;font-size:.72rem;opacity:.5;line-height:1.5}
.hidden{display:none!important}