:root {
  --bg-dark: #11222c;
  --bg-dark-2: #182c38;
  --panel: #f0f0f0;
  --panel-2: #ffffff;
  --line: #d9d9d9;
  --line-dark: #223242;
  --accent: #d35400;
  --accent-2: #ef6714;
  --text: #223242;
  --muted: #5e6c75;
  --blue: #1a5dae;
  --green: #02843f;
  --radius-xl: 23px;
  --radius-lg: 18px;
  --shadow: 0 8px 22px rgba(0, 0, 0, .15);
}

* { box-sizing: border-box; }
a { color: var(--text); text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
textarea { resize: vertical; }
.main-box.container { width: min(1290px, calc(100% - 140px)); }
.wrapper { width: 100%; }
.inside .wrapper { display: flex; gap: 16px; align-items: flex-start; }
aside, .sidebar {
  width: 28%;
  background-color: #163646;
  padding: 15px;
  border-radius: 23px;
  border: 1px solid #223242;
  color: #fff;
}

header, footer {
  background: var(--bg-dark);
  min-width: 1200px;
}
header {
  position: fixed;
  inset: 0 0 auto 0;
  height: 58px;
  z-index: 999;
  border-bottom: 1px solid #1c3846;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 40%);
}
#menu_top, .dop_menu, .dop_ul, .dop_ul li, .menu, .menu li, .menu a, .menu span,
.topbar-actions, .lang-switch, .hero-buttons, .build-grid, .download_cs, .build-meta,
.footer-block, .footer-bottom, .build-card-links, .gallery-grid, .admin-topline,
.admin-actions, .page-sidebar-block {
  display: flex;
}
.logo-mark img { width: 100%; height: 100%; object-fit: cover; }
.menu a, .menu span {
  color: #fff;
  font-size: 13px;
  min-width: 90px;
  height: 34px;
  border-radius: 14px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  text-transform: uppercase;
  transition: .25s;
  position: relative;
}
.menu a:hover, .menu span:hover, .menu a.active { background-color: #993d00; }
.lang-switch a.active, .lang-switch a:hover { background: #993d00; color: #fff; }
.dop_ul {
  width: 100%;
  justify-content: center;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.dop_ul li a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #efefef;
  font-size: 13px;
  padding: 7px 14px;
  border-radius: 16px;
  background: #324851;
  transition: .25s;
}
.dop_ul li a:hover { color: #fff; background: #3c5662; }
.hero h1, .hero h2, .hero-title {
  margin: 0 0 18px;
  color: #fff;
  text-shadow: 1px 1px 2px #aabdce;
}
.hero-card:hover { box-shadow: 0 16px 36px rgba(0,0,0,.32); }
.hero-nav {
  position: absolute;
  top: 118px;
  z-index: 7;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: rgba(17,34,44,.78);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
  transition: .2s;
}
.hero-nav:hover { background: rgba(211,84,0,.92); transform: scale(1.06); }
.hero-nav-prev { left: 70px; }
.hero-nav-next { right: 70px; }
.hero-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 0;
  background: rgba(255,255,255,.35);
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}
.hero-dot.active {
  background: #ff8a2a;
  transform: scale(1.25);
}

.hero-stage.is-busy { pointer-events: none; }
.hero-stage.is-spinning .hero-card { will-change: transform; }
.hero-stage.is-spinning-right .hero-card.pos-leftfar,
.hero-stage.is-spinning-left .hero-card.pos-rightfar {
  opacity: .45;
}
.home-accordion-item:nth-child(2)::before { background: #1082d4; }
.home-accordion-item:nth-child(3)::before { background: #d35a00; }
.home-accordion-item.active .home-accordion-btn::after { transform: rotate(180deg); }

.hero-buttons { justify-content: center; gap: 28px; margin-bottom: 18px; }
.download_cs { justify-content: center; gap: 22px; margin: 14px 0 10px; }
.download_cs a::after {
  width: 70px;
  height: 72px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
}
.download_cs a {
  height: 72px;
  min-width: 270px;
  max-width: 270px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-right: 15px;
  padding-left: 105px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  color: #fff;
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 17%);
  background-size: 220% 100%;
  transition: background-position .35s ease, transform .25s ease, box-shadow .25s ease;
}
.download_cs a:hover {
  background-position: 100% 0;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,.2);
}
.download_cs .dd {
  background-image: linear-gradient(90deg, #1a5dae 0 27%, #2173d9 27% 50%, #2e87ef 100%);
}
.download_cs .dt {
  background-image: linear-gradient(90deg, #02843f 0 27%, #02994b 27% 50%, #06ad56 100%);
}
.download_cs .dd::after { background: #1a5dae url('../img/dd.webp') center center/34px no-repeat; }
.download_cs .dt::after { background: #02843f url('../img/dt.webp') center center/34px no-repeat; }

.notice-box, .sb_text, .page-box, .admin-card {
  background-color: rgb(240 240 240);
  border-radius: 23px;
  padding: 20px;
  box-shadow: 0 0 7px 1px rgb(0 0 0 / 9%);
}
.notice-box { margin-bottom: 15px; }
.accordion-wrap { display: grid; gap: 10px; }
.cs-help-block { display: inline-grid; width: 100%; margin-bottom: 5px; }
.cs-help-btn {
  background-color: #f0f0f0;
  color: #000;
  cursor: pointer;
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 15px;
  text-align: left;
  font-size: 14px;
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 10px 14px;
  font-weight: 700;
}
.cs-help-panel {
  padding: 12px 18px 16px;
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  color: #223242;
}
.cs-help-panel ol { margin: 0; padding-left: 24px; }
.cs-help-panel li { margin-bottom: 10px; }
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-bottom: 16px;
}
.section-head h2, .section-head h3, .texts_h2_m {
  margin: 0;
  color: #223242;
  font-size: 26px;
  text-shadow: 1px 1px 2px #aabdce;
}
.section-head p { margin: 8px 0 0; color: var(--muted); }
.section-link { color: var(--accent); font-weight: 700; white-space: nowrap; }
.build-card, .dv_csbuild {
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #ececec;
  border-radius: 28px;
  font-size: 14px;
  border: 1px solid #dfdfdf;
  box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
}
.build-card-image, .dv_img_csbuild {
  position: relative;
  width: calc(100% - 24px);
  background: linear-gradient(#e2e2e2,#d2d2d2);
  aspect-ratio: 1 / .67;
  border-radius: 24px;
  overflow: hidden;
  margin: 12px 12px 0;
}
.build-card-image img, .dv_img_csbuild img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.build-card h3, .title_csbuild a {
  margin: 0 0 8px;
  color: #111;
  font-size: 16px;
  font-weight: 800;
}
.build-card p { margin: 0 0 12px; color: #28333b; line-height: 1.45; min-height: 60px; }
.build-card-links, .dl_link_csbuild {
  gap: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.12);
  justify-content: space-between;
  margin-top: auto;
}
.build-card-links a, .dl_link_csbuild a, .pill-btn, .btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 42px;
  padding: 0;
  border-radius: 999px;
  border: 0;
  font-weight: 800;
  flex: 1 1 0;
  color: #111;
  background: transparent;
}
.build-card-links a::before, .dl_link_csbuild a::before {
  content: '';
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex: 0 0 38px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
  transition: transform .2s ease, box-shadow .2s ease;
}
.build-card-links a:hover::before, .dl_link_csbuild a:hover::before {
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
}
.build-card-links .direct::before, .dl_link_csbuild .direct::before {
  background-color: #1f5875;
  background-image: url('../img/dl_dr_h.svg');
}
.build-card-links .torrent::before, .dl_link_csbuild .torrent::before {
  background-color: #078b31;
  background-image: url('../img/dl_tr_h.svg');
}
.build-card-links a span, .dl_link_csbuild a span { line-height: 1; }
.pill-btn.blue, .build-card-links .direct { color: #111; }
.pill-btn.green, .build-card-links .torrent { color: #111; }
.btn {
  cursor: pointer;
  color: #fff;
  background-image: linear-gradient(to right,#d43814,#d49a14,#d43814,#d49a14);
  background-size: 300% 100%;
  border: none;
}
.btn:hover { background-position: 100% 0; }

.build-meta {
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
}
.meta-chip {
  padding: 8px 14px;
  border-radius: 999px;
  background: #e8eaec;
  border: 1px solid #d7d7d7;
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.gallery-grid a, .gallery-grid div {
  background: #f4f4f4;
  border-radius: 20px;
  padding: 6px;
  box-shadow: 0 0 7px 1px rgb(0 0 0 / 9%);
}
.gallery-grid img { width: 100%; border-radius: 16px; aspect-ratio: 16 / 10; object-fit: cover; }

.sidebar-card {
  background: #11222c;
  border: 1px solid #163646;
  border-radius: 23px;
  padding: 14px;
  margin-bottom: 14px;
}
.sidebar-card h3 { margin: 0 0 12px; color: #fff; }
.sidebar-list { list-style: none; padding: 0; margin: 0; }
.sidebar-list li { margin-bottom: 10px; }
.sidebar-list a {
  display: block;
  color: #c6cace;
  padding: 10px 12px;
  border-radius: 16px;
  background: #223d4c;
  font-weight: 700;
}
.sidebar-list a:hover, .sidebar-list a.active { color: #fff; background: #993d00; }
.sidebar-mini {
  font-size: 14px;
  color: #d7d9db;
  line-height: 1.5;
}

footer {
  padding: 20px 0 22px;
  border-top: 3px solid #3c5670;
  border-radius: 25px 25px 0 0;
  color: #ccc;
  margin-top: 24px;
}
.footer-box {
  background: var(--bg-dark);
  border-radius: 25px 25px 0 0;
  padding: 22px 24px;
}
.footer-block {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.footer-bottom { justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.footer-links { display: flex; gap: 12px; flex-wrap: wrap; }
.footer-links a, footer a { color: #eee; }
.footer-copy { color: #7395b1; }

.page-box h1 { margin-top: 0; color: var(--text); }
.page-box p { color: #334955; line-height: 1.6; }

.admin-layout {
  display: grid;
  grid-template-columns: 310px 1fr;
  gap: 18px;
}
.admin-card { background: #fff; }
.admin-topline { justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.admin-actions { gap: 10px; flex-wrap: wrap; }
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.field { display: flex; flex-direction: column; gap: 8px; }
.field label { font-size: 14px; font-weight: 700; color: var(--text); }
.field input, .field textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid #d5d8db;
  background: #fafafa;
}
.field textarea { min-height: 120px; }
.table-wrap { overflow-x: auto; }
.table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.table th, .table td {
  padding: 12px 10px;
  border-bottom: 1px solid #ececec;
  text-align: left;
  vertical-align: top;
}
.table th { color: var(--text); font-size: 14px; }
.notice {
  padding: 12px 14px;
  border-radius: 16px;
  background: #eff7ef;
  color: #226338;
  margin-bottom: 12px;
  border: 1px solid #d2ead8;
}
.notice.danger {
  background: #fceded;
  color: #8a2d2d;
  border-color: #f3d6d6;
}
.gallery-admin {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.gallery-admin img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; margin-bottom: 8px; }
.auth-card {
  max-width: 520px;
  margin: 0 auto;
  background: #fff;
  border-radius: 23px;
  padding: 22px;
  box-shadow: var(--shadow);
}

@media (max-width: 1500px) {
  .build-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
}

@media (max-width: 1320px) {
  .build-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1280px) {
  html, body, header, footer { min-width: 1200px; }
}


/* ===== closer-to-reference home page ===== */
.content-home {
  width: 100%;
  background: transparent;
}
.home-features .feature-item {
  background: transparent;
  min-height: 0;
  justify-content: flex-start;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
}
.home-features .feature-item img {
  width: 30px;
  height: 30px;
}
.home-stage .hero-card img {
  border-radius: 24px;
  box-shadow: 0 8px 18px rgba(0,0,0,.15);
}
.home-stage .hero-card.center {
  width: 520px;
  height: 208px;
  top: 12px;
}
.home-stage .hero-card.left,
.home-stage .hero-card.right {
  width: 275px;
  height: 165px;
  top: 32px;
}
.home-stage .hero-card.left { left: 185px; }
.home-stage .hero-card.right { right: 185px; }
.home-stage .hero-card.leftfar,
.home-stage .hero-card.rightfar {
  width: 115px;
  height: 95px;
  top: 66px;
  opacity: .95;
}
.home-stage .hero-card.leftfar { left: 90px; }
.home-stage .hero-card.rightfar { right: 90px; }
.home-downloads a {
  min-width: 295px;
  max-width: 295px;
  height: 80px;
  padding-left: 112px;
  border-radius: 24px;
  box-shadow: 0 6px 14px rgba(0,0,0,.12);
}
.home-downloads a::after {
  width: 80px;
  height: 80px;
}
.home-downloads a span:first-child {
  font-size: 24px;
}
.home-intro p {
  margin: 0;
  color: #171717;
  font-size: 18px;
  line-height: 1.65;
}
.home-panels {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1.4fr .9fr;
  gap: 18px;
}
.home-box {
  background: rgba(255,255,255,.55);
  border-radius: 24px;
  padding: 18px 20px;
}
.home-box h3 {
  margin: 0 0 12px;
  color: #223242;
  font-size: 19px;
}
.home-box ul {
  margin: 0;
  padding-left: 20px;
}
.home-box li {
  margin: 8px 0;
}
.content-home .section-box h2 {
  color: #223242;
}
@media (max-width: 1400px) {
  .home-stage .hero-card.center { width: 460px; }
  .home-stage .hero-card.left { left: 145px; }
  .home-stage .hero-card.right { right: 145px; }
}


/* ===== v5 home/cards/background refinements ===== */
html, body {
  background-color: #f4f4f4;
}
.content-area,
#content,
#contentcs {
  width: 100%;
  background: transparent;
  border-radius: 0;
}
.home-features {
  background: #13384d;
  border-radius: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding: 12px 28px;
  margin-bottom: 28px;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
}
.home-stage .hero-card {
  background: transparent;
  box-shadow: none;
  transition:
    transform .95s cubic-bezier(.19,.82,.26,1),
    opacity .72s ease,
    filter .72s ease,
    box-shadow .72s ease;
}
.home-stage .hero-card.pos-center {
  transform: translateX(-50%) translateY(0) scale(1);
  width: 430px;
  height: 232px;
}
.home-stage .hero-card.pos-left,
.home-stage .hero-card.pos-right {
  width: 296px;
  height: 184px;
}
.home-stage .hero-card.pos-left {
  transform: translateX(calc(-50% - 252px)) translateY(28px) scale(.97) rotate(-1.8deg);
}
.home-stage .hero-card.pos-right {
  transform: translateX(calc(-50% + 252px)) translateY(28px) scale(.97) rotate(1.8deg);
}
.home-stage .hero-card.pos-leftfar,
.home-stage .hero-card.pos-rightfar {
  width: 126px;
  height: 92px;
}
.home-stage .hero-card.pos-leftfar {
  transform: translateX(calc(-50% - 446px)) translateY(84px) scale(.88) rotate(-3.3deg);
}
.home-stage .hero-card.pos-rightfar {
  transform: translateX(calc(-50% + 446px)) translateY(84px) scale(.88) rotate(3.3deg);
}
.home-stage.is-spinning-right .hero-card.pos-left,
.home-stage.is-spinning-right .hero-card.pos-right,
.home-stage.is-spinning-left .hero-card.pos-left,
.home-stage.is-spinning-left .hero-card.pos-right {
  transition-duration: 1.05s;
}
.home-stage.is-spinning-right .hero-card,
.home-stage.is-spinning-left .hero-card {
  will-change: transform, opacity;
}
.home-accordion-item.active .home-accordion-panel {
  opacity: 1;
  grid-template-rows: 1fr;
}
.content-home .section-box {
  padding: 24px 22px 28px;
  max-width: 1508px;
  margin-left: auto;
  margin-right: auto;
  background: rgba(255,255,255,.94);
}
.section-box {
  background: #fff;
  border-radius: 23px;
  margin-top: 12px;
  box-shadow: 0 0 7px 1px rgb(0 0 0 / 9%);
  padding: 24px 22px 28px;
}
.build-card--home .build-card-mainlink {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.build-card--home .build-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease, opacity .3s ease;
}
.build-card--home .build-card-image:hover img {
  transform: scale(1.03);
}
.build-card-links--single {
  padding-top: 12px;
  margin-top: 12px;
}
.build-card-links--single a {
  width: 100%;
}
.build-card-image.has-gallery .card-gallery-nav,
.build-card-image.has-gallery .card-gallery-dots {
  position: absolute;
  z-index: 3;
}
.card-gallery-nav:hover { background: rgba(10,18,24,.78); }
@media (max-width: 1500px) {
  .build-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
}
@media (max-width: 1380px) {
  .build-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


.build-card-mainlink {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.build-card-image.has-gallery .build-card-mainlink { inset: 0 0 22px; }
.card-gallery-nav {
  font-size: 24px;
  line-height: 1;
  opacity: 0;
  transition: opacity .22s ease, background .22s ease;
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  z-index: 4;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: rgba(17,34,44,.72);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.card-gallery-nav.prev { left: 10px; }
.card-gallery-nav.next { right: 10px; }
.build-card-links--dual .direct::before,
.build-card-links--dual .torrent::before {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.18);
  font-size: 18px;
}
.home-shell + .section-box,
.section-box#builds { margin-top: 26px; }
.content-home > .section-box { background: rgba(255,255,255,.96); }


/* v7 refinements */
.home-accordion-item:nth-child(1) .home-accordion-btn span::before,
.home-accordion-item:nth-child(2) .home-accordion-btn span::before,
.home-accordion-item:nth-child(3) .home-accordion-btn span::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #8d8d8d;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.75);
}
.download_cs.home-downloads a {
  min-width: 350px;
  max-width: 350px;
  height: 92px;
  padding-left: 138px;
  padding-right: 22px;
  border-radius: 28px;
  box-shadow: 0 3px 12px rgba(0,0,0,.18);
}
.download_cs.home-downloads a::after {
  width: 92px;
  height: 92px;
  background-size: 46px 46px, auto;
}
.download_cs.home-downloads .dd::after {
  background: #1a5dae url('/public/assets/img/dd.webp') center center/44px 44px no-repeat;
}
.download_cs.home-downloads .dt::after {
  background: #02843f url('/public/assets/img/dt.webp') center center/44px 44px no-repeat;
}
.download_cs.home-downloads a span:first-child { font-size: 19px; line-height: 1.05; }
.download_cs.home-downloads a span:nth-child(2) { font-size: 14px; padding-top: 6px; }
.build-card-links--dual a:hover > span,
.build-card-links--dual a:focus-visible > span {
  max-width: 120px;
  opacity: 1;
}

@media (max-width: 1500px) {
  .download_cs.home-downloads a { min-width: 320px; max-width: 320px; }
}
.home-hero .hero-title {
  font-size: 34px;
  font-weight: 800;
  text-shadow: 1px 1px 2px rgba(170,189,206,.9);
  margin: 0 auto 22px;
  text-align: center; color: #223242; }
.home-intro {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 4px 0 0; color: #111; }
.build-card--home .build-card-links a { font-size: 14px; }
.build-card--home .build-card-links a span { white-space: nowrap; }


/* ===== final recovery overrides ===== */
.main-box,
.inside,
.wrapper,
.content-area,
#content,
#contentcs { background: transparent !important; }
.home-shell,
.content-home > .section-box,
.section-box { position: relative; z-index: 1; }
.content-home > .section-box,
.section-box {
  background: rgba(244,244,244,.97) !important;
}

/* accordion closer to original */
.home-accordion-item {
  overflow: hidden;
  position: relative;
  margin-bottom: 8px;
  background: #e8e8e8;
  border-radius: 20px;
  border: 1px solid #dedede;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 8px rgba(0,0,0,.05);
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.home-accordion-item::before {
  content: "";
  position: absolute;
  background: #4f872e;
  inset: 8px auto 8px 0;
  width: 5px;
  border-radius: 0 8px 8px 0; display: none !important; }
.home-accordion-btn::before {
  content: "›";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  margin-right: 10px;
  color: var(--accent);
  font-size: 28px;
  transform: rotate(90deg);
  transition: transform .28s ease;
  content: '▾' !important;
  width: auto !important;
  margin-right: 10px !important;
  transform: none !important;
  font-size: 18px !important;
  color: #8a6b57 !important;
}
.home-accordion-item.active .home-accordion-btn::before {
  transform: rotate(270deg);
  content: '▴' !important;
}
.home-accordion-btn::after {
  transition: transform .28s ease;
  margin-left: auto;
  content: "▾";
  color: #8a6f5b;
  font-size: 16px; display: none !important; }
.home-accordion-item:nth-child(1) .home-accordion-btn { border-left: 4px solid #5c8e35 !important; }
.home-accordion-item:nth-child(2) .home-accordion-btn { border-left: 4px solid #1484d4 !important; }
.home-accordion-item:nth-child(3) .home-accordion-btn { border-left: 4px solid #d3620a !important; }
.home-accordion-item:nth-child(1) .home-accordion-btn span::before { background: #5d8c36; background: #5c8e35 !important; }
.home-accordion-item:nth-child(2) .home-accordion-btn span::before { background: #1582d1; background: #1484d4 !important; }
.home-accordion-item:nth-child(3) .home-accordion-btn span::before { background: #d5640b; background: #d3620a !important; }
.home-accordion-panel {
  opacity: 0;
  display: grid;
  transition: grid-template-rows .35s ease;
  grid-template-rows: 0fr;
  opacity: 1 !important;
}
.home-accordion-panel p {
  margin: 0;
  color: #283945;
  font-size: 15px;
  line-height: 1.55;
}

/* hero buttons */
.download_cs.home-downloads,
.download_cs {
  gap: 34px !important;
}
.download_cs.home-downloads a,
.download_cs a {
  min-width: 330px !important;
  max-width: 330px !important;
  height: 92px !important;
  padding-left: 118px !important;
  padding-right: 24px !important;
  border-radius: 28px !important;
  overflow: hidden;
  position: relative;
  background-size: 220% 100% !important;
  transition: background-position .38s ease, transform .22s ease, box-shadow .22s ease !important;
}
.download_cs.home-downloads .dd,
.download_cs .dd {
  background-image: linear-gradient(90deg, #1a5dae 0 27%, #286cc4 27% 54%, #2f7de6 100%) !important;
}
.download_cs.home-downloads .dt,
.download_cs .dt {
  background-image: linear-gradient(90deg, #02843f 0 27%, #07964a 27% 54%, #08aa53 100%) !important;
}
.download_cs.home-downloads a::after,
.download_cs a::after {
  width: 86px !important;
  height: 92px !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 28px 0 0 28px;
}
.download_cs.home-downloads .dd::after,
.download_cs .dd::after {
  background: #1a5dae url('/public/assets/img/dd.webp') center center / 38px 38px no-repeat !important;
}
.download_cs.home-downloads .dt::after,
.download_cs .dt::after {
  background: #02843f url('/public/assets/img/dt.webp') center center / 38px 38px no-repeat !important;
}
.download_cs.home-downloads a:hover,
.download_cs a:hover {
  background-position: 100% 0 !important;
  transform: translateY(-1px);
}
.download_cs a span:first-child { font-size: 19px; font-weight: 700; font-size: 21px !important; font-weight: 800 !important; }
.download_cs a span:nth-child(2) { font-size: 14px; padding-top: 5px; font-size: 14px !important; }

/* cards */
.build-card-links--dual a:hover {
  transform: translateY(-1px);
  transform: translateY(-1px) !important;
  background-position: 100% 0 !important;
}

/* ensure hero stage clickable layout stays centered */

/* === Final tuning 2026-03-18 === */
body::after {
  height: 760px;
  content: "";
  position: fixed;
  inset: 640px 0 0 0;
  background: #f3f3f3;
  z-index: -3;
  pointer-events: none;
  inset: 1120px 0 0 0 !important;
  background: #fff !important;
}
.container { margin: 0 auto;
  width: min(1540px, calc(100% - 24px));
  width: min(1580px, calc(100% - 24px)) !important;
}
#content, #contentcs, .content-area {
  width: 72%;
  background: #fff;
  border-radius: 32px;
  width: 100% !important;
}

/* Slightly smaller overall scale for 100% browser zoom */
.hero-card.pos-far-left,
.hero-card.pos-far-right {
  width: 120px !important;
  height: 86px !important;
}
.hero-nav-prev,
.hero-nav-next,
.home-stage .hero-nav-prev,
.home-stage .hero-nav-next {
  width: 44px !important;
  height: 44px !important;
}
.hero-dots {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 7;
  margin: 2px 0 14px !important;
}
.hero-text,
.home-description {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Hero download buttons */
.download_cs,
.download_cs.home-downloads {
  justify-content: center !important;
  gap: 28px !important;
  margin: 10px 0 16px !important;
}
.download_cs a,
.download_cs.home-downloads a {
  min-width: 340px !important;
  max-width: 340px !important;
  height: 88px !important;
  padding: 0 22px 0 104px !important;
  border-radius: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background .28s ease, box-shadow .28s ease, transform .18s ease !important;
  background-image: none !important;
}
.download_cs .dd,
.download_cs.home-downloads .dd {
  background: #2f75cf !important;
  box-shadow: 0 0 4px 1px #195dad !important;
  color: #fff !important;
}
.download_cs .dt,
.download_cs.home-downloads .dt {
  background: #06a84f !important;
  box-shadow: 0 0 4px 1px #00843f !important;
  color: #fff !important;
}
.download_cs .dd::after,
.download_cs.home-downloads .dd::after {
  background-color: #245fb0 !important;
  background-image: url('../img/dd.webp') !important;
}
.download_cs .dt::after,
.download_cs.home-downloads .dt::after {
  background-color: #049346 !important;
  background-image: url('../img/dt.webp') !important;
}
.download_cs a:hover,
.download_cs a:focus-visible,
.download_cs.home-downloads a:hover,
.download_cs.home-downloads a:focus-visible {
  transform: translateY(-1px) !important;
}
.download_cs .dd:hover,
.download_cs .dd:focus-visible,
.download_cs.home-downloads .dd:hover,
.download_cs.home-downloads .dd:focus-visible {
  background: #2f75cf !important;
  box-shadow: 0 0 8px 2px #195dad !important;
}
.download_cs .dt:hover,
.download_cs .dt:focus-visible,
.download_cs.home-downloads .dt:hover,
.download_cs.home-downloads .dt:focus-visible {
  background: #06a84f !important;
  box-shadow: 0 0 8px 2px #00843f !important;
}
.download_cs .dd:hover::after,
.download_cs .dd:focus-visible::after,
.download_cs.home-downloads .dd:hover::after,
.download_cs.home-downloads .dd:focus-visible::after {
  width: 100% !important;
  background-color: #2f75cf !important;
}
.download_cs .dt:hover::after,
.download_cs .dt:focus-visible::after,
.download_cs.home-downloads .dt:hover::after,
.download_cs.home-downloads .dt:focus-visible::after {
  width: 100% !important;
  background-color: #06a84f !important;
}
.download_cs a span:first-child,
.download_cs.home-downloads a span:first-child {
  position: relative !important;
  z-index: 1 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}
.download_cs a span:nth-child(2),
.download_cs.home-downloads a span:nth-child(2) {
  position: relative !important;
  z-index: 1 !important;
  font-size: 14px !important;
  padding-top: 4px !important;
}

/* Home build cards */
.build-card-links--dual {
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,.55);
  gap: 12px;
  gap: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(0,0,0,.35) !important;
}
.build-card-links--dual a {
  min-width: 0;
  min-height: 52px;
  padding: 8px 18px 8px 58px;
  justify-content: flex-start;
  border-radius: 999px;
  color: #0b0b0b;
  background: transparent;
  border: none;
  box-shadow: none;
  font-size: 0;
  flex: 1 1 0;
  transition: background-color .25s ease, color .25s ease, transform .2s ease;
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden;
  background-size: 220% 100% !important;
  min-height: 56px !important;
  padding: 0 18px 0 60px !important;
  border-radius: 999px !important;
  background-image: none !important;
  transition: background .24s ease, color .24s ease, transform .18s ease !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  position: relative !important;
  overflow: hidden !important;
}
.build-card-links--dual .direct { background: #245771;
  background-image: linear-gradient(90deg, rgba(36,87,113,.18) 0 26%, rgba(36,87,113,.06) 26% 52%, rgba(36,87,113,.16) 100%) !important;
  background: #245771 !important;
}
.build-card-links--dual .torrent { background: #0a8f30;
  background-image: linear-gradient(90deg, rgba(10,143,48,.18) 0 26%, rgba(10,143,48,.06) 26% 52%, rgba(10,143,48,.16) 100%) !important;
  background: #0a9b31 !important;
}
.build-card-links--dual .direct::before { content: "⬇";
  background-color: #245771;
  background-image: url('/public/assets/img/dl_dr_h.svg');
  background-color: #1d4f68 !important;
  background-image: url('../img/dd.webp') !important;
}
.build-card-links--dual .torrent::before { content: "🧲";
  background-color: #0a8f30;
  background-image: url('/public/assets/img/dl_tr_h.svg');
  background-color: #078326 !important;
  background-image: url('../img/dt.webp') !important;
}
.build-card-links--dual .direct:hover,
.build-card-links--dual .direct:focus-visible { background: rgba(36,87,113,.10);
  background-image: linear-gradient(90deg, rgba(36,87,113,.94) 0 26%, rgba(46,122,156,.92) 26% 100%) !important;
  background: #245771 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}
.build-card-links--dual .torrent:hover,
.build-card-links--dual .torrent:focus-visible { background: rgba(10,143,48,.10);
  background-image: linear-gradient(90deg, rgba(10,143,48,.94) 0 26%, rgba(17,171,62,.92) 26% 100%) !important;
  background: #0a9b31 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}
.build-card-links--dual .direct:hover::before,
.build-card-links--dual .direct:focus-visible::before {
  width: 100% !important;
  background-color: #245771 !important;
}
.build-card-links--dual .torrent:hover::before,
.build-card-links--dual .torrent:focus-visible::before {
  width: 100% !important;
  background-color: #0a9b31 !important;
}

/* Keep side rocket visible */
.scr-to-top,
.scroll-top,
.to-top-pill {
  z-index: 30 !important;
}


/* v3 tweaks */
html { scroll-behavior: smooth; min-width: 1200px;
  min-width: 1200px !important;
  zoom: 0.92;
}

body {
  margin: 0;
  color: #000;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  position: relative;
  background: linear-gradient(180deg, #f7f7f7 0, #f4f4f4 520px, #f5f5f5 100%);
  background-image: url('../fon.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 100% auto !important;
  font-size: 14px !important;
  background-color: #fff !important;
  min-width: 1280px;
}

/* hero buttons: hide text while fill expands */
.download_cs a span {
  transition: opacity .16s ease !important;
}
.download_cs a:hover span,
.download_cs a:focus-visible span,
.download_cs.home-downloads a:hover span,
.download_cs.home-downloads a:focus-visible span {
  opacity: 0 !important;
}
.download_cs a::after,
.download_cs.home-downloads a::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 74px !important;
  height: 88px !important;
  border-radius: 26px 0 0 26px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 36px 36px !important;
  transition: width .28s ease, background-color .28s ease !important;
  z-index: 2 !important;
}
.download_cs a span,
.download_cs.home-downloads a span {
  z-index: 1 !important;
}

/* card buttons: same fill behavior, no text on hover */
.build-card-links--dual .direct:hover > span,
.build-card-links--dual .direct:focus-visible > span,
.build-card-links--dual .torrent:hover > span,
.build-card-links--dual .torrent:focus-visible > span {
  opacity: 0 !important;
}
.build-card-links--dual a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 42%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  transform: none !important;
  box-shadow: none !important;
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 50px !important;
  height: 56px !important;
  border-radius: 999px 0 0 999px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  transition: width .24s ease, background-color .24s ease !important;
  z-index: 2 !important;
}
.build-card-links--dual a > span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
  opacity: 0;
  transition: max-width .24s ease, opacity .18s ease;
  font-size: 16px;
  font-weight: 700;
  max-width: none !important;
  opacity: 1 !important;
  position: relative !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transition: opacity .16s ease !important;
  z-index: 1 !important;
}

/* card gallery closer to old template */
.card-gallery-dot.active {
  width: 24px; background: #fff;
  width: 28px !important;
  background: #ff9f1a !important;
  opacity: 1 !important;
  transform: none !important;
}


/* final single-layer hero cleanup */
.main-box,
.wrapper,
.content-home {
  background: transparent !important;
  box-shadow: none !important;
}
.inside { border-radius: 32px;
  background: transparent;
  box-shadow: none;
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.home-shell {
  background: #e7e8ea;
  border-radius: 36px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
  max-width: 1508px;
  margin: 0 auto;
  padding: 22px 38px 28px;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}


/* install guide inside accordion */
.install-guide-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  object-fit: contain;
}
.install-guide-lead {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.65;
  color: #1f2428;
}
.install-shot {
  margin: 0;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  padding: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.install-shot-link::after {
  content: "\1F50D";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(23,56,74,.86);
  color: #fff;
  font-size: 18px;
  box-shadow: 0 8px 18px rgba(0,0,0,.22);
  transition: transform .2s ease, background .2s ease, opacity .2s ease;
}
.install-shot-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.18) 100%);
  opacity: .9;
  transition: opacity .2s ease;
}
.install-shot-link:hover::after {
  transform: scale(1.08);
  background: rgba(229,124,29,.92);
}
.install-shot-link:hover::before {
  opacity: 1;
}
.install-shot img {
  width: 100%;
  display: block;
  border-radius: 4px;
}
.install-lightbox[hidden] {
  display: none;
}
.install-lightbox-nav {
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border: none;
  border-radius: 50%;
  background: #1b3645;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
.install-lightbox-nav.prev { left: 14px; }
.install-lightbox-nav.next { right: 14px; }
.install-lightbox-thumb {
  border: 1px solid #d5d5d5;
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.install-lightbox-thumb.active {
  border-color: #e57c1d;
  box-shadow: 0 0 0 2px rgba(229,124,29,.22), 0 8px 24px rgba(0,0,0,.08);
}
.install-lightbox-thumb img {
  width: 100%;
  display: block;
  border-radius: 7px;
}
.install-lightbox-thumb span {
  display: block;
  margin-top: 5px;
  text-align: center;
  font-size: 12px;
  color: #26323a;
}
@media (max-width: 1100px) {
  .install-lightbox-thumbs { grid-template-columns: repeat(2, minmax(0, 170px)); }
}
@media (max-width: 700px) {
  .install-shot-link::after { width: 30px; height: 30px; font-size: 16px; right: 8px; bottom: 8px; }
  .install-lightbox { padding: 80px 12px 12px; }
  .install-lightbox-dialog { width: calc(100vw - 16px); max-height: calc(100vh - 92px); padding: 14px 14px 12px; border-radius: 14px; }
  .install-lightbox-nav { width: 40px; height: 40px; font-size: 28px; }
  .install-lightbox-nav.prev { left: 8px; }
  .install-lightbox-nav.next { right: 8px; }
  .install-lightbox-stage { min-height: 260px; }
  .install-lightbox-current-title { font-size: 18px; }
  .install-lightbox-thumbs { grid-template-columns: 1fr; gap: 10px; }
}

.install-after {
  grid-column: 1 / -1;
  margin-top: 6px;
}
.install-after p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #111;
}
.install-after strong {
  color: #e57c1d;
}
@media (max-width: 1200px) {
  .install-shot-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .install-guide-title { font-size: 18px; }
  .install-steps li { padding-left: 42px; font-size: 12px; }
  .install-steps li::before { width: 30px; height: 30px; }
  .install-shot-grid { grid-template-columns: 1fr; }
}

.install-lightbox-close:hover { background: #24485b; }
.install-lightbox-close:focus-visible { outline: 2px solid #ff9a2a; outline-offset: 2px; }


/* hero title icons + tighter layout */
.hero-title--decorated {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
.hero-title--decorated .hero-title-text {
  display: inline-block;
}
.hero-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.18));
  animation: heroGunFloat 2.8s ease-in-out infinite;
}
.hero-title-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hero-title-icon--right {
  transform: scaleX(-1);
  animation-delay: .35s;
}
@keyframes heroGunFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(-3deg); }
}
.hero-title-icon--right img {
  transform: scaleX(-1);
}
.hero {
    background: linear-gradient(180deg, rgba(17,34,44,.92), rgba(24,44,56,.88));
    border-radius: 23px;
    padding: 24px 24px 20px;
    color: #fff;
    box-shadow: var(--shadow);
    max-width: 1920px;
    margin: 0 auto 18px;
  max-width: 1680px !important;
  padding: 20px 26px 18px !important;
}
.feature-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 22px;
  margin-bottom: 16px !important;
  max-width: 1540px;
  margin: 0 auto 14px !important;
  gap: 12px !important;
}
.feature-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 10px;
  background: #223d4c;
  border-radius: 20px;
  text-align: center;
  font-weight: 700;
  min-height: 48px !important;
  padding: 8px 12px !important;
  border-radius: 18px !important;
  font-size: 12px !important;
}
.feature-item img { width: 28px; height: 28px; object-fit: contain; width: 25px !important; height: 25px !important; }
.home-stage .hero-nav-prev { left: 20px; left: 52px !important; }
.home-stage .hero-nav-next { right: 20px; right: 52px !important; }
.hero-card.pos-left, .hero-card.pos-right {
  width: 286px !important;
  height: 170px !important;
}
.hero-card.pos-leftfar, .hero-card.pos-rightfar {
  width: 126px !important;
  height: 92px !important;
  opacity: .58 !important;
}
.hero-stage.is-transitioning .hero-card.pos-center {
  box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}
.hero-stage.is-spinning-right .hero-card,
.hero-stage.is-spinning-left .hero-card {
  filter: saturate(1.04);
}
.hero-stage.is-spinning-right .hero-card.pos-left,
.hero-stage.is-spinning-left .hero-card.pos-right {
  opacity: .88 !important;
}
@media (max-width: 1500px) {
  .hero { max-width: 1480px !important; }
  .feature-strip { max-width: 1360px; }
}

/* v5 header + categories admin */
.logo-text strong span { color: var(--accent); }
.menu li { height: 100%; align-items: center; position: relative; list-style:none; }
.menu li:first-child::before { display:none; }
.menu a { min-width: auto; padding: 0 8px; height: 42px; background: transparent !important; font-size: 17px; border-radius: 0; }
.menu a:hover { color:#ffd3a3; }
.dop_ul--categories a.active, .dop_ul--categories a:hover { background:#3d5664; color:#fff; }
.dop_ul--categories img { width: 34px; height: 34px; object-fit: contain; }
.home-shell .hero-title-text { color:#223b53; }
.home-shell .feature-strip { background: #16415a; border-radius: 26px; padding: 10px 16px; gap: 0; }
.home-shell .feature-item { min-height: 58px; background: transparent; border-radius: 0; color:#fff; justify-content:flex-start; font-size: 18px; }
.build-card-cat { display:inline-flex; align-items:center; padding:6px 12px; border-radius:999px; background:#eef4f7; color:#223242; font-size:13px; font-weight:700; }
.category-pick-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.category-pick { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #dce5eb; border-radius:14px; background:#f8fbfd; }
.category-pick img { width:28px; height:28px; object-fit:contain; }
.field-checks { display:flex; flex-direction:column; gap:10px; }
.admin-table { width:100%; border-collapse: collapse; }
.admin-table th, .admin-table td { border-bottom:1px solid #e5edf2; padding:12px 10px; text-align:left; vertical-align:top; }
.admin-table th { color:#60727d; font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
.pill-btn.danger { background:#c94b37; color:#fff; }
@media (max-width: 1400px) {
  .menu a { font-size:16px; }
  .dop_ul--categories a { min-width: 190px; font-size:16px; }
}


@media (min-width: 1280px) {
  .home-shell { max-width: 1160px; margin: 0 auto; }
}
/* =========================================================
   FINAL TUNING — HEADER + HERO
   ВСТАВИТЬ В САМЫЙ КОНЕЦ style.css
   ========================================================= */

/* ---------------------------------------------------------
   1) ВЕРХНЯЯ ШАПКА
   Что меняет:
   - уменьшает верхний header
   - логотип делает чуть компактнее
   - меню делает ниже
   --------------------------------------------------------- */
header.site-header,
header {
  height: 68px !important; /* было крупнее */
}

#menu_top { justify-content: space-between; height: 80px; align-items: center;
  height: 68px !important;
  align-items: center !important;
}

/* логотип слева */
.logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #d6d7d8; gap: 16px;
  gap: 12px !important;
}

.logo-mark {
  background: #173546;
  padding: 2px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); width: 58px; height: 58px; border-radius: 14px;
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
}

.logo-text strong { line-height: 1; color: #d6d7d8; display:block; font-size: 25px; font-weight: 800; letter-spacing: -.02em;
  font-size: 18px !important; /* название сайта */
  line-height: 1.02 !important;
}

.logo-text span { display: block; font-size: 15px; margin-top: 4px; color: #d4dbe0;
  font-size: 11px !important; /* подпись под названием */
  margin-top: 3px !important;
}

/* меню по центру */
.site-nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

.menu { align-items: center; height: 100%; gap: 22px;
  gap: 14px !important;
}

.menu li::before { content:""; width:9px; height:9px; border-radius:50%; background:#d96912; position:absolute; left:-16px; top:50%; transform:translateY(-50%);
  width: 8px !important;
  height: 8px !important;
  left: -12px !important;
}

.menu a,
.menu span {
  height: 34px !important;
  min-width: auto !important;
  padding: 0 6px !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

/* языки справа */
.topbar-actions { gap: 10px; align-items: center; min-width: 120px; justify-content:flex-end;
  min-width: 110px !important;
}

.lang-switch {
  gap: 8px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1); padding: 8px; border-radius: 22px;
  padding: 5px !important;
  border-radius: 16px !important;
}

.lang-switch a {
  text-align: center;
  color: #efefef;
  border-radius: 10px;
  font-weight: 700; min-width: 50px; padding: 12px 14px; font-size: 16px;
  min-width: 42px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  border-radius: 10px !important;
}


/* ---------------------------------------------------------
   2) НИЖНЯЯ ШАПКА / ПОЛОСКА С КАТЕГОРИЯМИ
   Что меняет:
   - делает второй блок заметно ниже верхнего
   - уменьшает карточки категорий
   - уменьшает иконки и текст внутри
   --------------------------------------------------------- */

.dop_ul--categories,
.dop_ul {
  gap: 10px !important;
  padding: 0 4px 4px !important;
}

/* карточка одной категории */
.dop_ul--categories a,
.dop_ul li a {
  min-width: 165px !important;
  padding: 8px 12px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  gap: 8px !important;
}

/* иконка категории */
.dop_ul--categories img,
.dop_ul li img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}


/* ---------------------------------------------------------
   3) ОТСТУП СТРАНИЦЫ ПОСЛЕ FIXED-ШАПКИ
   Что меняет:
   - чтобы шапка меньше наезжала на hero
   - подстраивает отступ сверху у основного контента
   --------------------------------------------------------- */
.main-box {
  padding-bottom: 44px; padding-top: 182px;
  padding-top: 136px !important;
}

/* если всё ещё будет чуть наезжать, увеличь до 140-144px */


/* ---------------------------------------------------------
   4) HERO / БЕЛЫЙ ЦЕНТРАЛЬНЫЙ БЛОК
   Что меняет:
   - делает hero шире
   - возвращает больше "воздуха"
   - герои по бокам остаются видны
   --------------------------------------------------------- */
@media (min-width: 1280px) {
  .home-shell {
    max-width: 1320px !important; /* было слишком узко */
    margin: 0 auto !important;
  }
}

/* сам белый блок */
.home-hero,
.hero {
  max-width: 100% !important;
}

/* внутренние отступы белого блока */
.home-hero {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0; color: #223242;
  background: rgba(240,240,240,.97) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72), 0 6px 16px rgba(0,0,0,.08) !important;
  padding: 24px 28px 22px !important;
  border-radius: 32px !important;
}

/* заголовок hero */
.hero-title { font-size: 30px; text-align: center; max-width: 1040px; margin: 0 auto 18px; display:block; text-align: center !important;
  line-height: 1.18 !important;
  max-width: 1080px !important;
  font-size: 24px !important;
  margin-bottom: 12px !important;
}

/* синяя плашка с преимуществами */
.feature-strip,
.home-features {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 22px !important;
}

/* ---------------------------------------------------------
   5) ГАЛЕРЕЯ В HERO
   Что меняет:
   - делает сцену шире
   - карточки не такими зажатыми
   --------------------------------------------------------- */
.hero-stage,
.home-stage {
  max-width: 1180px !important;
  height: 242px !important;
  margin: 10px auto 20px !important;
}

/* центральная карточка */
.hero-card.pos-center {
  width: 450px;
  height: 250px;
  z-index: 5;
  opacity: 1;
  filter: none;
  transform: translateX(-50%) translateY(0) scale(1);
  transform: translateX(-50%) translateY(0) scale(1) rotateY(0deg) !important;
  width: 430px !important;
  height: 228px !important;
}

/* боковые карточки */
.hero-card.pos-left,
.hero-card.pos-right {
  width: 292px !important;
  height: 174px !important;
}

.hero-card.pos-left {
  width: 300px;
  height: 178px;
  z-index: 4;
  opacity: .96;
  filter: saturate(.95);
  transform: translateX(calc(-50% - 262px)) translateY(40px) scale(.96) rotate(-1.3deg);
  transform: translateX(calc(-50% - 255px)) translateY(32px) scale(.96) rotate(-1.5deg) rotateY(16deg) !important;
}

.hero-card.pos-right {
  width: 300px;
  height: 178px;
  z-index: 4;
  opacity: .96;
  filter: saturate(.95);
  transform: translateX(calc(-50% + 262px)) translateY(40px) scale(.96) rotate(1.3deg);
  transform: translateX(calc(-50% + 255px)) translateY(32px) scale(.96) rotate(1.5deg) rotateY(-16deg) !important;
}

/* дальние маленькие карточки */
.hero-card.pos-leftfar,
.hero-card.pos-rightfar {
  width: 132px !important;
  height: 94px !important;
  opacity: .62 !important;
}

.hero-card.pos-leftfar {
  width: 150px;
  height: 96px;
  z-index: 3;
  opacity: .7;
  filter: blur(.2px) brightness(.88);
  transform: translateX(calc(-50% - 430px)) translateY(78px) scale(.92) rotate(-2deg);
  transform: translateX(calc(-50% - 412px)) translateY(74px) scale(.9) rotate(-3deg) rotateY(24deg) !important;
}

.hero-card.pos-rightfar {
  width: 150px;
  height: 96px;
  z-index: 3;
  opacity: .7;
  filter: blur(.2px) brightness(.88);
  transform: translateX(calc(-50% + 430px)) translateY(78px) scale(.92) rotate(2deg);
  transform: translateX(calc(-50% + 412px)) translateY(74px) scale(.9) rotate(3deg) rotateY(-24deg) !important;
}


/* ---------------------------------------------------------
   6) СТРЕЛКИ ГЛАВНОЙ ГАЛЕРЕИ
   Что меняет:
   - полностью прячет стрелки у hero
   --------------------------------------------------------- */
.hero-nav,
.hero-nav-prev,
.hero-nav-next {
  display: none !important;
}


/* ---------------------------------------------------------
   7) ТОЧЕЧНАЯ ПОДСТРОЙКА ПОД ТВОЙ ТЕКУЩИЙ МАКЕТ
   Что меняет:
   - уменьшает визуальную "тяжесть" шапки
   - делает верхний блок чуть выше нижнего
   --------------------------------------------------------- */
header.site-header { height: 80px;
  box-shadow: 0 2px 3px rgba(0,0,0,.32) !important;
}

.dop_panel {
  position: fixed;
  z-index: 500;
  background-color: var(--bg-dark-2);
  border-bottom: 1px solid #914a2c;
  border-radius: 0 0 25px 25px;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 40%); inset: 80px 0 auto 0; min-height: 76px;
  inset: 68px 0 auto 0 !important; /* идёт сразу под верхней шапкой */
  min-height: 56px !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 2px 3px rgba(0,0,0,.28) !important;
}

.home-shell .feature-item,
.feature-item {
  min-height: 50px !important;
  font-size: 13px !important;
}

.home-shell .feature-item img,
.feature-item img {
  width: 24px !important;
  height: 24px !important;
}

/* ===== final build-page install/lightbox fix ===== */
@media (max-width: 700px) {
  .install-lightbox { padding: 118px 12px 12px !important; }
  .install-lightbox-dialog { max-height: calc(100vh - 130px) !important; }
}


/* === scroll to top rocket button === */
.scr-to-top:hover .scr-to-top__rocket,
.scr-to-top:focus-visible .scr-to-top__rocket {
  filter: saturate(1.14) brightness(1.04) drop-shadow(0 8px 18px rgba(255,72,0,.32)) !important;
  opacity: 1 !important;
  transform: translateY(-2px) scale(1) !important;
}
.scr-to-top:hover .scr-top-btn,
.scr-to-top:focus-visible .scr-top-btn {
  background: #384f5d !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.18) !important;
}
.scr-to-top:focus-visible {
  outline: none !important;
}


/* === card alignment fix: same button row level on all cards === */
/* category pills hidden on home cards */
.build-card-cats { display:flex; flex-wrap:wrap; gap:8px; margin: 8px 0 14px;
  display: none !important;
}

/* === 2026-03-18 final card + accordion tuning === */
/* HOME CARDS: remove extra empty space and keep buttons on one line */
.build-card--home {
  background: #ededed;
  border: 1px solid #d8d8d8;
  border-radius: 30px;
  padding: 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,.08);
  background: #ececec !important;
  border: 1px solid #d8d8d8 !important;
  padding: 12px !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.08) !important;
  border-radius: 24px !important;
  display: flex !important;
  flex-direction: column !important;
}
.build-card--home h3 {
  margin: 0 0 8px;
  font-size: 18px;
  color: #111;
  line-height: 1.2;
  font-size: 16px !important;
  min-height: 44px !important;
  margin: 0 !important;
  line-height: 1.22 !important;
}
.build-card--home .build-card-links,
.build-card--home .build-card-links--dual {
  margin-top: auto !important;
  padding-top: 10px !important;
}

/* INSTALL ACCORDION: smaller and less visually heavy */
.home-accordion {
  display: grid;
  max-width: 1450px;
  gap: 12px;
  margin: 18px 0 16px;
  gap: 8px !important;
  margin: 12px 0 14px !important;
}
.home-accordion-btn {
  gap: 12px;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #ececec;
  border: 1px solid #d7d7d7;
  border-radius: 18px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  min-height: 56px;
  padding: 0 18px 0 20px;
  font-size: 17px;
  font-weight: 500;
  color: #111;
  background: #ececec !important;
  border: 1px solid #dddddd !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
  font-weight: 700 !important;
  color: #0f1113 !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  border-radius: 16px !important;
}
.home-accordion-btn span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  gap: 8px !important;
}
.home-accordion-btn span::before {
  content: '' !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.78) !important;
  width: 14px !important;
  height: 14px !important;
}
.home-accordion-panel__inner {
  overflow: hidden; padding: 0 22px 0 28px;
  padding: 0 14px 0 22px !important;
}
.home-accordion-item.active .home-accordion-panel__inner {
  padding-top: 10px; padding-bottom: 16px;
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}
.install-guide-title {
  margin: 6px 0 14px;
  font-size: 20px;
  line-height: 1.25;
  color: #17384a;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 10px !important;
  font-size: 17px !important;
}
.install-guide-lead,
.install-steps li,
.install-after p,
.home-accordion-panel p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.install-steps {
  counter-reset: installSteps;
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
.install-steps li {
  list-style: none;
  position: relative;
  min-height: 42px;
  padding: 8px 0 8px 46px;
  font-size: 14px;
  line-height: 1.5;
  color: #1c1f23;
  min-height: 36px !important;
  padding: 6px 0 6px 40px !important;
}
.install-steps li::before {
  counter-increment: installSteps;
  content: counter(installSteps);
  position: absolute;
  left: 0;
  top: 2px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e57c1d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  box-shadow: 0 3px 10px rgba(229,124,29,.25);
  width: 28px !important;
  height: 28px !important;
  font-size: 13px !important;
}
.install-shot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  align-items: start;
  gap: 12px !important;
}
.install-shot-caption {
  grid-column: 1 / -1;
  text-align: center;
  margin-top: -4px;
  font-size: 12px;
  color: #222;
  font-size: 11px !important;
}
.install-after h4 {
  margin: 0 0 8px;
  font-size: 16px;
  color: #111;
  font-size: 15px !important;
}


/* === 2026 final hero carousel override === */
.home-shell .feature-item img,
.home-shell .feature-item svg,
.home-shell .home-features .feature-item img,
.home-shell .home-features .feature-item svg {
  width: 16px !important;
  height: 16px !important;
}
.home-stage .hero-card.no-motion,
.hero-stage .hero-card.no-motion {
  transition: none !important;
}
.home-stage .hero-dot,
.hero-stage .hero-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(79, 111, 135, 0.24) !important;
  border: none !important;
  box-shadow: none !important;
  transition: all .25s ease !important;
}
.home-stage .hero-dot.active,
.hero-stage .hero-dot.active {
  width: 26px !important;
  background: #eb7a17 !important;
}

@media (max-width: 1280px) {
  .home-shell .feature-strip,
  .home-shell .home-features,
  .home-shell .hero-stage,
  .home-stage,
  .hero-stage {
    max-width: 1180px !important;
  }
  .home-stage .hero-card,
  .hero-stage .hero-card {
    width: 332px !important;
    height: 188px !important;
  }
  .home-stage .hero-card.pos-left,
  .hero-stage .hero-card.pos-left {
    transform: translate3d(calc(-50% - 222px), calc(-50% + 4px), 22px) scale(.84) rotateY(27deg) !important;
  }
  .home-stage .hero-card.pos-right,
  .hero-stage .hero-card.pos-right {
    transform: translate3d(calc(-50% + 222px), calc(-50% + 4px), 22px) scale(.84) rotateY(-27deg) !important;
  }
  .home-stage .hero-card.pos-leftfar,
  .hero-stage .hero-card.pos-leftfar {
    transform: translate3d(calc(-50% - 350px), calc(-50% + 10px), -100px) scale(.56) rotateY(40deg) !important;
  }
  .home-stage .hero-card.pos-rightfar,
  .hero-stage .hero-card.pos-rightfar {
    transform: translate3d(calc(-50% + 350px), calc(-50% + 10px), -100px) scale(.56) rotateY(-40deg) !important;
  }
}

@media (max-width: 900px) {
  .home-shell .feature-strip,
  .home-shell .home-features {
    padding: 6px 8px !important;
    min-height: 42px !important;
  }
  .home-shell .feature-item,
  .home-shell .home-features .feature-item {
    font-size: 11px !important;
    padding: 4px 7px !important;
  }
  .home-shell .hero-stage,
  .home-stage,
  .hero-stage {
    height: 205px !important;
  }
  .home-stage .hero-card,
  .hero-stage .hero-card {
    width: 288px !important;
    height: 166px !important;
    border-radius: 20px !important;
  }
  .home-stage .hero-card.pos-left,
  .hero-stage .hero-card.pos-left {
    transform: translate3d(calc(-50% - 170px), calc(-50% + 4px), 10px) scale(.8) rotateY(25deg) !important;
  }
  .home-stage .hero-card.pos-right,
  .hero-stage .hero-card.pos-right {
    transform: translate3d(calc(-50% + 170px), calc(-50% + 4px), 10px) scale(.8) rotateY(-25deg) !important;
  }
  .home-stage .hero-card.pos-leftfar,
  .hero-stage .hero-card.pos-leftfar {
    transform: translate3d(calc(-50% - 255px), calc(-50% + 10px), -88px) scale(.5) rotateY(36deg) !important;
  }
  .home-stage .hero-card.pos-rightfar,
  .hero-stage .hero-card.pos-rightfar {
    transform: translate3d(calc(-50% + 255px), calc(-50% + 10px), -88px) scale(.5) rotateY(-36deg) !important;
  }
}

@media (max-width: 640px) {
  .home-shell .hero-stage,
  .home-stage,
  .hero-stage {
    height: 188px !important;
  }
  .home-stage .hero-card,
  .hero-stage .hero-card {
    width: 248px !important;
    height: 146px !important;
  }
  .home-stage .hero-card.pos-left,
  .hero-stage .hero-card.pos-left,
  .home-stage .hero-card.pos-right,
  .hero-stage .hero-card.pos-right,
  .home-stage .hero-card.pos-leftfar,
  .hero-stage .hero-card.pos-leftfar,
  .home-stage .hero-card.pos-rightfar,
  .hero-stage .hero-card.pos-rightfar {
    opacity: .22 !important;
  }
}

.hero-stage.is-spinning-right .hero-card.pos-center,
.home-stage.is-spinning-right .hero-card.pos-center,
.hero-stage.is-spinning-left .hero-card.pos-center,
.home-stage.is-spinning-left .hero-card.pos-center {
  box-shadow: 0 26px 64px rgba(7, 18, 30, 0.3) !important;
}
.hero-stage.is-spinning .hero-card,
.home-stage.is-spinning .hero-card {
  will-change: transform, opacity, filter !important;
}
.hero-stage.is-spinning .hero-card.pos-left,
.hero-stage.is-spinning .hero-card.pos-right,
.home-stage.is-spinning .hero-card.pos-left,
.home-stage.is-spinning .hero-card.pos-right {
  filter: blur(1.1px) saturate(.92) brightness(.96) !important;
}


.hero-stage.is-roulette,
.home-stage.is-roulette {
  animation: heroRouletteLift 360ms cubic-bezier(.22,.78,.18,1) both;
}

@keyframes heroRouletteLift {
  0% { transform: translateY(0); }
  38% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

.hero-stage.is-roulette .hero-card,
.home-stage.is-roulette .hero-card {
  will-change: transform, opacity, filter !important;
}

.hero-stage.is-roulette .hero-card.pos-center,
.home-stage.is-roulette .hero-card.pos-center {
  box-shadow: 0 28px 70px rgba(7, 18, 30, 0.34) !important;
}

.hero-stage.is-roulette .hero-card.pos-left,
.hero-stage.is-roulette .hero-card.pos-right,
.home-stage.is-roulette .hero-card.pos-left,
.home-stage.is-roulette .hero-card.pos-right {
  filter: blur(1.3px) saturate(.9) brightness(.95) !important;
}

/* Roulette hero override */
.home-shell .hero-stage.js-roulette,
.home-stage.js-roulette,
.hero-stage.js-roulette {
  perspective: 1900px !important;
  transform-style: preserve-3d !important;
}

.home-stage.js-roulette .hero-card,
.hero-stage.js-roulette .hero-card {
  transition: none !important;
  will-change: transform, opacity, filter !important;
}

.home-stage.js-roulette .hero-card.is-center,
.hero-stage.js-roulette .hero-card.is-center {
  z-index: 600 !important;
}

.hero-stage.js-roulette.is-roulette,
.home-stage.js-roulette.is-roulette {
  animation: heroRouletteLiftV2 420ms cubic-bezier(.18,.82,.18,1) both;
}

@keyframes heroRouletteLiftV2 {
  0% { transform: translateY(0); }
  30% { transform: translateY(-14px); }
  100% { transform: translateY(0); }
}

.hero-stage.js-roulette .hero-dot,
.home-stage.js-roulette .hero-dot {
  cursor: pointer !important;
}


/* 2026-03 smoother hero + simple download stats */
.hero-stage {
  position: relative;
  height: 280px;
  margin: 18px auto 26px;
  max-width: 1480px;
  height: 236px !important;
  margin: 8px auto 16px !important;
  perspective: 1400px;
  overflow: visible;
}
.hero-card {
  box-shadow: 0 12px 26px rgba(0,0,0,.26);
  cursor: pointer;
  transition: transform .92s cubic-bezier(.16,.84,.23,1), opacity .62s ease, filter .62s ease, box-shadow .62s ease !important;
  backface-visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center center;
  transition: none;
  border-radius: 24px;
  overflow: hidden;
  background: transparent;
}
.hero-card img { width: 100%; height: 100%; object-fit: cover;
  display: block;
  border-radius: 24px;
}
.hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.1));
  pointer-events: none; content: none !important; }

.home-stage {
  max-width: 1240px;
  height: 290px;
  margin: 12px auto 26px;
}
.home-stage .hero-card.pos-left,
.home-stage .hero-card.pos-right,
.hero-stage .hero-card.pos-left,
.hero-stage .hero-card.pos-right {
  width: 320px;
  height: 184px;
}
.home-stage .hero-card.pos-leftfar,
.home-stage .hero-card.pos-rightfar,
.hero-stage .hero-card.pos-leftfar,
.hero-stage .hero-card.pos-rightfar {
  width: 190px;
  height: 116px;
}
.home-stage .hero-dots { bottom: -8px; }
.build-card-links a {
  flex: 0 0 auto;
}

.scr-to-top {
  position: fixed !important;
  right: 26px !important;
  bottom: 28px !important;
  z-index: 2600 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  text-decoration: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease !important;
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}
.scr-to-top.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scr-to-top__rocket {
  width: 52px !important;
  height: auto !important;
  display: block !important;
  filter: saturate(.86) brightness(.94) blur(.2px) drop-shadow(0 5px 12px rgba(255,95,0,.18)) !important;
  opacity: .82 !important;
  transform: translateY(0) scale(.98) !important;
  transition: filter .22s ease, opacity .22s ease, transform .22s ease !important;
  pointer-events: none !important;
  width: 56px;
  height: 56px;
  display: block;
}
.scr-top-btn {
  background-color: #384f5d;
  color: #eaeaea;
  font-weight: 600;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #5b7080 !important;
  color: #f2f5f7 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
  transition: background-color .22s ease, box-shadow .22s ease, color .22s ease !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(7,18,30,.15);
}



/* === 2026-03 polish v4 === */
.home-shell .hero { background: rgba(255,255,255,.92); color: var(--text); box-shadow:none; padding: 26px 28px 18px;
  padding-top: 8px !important;
  padding: 12px 28px 26px !important;
}
.home-shell .hero-stage,
.home-stage,
.hero-stage {
  position: relative !important;
  transform-style: preserve-3d !important;
  overflow: visible !important;
  isolation: isolate !important;
  max-width: 1240px !important;
  height: 262px !important;
  margin: 14px auto 26px !important;
  perspective: 1400px !important;
}
.home-stage .hero-card img,
.hero-stage .hero-card img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 24px;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}
.home-stage .hero-card.pos-center,
.hero-stage .hero-card.pos-center {
  filter: blur(0) saturate(1.03) !important;
  box-shadow: 0 22px 56px rgba(7, 18, 30, 0.24) !important;
  width: 470px;
  height: 250px;
  transform: translate3d(-50%, -50%, 0) scale(1) !important;
  opacity: 1 !important;
  z-index: 8 !important;
}
.home-stage .hero-card.pos-left,
.hero-stage .hero-card.pos-left {
  filter: blur(.7px) saturate(.94) brightness(.97) !important;
  transform: translate3d(calc(-50% - 250px), calc(-50% + 6px), 0) scale(.86) !important;
  opacity: 1 !important;
  z-index: 6 !important;
}
.home-stage .hero-card.pos-right,
.hero-stage .hero-card.pos-right {
  filter: blur(.7px) saturate(.94) brightness(.97) !important;
  transform: translate3d(calc(-50% + 250px), calc(-50% + 6px), 0) scale(.86) !important;
  opacity: 1 !important;
  z-index: 6 !important;
}
.home-stage .hero-card.pos-leftfar,
.hero-stage .hero-card.pos-leftfar {
  filter: blur(1.7px) saturate(.82) brightness(.9) !important;
  transform: translate3d(calc(-50% - 430px), calc(-50% + 12px), 0) scale(.70) !important;
  opacity: .78 !important;
  z-index: 4 !important;
}
.home-stage .hero-card.pos-rightfar,
.hero-stage .hero-card.pos-rightfar {
  filter: blur(1.7px) saturate(.82) brightness(.9) !important;
  transform: translate3d(calc(-50% + 430px), calc(-50% + 12px), 0) scale(.70) !important;
  opacity: .78 !important;
  z-index: 4 !important;
}
.home-stage .hero-card.is-hidden-left,
.hero-stage .hero-card.is-hidden-left {
  filter: blur(3px) saturate(.8) !important;
  transform: translate3d(calc(-50% - 560px), calc(-50% + 14px), 0) scale(.58) !important;
  opacity: 0 !important;
  z-index: 1 !important;
}
.home-stage .hero-card.is-hidden-right,
.hero-stage .hero-card.is-hidden-right {
  filter: blur(3px) saturate(.8) !important;
  transform: translate3d(calc(-50% + 560px), calc(-50% + 14px), 0) scale(.58) !important;
  opacity: 0 !important;
  z-index: 1 !important;
}
.home-stage .hero-dots,
.hero-stage .hero-dots {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  z-index: 20 !important;
  bottom: -10px !important;
}
.build-card--home .build-card-image {
  width: 100%;
  margin: 0;
  aspect-ratio: 1 / 0.72;
  border-radius: 22px;
  overflow: hidden;
  background: #d8d8d8;
  position: relative;
  aspect-ratio: 16 / 10 !important;
  margin-bottom: 10px !important;
}
.build-card--home p {
  margin: 0;
  color: #2c2c2c;
  line-height: 1.38;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 54px;
  margin-bottom: 8px;
  color: #242424 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  min-height: 78px !important;
  max-height: 78px !important;
}
.build-card--home .build-card-links { margin-top: 6px;
  margin-top: auto !important;
  padding-top: 14px !important;
}
.build-card-links .direct::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 54px;
  border-radius: 999px 0 0 999px;
  background: #245771 url('/public/assets/img/dd.webp') center/18px 18px no-repeat;
}
.build-card-links a:hover,
.build-card-links a:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(17,37,51,.10) !important;
}
.build-card-links .direct span {
  padding-right: 8px;
  display: inline-block;
  padding-right: 0 !important;
  font-size: 16px;
  font-weight: 800;
}
@media (max-width: 1280px) {
  .home-stage .hero-card.pos-left,
  .hero-stage .hero-card.pos-left { transform: translate3d(calc(-50% - 220px), calc(-50% + 6px), 0) scale(.84) !important; }
  .home-stage .hero-card.pos-right,
  .hero-stage .hero-card.pos-right { transform: translate3d(calc(-50% + 220px), calc(-50% + 6px), 0) scale(.84) !important; }
  .home-stage .hero-card.pos-leftfar,
  .hero-stage .hero-card.pos-leftfar { transform: translate3d(calc(-50% - 370px), calc(-50% + 12px), 0) scale(.68) !important; }
  .home-stage .hero-card.pos-rightfar,
  .hero-stage .hero-card.pos-rightfar { transform: translate3d(calc(-50% + 370px), calc(-50% + 12px), 0) scale(.68) !important; }
}


/* === v5 tweaks === */
.home-stage .hero-card::after,
.hero-stage .hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.08));
  pointer-events: none;
  content: none !important;
  background: transparent !important;
}
.home-stage .hero-card.pos-left,
.hero-stage .hero-card.pos-left,
.home-stage .hero-card.pos-right,
.hero-stage .hero-card.pos-right {
  filter: blur(.25px) saturate(1) brightness(1) !important;
}
.home-stage .hero-card.pos-leftfar,
.hero-stage .hero-card.pos-leftfar,
.home-stage .hero-card.pos-rightfar,
.hero-stage .hero-card.pos-rightfar {
  filter: blur(.8px) saturate(1) brightness(.98) !important;
}
.home-antivirus-badge,
.home-download-stats {
  margin:0 !important;
}
.home-downloads--single {
  justify-content: center;
  gap: 0;
  margin: 0 0 22px !important;
}
.home-downloads--single a {
  min-width: 295px;
  max-width: 295px;
  margin: 0 auto;
  margin-inline: auto;
}

.build-card--home .build-card-body {
  padding: 12px 16px 16px;
  gap: 6px;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 212px !important;
  padding: 14px 14px 18px !important;
  gap: 14px !important;
}
.build-card-links a::after,
.build-card-links .direct::after {
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, #245771 0%, #2f75cf 100%);
  transform: translateX(-100%);
  transition: transform .32s ease;
  z-index:0;
}
.build-card-links a:hover::after,
.build-card-links a:focus-visible::after,
.build-card-links .direct:hover::after,
.build-card-links .direct:focus-visible::after {
  transform: translateX(0);
}
.build-card-links a:hover span,
.build-card-links a:focus-visible span,
.build-card-links .direct:hover span,
.build-card-links .direct:focus-visible span {
  color:#fff !important;
}
.build-card-links a:hover,
.build-card-links a:focus-visible,
.build-card-links .direct:hover,
.build-card-links .direct:focus-visible {
  border-color: #2a6abb !important;
  box-shadow: 0 14px 28px rgba(22,65,110,.18) !important;
}
@media (max-width: 900px) {
  .home-trust-row {
    flex-direction: column;
    gap: 10px;
  }
  .build-card-links-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .build-card-count {
    text-align:left;
  }
}


/* === v6 tweaks === */
@media (max-width: 860px) {
  .home-trust-row {
    width: 100%;
    justify-content: center;
    gap: 12px;
  }
  .home-antivirus-badge img {
    width: 260px;
  }
}


/* === v10 final polish === */
body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  height: 760px;
  background: linear-gradient(180deg, rgba(11,22,29,.12) 0%, rgba(11,22,29,.04) 52%, rgba(243,243,243,0) 100%), url('../fon.png') center top / 100% auto no-repeat;
  z-index: -2;
  pointer-events: none;
  height: 1120px !important;
  opacity: 1 !important;
  background: linear-gradient(to bottom, rgba(8,18,25,.18) 0%, rgba(8,18,25,.04) 62%, rgba(255,255,255,0) 100%), var(--site-hero-bg, url(../fon.png)) center top/cover no-repeat !important;
}

.home-shell .feature-strip,
.home-shell .home-features {
  max-width: 1260px !important;
  margin: 0 auto 10px !important;
  border-radius: 24px !important;
  background: #164c69 !important;
  box-shadow: 0 10px 28px rgba(8, 24, 38, 0.08) !important;
  min-height: 40px !important;
  padding: 6px 14px !important;
}
.home-shell .feature-item,
.home-shell .home-features .feature-item {
  min-height: 34px !important;
  padding: 4px 10px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  gap: 8px !important;
}
.home-shell .feature-item img,
.home-shell .home-features .feature-item img {
  width: 24px !important;
  height: 24px !important;
}
.home-antivirus-badge {
  display: flex;
  justify-content: center;
  margin: 10px 0 14px;
  align-self: stretch;
  flex: 0 0 auto;
  flex: 0 0 auto !important;
  margin-right: auto !important;
}
.home-antivirus-badge img {
  display: block;
  height: auto;
  image-rendering: auto;
  width: 300px;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
  width: 308px !important;
  height: 36px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.06) !important;
}
.home-download-stats {
  display: inline-flex;
  margin: 6px auto 22px;
  padding: 12px 20px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(239,243,247,.96));
  border: 1px solid rgba(26,59,80,.10);
  box-shadow: 0 10px 24px rgba(13,31,45,.10);
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6f9 100%) !important;
  border: 1px solid rgba(29,58,80,.14) !important;
  flex: 0 0 auto;
  min-height: 0;
  box-shadow: 0 8px 20px rgba(15,33,46,.08) !important;
  flex: 0 0 auto !important;
  width: 308px !important;
  min-height: 36px !important;
  padding: 5px 12px !important;
  border-radius: 10px !important;
  gap: 10px !important;
  margin-left: auto !important;
}

@media (max-width: 860px) {
  .home-trust-row {
    width: 100% !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .home-antivirus-badge,
  .home-download-stats {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .home-antivirus-badge img,
  .home-download-stats {
    width: min(308px, 100%) !important;
  }
}


/* === v18 file size badges === */
.home-trust-row {
  display:flex;
  flex-wrap: wrap;
  width: min(620px, 100%);
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  margin: 12px auto 16px;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 12px auto 18px !important;
  width: min(980px, 100%) !important;
  gap: 28px !important;
}
.home-file-size-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 5px 14px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6f9 100%);
  border: 1px solid rgba(29,58,80,.14);
  box-shadow: 0 8px 20px rgba(15,33,46,.08);
  color: #2b3e4d;
  white-space: nowrap;
}
.home-file-size-badge__icon {
  font-size: 18px;
  line-height: 1;
}
.home-file-size-badge__text {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.05;
}
.build-card-file-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef4f8;
  border: 1px solid rgba(36,87,113,.14);
  color: #335063;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .home-trust-row {
    width: 100% !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .home-file-size-badge {
    order: 2;
  }
  .home-download-stats {
    order: 3;
  }
}

/* === install lightbox + requirements polish === */
.install-shot-link {
  position: relative;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  cursor: zoom-in;
  text-decoration: none;
}
.requirements-card {
  background: #efefef;
  border: 1px solid #dddddd;
  border-radius: 24px;
  padding: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.requirements-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #d6d6d6;
  background: #dcdcdc;
}
.requirements-col {
  background: #efefef;
}
.requirements-col + .requirements-col {
  border-left: 1px solid #d6d6d6;
}
.requirements-head {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 800;
  color: #111;
  background: #e1e1e1;
  border-bottom: 1px solid #d6d6d6;
}
.requirements-list {
  list-style: none;
  margin: 0;
  padding: 16px 24px 18px;
}
.requirements-list li {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.45;
  color: #111;
}
.requirements-list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .install-lightbox-dialog {
    width: calc(100vw - 24px) !important;
    padding: 16px 44px 14px !important;
  }
  .install-lightbox-thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .requirements-grid {
    grid-template-columns: 1fr;
  }
  .requirements-col + .requirements-col {
    border-left: 0;
    border-top: 1px solid #d6d6d6;
  }
}


/* === custom: featured block cleanup + lightbox/header fix === */
@media (min-width: 1280px) {
  .home-stage {
    transform: translateX(38px);
  }
}
@media (max-width: 900px) {
  .home-trust-row--single {
    padding-left: 0 !important;
    justify-content: center !important;
  }
  .home-stage {
    transform: none !important;
  }
}
@media (max-width: 700px) {
  .install-lightbox {
    padding: 126px 12px 12px !important;
  }
  .install-lightbox-dialog {
    max-height: calc(100vh - 138px) !important;
  }
}


/* === step3: left file size + right downloads on featured === */
.home-trust-row--single .home-file-size-badge {
  margin-right: auto !important;
}
.home-trust-row--single .home-download-stats {
  margin-left: auto !important;
}
@media (max-width: 900px) {
  .home-trust-row--single {
    justify-content: space-between !important;
    gap: 12px !important;
  }
}
@media (max-width: 640px) {
  .home-trust-row--single {
    justify-content: center !important;
  }
}


/* === step5: center downloads count near buttons, move file size aside === */
.home-trust-row--single {
  padding-left: 0 !important;
  gap: 18px !important;
  width: min(980px, 100%) !important;
  justify-content: flex-start !important;
  margin: 8px auto 4px !important;
  min-height: 36px;
}
.home-file-size-badge--hero {
  margin-left: 140px !important;
  opacity: .96;
}
.download_cs.home-downloads {
  gap: 34px;
  margin: 16px 0 18px;
  margin-top: 0 !important;
}
@media (min-width: 1280px) {
  .home-stage {
    transform: translateX(24px) !important;
  }
}
@media (max-width: 900px) {
  .home-trust-row--single {
    justify-content: center !important;
    margin-bottom: 8px !important;
  }
  .home-file-size-badge--hero {
    margin-left: 0 !important;
  }
}


/* step6 hero meta refinement */
.home-download-meta {
  align-items: center;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 8px 0 14px;
}
.home-download-stats--hero {
  margin: 0 auto !important;
  min-width: 310px;
  max-width: 380px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 10px 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,246,249,.96));
  border: 1px solid #d9e0e7;
  box-shadow: 0 10px 22px rgba(11, 44, 70, .08);
}
.home-download-stats__icon {
  font-weight: 900;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 17px !important;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #3b82f6, #205fbd);
  color: #fff;
  font-size: 22px;
  flex: 0 0 auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}
.home-download-stats__body {
  gap: 1px;
  gap: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.1;
}
.home-download-stats__value {
  color: #1d5c8a !important;
  line-height: 1;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-size: 21px;
  font-weight: 900;
  color: #174a9d;
  letter-spacing: .02em;
}
.home-download-stats__text {
  color: #2b3e4d !important;
  white-space: nowrap;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  margin-top: 3px;
  font-size: 13px;
  font-weight: 700;
  color: #314150;
}
.home-downloads {
  justify-content: center;
  gap: 40px;
  margin: 0 0 26px;
  align-items: center;
}
.home-file-size-badge--between {
  width: 116px;
  min-width: 116px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,246,248,.98));
  border: 1px solid #d8dee4;
  box-shadow: 0 8px 18px rgba(11,44,70,.08);
  padding: 8px 10px;
}
.home-file-size-badge--between .home-file-size-badge__icon {
  font-size: 17px;
  line-height: 1;
}
.home-file-size-badge--between .home-file-size-badge__label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #8a6a46;
}
.home-file-size-badge--between .home-file-size-badge__text {
  font-size: 20px;
  font-weight: 900;
  color: #203448;
  line-height: 1;
}
.home-file-size-badge--single {
  order: 2;
}
@media (max-width: 980px) {
  .home-downloads {
    flex-direction: column;
    gap: 16px;
  }
  .home-file-size-badge--between {
    width: 180px;
    min-width: 180px;
    height: auto;
    min-height: 72px;
  }
}


/* Settings tabs block */
.settings-box{
  background:#f6f6f6;
  border:1px solid #dedede;
  border-radius:24px;
  padding:22px 22px 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
.settings-intro{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}
.settings-intro__icon{
  flex:0 0 56px;
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  background:linear-gradient(180deg,#183f54,#1f5d7d);
  color:#fff;
  box-shadow:0 10px 18px rgba(24,63,84,.22);
}
.settings-intro__content{flex:1}
.settings-title{
  margin:0 0 10px;
  color:#173f54;
  font-size:28px;
  line-height:1.15;
  text-shadow:1px 1px 0 rgba(255,255,255,.85);
}
.settings-lead{
  margin:0;
  color:#21343f;
  font-size:16px;
  line-height:1.55;
}
.settings-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:22px 0 20px;
}
.settings-tab{
  border:0;
  cursor:pointer;
  min-height:46px;
  padding:0 22px;
  border-radius:18px;
  font-weight:800;
  font-size:15px;
  color:#fff;
  background:linear-gradient(180deg,#2d6787,#25536e);
  box-shadow:inset 3px 0 0 #ef6c13, 0 5px 12px rgba(0,0,0,.12);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.settings-tab:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#346f91,#275974);
}
.settings-tab.is-active{
  background:linear-gradient(180deg,#193f55,#17374b);
  box-shadow:inset 4px 0 0 #ef6c13, 0 7px 16px rgba(0,0,0,.14);
}
.settings-panels{
  border-top:2px solid #e48a4d;
  padding-top:20px;
}
.settings-panel{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:22px;
  padding:20px 22px;
  box-shadow:0 8px 18px rgba(0,0,0,.05);
}
.settings-panel h4{
  margin:0 0 12px;
  color:#173f54;
  font-size:22px;
}
.settings-panel p{
  margin:0 0 14px;
  color:#273942;
  font-size:16px;
  line-height:1.6;
}
.settings-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.settings-list li{
  position:relative;
  padding-left:26px;
  color:#273942;
  font-size:15px;
  line-height:1.5;
}
.settings-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ef6c13;
  box-shadow:0 0 0 4px rgba(239,108,19,.14);
}



.settings-shot{margin:18px 0 0}
.settings-shot img{display:block;max-width:100%;height:auto;border-radius:18px;border:1px solid #d3d8dc;box-shadow:0 10px 22px rgba(0,0,0,.08)}
.settings-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:#f7efe5;color:#5b4a37;border:1px solid #e9c89f;font-size:14px;line-height:1.5}



/* === step11 builds section + cards polish === */
.builds-section-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.builds-section-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.builds-section-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.builds-section-head h2 {
  font-size: 28px;
  line-height: 1.12;
}
.builds-section-head p {
  margin-top: 12px;
  max-width: 1320px;
  color: #111;
  font-size: 17px;
  line-height: 1.55;
}
.build-card-links {
  justify-content: flex-start;
  justify-content: flex-start !important;
  margin:0 !important;
  flex: 0 0 auto;
  min-width: 0;
}
.build-card-links a,
.build-card-links .direct {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  min-height: 54px;
  padding: 0 18px 0 58px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(36,87,113,.18) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f7fa 100%) !important;
  box-shadow: 0 8px 16px rgba(17,37,51,.06) !important;
  color: #111 !important;
  overflow:hidden;
  isolation:isolate;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  width: min(100%, 182px);
  min-width: 0;
  padding-right: 18px;
}
.build-card-links a span,
.build-card-links .direct span {
  position:relative;
  z-index:1;
  transition: color .24s ease;
  white-space: nowrap;
  font-size: 14px;
}
.build-card-count {
  margin-top: 10px;
  color: #53616d;
  font-weight: 700;
  margin-top: 8px !important;
  font-size: 13px !important;
  margin:0 !important;
  padding-left:0;
  text-align:right;
  flex: 1 1 auto;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.15;
}
.build-card-count strong {
  color: #1f5875;
  font-size: 14px;
}
.build-card-image.has-gallery {
  background: linear-gradient(180deg, #d9d9d9, #cfcfcf);
}
.build-card-image.has-gallery::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 44%;
  background: linear-gradient(to top, rgba(9,19,26,.18), rgba(9,19,26,0));
  pointer-events: none;
  z-index: 1;
}
.build-card-image.has-gallery img {
  transition: opacity .14s ease, transform .18s ease !important;
  transition: transform .4s ease, filter .35s ease, opacity .22s ease;
}
.build-card-image.has-gallery:hover img {
  transform: scale(1.03);
  filter: saturate(1.04);
}
.build-card-image.has-gallery .card-gallery-dots {
  left: 14px !important;
  right: auto !important;
  bottom: 12px !important;
  transform: none !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  gap: 8px;
  padding: 0;
  background: transparent;
  z-index: 4;
}
.build-card-image.has-gallery .card-gallery-dot {
  width: 46px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  overflow: hidden;
  position: relative;
  transition: transform .22s ease, background .22s ease, opacity .22s ease;
  opacity: .95;
}
.build-card-image.has-gallery .card-gallery-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f3a115 0%, #ffcc47 100%);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .32s ease;
}
.build-card-image.has-gallery .card-gallery-dot.active {
  background: rgba(18,28,34,.42);
  transform: scaleY(1.1);
}
.build-card-image.has-gallery .card-gallery-dot.active::after {
  transform: scaleX(1);
}
.build-card-image.has-gallery .card-gallery-nav {
  display: none !important;
  width: 32px;
  height: 32px;
  background: rgba(12,24,31,.64);
  backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity .22s ease, transform .22s ease, background .22s ease;
}
.build-card-image.has-gallery:hover .card-gallery-nav {
  opacity: 1;
}
.build-card-image.has-gallery .card-gallery-nav:hover {
  background: rgba(12,24,31,.84);
  transform: translateY(-50%) scale(1.06);
}
.build-card-image img.slide-right {
  animation: cardGallerySlideRight .34s ease;
}
.build-card-image img.slide-left {
  animation: cardGallerySlideLeft .34s ease;
}
@keyframes cardGallerySlideRight {
  from { opacity: .38; transform: translateX(18px) scale(1.035); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes cardGallerySlideLeft {
  from { opacity: .38; transform: translateX(-18px) scale(1.035); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@media (max-width: 1500px) {
  .builds-section-head p {
    font-size: 16px;
  }
}



/* Step 12: builds section description + more responsive gallery hover */
.section-head,
.builds-section .section-head,
.home-builds .section-head {
  display: block !important;
  width: 100%;
}

.section-head p,
.builds-section .section-head p,
.home-builds .section-head p,
.section-description,
.builds-section .section-description,
.home-builds .section-description {
  display: block;
  width: 100%;
  max-width: none !important;
  flex: 0 0 100%;
  white-space: normal;
  margin: 8px 0 18px 0;
  line-height: 1.55;
}

.section-head__top,
.builds-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  margin-bottom: 8px;
}

.build-card-gallery,
.card-gallery,
[data-card-gallery] {
  position: relative;
}

.build-card-gallery .gallery-progress button,
.card-gallery .gallery-progress button,
[data-card-gallery] .gallery-progress button,
.build-card-gallery .gallery-dot,
.card-gallery .gallery-dot,
[data-card-gallery] .gallery-dot {
  transition: transform .15s ease, opacity .18s ease, background-color .18s ease;
}

.build-card-gallery:hover .gallery-progress button,
.card-gallery:hover .gallery-progress button,
[data-card-gallery]:hover .gallery-progress button,
.build-card-gallery:hover .gallery-dot,
.card-gallery:hover .gallery-dot,
[data-card-gallery]:hover .gallery-dot {
  transform: scaleY(1.15);
}



/* Step 13: builds description width, tighter cards, full dividers */
.section-head,
.builds-section .section-head,
.home-builds .section-head,
.section-box .section-head {
  display: block !important;
  width: 100%;
  max-width: 100%;
}

.section-head > p,
.section-head p,
.builds-section .section-head p,
.home-builds .section-head p,
.section-description,
.builds-section .section-description,
.home-builds .section-description {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
}

.build-grid,
.builds-grid,
.home-builds-grid {
  align-items: stretch;
}

.build-card,
.build-item,
.home-build-card {
  display: flex;
  flex-direction: column;
}

.build-card .build-body,
.build-item .build-body,
.home-build-card .build-body,
.build-card .build-card-content,
.build-item .build-card-content,
.home-build-card .build-card-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.build-card h3,
.build-card-title,
.build-item h3,
.home-build-card h3 {
  margin-bottom: 10px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(34,50,66,.16);
}

.build-card p,
.build-card-desc,
.build-item p,
.home-build-card p {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(34,50,66,.16);
}

.build-card .build-card-footer,
.build-item .build-card-footer,
.home-build-card .build-card-footer,
.build-card .build-actions,
.build-item .build-actions,
.home-build-card .build-actions,
.build-card .build-meta-row,
.build-item .build-meta-row,
.home-build-card .build-meta-row {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(34,50,66,.16);
}

.build-card .download_cs,
.build-item .download_cs,
.home-build-card .download_cs {
  margin-top: 8px !important;
}

.build-card .meta-bottom,
.build-item .meta-bottom,
.home-build-card .meta-bottom {
  gap: 10px !important;
}

.build-card hr,
.build-item hr,
.home-build-card hr {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}



/* Step 14 refinements */
.builds-section-copy > p{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:10px 0 6px !important;
}
.builds-section-head .section-link span{
  font-size:1.2em;
  vertical-align:-1px;
}

.build-card{
  border-radius: 24px;
  background: #ececec;
  overflow:hidden;
}
.build-card-body{ padding: 14px 16px 18px;
  display:flex;
  flex-direction:column;
  gap:0;
  padding-top:12px;
}
.build-card-links-row{
  margin-top: auto;
  padding-top: 16px;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top:auto !important;
  padding-top:10px !important;
  border-top:1px solid rgba(34,50,66,.18) !important;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.build-card-links,
.build-card-meta{
  flex:0 0 auto;
}
.build-card-meta{
  justify-content: center;
  flex: 0 0 auto;
  min-width: 104px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.build-card-file-badge,
.build-card-count{
  white-space:nowrap;
}
.build-card:hover .build-card-image img{
  transform:scale(1.015);
}



/* STEP15 FIX GRID + CLEAN LINES */
.build-grid{
  align-items: start;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  display:grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
  gap:20px;
}

.build-card-body p{
  margin:0 0 10px !important;
  padding:0 0 12px 0 !important;
  border-bottom:1px solid rgba(34,50,66,.18) !important;
  line-height:1.45;
  min-height:auto !important;
  border-bottom:1px solid rgba(34,50,66,.15);
}

.build-card-body h3{
  margin:0 0 10px !important;
  padding:0 0 12px 0 !important;
  border-bottom:1px solid rgba(34,50,66,.18) !important;
  line-height:1.28;
  border-bottom:1px solid rgba(34,50,66,.15);
}

/* убираем лишние дубли линий */
.build-card-body p + p{
  border-top:none;
}

/* ссылка справа возвращаем в линию */
.builds-section-head{
  margin-bottom: 20px;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:14px 24px;
  width:100%;
  display:grid !important;
  grid-template-columns: 1fr auto;
  align-items:start;
}

.builds-section-copy{
  max-width: 1180px;
  flex:1 1 100%;
  min-width:0;
  width:100%;
  grid-column:1 / 2;
}

.builds-section-head .section-link{
  margin-left:auto;
  align-self:flex-start;
  font-weight:700;
  color:#d94f00;
  white-space:nowrap;
  grid-column:2 / 3;
  margin-top:6px;
}


/* STEP16 FINAL HARD FIXES */
#builds .build-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}
#builds .build-card-image{
  width:100% !important;
  margin:0 !important;
}
#builds .build-card-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  padding:14px 16px 16px !important;
  gap:0 !important;
}
#builds .build-card-body h3{
  margin:0 0 10px 0 !important;
  padding:0 0 12px 0 !important;
  border-bottom:1px solid rgba(34,50,66,.16) !important;
}
#builds .build-card-body p{
  margin:0 0 10px 0 !important;
  padding:0 0 12px 0 !important;
  border-bottom:1px solid rgba(34,50,66,.16) !important;
  min-height:56px !important;
}
#builds .build-card-links-row{
  margin-top:auto !important;
  padding-top:12px !important;
  border-top:1px solid rgba(34,50,66,.16) !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:end !important;
  gap:10px !important;
}
#builds .build-card-links{
  display:flex !important;
  align-items:center !important;
}
#builds .build-card-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:8px !important;
}
#builds .build-card-file-badge,
#builds .build-card-count{
  white-space:nowrap !important;
}
#builds .builds-section-head{
  display:block !important;
  width:100% !important;
}
#builds .builds-section-copy{
  display:block !important;
  width:100% !important;
}
#builds .builds-section-title-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  width:100% !important;
  margin-bottom:10px !important;
}
#builds .builds-section-title-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}
#builds .builds-section-copy > p{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 12px 0 !important;
  line-height:1.55 !important;
}
#builds .section-link{
  margin:0 !important;
  white-space:nowrap !important;
  color:#d94f00 !important;
  font-weight:700 !important;
}



