:root{
  --bg:#111216;
  --bg2:#17191f;
  --panel:#1d2027;
  --panel2:#252933;
  --line:rgba(255,255,255,.08);
  --text:#f5f7fb;
  --muted:#aeb6c5;
  --accent:#e11d2f;
  --accent2:#ff4256;
  --green:#22c55e;
  --gray:#6b7280;
  --radius:22px;
  --shadow:0 14px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(225,29,47,.11), transparent 24%),
    radial-gradient(circle at bottom left, rgba(225,29,47,.07), transparent 18%),
    linear-gradient(180deg,#0f1013 0%,#15171c 100%);
  line-height:1.6;
}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
img{display:block;max-width:100%}
.container{width:min(1180px, calc(100% - 40px));margin:0 auto}
.muted{color:var(--muted)}
.hidden{display:none!important}

header{
  position:sticky;top:0;z-index:1000;
  background:rgba(15,16,19,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav{
  min-height:78px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  position:relative;
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.2rem}
.brand-mark{
  width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));
  display:grid;place-items:center;box-shadow:0 10px 25px rgba(225,29,47,.3)
}
.brand-mark span{font-weight:900}
.nav-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  grid-column:2;
  justify-self:center;
}
.nav-links a,.nav-links button{
  padding:10px 14px;border-radius:999px;color:var(--muted);transition:.25s ease;
  background:none;border:none;cursor:pointer
}
.nav-links a:hover,.nav-links a.active,.nav-links button:hover{background:rgba(255,255,255,.06);color:#fff}
.menu-btn{
  display:none;border:1px solid var(--line);background:transparent;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer
}
.user-pill{
  display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)
}
.avatar{
  width:34px;height:34px;border-radius:999px;display:grid;place-items:center;
  background:linear-gradient(135deg,#4b5563,#9ca3af);color:#fff;font-weight:800;overflow:hidden;flex:0 0 auto;position:relative
}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.lg{width:92px;height:92px}
.avatar.md{width:46px;height:46px}
.avatar.sm{width:28px;height:28px;font-size:.78rem}
.status-dot{
  width:11px;height:11px;border-radius:999px;position:absolute;right:1px;bottom:1px;border:2px solid #15171c
}
.status-online{background:var(--green)}
.status-dnd{background:var(--accent)}
.status-offline{background:var(--gray)}

.hero{padding:84px 0 60px}
.hero-center{max-width:980px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.badge{
  display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)
}
.badge-dot{width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 16px var(--accent)}
.hero h1{font-size:clamp(3rem,7vw,5.3rem);line-height:1.02;letter-spacing:-.05em;margin:20px 0 14px}
.gradient{background:linear-gradient(90deg,#fff 0%,#ffb8c0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:760px;margin:0 auto 28px;color:var(--muted);font-size:1.08rem}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;
  font-weight:700;border:1px solid transparent;transition:.25s ease;cursor:pointer
}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 14px 30px rgba(225,29,47,.28)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{background:rgba(255,255,255,.04);border-color:var(--line);color:#fff}
.btn-secondary:hover{background:rgba(255,255,255,.08)}

.dashboard-wrap{margin-top:34px;width:min(920px,100%)}
.dashboard{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow)
}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.mini-tag{padding:8px 12px;border-radius:999px;background:rgba(225,29,47,.14);color:#ff9faa;font-weight:700;font-size:.92rem}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.metric-box{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
.metric-box strong{display:block;font-size:1.5rem}
.metric-box span{color:var(--muted);font-size:.95rem}

.section{padding:18px 0 82px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.section h2{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em}
.lead{margin:8px 0 0;color:var(--muted);max-width:760px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card,.sidebar,.forum-main,.topic-shell,.auth-card,.chat-layout,.profile-card,.price-card,.news-card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)
}
.card{transition:transform .28s ease,border-color .28s ease}
.card:hover{transform:translateY(-6px);border-color:rgba(225,29,47,.28)}
.icon{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(225,29,47,.18), rgba(255,68,88,.08));
  border:1px solid rgba(225,29,47,.25);font-size:1.2rem;margin-bottom:18px
}
.card h3{margin:0 0 8px;font-size:1.28rem}
.card p{margin:0;color:var(--muted)}

.page-hero{padding:72px 0 28px}
.page-hero h1{margin:0 0 10px;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.04em}
.page-hero p{margin:0;color:var(--muted);max-width:760px}

.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.price-card.featured{border-color:rgba(225,29,47,.45);transform:translateY(-8px)}
.ribbon{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:800}
.price{font-size:2.5rem;font-weight:900;margin:10px 0 2px}
.feature-list{display:grid;gap:12px;margin:24px 0}
.feature-list div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}

.news-stack{display:grid;gap:18px;margin-top:24px}
.news-meta{display:flex;gap:12px;flex-wrap:wrap;color:#ffb5bd;font-weight:700;font-size:.92rem;margin-bottom:10px}

.forum-layout{display:grid;grid-template-columns:290px 1fr;gap:24px;margin-top:26px}
.sidebar .chip-list{display:grid;gap:10px;margin-top:16px}
.chip{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff}
.topic-form,.stack{display:grid;gap:14px}
.input,.textarea,.select{
  width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;border-radius:16px;padding:14px 16px;outline:none
}
.textarea{min-height:120px;resize:vertical}
.topic{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-bottom:16px}
.topic h3{margin:0 0 8px}
.topic p{margin:0 0 10px;color:var(--muted)}
.topic-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.94rem}
.topic-link{display:inline-block;margin-top:14px;color:#ffb4bc;font-weight:700}

.inline-user{
  display:inline-flex;align-items:center;gap:10px;position:relative
}
.inline-user .name{font-weight:700}
.inline-user:hover .user-hover-card{opacity:1;visibility:visible;transform:translateY(0)}
.user-hover-card{
  position:absolute;top:calc(100% + 10px);left:0;width:300px;z-index:50;
  background:#1f2026;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 20px 45px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease
}
.hover-banner{
  height:106px;background:linear-gradient(135deg,#60a5fa,#2563eb);background-size:cover;background-position:center;position:relative
}
.hover-main{padding:0 16px 16px}
.hover-avatar-wrap{margin-top:-52px;display:flex;align-items:end;justify-content:space-between}
.hover-avatar{
  width:94px;height:94px;border-radius:999px;border:6px solid #1f2026;background:#111;overflow:hidden;display:grid;place-items:center;position:relative
}
.hover-avatar img{width:100%;height:100%;object-fit:cover}
.hover-actions{display:flex;gap:10px}
.circle-btn{
  width:38px;height:38px;border-radius:999px;border:none;cursor:pointer;background:#294f7b;color:#fff;display:grid;place-items:center
}
.hover-name{font-size:1.8rem;line-height:1.05;margin:10px 0 2px;font-weight:800}
.hover-userline{color:#cfd5e2;margin-bottom:12px}
.hover-bio{color:var(--muted);font-size:.95rem;min-height:22px;margin-bottom:12px}
.server-pill,.status-pill{
  display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:7px 10px;border-radius:999px
}
.server-pill{color:var(--muted);margin-bottom:12px}
.status-pill{color:#fff;margin-bottom:14px}
.message-mini{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--muted)
}

.comment{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-top:14px}
.comment strong{display:block;margin-bottom:6px}
.comment span{color:var(--muted);font-size:.92rem}

.auth-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:26px}
.auth-switch{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.auth-tab{
  padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;cursor:pointer
}
.auth-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}
.notice{margin-top:18px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted)}

.profile-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;margin-top:26px}
.profile-preview{overflow:hidden;padding:0}
.profile-banner{height:170px;background:linear-gradient(135deg,#60a5fa,#2563eb);background-size:cover;background-position:center;position:relative}
.profile-main{padding:0 22px 22px}
.profile-head{
  display:flex;align-items:flex-end;gap:16px;margin-top:-34px;position:relative;z-index:2
}
.profile-name-wrap{
  padding-top:18px;min-width:0
}
.profile-name{font-size:1.6rem;font-weight:800;line-height:1.1;word-break:break-word}
.profile-username{color:var(--muted);word-break:break-word}
.bio-box{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);color:var(--muted)}
.upload-box{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)
}
.file-input{display:none}

.chat-page{display:grid;grid-template-columns:320px 1fr;gap:24px;margin-top:26px}
.chat-sidebar{padding:0;overflow:hidden}
.chat-list{display:grid}
.chat-item{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s ease}
.chat-item:hover,.chat-item.active{background:rgba(255,255,255,.04)}
.chat-main{display:grid;grid-template-rows:auto 1fr auto;min-height:560px}
.chat-head{padding-bottom:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}
.chat-messages{padding:18px 0;display:flex;flex-direction:column;gap:12px;overflow:auto}
.msg{
  max-width:78%;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)
}
.msg.self{align-self:flex-end;background:linear-gradient(135deg, rgba(225,29,47,.16), rgba(255,66,86,.09))}
.msg .meta{font-size:.84rem;color:var(--muted);margin-bottom:6px}
.msg-input{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:14px;border-top:1px solid var(--line)}

.footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);margin-top:30px}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:24px}
.footer h4{margin:0 0 10px;color:#fff}
.footer a{display:block;margin:8px 0;color:var(--muted)}
.copy{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:.95rem}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
.reveal.show{opacity:1;transform:translateY(0)}

@media (max-width:980px){
  .pricing,.grid-3,.footer-grid,.forum-layout,.profile-layout,.chat-page{grid-template-columns:1fr}
  .price-card.featured{transform:none}
}
@media (max-width:760px){
  .menu-btn{display:block;grid-column:3;justify-self:end}
  .nav-links{
    position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;background:rgba(15,16,19,.98);padding:14px 20px;border-bottom:1px solid var(--line);margin-left:0;grid-column:auto;justify-self:stretch
  }
  .nav-links.open{display:flex}
  #nav-user-area{
  grid-column:3;
  justify-self:end;
  display:flex;
  align-items:center;
}
  .metrics{grid-template-columns:1fr}
  .profile-head{align-items:flex-start;flex-direction:column}
  .profile-name-wrap{padding-top:0}
}


/* Elite Resell pages */
.elite-body{
  background:
    radial-gradient(circle at 20% 20%, rgba(138,44,255,.22), transparent 18%),
    radial-gradient(circle at 80% 70%, rgba(138,44,255,.16), transparent 20%),
    radial-gradient(circle at 50% 50%, rgba(138,44,255,.1), transparent 30%),
    linear-gradient(180deg,#05020a,#09030f 40%,#05020a);
}
.elite-nav-fix .brand-mark{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 10px 25px rgba(138,44,255,.35);
}
.elite-hero{
  padding:80px 0 90px;
  position:relative;
  overflow:hidden;
}
.elite-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center, rgba(138,44,255,.28), transparent 26%),
    radial-gradient(circle at 15% 25%, rgba(138,44,255,.12), transparent 18%),
    radial-gradient(circle at 85% 80%, rgba(138,44,255,.12), transparent 20%);
  pointer-events:none;
}
.elite-hero-inner{position:relative;z-index:2;text-align:center}
.elite-tag{
  display:inline-block;
  padding:8px 16px;
  border:1px solid rgba(177,77,255,.7);
  border-radius:999px;
  color:#f3e8ff;
  box-shadow:0 0 18px rgba(138,44,255,.35);
  margin-bottom:18px;
}
.elite-title{
  font-size:clamp(3rem,8vw,6.2rem);
  margin:0;
  line-height:.95;
  color:#fff;
  text-shadow:0 0 30px rgba(138,44,255,.45);
  font-weight:900;
}
.elite-sub{
  color:#e7daf8;
  font-size:1.1rem;
  max-width:760px;
  margin:18px auto 34px;
}
.elite-showcase{
  margin:34px auto 0;
  width:min(980px,100%);
  border:2px solid rgba(138,44,255,.95);
  border-radius:34px;
  padding:26px;
  box-shadow:0 0 26px rgba(138,44,255,.6), inset 0 0 18px rgba(138,44,255,.15);
  background:rgba(14,6,24,.72);
}
.elite-showcase-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.elite-product-mini{
  background:linear-gradient(180deg,#1b0b2e,#0f0719);
  border:2px solid rgba(138,44,255,.45);
  border-radius:26px;
  padding:16px;
  box-shadow:0 0 22px rgba(138,44,255,.25);
}
.elite-product-thumb{
  height:170px;
  border-radius:18px;
  background:
    radial-gradient(circle at center, rgba(177,77,255,.35), transparent 60%),
    linear-gradient(180deg,#45107b,#160821);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:4rem;
}
.elite-product-mini h3{
  margin:14px 0 8px;
  font-size:1rem;
}
.elite-product-mini p{
  margin:0 0 14px;
  color:#e8d8ff;
  opacity:.9;
  font-weight:700;
}
.elite-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 24px;
  border-radius:999px;
  border:1px solid rgba(225,29,47,.45);
  font-weight:900;
  transition:.2s ease;
}
.elite-btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 0 22px rgba(138,44,255,.55);
  color:#fff;
}
.elite-btn-secondary{
  background:rgba(255,255,255,.03);
  color:#fff;
}
.elite-btn:hover{transform:translateY(-2px)}
.elite-center-btn{margin-top:24px}
.elite-page-title{
  text-align:center;
  font-size:clamp(2.4rem,6vw,4.6rem);
  margin:0 0 16px;
  color:#fff;
  font-weight:900;
}
.elite-page-sub{
  text-align:center;
  color:#d8c8f2;
  margin:0 auto 46px;
  max-width:760px;
}
.elite-products-list{
  display:grid;
  gap:32px;
}
.elite-product-row{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:26px;
  align-items:start;
  padding:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  box-shadow:0 0 20px rgba(138,44,255,.14);
}
.elite-product-image{
  width:100%;
  aspect-ratio:1/1;
  border-radius:22px;
  background:
    radial-gradient(circle at center, rgba(177,77,255,.35), transparent 60%),
    linear-gradient(180deg,#4b1486,#15081f);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:4rem;
}
.elite-product-content h2{
  margin:0 0 8px;
  font-size:2rem;
  color:#f2e6ff;
}
.elite-product-content p{
  margin:0;
  color:#d8c8f2;
  font-size:1.05rem;
}
.home-elite-card{
  margin-top:28px;
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(138,44,255,.28);
  background:
    radial-gradient(circle at top right, rgba(138,44,255,.14), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.home-elite-card h3{margin:0 0 10px;font-size:1.9rem}
.home-elite-card p{margin:0 0 18px;color:#c6cde0}
@media (max-width: 1000px){
  .elite-showcase-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 700px){
  .elite-showcase-grid{grid-template-columns:1fr}
  .elite-product-row{grid-template-columns:1fr}
}



/* Header centered links with left brand and right user area */
.nav{
  display:grid !important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
}
.nav-links{
  justify-self:center;
}
#nav-user-area{
  margin-left:24px;flex-shrink:0;
}

/* Elite Resell redesign in red + anthracite */
.elite-body{
  background:
    radial-gradient(circle at top right, rgba(225,29,47,.14), transparent 25%),
    radial-gradient(circle at bottom left, rgba(225,29,47,.08), transparent 18%),
    linear-gradient(180deg,#101114 0%, #17181b 100%) !important;
}
.elite-nav-fix .brand-mark{
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow:0 10px 25px rgba(225,29,47,.3) !important;
}
.elite-tag{
  border:1px solid rgba(225,29,47,.55) !important;
  color:#fff !important;
  box-shadow:0 0 18px rgba(225,29,47,.22) !important;
  background:rgba(255,255,255,.04);
}
.elite-title{
  color:#fff !important;
  text-shadow:none !important;
}
.elite-title .red-gradient{
  background:linear-gradient(90deg,#ffffff 0%, #ffb3bb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.elite-sub,.elite-page-sub{
  color:var(--muted) !important;
}
.elite-showcase{
  border:1px solid rgba(225,29,47,.35) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.35) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
}
.elite-showcase-grid{
  grid-template-columns:repeat(4,1fr);
}
.elite-product-mini{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.28) !important;
}
.elite-product-thumb{
  background:
    radial-gradient(circle at center, rgba(225,29,47,.16), transparent 55%),
    linear-gradient(180deg,#2a0d13,#17181b) !important;
}
.elite-btn{
  border:1px solid rgba(225,29,47,.45) !important;
}
.elite-btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  box-shadow:0 14px 30px rgba(225,29,47,.28) !important;
}
.elite-btn-secondary{
  background:rgba(255,255,255,.04) !important;
}
.elite-page-title{
  color:#fff !important;
}
.elite-product-row{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.25) !important;
}
.elite-product-image{
  background:
    radial-gradient(circle at center, rgba(225,29,47,.16), transparent 55%),
    linear-gradient(180deg,#2a0d13,#17181b) !important;
}
.elite-product-content h2{
  color:#fff !important;
}
@media (max-width:760px){
  .nav{
    grid-template-columns:1fr;
  }
  .nav-links,#nav-user-area{
    justify-self:start;
  }
}



/* Toast notifications */
.toast-container{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:12px;
  pointer-events:none;
}
.toast{
  min-width:280px;
  max-width:420px;
  padding:14px 18px;
  border-radius:18px;
  background:#1d2027;
  color:#fff;
  border:1px solid rgba(225,29,47,.6);
  box-shadow:0 0 0 1px rgba(225,29,47,.18), 0 0 22px rgba(225,29,47,.28), 0 12px 30px rgba(0,0,0,.35);
  transform:translateY(18px);
  opacity:0;
  transition:opacity .25s ease, transform .25s ease;
}
.toast.show{
  opacity:1;
  transform:translateY(0);
}
.toast.success{border-color:rgba(225,29,47,.85)}
.toast.error{border-color:rgba(255,120,120,.9)}
.toast-title{
  font-weight:800;
  margin-bottom:4px;
}
.toast-text{
  color:#eef2f7;
  line-height:1.45;
}



/* Final header layout */
.nav{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
}
.nav-links{
  justify-self:center !important;
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}
#nav-user-area{
  justify-self:end !important;
  display:flex;
  gap:8px;
  align-items:center;
}
@media (max-width:760px){
  .nav{
    grid-template-columns:1fr !important;
  }
  .nav-links,#nav-user-area{
    justify-self:start !important;
  }
}

