/* DSTRC CSS: post 117 | generated 2026-03-17 00:29:40 UTC */
:root{
    --rz-dark:#303439;   /* тёмная сталь */
    --rz-gray:#878B8D;   /* металлический серый */
    --rz-accent:#FF6600; /* лазер */
    --rz-white:#fff;
  }

  .rz-price{
    position:relative;
    color:var(--rz-white);
    background:
      linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.82)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px),
      var(--rz-dark);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  }
  .rz-price__overlay{
    position:absolute; inset:0; pointer-events:none;
    background:
      radial-gradient(950px 420px at 18% 18%, color-mix(in oklab, var(--rz-accent) 12%, transparent) 0%, transparent 60%),
      radial-gradient(1200px 600px at 82% 70%, rgba(255,255,255,.06) 0%, transparent 60%);
    mix-blend-mode: screen;
  }
  .rz-price__laser{
    position:absolute; top: clamp(10px, 2vw, 22px); right: clamp(10px, 2vw, 22px);
    width: clamp(110px, 16vw, 260px); height: 2px;
    transform: rotate(-28deg); transform-origin: right center;
    background: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--rz-accent) 75%, transparent) 45%, transparent 100%);
    filter: drop-shadow(0 0 6px rgba(255,102,0,.28));
    opacity:.35;
  }
  .rz-price__container{
    position:relative; z-index:1;
    width:min(1200px, 92vw);
    margin:0 auto;
    padding: clamp(48px, 7vw, 96px) 0;
  }

  .rz-price__title{
    margin:0 0 clamp(8px, 1.8vw, 12px) 0;
    font-weight:800; font-size: clamp(24px, 4.8vw, 44px);
    line-height:1.06; letter-spacing:-.01em;
  }
  .rz-price__lead{
    margin:0 0 clamp(16px, 2.6vw, 24px) 0;
    max-inline-size: 72ch;
    font-size: clamp(16px, 2.1vw, 20px);
    line-height:1.6;
    color: rgba(255,255,255,.92);
    border-left:3px solid var(--rz-accent);
    padding-left: clamp(12px, 1.5vw, 18px);
    background: linear-gradient(90deg, rgba(0,0,0,.22), rgba(0,0,0,0));
    text-wrap: pretty;
  }

  /* ===== Таблица в фирменном стиле с адаптивом ===== */
  .rz-price__table-wrap{
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    border:1px solid rgba(135,139,141,.28);
    border-radius:12px;
    overflow:hidden;
    box-shadow: 0 0 0 1px rgba(0,0,0,.28) inset, 0 1px 10px rgba(0,0,0,.22);
    margin: clamp(14px, 2.2vw, 24px) 0;
  }
  .rz-price__table{
    width:100%;
    border-collapse: collapse;
    min-width: 820px; /* скролл на узких экранах */
    font-size: 0.98rem;
  }
  .rz-price__table thead th{
    text-align:left;
    padding:.9rem .9rem;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.75);
    font-weight: 700;
    border-bottom:1px solid rgba(255,255,255,.18);
    position: sticky;
    top: 0;
    z-index: 1;
    backdrop-filter: blur(4px);
  }
  .rz-price__table tbody td{
    padding:.9rem .9rem;
    border-bottom:1px solid rgba(255,255,255,.14);
    vertical-align: top;
    color: rgba(255,255,255,.96);
  }
  .rz-price__table tbody tr:hover td{
    background: rgba(255,255,255,.035);
  }
  .rz-price__table .num{
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    text-align:right;
  }
  .rz-price__caption{
    margin: .6rem .9rem .9rem;
    color: rgba(255,255,255,.72);
    font-size: .92rem;
  }

  /* ===== Мобильная карточная раскладка ===== */
  @media (max-width: 700px){
    .rz-price__table{ min-width: 0; display:block; }
    .rz-price__table thead{ display:none; }
    .rz-price__table tbody{
      display:grid; gap:.65rem; padding:.6rem;
    }
    .rz-price__table tbody tr{
      display:grid; gap:.35rem; padding:.8rem .9rem;
      background: rgba(0,0,0,.28);
      border:1px solid rgba(255,255,255,.16);
      border-radius:10px;
    }
    .rz-price__table tbody td{
      display:grid; grid-template-columns: 46% 1fr; gap:.5rem;
      padding:0; border:0;
    }
    .rz-price__table tbody td::before{
      content: attr(data-th);
      color: rgba(255,255,255,.72);
      font-size:.92rem;
    }
    .rz-price__table .num{ justify-self:end; }
    .rz-price__caption{ margin:.5rem .6rem 1rem; }
  }

  .rz-price__note{
    margin-top: clamp(10px, 2vw, 16px);
    color: rgba(255,255,255,.92);
    font-size: clamp(15px, 1.9vw, 18px);
    line-height:1.65;
    text-wrap: pretty;
  }