/* STEP17 clean rebuild */
#builds.builds-portal-section{
  overflow: hidden;
}
#builds .builds-header-inline{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:18px !important;
  width:100% !important;
}
#builds .builds-header-main{
  flex:1 1 auto !important;
  min-width:0 !important;
}
#builds .builds-title-row{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-bottom:12px !important;
}
#builds .build-grid.builds-grid-clean{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
#builds .build-card.build-card--clean{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  background:#ededed !important;
  border:1px solid #d9d9d9 !important;
  border-radius:30px !important;
  padding:12px !important;
  box-shadow:0 1px 6px rgba(0,0,0,.08) !important;
}
#builds .build-card--clean .build-card-image{
  width:100% !important;
  margin:0 !important;
  aspect-ratio:1 / .72 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#d8d8d8 !important;
  position:relative !important;
}
#builds .build-card--clean .build-card-mainlink{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
}
#builds .build-card--clean .build-card-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:opacity .14s ease, transform .18s ease !important;
}
#builds .build-card--clean:hover .build-card-image img{
  transform:scale(1.02) !important;
}
#builds .build-card-links-row--clean .build-card-links{
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}
#builds .build-card-links-row--clean .build-card-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:8px !important;
  min-width:0 !important;
}
#builds .build-card-links-row--clean .build-card-file-badge,
#builds .build-card-links-row--clean .build-card-count{
  white-space:nowrap !important;
}
#builds .card-gallery-dots{
  left:14px !important;
  right:auto !important;
  bottom:12px !important;
  transform:none !important;
  justify-content:flex-start !important;
  gap:6px !important;
  padding:0 !important;
  background:transparent !important;
}
#builds .card-gallery-dot{
  width:28px !important;
  height:4px !important;
  border-radius:999px !important;
  background:rgba(230,230,230,.45) !important;
}
#builds .card-gallery-dot.active{
  background:#ffbd2f !important;
}
@media (max-width: 1500px){
  #builds .build-grid.builds-grid-clean{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}



/* STEP18 typography + single divider cleanup */
#builds .builds-title-row h2{
  font-size:30px !important;
  line-height:1.15 !important;
}
#builds .build-card-body--clean .build-card-divider{
  margin:14px 0 12px !important;
}

