/*
 * Стили второй выгрузки макета (sellerbek-site-v3), которые там лежали встроенными
 * <style> в каждой странице, а не в site.css: цифры списком на телефоне, схема
 * интеграций, «Другие инструменты», финальный блок и блок «Стоимость» на главной.
 * Не правим, как и site.css: следующую выгрузку кладём поверх.
 */


@container sb (max-width: 760px){
  .sb .sb-facts{grid-template-columns:minmax(0,1fr);gap:10px}
  .sb .sb-fact{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:center;padding:18px 20px;border-radius:18px}
  .sb .sb-fact-ic{grid-row:1 / 3;margin:0;width:48px;height:48px;border-radius:14px}
  .sb .sb-fact b{font-size:28px;line-height:32px;align-self:end}
  .sb .sb-fact b.sb-fact-tx{font-size:22px;line-height:32px}
  .sb .sb-fact span{font-size:15px;line-height:21px;align-self:start}
}
.sb-it-canvas{width:1200px;max-width:none;height:460px;margin:0 auto}.sb-it-lines{inset:0;width:1200px;height:460px}.sb-it-mcv{position:relative;width:342px;height:336px;margin:0 auto}.sb-it-mcv .sb-it-pill{padding:6px 11px;font-size:12px;line-height:16px;box-shadow:0 0 0 3px #fff,0 0 0 4px #DCE3FB}.sb-it-mcv .sb-it-cur svg{width:18px;height:18px}.sb-it-ml{position:absolute;left:0;top:0}.sb-it-mcv .sb-it-ts{box-shadow:0 0 0 4px #F1F2F4,0 0 0 5px #E6E8EC}.sb-it-mcv .sb-it-c{box-shadow:0 18px 36px -16px rgba(44,94,234,.6)}@container sb (max-width: 380px){.sb-it-mcv{zoom:.86}}@container sb (min-width: 761px) and (max-width: 900px){.sb .sb-it-canvas{display:none}.sb .sb-it-m{display:flex}.sb .sb-it-mcv{zoom:1.5}}@container sb (min-width: 901px) and (max-width: 1100px){.sb-it-canvas{zoom:.7}}@container sb (min-width: 1101px) and (max-width: 1260px){.sb-it-canvas{zoom:.86}}

.sb-oth .sb-oth-n{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:22px;font-weight:600;color:var(--ink)}
.sb-oth .sb-oth-n span{display:inline;font-size:inherit;line-height:inherit;color:inherit}
.sb-oth .sb-oth-d{margin:0;font-size:14px;line-height:21px;color:var(--ink2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.sb-oth .sb-oth-d span{display:inline;font-size:inherit;line-height:inherit;color:inherit}
.sb-oth .sb-oth-more{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:500;color:var(--blue)}
.sb-oth:hover .sb-oth-more{gap:9px}
@container sb (max-width: 760px){
  .sb-oth .sb-oth-d,.sb-oth .sb-oth-more{display:none}
}

@container sb (max-width: 760px){
  .sb-final-tx{align-items:center;text-align:center;max-width:none}
  .sb-final .sb-btn{align-self:stretch;justify-content:center}
}

.pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
.pp-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:40px;border-radius:28px;background:#F5F6F8;text-decoration:none;color:#0F1729;overflow:hidden}
.pp-card--green{background:#15CB89;color:#fff}
.pp-art{position:relative;height:150px;display:flex;align-items:flex-end}
.pp-art img{display:block;height:150px;width:auto}
.pp-bub{position:absolute;display:block;z-index:2;pointer-events:none}
.pp-bub svg{display:block}
.pp-bub-t{position:absolute;white-space:nowrap;font-size:24px;line-height:30px;font-weight:600;color:#fff}
.pp-tile{position:relative;width:140px;height:140px;margin-top:10px;border-radius:32px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 48px -22px rgba(15,23,41,.35)}
.pp-card--green .pp-tile{box-shadow:0 24px 48px -20px rgba(6,60,36,.55)}
.sb .pp-card h3{margin:32px 0 0;font-size:34px;line-height:42px;font-weight:600;letter-spacing:-.02em;max-width:440px;text-wrap:balance}
.sb .pp-card p{margin:14px 0 0;font-size:17px;line-height:27px;color:#5B6475;max-width:420px}
.sb .pp-card--green h3{color:#fff}
.sb .pp-card--green p{color:rgba(255,255,255,.9)}
.pp-link{margin-top:auto;padding-top:28px;display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:500;color:#2C5EEA}
.pp-card:hover .pp-link{gap:12px}
.pp-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;height:88px;border-radius:18px;background:#2C5EEA;color:#fff !important;font-size:22px;font-weight:600;text-decoration:none;box-shadow:0 18px 36px -18px rgba(15,23,41,.55);transition:background .15s}
.pp-btn:hover{background:#2450D0}
.pp-btn svg{transition:transform .15s}
.pp-btn:hover svg{transform:translateX(3px)}
.pp-sp{flex:1;min-height:32px}
@container sb (max-width: 760px){
  .pp-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .pp-card{padding:28px 22px;border-radius:22px}
  .pp-art,.pp-art img{height:110px !important}
    .pp-bub{transform:scale(.78);transform-origin:0 100%}
  .pp-bub--g{left:70px !important;top:-26px !important}
  .pp-bub--o{left:76px !important;top:2px !important;transform-origin:0 50%}
  .pp-tile{width:104px;height:104px;border-radius:24px;margin-top:6px}
  .pp-tile img{width:70px !important;height:70px !important}
    .sb .pp-card h3{margin-top:24px;font-size:26px;line-height:33px}
  .sb .pp-card p{font-size:16px;line-height:25px}
  .pp-btn{height:76px;font-size:19px;border-radius:16px}
}