/* vasite.ru — базовые стили */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F3EFE6;color:#0E0E0E;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#CDEB45;color:#0E0E0E}
a{color:inherit}

@keyframes vsMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes vsFeedIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes vsPulse{0%{box-shadow:0 0 0 0 rgba(205,235,69,.7)}70%{box-shadow:0 0 0 9px rgba(205,235,69,0)}100%{box-shadow:0 0 0 0 rgba(205,235,69,0)}}

:root{--acc:#2536FF}

/* карточка работы: hover-подъём */
.vs-card{transition:transform .25s, box-shadow .25s}
.vs-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px -20px rgba(14,14,14,.4)}

/* плейсхолдер скриншота */
.vs-shot{width:100%;height:190px;display:block;background:#ECE7DB;
  display:flex;align-items:center;justify-content:center;color:#0E0E0E;opacity:.4;
  font-size:13px;font-weight:700;letter-spacing:.02em;background-size:cover;background-position:center}

/* details FAQ маркер */
details > summary{list-style:none}
details > summary::-webkit-details-marker{display:none}
details[open] > summary .vs-plus{transform:rotate(45deg)}
.vs-plus{transition:transform .2s;display:inline-block}


/* мобильная навигация */
@media(max-width:720px){ .vs-nav-links{display:none !important} }

/* ─── обложки готовых шаблонов ─────────────────────────────── */
.vs-tpl-shot{height:200px;padding:20px;display:flex;flex-direction:column;gap:12px;
  background:var(--bg);border-bottom:1px solid rgba(14,14,14,.1)}
.vs-tpl-bar{display:flex;align-items:center;gap:6px}
.vs-tpl-bar i{height:5px;border-radius:3px;background:var(--fg);opacity:.25;display:block}
.vs-tpl-logo{width:14px;height:18px;flex:none;background:var(--a);
  border-radius:46% 46% 30% 30%/52% 52% 8% 8%}
.vs-tpl-cta{margin-left:auto;width:36px;height:13px;border-radius:100px;background:var(--a)}
.vs-tpl-lines{display:flex;flex-direction:column;gap:7px;flex:1;justify-content:center}
.vs-tpl-lines i{height:10px;border-radius:3px;background:var(--fg);opacity:.85;display:block}
.vs-tpl-lines i:nth-child(2){width:74%;background:var(--a);opacity:1}
.vs-tpl-lines i:nth-child(3){width:56%;opacity:.45}
.vs-tpl-row{display:flex;gap:7px}
.vs-tpl-row i{flex:1;height:30px;border-radius:6px;background:var(--a);opacity:.18;display:block}

/* «Блок» — тема на прямых углах, обложка это показывает */
.vs-tpl-shot--sharp .vs-tpl-logo,
.vs-tpl-shot--sharp .vs-tpl-cta,
.vs-tpl-shot--sharp .vs-tpl-lines i,
.vs-tpl-shot--sharp .vs-tpl-row i,
.vs-tpl-shot--sharp .vs-tpl-bar i{border-radius:0}
.vs-tpl-shot--sharp .vs-tpl-row i{opacity:1;background:transparent;border:2px solid var(--fg)}

.vs-dots{display:flex;gap:5px}
.vs-dots i{width:15px;height:15px;border-radius:4px;display:block;border:1px solid rgba(14,14,14,.12)}