/* === FINAL CARD FIX (убираем все лишние полоски) === */

#builds .build-card-body--clean h3,
#builds .build-card-body--clean p {
  border: none !important;
  padding: 0 !important;
}

/* оставляем только одну линию */

/* убираем ВСЕ другие линии снизу */
#builds .build-card-links-row,
#builds .build-card-links,
#builds .build-card-meta {
  border: none !important;
}
/* === TYPOGRAPHY FINAL === */

#builds h2 {
  font-size: 32px !important;
}

#builds .section-link--portal {
  margin-left:auto !important;
  margin-top:4px !important;
  white-space:nowrap !important;
  color:#e05c06 !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  font-size: 18px !important;
}
#builds .builds-header-description {
  margin:0 !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
/* === COMPACT CARD FIX === */

#builds .build-card-body--clean {
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  padding: 8px 4px 6px !important;
  gap: 6px !important;
}

/* заголовок */
#builds .build-card-body--clean h3 {
  color:#111 !important;
  font-size: 18px !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.2 !important;
}

/* описание */
#builds .build-card-body--clean p {
  color:#2c2c2c !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  border:0 !important;
  padding:0 !important;
  margin-top: 6px !important;
  margin-bottom: 12px !important;
  margin: 0 0 6px 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  min-height: unset !important;
}

