.obpb-front{max-width:1240px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827}
.obpb-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.obpb-nav{position:sticky;top:24px;align-self:start;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border:1px solid rgba(229,231,235,.85);border-radius:24px;padding:18px;box-shadow:0 14px 40px rgba(17,24,39,.07);transition:all .3s ease}
.obpb-nav a{display:block;text-decoration:none;color:#374151;padding:12px 14px;border-radius:16px;margin-bottom:8px;transition:all .25s ease;font-weight:700;position:relative;overflow:hidden}
.obpb-nav a:hover,.obpb-nav a.is-active{background:linear-gradient(90deg, rgba(245,243,255,1) 0%, rgba(255,255,255,1) 100%);color:var(--obpb-accent,#7c3aed);transform:translateX(4px);box-shadow:inset 0 0 0 1px rgba(124,58,237,.10)}
.obpb-nav a::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:10px;background:transparent;transition:background .25s ease}
.obpb-nav a:hover::before,.obpb-nav a.is-active::before{background:var(--obpb-accent,#7c3aed)}
.obpb-content{display:grid;gap:24px}
.obpb-section{background:linear-gradient(180deg,#ffffff 0%,#fcfcff 100%);border:1px solid #ebeef3;border-radius:30px;padding:32px;box-shadow:0 16px 45px rgba(17,24,39,.06);transition:transform .35s ease, box-shadow .35s ease, opacity .45s ease;opacity:0;transform:translateY(22px);position:relative;overflow:hidden}
.obpb-section.is-visible{opacity:1;transform:translateY(0)}
.obpb-section:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(17,24,39,.09)}
.obpb-section::after{content:"";position:absolute;inset:auto -60px -80px auto;width:180px;height:180px;background:radial-gradient(circle, rgba(124,58,237,.08) 0%, rgba(124,58,237,0) 70%);pointer-events:none}
.obpb-title{font-size: 36px !important;text-align: center;line-height:1.03;font-weight:800;margin:0 0 18px;letter-spacing:-0.02em}
.obpb-paragraph{margin:0 0 16px;color:#4b5563;font-size:16px;line-height:1.8;max-width:95ch}
.obpb-note{margin:18px 0 0;background:linear-gradient(180deg,#faf5ff 0%,#ffffff 100%);border:1px solid rgba(124,58,237,.14);color:#4b5563;border-radius:20px;padding:18px 20px;line-height:1.75;box-shadow:0 10px 24px rgba(124,58,237,.05)}
.obpb-bullets{margin:20px 0 0;padding:20px 20px 20px 38px;background:linear-gradient(180deg,#fafafa 0%,#ffffff 100%);border:1px solid #eceff3;border-radius:22px;color:#4b5563;box-shadow:0 8px 22px rgba(17,24,39,.03)}
.obpb-bullets li{margin-bottom:10px;line-height:1.7}
.obpb-subtitle{margin:28px 0 14px;font-size:24px;font-weight:800;color:#d8a13a;letter-spacing:-0.01em}
.obpb-list{display:grid;gap:10px;margin-top:6px}
.obpb-item{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #eef2f6;transition:transform .25s ease, background .25s ease, padding .25s ease;border-radius:16px}
.obpb-item:last-child{border-bottom:none}
.obpb-item:hover{transform:translateX(6px);background:linear-gradient(90deg, rgba(249,250,251,.9) 0%, rgba(255,255,255,0) 100%);padding-left:10px;padding-right:10px}
.obpb-name{font-size:18px;font-weight:700;color:#111827;white-space:nowrap}
.obpb-line{height:2px;border-bottom:2px dotted #d1d5db;opacity:.8;transition:all .25s ease}
.obpb-item:hover .obpb-line{border-bottom-color:var(--obpb-accent,#7c3aed);opacity:1}
.obpb-price-col{text-align:right;min-width:110px}
.obpb-price{font-size: 19px;
  font-weight: 600;
  white-space: nowrap;
  color: #001e2c;
  letter-spacing: -0.01em;}
.obpb-badge{display:inline-block;margin-top:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;background:red;color: white;box-shadow:0 6px 16px rgba(124,58,237,.08)}
.obpb-empty{background:#fff;border:1px solid #ebeef3;border-radius:22px;padding:24px}
@media(max-width:980px){.obpb-shell{grid-template-columns:1fr}.obpb-nav{position:static;display:flex;gap:10px;overflow:auto;white-space:nowrap;padding:12px}.obpb-nav a{display:inline-block;margin-bottom:0}}
@media(max-width:640px){.obpb-front{padding:0 10px}.obpb-section{padding:18px 16px;border-radius:22px;box-shadow:0 10px 24px rgba(17,24,39,.05)}.obpb-title{font-size:24px;line-height:1.15;margin-bottom:14px}.obpb-subtitle{font-size:17px;margin:20px 0 10px}.obpb-list{gap:12px}.obpb-item{grid-template-columns:1fr;gap:6px;padding:14px 14px;border:1px solid #eef2f6;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fbfbfd 100%);box-shadow:0 4px 14px rgba(17,24,39,.03)}.obpb-item:hover{transform:none;padding:14px 14px;background:linear-gradient(180deg,#ffffff 0%,#fbfbfd 100%)}.obpb-line{display:none}.obpb-price-col{text-align:left;min-width:0}.obpb-price{font-size:18px}.obpb-name{white-space:normal;font-size:17px}.obpb-badge{margin-top:8px}.obpb-note,.obpb-bullets{border-radius:18px;padding:16px}}
.obpb-nav {
  max-height: clamp(420px, 78vh, 820px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.obpb-nav::-webkit-scrollbar {
  width: 8px;
}

.obpb-nav::-webkit-scrollbar-track {
  background: transparent;
}

.obpb-nav::-webkit-scrollbar-thumb {
  background: rgba(120, 120, 120, 0.35);
  border-radius: 999px;
}

@media (min-width: 981px) {
  .obpb-nav {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 980px) {
  .obpb-nav {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    max-height: 340px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: normal !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .obpb-nav a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    white-space: normal !important;
    line-height: 1.45 !important;
    font-size: 16px !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
    word-break: break-word !important;
    text-decoration: none !important;
  }

  .obpb-nav a span {
    line-height: 1.45 !important;
  }

  .obpb-content .obpb-section {
    opacity: 1 !important;
    transform: none !important;
  }
}