/* suppliers.css v1 — страница «Поставщики» (t359, 10.10.2026)
   Палитра сайта: фон #F7F7F8, карточки #FFFFFF, текст #241F20, вторичный #676E75,
   акцент — фирменный тёплый оранж (см. .sup-card__cta), границы #E8EAEC. */

/* ===== Карточка поставщика ===== */
.sup-card{background:#fff;border:1px solid #E8EAEC;border-radius:18px;padding:26px;margin-bottom:18px}
.sup-card__head{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.sup-card__logo{width:96px;height:96px;border-radius:16px;background:#F3F5F4;border:1px solid #E8EAEC;object-fit:contain;padding:10px;flex:none}
.sup-card__ttl{flex:1 1 320px;min-width:0}
.sup-card__name{font-size:26px;font-weight:900;letter-spacing:-.01em;color:#241F20;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sup-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1B7F4D;background:#E9F7EF;border:1px solid #BFE5CF;border-radius:999px;padding:5px 11px;white-space:nowrap}
.sup-badge--pilot{color:#9A6700;background:#FFF6E0;border-color:#F0DFAE}
.sup-card__desc{margin-top:8px;color:#4A5057;font-size:14.5px;line-height:1.55}
.sup-card__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sup-btn{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;border-radius:12px;padding:11px 18px;text-decoration:none;border:1px solid transparent;cursor:pointer}
.sup-btn--prim{background:#FF7200;color:#fff}
.sup-btn--prim:hover{background:#E86600}
.sup-btn--sec{background:#fff;color:#241F20;border-color:#D9DDE0}
.sup-btn--sec:hover{border-color:#B9BFC4}

/* факты-цифры */
.sup-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:20px}
.sup-fact{background:#FAFBFB;border:1px solid #EDF0F1;border-radius:14px;padding:13px 15px}
.sup-fact b{display:block;font-size:19px;font-weight:900;color:#241F20;letter-spacing:-.01em}
.sup-fact span{display:block;font-size:11.5px;color:#676E75;margin-top:3px;line-height:1.35}

/* контакты + возможности */
.sup-card__cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
@media(max-width:820px){.sup-card__cols{grid-template-columns:1fr}}
.sup-box{background:#FAFBFB;border:1px solid #EDF0F1;border-radius:14px;padding:16px 18px}
.sup-box h4{margin:0 0 10px;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#676E75}
.sup-box ul{margin:0;padding:0;list-style:none}
.sup-box li{font-size:13.5px;color:#3C4249;padding:4px 0 4px 24px;position:relative;line-height:1.45}
.sup-box li::before{content:"✓";position:absolute;left:2px;top:4px;color:#1B7F4D;font-weight:900}
.sup-box .sup-tel{font-size:16px;font-weight:900;color:#241F20;text-decoration:none;display:block;margin-bottom:4px}
.sup-box .sup-adr{font-size:12.5px;color:#676E75;line-height:1.5}

/* рубрики поставщика */
.sup-rub{margin-top:22px}
.sup-rub__h{font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#676E75;margin:0 0 12px}
.sup-rub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.sup-rub__tile{position:relative;border:1px solid #E8EAEC;border-radius:14px;background:#fff;overflow:hidden;text-decoration:none;display:block}
.sup-rub__tile:hover{border-color:#FFB27A;box-shadow:0 4px 14px rgba(255,114,0,.10)}
.sup-rub__img{width:100%;aspect-ratio:303/204;object-fit:cover;display:block;background:#F3F5F4}
.sup-rub__nm{padding:9px 11px 11px}
.sup-rub__nm b{display:block;font-size:12.5px;font-weight:800;color:#241F20;line-height:1.3}
.sup-rub__nm i{display:block;font-style:normal;font-size:11px;color:#8C9296;margin-top:3px}

/* ===== Опт: система цен ===== */
.sup-opt{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:22px}
.sup-opt__card{background:#fff;border:1px solid #E8EAEC;border-radius:16px;padding:18px 20px}
.sup-opt__card h4{margin:0 0 8px;font-size:15px;font-weight:900;color:#241F20}
.sup-opt__card p{margin:0;font-size:13px;color:#4A5057;line-height:1.5}
.sup-opt__card .sup-tag{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;color:#9A6700;background:#FFF6E0;border-radius:8px;padding:4px 9px}

/* ===== Калькулятор закупки ===== */
.sup-calc{background:#fff;border:1px solid #E8EAEC;border-radius:18px;padding:24px;overflow-x:auto}
.sup-calc__h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.sup-calc__h h3{margin:0;font-size:19px;font-weight:900;color:#241F20}
.sup-calc__h span{font-size:12.5px;color:#8C9296}
.sup-calc table{width:100%;border-collapse:collapse;margin-top:14px;min-width:720px}
.sup-calc th{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8C9296;text-align:left;padding:8px 10px;border-bottom:2px solid #F0F0F0;white-space:nowrap}
.sup-calc td{font-size:13.5px;color:#241F20;padding:9px 10px;border-bottom:1px solid #F2F3F4;vertical-align:middle}
.sup-calc td input{width:74px;font:inherit;font-weight:800;text-align:center;border:1px solid #D9DDE0;border-radius:9px;padding:7px 6px;background:#FAFBFB;color:#241F20}
.sup-calc td input:focus{outline:2px solid #FFB27A;outline-offset:-1px;background:#fff}
.sup-calc .c-min{font-size:11.5px;color:#8C9296;white-space:nowrap}
.sup-calc .c-sum{font-weight:900;white-space:nowrap}
.sup-calc__res{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:18px}
.sup-calc__cell{background:#FAFBFB;border:1px solid #EDF0F1;border-radius:14px;padding:14px 16px}
.sup-calc__cell b{display:block;font-size:17px;font-weight:900;color:#241F20;margin-bottom:4px;letter-spacing:-.01em}
.sup-calc__cell span{font-size:12px;color:#676E75;line-height:1.45;display:block}
.sup-calc__cell--ok b{color:#1B7F4D}
.sup-calc__cell--warn b{color:#B25E00}
.sup-calc__note{margin-top:14px;font-size:12px;color:#8C9296;line-height:1.55}

/* ===== Доставка ===== */
.sup-dlv{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sup-dlv__card{background:#fff;border:1px solid #E8EAEC;border-radius:16px;padding:18px 20px;position:relative}
.sup-dlv__card h4{margin:0 0 8px;font-size:15px;font-weight:900;color:#241F20;display:flex;gap:8px;align-items:center}
.sup-dlv__num{display:inline-flex;width:26px;height:26px;border-radius:9px;background:#241F20;color:#fff;font-size:12.5px;font-weight:900;align-items:center;justify-content:center;flex:none}
.sup-dlv__card p{margin:0;font-size:13px;color:#4A5057;line-height:1.55}
.sup-dlv__card p + p{margin-top:8px}
.sup-dlv__card .sup-live{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;color:#1B7F4D;background:#E9F7EF;border-radius:8px;padding:4px 9px}

/* ===== Roadmap ===== */
.sup-road{display:grid;gap:10px}
.sup-road__step{display:flex;gap:16px;background:#fff;border:1px solid #E8EAEC;border-radius:14px;padding:16px 20px;align-items:flex-start}
.sup-road__mark{width:30px;height:30px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;background:#F0F0F0;color:#676E75}
.sup-road__step--done .sup-road__mark{background:#E9F7EF;color:#1B7F4D}
.sup-road__step--now .sup-road__mark{background:#FFF6E0;color:#B25E00}
.sup-road__body{flex:1;min-width:0}
.sup-road__body b{display:block;font-size:14.5px;font-weight:800;color:#241F20}
.sup-road__body span{display:block;font-size:12.5px;color:#676E75;margin-top:3px;line-height:1.5}
.sup-road__tag{margin-left:auto;flex:none;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:7px;padding:4px 9px;white-space:nowrap}
.sup-road__tag--done{color:#1B7F4D;background:#E9F7EF}
.sup-road__tag--now{color:#B25E00;background:#FFF6E0}
.sup-road__tag--next{color:#676E75;background:#F0F0F0}

@media(max-width:640px){
  .sup-card{padding:18px}
  .sup-card__logo{width:72px;height:72px}
  .sup-card__name{font-size:21px}
  .sup-calc{padding:16px 14px}
}