/* линия */
#builds .build-card-divider {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background: rgba(0,0,0,.2) !important;
  margin: 6px 0 !important;
}

/* блок с кнопкой */
#builds .build-card-links-row--clean {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:end !important;
  border:0 !important;
  padding:0 !important;
  margin-top: 4px !important;
  gap: 8px !important;
}



/* убираем растягивание карточки */
#builds .build-card {
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  width:100% !important;
  background:#ececec !important;
  border-radius:24px !important;
  overflow:hidden !important;
  height: auto !important;
}

/* custom fix: homepage hero title and galleries */
.hero-title--decorated .hero-title-icon {
  display: none !important;
}
.home-stage .hero-card::after,
.hero-stage .hero-card::after,
.hero-card::after {
  background: none !important;
}
.card-gallery-dots {
  transform: translateX(-50%);
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(10,18,24,.34);
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 10px;
  display: flex;
  justify-content: center;
  gap: 6px;
  z-index: 5;
}
.card-gallery-dot {
  transition: background .2s ease, width .2s ease;
  width: 24px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.45);
  width: 28px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(255, 210, 92, .38) !important;
  box-shadow: none !important;
  transition: background .18s ease, opacity .18s ease, transform .18s ease !important;
  appearance: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}


/* === hero overlay cleanup === */
.home-stage .hero-card,
.hero-stage .hero-card {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  transform-origin: center center !important;
  transform-style: preserve-3d !important;
  backface-visibility: hidden !important;
  box-shadow: 0 14px 34px rgba(7,18,30,.18);
  width: 360px !important;
  height: 220px !important;
  border-radius: 24px !important;
  transition: transform 420ms cubic-bezier(.22,.72,.2,1), opacity 420ms cubic-bezier(.22,.72,.2,1), box-shadow 420ms cubic-bezier(.22,.72,.2,1) !important;
  filter: none !important;
  backdrop-filter: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: 0 10px 26px rgba(11,24,38,.14) !important;
  overflow: hidden !important;
}
.home-stage .hero-card::before,
.hero-stage .hero-card::before,
.home-stage .hero-card::after,
.hero-stage .hero-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}
.home-stage .hero-card img,
.hero-stage .hero-card img,
.hero-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
.home-stage .hero-card.pos-left,
.home-stage .hero-card.pos-right,
.hero-stage .hero-card.pos-left,
.hero-stage .hero-card.pos-right,
.home-stage .hero-card.pos-leftfar,
.home-stage .hero-card.pos-rightfar,
.hero-stage .hero-card.pos-leftfar,
.hero-stage .hero-card.pos-rightfar {
  opacity: 1 !important;
}

