/*
Theme Name: Avan Market Lite
Theme URI: https://example.com/
Author: AI Theme Builder
Description: Лёгкая тёмная тема под маркетплейс скинов (Avan Market style), адаптивная, SEO-friendly.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: avan-market-lite
*/

:root{
  --avan-bg:#0b0f19;
  --avan-bg2:#0e1526;
  --avan-card:rgba(255,255,255,.06);
  --avan-card2:rgba(255,255,255,.08);
  --avan-border:rgba(255,255,255,.10);
  --avan-text:#e9eefc;
  --avan-muted:rgba(233,238,252,.72);
  --avan-muted2:rgba(233,238,252,.55);
  --avan-accent:#23e58b;
  --avan-accent2:#2dd4bf;
  --avan-warn:#ffcc66;
  --avan-danger:#ff6b7a;

  --avan-radius:18px;
  --avan-radius2:24px;
  --avan-shadow:0 18px 50px rgba(0,0,0,.45);
  --avan-shadow2:0 10px 24px rgba(0,0,0,.35);

  --avan-container:1180px;
  --avan-gutter:18px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(35,229,139,.18), transparent 55%),
    radial-gradient(700px 500px at 80% 0%, rgba(45,212,191,.16), transparent 50%),
    linear-gradient(180deg, var(--avan-bg), var(--avan-bg2));
  color:var(--avan-text);
  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  line-height:1.55;
}

img{max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:20px}
strong{font-weight:700}

.avan-sr{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.avan-container{
  width:100%;
  max-width:var(--avan-container);
  margin:0 auto;
  padding:0 var(--avan-gutter);
}

.avan-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid var(--avan-border);
  background:rgba(255,255,255,.06);
  color:var(--avan-text);
  text-decoration:none;
  font-weight:650;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  box-shadow:0 0 0 rgba(0,0,0,0);
  cursor:pointer;
  user-select:none;
}
.avan-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}
.avan-btn:active{transform:translateY(0)}
.avan-btn--primary{
  background:linear-gradient(135deg, rgba(35,229,139,.18), rgba(45,212,191,.14));
  border-color:rgba(35,229,139,.35);
}
.avan-btn--primary:hover{border-color:rgba(35,229,139,.55);box-shadow:0 14px 40px rgba(35,229,139,.10)}
.avan-btn--ghost{background:transparent}
.avan-btn--small{padding:10px 14px;border-radius:12px;font-weight:650}
.avan-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 10px;border-radius:999px;
  border:1px solid var(--avan-border);
  background:rgba(255,255,255,.05);
  color:var(--avan-muted);
  font-size:13px;
}

.avan-card{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border:1px solid var(--avan-border);
  border-radius:var(--avan-radius2);
  box-shadow:var(--avan-shadow2);
}
.avan-card__inner{padding:18px}
.avan-card__title{margin:0 0 8px;font-size:18px}
.avan-card__muted{color:var(--avan-muted);margin:0}
.avan-card__hr{height:1px;background:rgba(255,255,255,.10);margin:14px 0}

.avan-grid{
  display:grid;gap:14px;
}
.avan-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.avan-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.avan-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width: 980px){
  .avan-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  .avan-grid--2,.avan-grid--3{grid-template-columns:1fr}
  .avan-grid--4{grid-template-columns:1fr}
}

.avan-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(140%) blur(10px);
  background:rgba(9,13,22,.55);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.avan-header__row{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 0;
}
.avan-brand{
  display:flex;align-items:center;gap:10px;text-decoration:none;
}
.avan-brand__logo{
  width:34px;height:34px;border-radius:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.avan-brand__logo img{width:100%;height:100%;object-fit:cover}
.avan-brand__name{font-weight:800;letter-spacing:.2px}
.avan-nav{display:flex;align-items:center;gap:10px}
.avan-nav__list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.avan-nav__link{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:12px;
  text-decoration:none;color:var(--avan-muted);
  border:1px solid transparent;
}
.avan-nav__link:hover{color:var(--avan-text);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)}
.avan-nav__cta{display:flex;gap:10px;align-items:center}
.avan-burger{
  display:none;
  width:42px;height:42px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  cursor:pointer;
}
.avan-burger span{display:block;height:2px;background:rgba(233,238,252,.85);margin:6px 10px;border-radius:2px}
@media (max-width: 980px){
  .avan-nav__list{display:none}
  .avan-burger{display:inline-block}
}

.avan-mobile{
  display:none;
  padding:0 0 14px;
}
.avan-mobile.is-open{display:block}
.avan-mobile__panel{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  border-radius:18px;
  padding:10px;
}
.avan-mobile__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.avan-mobile__list a{display:flex;justify-content:space-between;align-items:center}