/* Final Elite Resell red/anthracite theme */
.elite-body{
  background:
    radial-gradient(circle at top right, rgba(225,29,47,.16), transparent 24%),
    radial-gradient(circle at bottom left, rgba(225,29,47,.10), transparent 18%),
    linear-gradient(180deg,#101114 0%, #17181b 100%) !important;
}
.elite-hero::before{
  background:
    radial-gradient(circle at center, rgba(225,29,47,.16), transparent 26%),
    radial-gradient(circle at 15% 25%, rgba(225,29,47,.09), transparent 18%),
    radial-gradient(circle at 85% 80%, rgba(225,29,47,.08), transparent 20%) !important;
}
.elite-showcase,
.elite-product-mini,
.elite-product-row{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
}
.elite-product-thumb,
.elite-product-image{
  background:
    radial-gradient(circle at center, rgba(225,29,47,.18), transparent 58%),
    linear-gradient(180deg,#2a0d13,#17181b) !important;
}
.elite-title{
  color:#fff !important;
}
.elite-title .red-gradient{
  background:linear-gradient(90deg,#ffffff 0%, #ffb3bb 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}



/* Final header alignment */
.nav{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:18px !important;
}
.nav-links{
  justify-self:center !important;
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}
#nav-user-area{
  justify-self:end !important;
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
}
@media (max-width:760px){
  .nav{
    grid-template-columns:1fr !important;
  }
  .nav-links,#nav-user-area{
    justify-self:start !important;
  }
}

/* Final Elite red-only theme */
.elite-nav-fix .brand-mark{
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  box-shadow:0 10px 25px rgba(225,29,47,.3) !important;
}
.elite-title{
  color:#fff !important;
}
.elite-title .red-gradient{
  background:linear-gradient(90deg,#ffffff 0%, #ffb3bb 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.elite-showcase,
.elite-product-mini,
.elite-product-row{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
}
.elite-product-thumb,
.elite-product-image{
  background:
    radial-gradient(circle at center, rgba(225,29,47,.18), transparent 58%),
    linear-gradient(180deg,#2a0d13,#17181b) !important;
}
.elite-btn{
  border:1px solid rgba(225,29,47,.45) !important;
}
.elite-btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  box-shadow:0 14px 30px rgba(225,29,47,.28) !important;
}
.elite-btn-secondary{
  background:rgba(255,255,255,.04) !important;
}



/* Final nav alignment fix */
.nav{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
}
.nav-links{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  justify-self:center !important;
}
#nav-user-area{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}


/* FIX forum notice alignment */
#forum-auth-note{
  margin-top:0;
  margin-bottom:22px;
  width:100%;
  display:block;
}

.text-link-btn{
  margin-top:12px;padding:0;background:none;border:none;color:#ffb4bc;font-weight:700;cursor:pointer;text-align:left
}
.text-link-btn:hover{color:#fff;text-decoration:underline}
.notice-strong{color:#fff}
.reset-link{
  display:inline-flex;margin-top:12px;color:#fff;font-weight:800;text-decoration:underline;word-break:break-all
}


/* Elite catalog page */
.elite-catalog-section{padding-top:56px;padding-bottom:84px}
.elite-catalog-shell{
  border:1px solid rgba(225,29,47,.18);
  border-radius:34px;
  padding:34px;
  background:
    radial-gradient(circle at top right, rgba(225,29,47,.10), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow:0 18px 46px rgba(0,0,0,.34);
}
.elite-catalog-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  margin-bottom:24px;
}
.member-shops-shell .elite-catalog-head{
  align-items:start;
}
.member-shops-shell .elite-stats-wrap{
  margin-top:18px;
}
.elite-stats-wrap{display:grid;grid-template-columns:repeat(3, minmax(100px,1fr));gap:12px}
.elite-stat-box{
  min-width:110px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
}
.elite-stat-box strong{display:block;font-size:1.25rem;color:#fff;text-transform:uppercase}
.elite-stat-box span{color:var(--muted);font-size:.92rem}
.elite-catalog-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}
.elite-filter-chip{
  border:1px solid rgba(225,29,47,.5);
  background:rgba(255,255,255,.02);
  color:#fff;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
  font-weight:800;
  transition:.2s ease;
}
.elite-filter-chip:hover,.elite-filter-chip.active{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  border-color:transparent;
  box-shadow:0 10px 24px rgba(225,29,47,.24);
}
.elite-search-bar{display:flex;gap:14px;align-items:center;justify-content:center;margin-bottom:22px;flex-wrap:wrap}
.elite-search-input{
  max-width:940px;
  border-radius:999px;
  border-color:rgba(225,29,47,.45);
  box-shadow:0 0 0 1px rgba(225,29,47,.12), inset 0 0 18px rgba(225,29,47,.05);
}
.elite-admin-panel{
  margin-bottom:26px;
  padding:24px;
  border-radius:28px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(225,29,47,.18);
}
.elite-admin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}
.elite-admin-head h3{margin:0 0 8px;font-size:1.5rem}
.elite-admin-head p{margin:0;color:var(--muted);max-width:820px}
.elite-owner-pill{padding:10px 14px;border-radius:999px;background:rgba(225,29,47,.14);border:1px solid rgba(225,29,47,.28);font-weight:800}
.elite-admin-form{display:grid;gap:14px}
.elite-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.elite-file-field{
  display:flex;align-items:center;justify-content:center;
  min-height:54px;padding:12px 14px;border-radius:16px;
  border:1px dashed rgba(225,29,47,.45);background:rgba(255,255,255,.03);cursor:pointer;font-weight:700
}
.elite-file-field input{display:none}
.elite-public-note{margin-bottom:24px}
.elite-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.elite-product-card{
  display:flex;flex-direction:column;
  min-height:100%;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(255,255,255,.03));
  border:1px solid rgba(225,29,47,.14);
  box-shadow:0 14px 30px rgba(0,0,0,.32), 0 0 18px rgba(225,29,47,.10);
}
.elite-card-media{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* pătrat perfect */
  border-radius: 24px;
  overflow: hidden; /* 🔥 ASTA LIPSEA */
  background: #000;

  display: flex;
  align-items: center;
  justify-content: center;
}
.elite-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  background:transparent;
}
.elite-fallback-emoji{font-size:4rem;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
.elite-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.elite-card-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.elite-card-category{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#ffb4bc;font-weight:800}
.elite-card-badge{font-size:.8rem;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d5d9e3}
.elite-product-card h3{margin:0;font-size:1.18rem;line-height:1.2}
.elite-card-price{font-size:1.32rem;font-weight:900;color:#fff}
.elite-product-card p{margin:0;color:var(--muted);font-size:.95rem}
.elite-card-actions{display:grid;gap:10px;margin-top:auto}
.elite-card-btn{
  display:flex;align-items:center;justify-content:center;
  min-height:44px;
  border-radius:14px;
  font-weight:800;
  border:1px solid rgba(225,29,47,.34);
  transition:.2s ease;
}
.elite-card-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 12px 24px rgba(225,29,47,.22)}
.elite-card-btn.secondary{background:rgba(255,255,255,.02);color:#fff}
.elite-card-btn:hover{transform:translateY(-2px)}
.elite-delete-btn{
  margin-top:2px;border:none;background:transparent;color:#ff8d99;cursor:pointer;font-weight:800;padding:0;text-align:left
}
.elite-delete-btn:hover{color:#fff}
.elite-load-more-wrap{display:flex;justify-content:center;margin-top:28px}
.elite-empty-state{
  grid-column:1/-1;
  text-align:center;
  padding:40px 24px;
  border-radius:28px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08)
}
.elite-empty-state h3{margin:0 0 8px}
.elite-empty-state p{margin:0;color:var(--muted)}
@media (max-width:1100px){
  .elite-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .elite-catalog-head{grid-template-columns:1fr}
  .elite-stats-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
  .elite-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .elite-catalog-shell{padding:24px 18px}
  .elite-admin-grid{grid-template-columns:1fr}
  .elite-products-grid{grid-template-columns:1fr}
  .elite-search-bar{align-items:stretch}
  .elite-search-bar .btn{width:100%}
  .elite-stats-wrap{grid-template-columns:1fr}
}


.elite-inline-textarea{
  min-height:54px;
  resize:vertical;
}
.elite-file-field-multi{
  grid-column:span 2;
  text-align:center;
  flex-direction:column;
  gap:8px;
}
.elite-gallery{
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
}
.elite-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.elite-gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border:none;
  border-radius:999px;
  background:rgba(10,10,12,.72);
  color:#fff;
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:2;
}
.elite-gallery-arrow.left{left:12px}
.elite-gallery-arrow.right{right:12px}
.elite-gallery-count{
  position:absolute;
  top:12px;
  right:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(10,10,12,.72);
  color:#fff;
  font-size:.8rem;
  font-weight:700;
  z-index:2;
}
@media (max-width:760px){
  .elite-file-field-multi{grid-column:span 1}
}


.elite-product-card-clickable{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.elite-product-card-clickable:hover{
  transform:translateY(-4px);
  border-color:rgba(225,29,47,.34);
}
.elite-card-media-link,
.elite-card-title-link{
  color:inherit;
  text-decoration:none;
}
.elite-card-title-link:hover{
  color:#fff;
  text-shadow:0 0 12px rgba(225,29,47,.22);
}

.elite-product-detail-page{
  padding-top:28px;
}
.elite-detail-shell{
  display:grid;
  gap:20px;
}
.elite-detail-backlink{
  color:#f3b7bf;
  text-decoration:none;
  font-weight:800;
}
.elite-detail-layout{
  display:grid;
  grid-template-columns:minmax(320px, 1.05fr) minmax(320px, 1fr);
  gap:34px;
  align-items:start;
}
.elite-detail-media-panel,
.elite-detail-info-panel{
  border-radius:30px;
  background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(255,255,255,.03));
  border:1px solid rgba(225,29,47,.14);
  box-shadow:0 14px 30px rgba(0,0,0,.32), 0 0 18px rgba(225,29,47,.10);
}
.elite-detail-media-panel{
  padding:20px;
}
.elite-detail-media-box{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(225,29,47,.18), transparent 58%),
    linear-gradient(180deg,#251217,#17181b);
  display: flex;
  align-items: center;
  justify-content: center;
}
.elite-detail-media-box img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.elite-detail-fallback{
  font-size:8rem;
}
.elite-detail-arrow{
  width:52px;
  height:52px;
  font-size:2rem;
}
.elite-detail-count{
  top:16px;
  right:16px;
}
.elite-detail-thumbs{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(78px, 1fr));
  gap:12px;
  margin-top:16px;
}
.elite-detail-thumb{
  padding:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  cursor:pointer;
  min-height:82px;
}
.elite-detail-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.elite-detail-thumb.active{
  border-color:rgba(225,29,47,.75);
  box-shadow:0 0 0 2px rgba(225,29,47,.18);
}
.elite-detail-info-panel{
  padding:30px 30px 34px;
  display:grid;
  gap:22px;
}
.elite-detail-meta{
  color:#ffb4bc;
  font-size:.9rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.elite-detail-title{
  margin:0;
  font-size:clamp(2rem, 4vw, 3.25rem);
  line-height:1.05;
}
.elite-detail-price{
  font-size:2rem;
  font-weight:900;
  color:#fff;
}
.elite-detail-description{
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.75;
  min-height:150px;
}
.elite-detail-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:10px;
}
.elite-detail-action{
  min-height:58px;
  font-size:1.02rem;
}
.elite-detail-note{
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:var(--muted);
}
.elite-detail-empty{
  padding:40px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(255,255,255,.03));
  border:1px solid rgba(225,29,47,.14);
  text-align:center;
}
.elite-detail-back{
  margin:18px auto 0;
  max-width:260px;
}
@media (max-width:980px){
  .elite-detail-layout{
    grid-template-columns:1fr;
  }
  .elite-detail-media-box{
    min-height:420px;
  }
}
@media (max-width:640px){
  .elite-detail-info-panel{
    padding:22px;
  }
  .elite-detail-actions{
    grid-template-columns:1fr;
  }
  .elite-detail-media-box{
    min-height:320px;
  }
}


.member-shops-shell{display:grid;gap:22px}
.member-owner-access,
.member-shop-create-box,
.member-shop-view,
.member-shop-banner{
  border-radius:28px;
  background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(255,255,255,.03));
  border:1px solid rgba(225,29,47,.14);
  box-shadow:0 14px 30px rgba(0,0,0,.32), 0 0 18px rgba(225,29,47,.10);
}
.member-owner-access,
.member-shop-create-box{padding:22px}
.member-owner-access-form,
.member-create-shop-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:14px}
.member-access-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.member-access-pill{
  border:none;background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer
}
.member-access-pill span{color:#ffb4bc}
.member-shop-create-box.locked{opacity:.88}
.member-shop-tabs{display:flex;flex-wrap:wrap;gap:12px}
.member-shop-tab{
  border:none;cursor:pointer;padding:12px 16px;border-radius:999px;
  background:rgba(255,255,255,.04);color:#fff;font-weight:800
}
.member-shop-tab.active{background:linear-gradient(135deg,#ff314d,#ff5a6c)}
.member-shop-view{padding:22px;display:grid;gap:20px}
.member-shop-banner{
  padding:22px;
  display:flex;align-items:center;justify-content:space-between;gap:16px
}
.member-shop-banner h2{margin:6px 0 8px;font-size:2rem}
.member-shop-banner p{margin:0;color:var(--muted)}
.member-shop-owner{
  padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)
}
.member-shop-grid{margin-top:4px}
@media (max-width:760px){
  .member-owner-access-form,
  .member-create-shop-form{grid-template-columns:1fr}
  .member-shop-banner{flex-direction:column;align-items:flex-start}
}


.shop-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.shop-card{
  display:flex;
  flex-direction:column;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(255,255,255,.03));
  border:1px solid rgba(225,29,47,.14);
  box-shadow:0 14px 30px rgba(0,0,0,.32), 0 0 18px rgba(225,29,47,.10);
}
.shop-card-cover{
  display:block;
  aspect-ratio: 16 / 10;
  background:
    radial-gradient(circle at center, rgba(225,29,47,.18), transparent 58%),
    linear-gradient(180deg,#251217,#17181b);
}
.shop-card-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.shop-card-body{
  padding:18px;
  display:grid;
  gap:14px;
  flex:1;
}
.shop-card-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.shop-card-top h3{
  margin:0;
  font-size:1.2rem;
}
.shop-card-meta{
  color:var(--muted);
  font-size:.9rem;
  margin-top:4px;
}
.shop-card-count{
  white-space:nowrap;
  font-weight:800;
  color:#ffb4bc;
}
.shop-card p{
  color:var(--muted);
  margin:0;
}
.shop-card-footer{
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.shop-card-footer span{
  color:var(--muted);
}
.shop-access-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}
.shop-access-chip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.shop-access-chip button{
  background:none;
  border:none;
  color:#ff7b88;
  font-weight:800;
  cursor:pointer;
}
.shop-my-shop-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  margin-bottom:18px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.shop-my-shop-box h3{
  margin:0 0 6px;
}
.shop-my-shop-box p{
  margin:0;
  color:var(--muted);
}
.shop-hero{
  display:grid;
  grid-template-columns:minmax(280px, .85fr) minmax(320px, 1.15fr);
  gap:24px;
  margin-bottom:20px;
}
.shop-hero-cover{
  min-height:260px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at center, rgba(225,29,47,.18), transparent 58%),
    linear-gradient(180deg,#251217,#17181b);
}
.shop-hero-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.shop-hero-info{
  display:grid;
  gap:14px;
  align-content:center;
}
.shop-hero-owner{
  color:#ffb4bc;
  font-weight:800;
}
.shop-hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
@media (max-width:980px){
  .shop-grid{grid-template-columns:1fr 1fr;}
  .shop-hero{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .shop-grid{grid-template-columns:1fr;}
  .shop-my-shop-box,
  .shop-card-footer,
  .shop-card-top{
    flex-direction:column;
    align-items:flex-start;
  }
}



/* All member shops listed one under another */
.member-shop-all-list{
  display:grid;
  gap:22px;
  margin-top:28px;
}
.member-shop-list-card{
  display:grid;
  gap:18px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
}
.member-shop-list-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.member-shop-list-head h3{
  margin:10px 0 8px;
  font-size:2rem;
}
.member-shop-list-head p{
  margin:0;
  color:var(--muted);
}
.member-shop-list-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.member-shop-list-meta span{
  color:var(--muted);
  font-weight:700;
}
@media (max-width:760px){
  .member-shop-list-head,
  .member-shop-list-meta{
    flex-direction:column;
    align-items:flex-start;
  }
}



/* Owner delete shop actions */
.member-shop-list-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.owner-delete-shop-btn{
  min-width:140px;
}



/* Reparat shop-uri: păstrează lista Toate vizibilă și mută butonul sus */
.member-shop-all-list{
  display:grid !important;
  gap:22px;
  margin-top:28px;
}
.member-shop-banner-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.member-shop-banner-actions .elite-card-btn{
  min-width:150px;
}
@media (max-width:760px){
  .member-shop-banner-actions{
    align-items:flex-start;
  }
}

.elite-delete-btn{
  display: block;
  margin: 0 auto;
  text-align: center;
}

.elite-product-thumb{
  width: 100%;
  height: 185px;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.elite-product-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

h1{
  text-align: center;
}

.btn-secondary{
  width: 100%;
}




.footer-pages-links{
  display:grid;
  grid-template-columns:repeat(2, max-content);
  column-gap:56px;
  row-gap:10px;
  align-items:start;
}

.footer-pages-links a{
  display:inline-block !important;
  margin:0 !important;
}

@media (max-width:760px){
  .footer-pages-links{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:8px;
  }
}


.member-shop-preview-grid{
  margin-top: 10px;
}
.member-shop-preview-grid .elite-empty-state{
  grid-column: 1 / -1;
}


/* All shops tab — design aligned with individual shop view */
.member-shop-list-card.member-shop-view{
  padding:22px;
  gap:20px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(255,255,255,.03));
  border:1px solid rgba(225,29,47,.14);
  box-shadow:0 14px 30px rgba(0,0,0,.32), 0 0 18px rgba(225,29,47,.10);
}
.member-shop-list-card .member-shop-list-banner{
  margin:0;
}
.member-shop-list-card .member-shop-list-banner h2{
  margin:6px 0 8px;
  font-size:2rem;
}
.member-shop-list-count{
  color:var(--text);
  font-weight:800;
  font-size:1rem;
  margin-top:-2px;
}
.member-shop-list-actions-wrap{
  justify-content:flex-end;
}
.member-shop-list-card .member-shop-grid{
  margin-top:0;
}
.member-shop-preview-grid{
  align-items:start;
}
@media (max-width:760px){
  .member-shop-list-actions-wrap{
    justify-content:flex-start;
  }
  .member-shop-list-count{
    margin-top:0;
  }
}

.actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap; /* 🔥 IMPORTANT */
}

.btn {
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px; /* 🔥 le face egale */
  height: 48px;     /* 🔥 aceeași înălțime */
  box-sizing: border-box;
}

select {
  background-color: #2b2b2b;
  color: white;
  border: 1px solid #444;
}

select option {
  background-color: #2b2b2b;
  color: white;
}

.btn.btn-secondary {
  width: 140px;        /* 🔥 scurtează butonul */
  padding: 6px 10px;   /* mai compact */
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
}

.btn.btn-secondary {
  font-size: 15px; /* încearcă 15 sau 16 */
}




/* Mobile navigation hard fix */
@media (max-width:760px){
  .nav{
    grid-template-columns:auto auto !important;
    grid-template-areas:
      "brand menu"
      "links links"
      "user user";
    align-items:center !important;
  }
  .brand{grid-area:brand;}
  .menu-btn{
    display:block !important;
    grid-area:menu;
    justify-self:end !important;
  }
  .nav-links{
    grid-area:links;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100%;
    position:static !important;
    margin-top:14px;
    padding:16px;
    background:rgba(15,16,19,.98);
    border:1px solid var(--line);
    border-radius:20px;
    justify-self:stretch !important;
  }
  .nav-links.open{
    display:flex !important;
  }
  #nav-user-area{
    grid-area:user;
    display:flex !important;
    justify-self:start !important;
    margin-left:0 !important;
    margin-top:12px;
  }
}
@media (min-width:761px){
  .menu-btn{display:none !important;}
  .nav-links{
    display:flex !important;
    position:static !important;
    width:auto;
    padding:0;
    border:none;
    background:none;
  }
}