/* === fixes: header categories, card hover gallery, build page layout === */
.dop_menu{ height: 34px; min-height: 76px; padding: 14px 0; align-items: center;
  min-height: 56px !important;
  height: 56px !important;
  padding: 8px 0 !important;
  align-items: center !important;
  display:flex !important;
}

.dop_ul--categories{ justify-content: flex-start; gap: 12px; flex-wrap: nowrap; overflow-x: auto; padding: 0 4px 6px;
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(0, 1fr)) !important;
  width:100% !important;
  gap:12px !important;
  padding:0 0 6px !important;
  overflow:visible !important;
}

.dop_ul--categories li{ flex: 0 0 auto; list-style:none;
  min-width:0 !important;
  flex:initial !important;
}

.dop_ul--categories a{ min-width: 210px; justify-content:flex-start; gap: 12px; padding: 11px 18px; border-radius: 20px; background: #324a59; font-size: 17px; font-weight: 500; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  min-width:0 !important;
  width:100% !important;
  justify-content:flex-start !important;
}

.build-card-image img{
  transition:opacity .18s ease, transform .18s ease;
}

.content-build-detail .build-shell{
  max-width:1320px;
  margin:0 auto;
}

.content-build-detail .build-hero-card{
  background:linear-gradient(180deg, rgba(9,36,53,.88) 0%, rgba(8,27,42,.82) 100%);
  color:#fff;
  border-radius:34px;
  overflow:hidden;
}