.avan-hero{padding:34px 0 22px}
.avan-hero__wrap{
  display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch;
}
@media (max-width: 980px){.avan-hero__wrap{grid-template-columns:1fr}}
.avan-hero__left{padding:22px}
.avan-hero__title{
  margin:10px 0 10px;
  font-size:44px;line-height:1.08;letter-spacing:-.6px;
}
@media (max-width: 760px){.avan-hero__title{font-size:34px}}
.avan-hero__lead{color:var(--avan-muted);font-size:16px;margin:0 0 16px}
.avan-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.avan-hero__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.avan-hero__right{padding:18px;position:relative;overflow:hidden}
.avan-hero__art{
  height:260px;border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(240px 140px at 30% 25%, rgba(35,229,139,.25), transparent 60%),
    radial-gradient(240px 140px at 80% 60%, rgba(45,212,191,.20), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.avan-hero__art img{
  width:92%;height:92%;object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(0,0,0,.55));
}
.avan-section{padding:22px 0}
.avan-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.avan-h2{margin:0;font-size:26px;letter-spacing:-.2px}
.avan-sub{margin:0;color:var(--avan-muted);max-width:68ch}

.avan-kpi{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
@media (max-width:980px){.avan-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.avan-kpi{grid-template-columns:1fr}}
.avan-kpi__item{padding:14px}
.avan-kpi__num{font-size:20px;font-weight:820;margin:0 0 2px}
.avan-kpi__txt{margin:0;color:var(--avan-muted);font-size:13px}

.avan-steps{counter-reset:avanStep}
.avan-step{padding:16px}
.avan-step__top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.avan-step__n{
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(35,229,139,.12);
  border:1px solid rgba(35,229,139,.30);
  color:rgba(233,238,252,.95);
  font-weight:820;
}
.avan-step__title{margin:0;font-size:16px}
.avan-step__text{margin:0;color:var(--avan-muted)}
.avan-mini{font-size:13px;color:var(--avan-muted2)}

.avan-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
}
.avan-table th,.avan-table td{
  padding:12px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  vertical-align:top;
}
.avan-table th{color:rgba(233,238,252,.92);background:rgba(255,255,255,.04);font-weight:760}
.avan-table tr:last-child td{border-bottom:0}
.avan-note{color:var(--avan-muted);font-size:13px;margin-top:10px}

.avan-faq{display:flex;flex-direction:column;gap:10px}
.avan-acc{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  overflow:hidden;
}
.avan-acc__btn{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 14px;
  background:transparent;color:var(--avan-text);
  border:0;cursor:pointer;text-align:left;
}
.avan-acc__btn span{font-weight:720}
.avan-acc__icon{width:26px;height:26px;border-radius:10px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(233,238,252,.85)}
.avan-acc__panel{display:none;padding:0 14px 14px}
.avan-acc.is-open .avan-acc__panel{display:block}
.avan-acc__panel p{color:var(--avan-muted);margin:0}

.avan-footer{
  padding:26px 0 30px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(9,13,22,.35);
}
.avan-footer__top{
  display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start;
}
@media (max-width:980px){.avan-footer__top{grid-template-columns:1fr}}
.avan-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:760px){.avan-footer__cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.avan-footer__cols{grid-template-columns:1fr}}
.avan-footer__col h3{margin:0 0 8px;font-size:14px;color:rgba(233,238,252,.92)}
.avan-footer__col a{
  display:block;text-decoration:none;color:var(--avan-muted);
  padding:6px 0;
}
.avan-footer__col a:hover{color:var(--avan-text)}
.avan-footer__bottom{
  margin-top:14px;
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  color:var(--avan-muted2);font-size:13px;
}

.avan-prose h1{font-size:34px;line-height:1.12;margin:0 0 12px}
.avan-prose h2{font-size:22px;margin:18px 0 10px}
.avan-prose h3{font-size:18px;margin:16px 0 8px}
.avan-prose a{color:rgba(35,229,139,.95);text-decoration:none;border-bottom:1px dashed rgba(35,229,139,.40)}
.avan-prose a:hover{border-bottom-color:rgba(35,229,139,.70)}
.avan-prose .avan-card{margin:14px 0}

.avan-pagehead{padding:18px 0 8px}
.avan-breadcrumbs{color:var(--avan-muted2);font-size:13px}
.avan-breadcrumbs a{text-decoration:none;color:var(--avan-muted)}
.avan-breadcrumbs a:hover{color:var(--avan-text)}