.all-bots-page { min-height:70vh;background:#070912; }
.all-bots-page [id] { scroll-margin-top:108px; }

.all-bots-catalog { background:radial-gradient(circle at 50% 38%,rgba(72,230,255,.04),transparent 35%),linear-gradient(180deg,#070912,#090c16 55%,#070912); }
.all-bots-section-head { margin-bottom:35px; }
.all-bots-section-head>div { max-width:700px; }
.all-bots-section-head h2 { margin:0;color:#f3f8ff;font:620 clamp(2.15rem,4.5vw,3.5rem)/1.08 var(--font-display);letter-spacing:-.045em; }

.all-bots-toolbar { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px; }
.all-bots-filter-groups { display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap; }
.all-bots-filter-block { display:grid;gap:7px; }
.all-bots-filter-block>span { padding-left:6px;color:#58677d;font-size:.52rem;font-weight:900;letter-spacing:.15em; }
.all-bots-filters { display:inline-flex;gap:4px;padding:5px;border:1px solid rgba(134,174,221,.15);border-radius:12px;background:rgba(8,14,25,.78);box-shadow:inset 0 1px rgba(255,255,255,.025); }
.all-bots-filters button { min-height:42px;padding:0 19px;border:1px solid transparent;border-radius:8px;color:#8490a3;background:transparent;font:800 .68rem var(--font-body);letter-spacing:.045em;cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .2s; }
.all-bots-filters button:hover { color:#d9f9ff;border-color:rgba(72,230,255,.16); }
.all-bots-filters button.is-active { color:#071019;border-color:rgba(112,239,255,.7);background:linear-gradient(105deg,#5deaff,#5bd5ed);box-shadow:0 8px 25px rgba(72,230,255,.13); }
.all-bots-filters button:focus-visible { outline:2px solid var(--cyan);outline-offset:3px; }

.all-bots-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch; }
.all-bots-grid .all-bot-card { min-height:610px; }
.all-bots-grid .all-bot-card[hidden] { display:none; }
.all-bots-grid .all-bot-card .plan-description { min-height:84px; }
.all-bots-grid .all-bot-card ul { min-height:178px; }
.all-bots-grid .all-bot-card .button-plan { margin-top:auto; }
.full-package-list-card { border-color:rgba(72,230,255,.36);background:linear-gradient(145deg,rgba(21,39,57,.96),rgba(9,14,26,.97) 58%,rgba(25,19,48,.9));box-shadow:0 25px 80px rgba(13,137,180,.09),inset 0 1px rgba(255,255,255,.035); }
.full-package-list-card::before { content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(72,230,255,.055),transparent 43%,rgba(143,108,255,.045));pointer-events:none; }
.full-package-list-card>* { position:relative;z-index:1; }
.bundle-package-card { border-color:rgba(130,171,218,.2); }
.price-top .package-logo-group { display:flex;align-items:center;justify-content:flex-end;width:auto;min-width:62px;height:42px;overflow:visible;border:0;background:transparent; }
.package-logo-group img { display:block;flex:0 0 34px;width:34px;height:34px;margin-left:-8px;border:1px solid rgba(92,228,248,.34);border-radius:9px;background:#0d1727;box-shadow:0 4px 13px rgba(0,0,0,.3);object-fit:contain; }
.package-logo-group img:first-child { margin-left:0; }
.price-top .full-package-logos { width:128px; }
.price-top .full-package-logos img { flex:0 0 28px;width:28px;height:28px; }
.full-package-bot-list li { font-weight:650; }
.all-bots-risk { max-width:800px;margin:29px auto 0;color:#566378;font-size:.65rem;line-height:1.6;text-align:center; }

@media(max-width:1000px) {
  .all-bots-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .all-bots-page [id] { scroll-margin-top:82px; }
  .all-bots-toolbar { align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:23px; }
  .all-bots-filter-groups,.all-bots-filter-block { width:100%; }
  .all-bots-filters { width:100%; }
  .all-bots-filters button { flex:1;padding-inline:8px;font-size:.62rem; }
  .all-bots-grid { grid-template-columns:1fr; }
  .all-bots-grid .all-bot-card { min-height:auto;padding:27px 22px; }
  .all-bots-grid .all-bot-card .plan-description,.all-bots-grid .all-bot-card ul { min-height:0; }
}
@media(max-width:440px) {
  .all-bots-section-head { margin-bottom:29px; }
  .all-bots-filters { display:grid;grid-template-columns:1fr 1fr; }
  .all-bots-filters button:first-child { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) {
  .all-bots-filters button { transition:none; }
}