.content-build-detail .build-intro-box{
  background:rgba(255,255,255,.95);
  border-radius:24px;
  padding:22px 24px;
  color:#213544;
  margin-top:18px;
}

.content-build-detail .build-intro-box p{
  color:#213544;
  margin:0;
  line-height:1.7;
}

.content-build-detail .build-meta--detail{
  margin-top:16px;
  flex-wrap:wrap;
}

.content-build-detail .build-detail-section{
  margin-top:26px;
}

@media (max-width: 1100px){
  .dop_ul--categories{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px){
  .dop_ul--categories{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}


/* === lightbox v4: no crop, real scroll, better click affordance === */
.install-lightbox {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 96px 24px 24px;
  background: rgba(6, 12, 16, .72);
  backdrop-filter: blur(3px);
  z-index: 10000 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 16px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}
.install-lightbox-dialog {
  position: relative;
  width: min(1120px, calc(100vw - 48px));
  max-height: calc(100vh - 120px);
  background: rgba(245,245,245,.98);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.32);
  padding: 18px 64px 14px;
  overflow: auto;
  width: min(1180px, calc(100vw - 32px)) !important;
  max-height: none !important;
  margin: auto !important;
  padding: 20px 58px 18px !important;
  overflow: visible !important;
}
.install-lightbox-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  min-height: 0 !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.install-lightbox-current {
  display: block;
  max-width: 100%;
  max-height: min(56vh, 520px);
  width: auto;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,.16);
  background: #fff;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}
.install-lightbox-current-title {
  margin-top: 10px;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  color: #223242;
  position: sticky !important;
  bottom: 0 !important;
  background: linear-gradient(180deg, rgba(245,245,245,.2), rgba(245,245,245,.98) 35%) !important;
  width: 100% !important;
  padding-top: 12px !important;
}
.install-lightbox-thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  position: sticky !important;
  bottom: 0 !important;
  background: rgba(245,245,245,.98) !important;
  padding-top: 12px !important;
}
.install-lightbox-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: #1b3645;
  color: #fff;
  font-size: 26px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  z-index: 5;
  z-index: 25 !important;
  position: sticky !important;
  top: 8px !important;
  margin-left: auto !important;
}
.hero-card.pos-center,
.hero-card.pos-center img,
.install-shot-link,
.install-lightbox-thumb,
.install-lightbox-nav,
.install-lightbox-close {
  cursor: pointer !important;
}
@media (max-width: 900px) {
  .install-lightbox {
    padding: 8px !important;
  }
  .install-lightbox-dialog {
    width: calc(100vw - 16px) !important;
    padding: 12px 42px 14px !important;
    border-radius: 14px !important;
  }
  .install-lightbox-thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ===== build page: recommendations + zoom lightbox ===== */
.recommended-builds-section {
  margin-top: 16px;
}
.recommended-builds-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.recommended-builds-title {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.recommended-builds-title img {
  width: 34px;
  height: auto;
  display: block;
  flex: 0 0 auto;
}
.recommended-builds-title h2 {
  margin: 0;
}
.recommended-builds-refresh,
.build-zoom-btn {
  appearance: none;
  border: 1px solid #d97706;
  background: linear-gradient(180deg, #16384d 0%, #0d2d40 100%);
  color: #fff;
  border-radius: 999px;
  min-height: 46px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(11, 38, 55, .14);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.recommended-builds-refresh:hover,
.build-zoom-btn:hover,
.recommended-builds-refresh:focus-visible,
.build-zoom-btn:focus-visible {
  background: linear-gradient(180deg, #1a425b 0%, #123449 100%);
  color: #ffb347;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(11, 38, 55, .2);
  outline: none;
}
.recommended-builds-refresh:disabled {
  opacity: .7;
  cursor: wait;
}
.build-hero-actions {
  display: flex;
  justify-content: center;
  margin: 12px 0 18px;
}
.build-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(6, 11, 16, .82);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.build-lightbox[hidden] {
  display: none !important;
}
.build-lightbox-dialog {
  position: relative;
  width: min(92vw, 1320px);
  max-height: 92vh;
  background: #0f1820;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 58px 28px 22px;
  box-shadow: 0 28px 60px rgba(0,0,0,.35);
}
.build-lightbox-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
.build-lightbox-current {
  max-width: 100%;
  max-height: calc(92vh - 138px);
  object-fit: contain;
  border-radius: 16px;
  display: block;
}
.build-lightbox-caption {
  margin-top: 12px;
  color: #d8e2eb;
  text-align: center;
  font-weight: 700;
}
.build-lightbox-close,
.build-lightbox-nav {
  position: absolute;
  border: 0;
  border-radius: 999px;
  background: rgba(17, 31, 44, .84);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.build-lightbox-close {
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  font-size: 28px;
}
.build-lightbox-nav {
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  font-size: 34px;
}
.build-lightbox-nav.prev { left: 14px; }
.build-lightbox-nav.next { right: 14px; }
.build-lightbox-close:hover,
.build-lightbox-nav:hover,
.build-lightbox-close:focus-visible,
.build-lightbox-nav:focus-visible {
  background: rgba(31, 59, 79, .94);
  color: #ffb347;
  outline: none;
}
@media (max-width: 900px) {
  .recommended-builds-head {
    flex-direction: column;
    align-items: stretch;
  }
  .recommended-builds-refresh,
  .build-zoom-btn {
    width: 100%;
  }
  .build-lightbox {
    padding: 12px;
  }
  .build-lightbox-dialog {
    width: 100%;
    max-height: calc(100vh - 24px);
    padding: 54px 14px 16px;
    border-radius: 16px;
  }
  .build-lightbox-stage {
    min-height: 42vh;
  }
  .build-lightbox-current {
    max-height: calc(100vh - 150px);
  }
  .build-lightbox-nav {
    width: 40px;
    height: 40px;
    font-size: 28px;
  }
}


/* ===== build page tune v9 ===== */
.content-build-detail .build-shell{max-width:1160px;}
.content-build-detail .build-hero-card{overflow:visible;}
.build-detail-accordion-wrap{margin-top:18px;}
.build-hero-actions--side{
  justify-content:flex-end;
  margin:16px 6px 10px;
}
.build-zoom-btn{
  min-height:42px;
  padding:0 16px;
  font-size:15px;
}
.recommended-builds-section{
  max-width:1280px;
  margin:18px auto 0;
  padding-left:28px;
  padding-right:28px;
}
.recommended-builds-head{margin-bottom:22px;}
.recommended-builds-refresh{
  min-height:42px;
  padding:0 16px;
  font-size:15px;
}
.recommended-builds-body .build-grid{
  grid-template-columns:repeat(auto-fit, minmax(360px, 1fr));
  gap:24px;
}
.recommended-builds-body .build-card--clean,
.recommended-builds-body .build-card--home{
  min-width:0;
}
.recommended-builds-body .build-card-image{
  aspect-ratio:16/10;
}
@media (max-width: 1180px){
  .recommended-builds-section{max-width:1160px;}
  .recommended-builds-body .build-grid{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));}
}
@media (max-width: 900px){
  .build-hero-actions--side{justify-content:center;}
  .recommended-builds-section{padding-left:22px;padding-right:22px;}
  .recommended-builds-body .build-grid{grid-template-columns:1fr;}
}
/* ===== build page tune clean final ===== */

/* =====================================================
   1. ОСНОВНАЯ СТРАНИЦА
===================================================== */
.content-build-detail .build-shell{
  max-width:1160px;
  margin-left:auto !important;
  margin-right:auto !important;
}

.content-build-detail .build-hero-card{
  overflow:visible;
}

.build-detail-accordion-wrap{
  margin-top:18px;
}

.build-hero-actions--floating{
  display:flex;
  justify-content:flex-end;
  margin:-6px 18px 10px 0;
}

.build-zoom-btn{
  min-height:40px;
  padding:0 14px;
  font-size:14px;
  gap:6px;
  white-space:nowrap;
}

/* =====================================================
   2. HERO
===================================================== */
.content-build-detail .build-hero-card,
.content-build-detail .build-detail-hero,
.content-build-detail .build-detail-main,
.content-build-detail .build-main-card{
  max-width:1920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =====================================================
   3. БЕЛЫЙ БЛОК "РЕКОМЕНДОВАНІ ЗБІРКИ"
   Растягиваем симметрично относительно экрана
===================================================== */
#recommendedBuildsSection{
  max-width:none !important;
  width:min(1560px,calc(100vw - 32px)) !important;
  margin:24px 0 0 0 !important;
  padding:34px 36px 40px !important;
  box-sizing:border-box !important;

  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}

/* внутренние ограничители */
#recommendedBuildsSection .recommended-builds-inner,
#recommendedBuildsSection .recommended-builds-wrap,
#recommendedBuildsSection .recommended-builds-container,
#recommendedBuildsSection .recommended-builds-body{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* =====================================================
   4. ШАПКА СЕКЦИИ
===================================================== */
#recommendedBuildsSection .recommended-builds-head{
  margin-bottom:28px !important;
}

#recommendedBuildsSection .recommended-builds-refresh{
  min-height:44px;
  padding:0 18px;
  font-size:14px;
  white-space:nowrap;
}

/* =====================================================
   5. СЕТКА КАРТОЧЕК
===================================================== */
#recommendedBuildsSection .build-grid.builds-grid-clean{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  width:100% !important;
}

/* =====================================================
   6. КАРТОЧКА
===================================================== */
#recommendedBuildsSection .build-card.build-card--clean{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  background:#ededed !important;
  border:1px solid #d9d9d9 !important;
  border-radius:32px !important;
  padding:2px !important;
  box-shadow:0 1px 8px rgba(0,0,0,.08) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* =====================================================
   7. КАРТИНКА
===================================================== */
#recommendedBuildsSection .build-card--clean .build-card-image{
  width:100% !important;
  margin:0 0 14px 0 !important;
  aspect-ratio:1 / .82 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:#d8d8d8 !important;
  position:relative !important;
}

