/* ГолосБетон — прайс-лист внизу страницы «Продукция», 2026-11-01 */
.gbp{position:relative;overflow:hidden;padding:72px 0 80px;color:#fff;font-family:inherit;
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(0,133,192,.55), transparent 70%),
    radial-gradient(700px 380px at -5% 110%, rgba(0,133,192,.30), transparent 70%),
    linear-gradient(160deg,#1b2160 0%,#262f7a 55%,#313a87 100%)}
.gbp::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  background-image:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 140px)}
.gbp *{box-sizing:border-box}
.gbp .container{position:relative}
.gbp__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:40px}
.gbp__title{margin:0;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.01em;color:#fff}
.gbp__note{margin:12px 0 0;font-size:16px;line-height:1.45;color:rgba(255,255,255,.75);max-width:520px}
.gbp__btns{display:flex;flex-wrap:wrap;gap:12px}
.gbp__btns .gb-btn{margin:0!important}
.gbp__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;align-items:start}
.gbp__col{border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:26px 26px 12px}
.gbp__col h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:20px;font-weight:800;color:#fff}
.gbp__col h3 span{font-size:13px;font-weight:500;color:rgba(255,255,255,.6);white-space:nowrap}
.gbp__list{list-style:none;margin:0;padding:0}
.gbp__list li{margin:0;padding:0}
.gbp__list li::before{display:none}
.gbp__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important}
.gbp__list li:first-child .gbp__row{border-top:0}
.gbp__mark{min-width:64px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.12);text-align:center;font-weight:800;font-size:17px;line-height:1.1;transition:background .2s,color .2s}
.gbp__mark small{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.65)}
.gbp__bar{height:6px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}
.gbp__bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#4fb3e6,#fff)}
.gbp__price{text-align:right;font-weight:800;font-size:22px;white-space:nowrap;font-variant-numeric:tabular-nums}
.gbp__price small{font-size:13px;font-weight:500;color:rgba(255,255,255,.65)}
.gbp__row:hover .gbp__mark,.gbp__row:focus-visible .gbp__mark{background:#fff;color:#313a87}
.gbp__row:hover .gbp__mark small,.gbp__row:focus-visible .gbp__mark small{color:#0085c0}
.gbp__row:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}
.gbp__foot{margin:26px 0 0;font-size:14px;color:rgba(255,255,255,.6)}
@media (max-width:1000px){
  .gbp{padding:52px 0 56px}
  .gbp__grid{grid-template-columns:1fr}
  .gbp__title{font-size:32px}
  .gbp__btns{width:100%}
  .gbp__btns .gb-btn{flex:1 1 100%}
  .gbp__col{padding:20px 18px 8px}
  .gbp__price{font-size:20px}
}
@media (prefers-reduced-motion:reduce){.gbp__mark{transition:none}}