#recommendedBuildsSection .build-card--clean .build-card-mainlink{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
}

#recommendedBuildsSection .build-card--clean .build-card-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:opacity .14s ease, transform .18s ease !important;
}

#recommendedBuildsSection .build-card--clean:hover .build-card-image img{
  transform:scale(1.02) !important;
}

/* =====================================================
   8. ЗАГОЛОВОК
   Оставляем только одну линию под заголовком
===================================================== */
#recommendedBuildsSection .build-card-title,
#recommendedBuildsSection .build-card--clean .build-card-title,
#recommendedBuildsSection .build-card--clean h3{
  font-size:18px !important;
  line-height:1.2 !important;
  margin:0 0 12px 0 !important;
  padding-bottom:10px !important;
  border-bottom:1px solid #d9d9d9 !important;
  word-break:break-word !important;
}

/* =====================================================
   9. ОПИСАНИЕ
   Без линий под описанием
===================================================== */
#recommendedBuildsSection .build-card-excerpt,
#recommendedBuildsSection .build-card--clean .build-card-excerpt,
#recommendedBuildsSection .build-card--clean .build-card-desc,
#recommendedBuildsSection .build-card--clean .build-card-text,
#recommendedBuildsSection .build-card p{
  font-size:14px !important;
  line-height:1.45 !important;
  border:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
  background-image:none !important;
  margin-bottom:6px !important;
}

/* =====================================================
   10. НИЖНЯЯ ЧАСТЬ КАРТОЧКИ
===================================================== */
#recommendedBuildsSection .build-card-links-row--clean{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-top:8px !important;
  flex-wrap:nowrap !important;
  border:none !important;
  box-shadow:none !important;
  background-image:none !important;
}

#recommendedBuildsSection .build-card-links-row--clean .build-card-links{
  margin:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  border:none !important;
  box-shadow:none !important;
  background-image:none !important;
}

#recommendedBuildsSection .build-card-links-row--clean .build-card-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:110px !important;
  flex:0 0 auto !important;
  border:none !important;
  box-shadow:none !important;
  background-image:none !important;
}

#recommendedBuildsSection .build-card-links-row--clean .build-card-file-badge,
#recommendedBuildsSection .build-card-links-row--clean .build-card-count{
  white-space:nowrap !important;
  border:none !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* =====================================================
   11. КНОПКА ЗАГРУЗКИ
===================================================== */
#recommendedBuildsSection .build-card .download-btn,
#recommendedBuildsSection .build-card .build-download-btn,
#recommendedBuildsSection .build-card .card-download-btn,
#recommendedBuildsSection .build-card .btn-download,
#recommendedBuildsSection .build-card .build-card-download,
#recommendedBuildsSection .build-card .build-card-btn,
#recommendedBuildsSection .build-card a[class*="download"],
#recommendedBuildsSection .build-card button[class*="download"]{
  min-width:170px !important;
  width:auto !important;
  padding:0 18px !important;
  white-space:nowrap !important;
  justify-content:center !important;
  font-size:15px !important;
}

#recommendedBuildsSection .build-card .download-btn span,
#recommendedBuildsSection .build-card .build-download-btn span,
#recommendedBuildsSection .build-card .card-download-btn span,
#recommendedBuildsSection .build-card .btn-download span,
#recommendedBuildsSection .build-card .build-card-download span,
#recommendedBuildsSection .build-card .build-card-btn span,
#recommendedBuildsSection .build-card .download-btn-text,
#recommendedBuildsSection .build-card .build-download-text,
#recommendedBuildsSection .build-card .btn-download-text{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* =====================================================
   12. УБИРАЕМ ЛИШНИЕ ЛИНИИ В КАРТОЧКЕ
   Кроме линии у заголовка
===================================================== */
#recommendedBuildsSection .build-card hr,
#recommendedBuildsSection .build-card .divider,
#recommendedBuildsSection .build-card .build-card-divider,
#recommendedBuildsSection .build-card::before,
#recommendedBuildsSection .build-card::after{
  display:none !important;
  content:none !important;
  border:none !important;
  box-shadow:none !important;
}

#recommendedBuildsSection .build-card p::before,
#recommendedBuildsSection .build-card p::after,
#recommendedBuildsSection .build-card-excerpt::before,
#recommendedBuildsSection .build-card-excerpt::after,
#recommendedBuildsSection .build-card-desc::before,
#recommendedBuildsSection .build-card-desc::after,
#recommendedBuildsSection .build-card-text::before,
#recommendedBuildsSection .build-card-text::after,
#recommendedBuildsSection .build-card-links-row--clean::before,
#recommendedBuildsSection .build-card-links-row--clean::after,
#recommendedBuildsSection .build-card-links::before,
#recommendedBuildsSection .build-card-links::after,
#recommendedBuildsSection .build-card-meta::before,
#recommendedBuildsSection .build-card-meta::after{
  display:none !important;
  content:none !important;
  border:none !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* =====================================================
   13. ПОЛОСКИ СЛАЙДЕРА
===================================================== */
#recommendedBuildsSection .card-gallery-dots{
  left:16px !important;
  right:auto !important;
  bottom:14px !important;
  transform:none !important;
  justify-content:flex-start !important;
  gap:7px !important;
  padding:0 !important;
  background:transparent !important;
}

#recommendedBuildsSection .card-gallery-dot{
  width:34px !important;
  height:5px !important;
  border-radius:999px !important;
  background:rgba(230,230,230,.45) !important;
}

#recommendedBuildsSection .card-gallery-dot.active{
  background:#ffbd2f !important;
}

/* ===== build file chip + hashtag category chips ===== */
.content-build-detail .build-meta--detail{
  gap:12px !important;
}
.content-build-detail .build-meta--detail .meta-chip{
  position:relative;
  overflow:hidden;
}
.content-build-detail .build-meta--detail .meta-chip--safe{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 16px !important;
  background:linear-gradient(180deg,#eefbf2 0%, #e4f7ea 100%) !important;
  border:1px solid #b9e4c6 !important;
  color:#21633d !important;
  box-shadow:0 8px 18px rgba(23,92,52,.10), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.content-build-detail .build-meta--detail .meta-chip--safe .meta-chip__glow{
  content:'';
  position:absolute;
  inset:-40% auto -40% -18px;
  width:70px;
  background:radial-gradient(circle, rgba(94,220,126,.22) 0%, rgba(94,220,126,0) 72%);
  pointer-events:none;
}
.content-build-detail .build-meta--detail .meta-chip--safe .meta-chip__icon{
  position:relative;
  z-index:1;
  width:26px;
  height:26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#2e9d59;
  color:#fff;
  box-shadow:0 6px 14px rgba(41,128,73,.20);
  flex:0 0 auto;
}
.content-build-detail .build-meta--detail .meta-chip--safe .meta-chip__text{
  position:relative;
  z-index:1;
  line-height:1.25;
}
.content-build-detail .build-meta--detail .meta-chip--safe strong{
  color:#0f5c2f;
}
.content-build-detail .build-meta--detail .meta-chip--tag{
  background:#f5f7fa !important;
  border:1px solid #d7e0e8 !important;
  color:#375466 !important;
  font-weight:800 !important;
}
.content-build-detail .build-meta--detail .meta-chip--tag:hover{
  background:#edf3f8 !important;
  color:#1f4258 !important;
}
@media (max-width: 900px){
  .content-build-detail .build-meta--detail .meta-chip--safe{
    width:100%;
  }
}

/* ==== install lightbox fix + note ==== */
html.lightbox-open,
body.lightbox-open{
  overflow:hidden !important;
}

.install-lightbox{
  inset:0 !important;
  z-index:10000 !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:136px 18px 18px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}

.install-lightbox-dialog{
  position:relative !important;
  width:min(1180px, calc(100vw - 36px)) !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:20px 58px 18px !important;
  overflow:visible !important;
}

.install-lightbox-stage,
.install-lightbox-current,
.install-lightbox-thumbs,
.install-lightbox-current-title{
  position:static !important;
}

.install-lightbox-current-title{
  margin-top:12px !important;
  padding-top:0 !important;
  background:transparent !important;
}

.install-lightbox-thumbs{
  margin-top:14px !important;
  padding-top:0 !important;
  background:transparent !important;
}

.install-lightbox-close{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  margin-left:0 !important;
  z-index:30 !important;
}

.install-lightbox-nav{
  position:fixed !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10020 !important;
}

.install-lightbox-nav.prev{ left:max(12px, calc((100vw - min(1180px, calc(100vw - 36px))) / 2 - 56px)) !important; }
.install-lightbox-nav.next{ right:max(12px, calc((100vw - min(1180px, calc(100vw - 36px))) / 2 - 56px)) !important; }

.install-note-warning{
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(180deg,#eef8f1 0%, #e8f6ec 100%);
  border:1px solid #b7dfc2;
  box-shadow:0 6px 16px rgba(7, 86, 34, .06);
}

.install-note-warning strong{
  display:block;
  margin:0 0 8px;
  color:#146c2e;
  font-size:15px;
}

.install-note-warning p{
  margin:0;
  color:#23412c;
  font-size:14px;
  line-height:1.55;
}

@media (max-width: 900px){
  .install-lightbox{
    padding:108px 10px 10px !important;
  }
  .install-lightbox-dialog{
    width:calc(100vw - 20px) !important;
    padding:14px 42px 14px !important;
    border-radius:14px !important;
  }
  .install-lightbox-nav{
    width:40px !important;
    height:40px !important;
    font-size:28px !important;
  }
  .install-lightbox-nav.prev{ left:8px !important; }
  .install-lightbox-nav.next{ right:8px !important; }
}



/* === brand + hover polish v2026-03-22 === */
.logo-text strong span{ color:#ef6c13 !important; text-transform:none !important; }

.menu a,
.menu span{
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease, transform .18s ease !important;
}
.menu a:hover,
.menu span:hover,
.menu a.active{
  background: linear-gradient(180deg,#c86109 0%, #a64f08 100%) !important;
  color:#fff !important;
  border-radius:18px !important;
  box-shadow: 0 8px 18px rgba(198,97,9,.22) !important;
  transform: translateY(-1px);
}

.dop_ul--categories a,
.dop_ul li a{
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease, transform .18s ease !important;
}
.dop_ul--categories a:hover,
.dop_ul--categories a.active,
.dop_ul li a:hover{
  background: linear-gradient(180deg,#c86109 0%, #a64f08 100%) !important;
  color:#fff !important;
  box-shadow: 0 10px 22px rgba(198,97,9,.20) !important;
  transform: translateY(-1px);
}
.dop_ul--categories a:hover img,
.dop_ul--categories a.active img{
  filter: saturate(1.05) brightness(1.03);
}

.scr-to-top{ right:24px !important; bottom:24px !important; z-index:2600 !important; }
.scr-to-top.is-visible{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform: translateY(0) !important; }
.scr-to-top__rocket{ display:block !important; width:54px !important; }
.scr-top-btn{ display:inline-flex !important; }


/* === brand one-line + copy source append === */
.logo-text strong{
  display:inline-block !important;
  white-space:nowrap !important;
  text-transform:uppercase !important;
  letter-spacing:-0.01em !important;
  font-size:20px !important;
  line-height:1 !important;
}
.logo-text strong span{
  display:inline !important;
  color:#ef6c13 !important;
  text-transform:uppercase !important;
}
.logo-text{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
.logo-text span{
  margin-top:2px !important;
}
@media (max-width: 1100px){
  .logo-text strong{font-size:18px !important;}
}

/* Compact versions table */
.versions-strip {
  width: min(100% - 72px, 1840px);
  margin: 12px auto 22px;
  background: #ececec;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
}

.versions-strip__head {
  background: #0f3e52;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  padding: 11px 14px;
}

.versions-strip__wrap {
  overflow-x: auto;
}

.versions-strip__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.versions-strip__table thead th {
  background: #d8d8d8;
  color: #111;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  padding: 10px 6px;
}

.versions-strip__table thead th:nth-child(1) {
  width: 56px;
}

.versions-strip__table thead th:nth-child(2) {
  width: 43%;
  text-align: left;
  padding-left: 14px;
}

.versions-strip__table thead th:nth-child(3) {
  width: 108px;
}

.versions-strip__table thead th:nth-child(4) {
  width: 70px;
}

.versions-strip__table thead th:nth-child(5) {
  width: 88px;
}

.versions-strip__table thead th:nth-child(6) {
  width: 110px;
}

.versions-strip__table thead th:nth-child(7) {
  width: 132px;
}

.versions-strip__table tbody td {
  background: #efefef;
  color: #111;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  padding: 9px 6px;
  border-top: 1px solid rgba(0, 0, 0, .05);
  vertical-align: middle;
}

.versions-strip__table tbody tr:nth-child(even) td {
  background: #e9e9e9;
}

.versions-strip__icon-cell {
  width: 56px;
}

.versions-strip__icon-cell img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}

.versions-strip__flag-cell {
  text-align: center;
}

.versions-strip__lang-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 72px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #dde5ea;
  line-height: 1;
}

.versions-strip__lang-badge img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
  display: block;
}

.versions-strip__lang-badge span {
  font-size: 12px;
  font-weight: 800;
  color: #0f3e52;
}

.versions-strip__title-cell {
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25;
  padding-left: 14px !important;
}

.versions-strip__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #dfe7ec;
  color: #0f3e52;
  font-size: 13px;
  font-weight: 800;
}

.versions-strip__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 116px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #103f54;
  color: #fff !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.versions-strip__btn:hover {
  opacity: .92;
  transform: translateY(-1px);
}

@media (max-width: 1100px) {
  .versions-strip {
    width: min(100% - 28px, 1240px);
  }

  .versions-strip__table {
    min-width: 760px;
    table-layout: auto;
  }
}

@media (max-width: 900px) {
  .versions-strip {
    border-radius: 16px;
  }

  .versions-strip__head {
    font-size: 14px;
  }

  .versions-strip__table thead th,
  .versions-strip__table tbody td {
    font-size: 12px;
  }

  .versions-strip__title-cell {
    font-size: 13px !important;
  }

  .versions-strip__count,
  .versions-strip__btn {
    font-size: 12px;
  }
}