
/* ===== REAL PROFIT — ONE SCREEN ===== */

body.rp-home-mode{
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 88% 18%,rgba(83,157,255,.22),transparent 34%),
    radial-gradient(circle at 72% 92%,rgba(85,155,255,.13),transparent 31%),
    #f7fbff;
}

/* HEADER */

body.rp-home-mode .topbar{
  position:relative;
  top:auto;
  width:calc(100% - 64px);
  height:82px;
  margin:18px auto 0;
  padding:0 34px;
  border:1px solid rgba(165,195,232,.35);
  border-radius:24px;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 45px rgba(32,83,148,.07);
}

body.rp-home-mode .brand{
  min-width:330px;
}

body.rp-home-mode .brand strong{
  display:block;
  color:#09152e;
  font-size:24px;
  line-height:1.05;
}

body.rp-home-mode .brand small{
  display:block;
  margin-top:5px;
  color:#7284a3;
  font-size:13px;
}

.rp-logo-bars{
  width:42px;
  height:42px;
  display:flex;
  align-items:flex-end;
  gap:4px;
  font-size:0!important;
}

.rp-logo-bars i{
  width:8px;
  display:block;
  border-radius:4px 4px 2px 2px;
  background:linear-gradient(#42a4ff,#086cff);
}

.rp-logo-bars i:nth-child(1){height:17px}
.rp-logo-bars i:nth-child(2){height:28px}
.rp-logo-bars i:nth-child(3){height:39px}

body.rp-home-mode .switch{
  width:360px;
  min-width:360px;
  margin:auto;
  padding:5px;
  border:0;
  border-radius:22px;
  background:#edf3fb;
}

body.rp-home-mode .market{
  height:52px;
  padding:0 24px;
  border:0;
  outline:0!important;
  border-radius:18px;
  background:transparent;
  color:#101d39;
  font-size:15px;
  font-weight:700;
}

body.rp-home-mode .market:focus,
body.rp-home-mode .market:focus-visible{
  outline:0!important;
}

body.rp-home-mode .market.active{
  background:linear-gradient(135deg,#1596ff,#0965ff);
  color:white;
  box-shadow:0 8px 22px rgba(13,111,255,.22);
}

body[data-market="wb"].rp-home-mode .market.active{
  background:linear-gradient(135deg,#a72ee8,#c026d3);
}

body.rp-home-mode .toplinks{
  width:330px;
  visibility:hidden;
}


/* REMOVE OLD SITE FRAME */

body.rp-home-mode .layout{
  display:block;
  max-width:none;
  margin:0;
}

body.rp-home-mode .sidebar{
  display:none!important;
}

body.rp-home-mode main{
  padding:0;
}


/* HERO */

.rp-hero3{
  min-height:calc(100vh - 100px);
  display:flex;
  align-items:center;
  overflow:hidden;
}

.rp-hero3-inner{
  width:min(1520px,93vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:54% 46%;
  align-items:center;
  gap:12px;
}

.rp-hero3-copy{
  position:relative;
  z-index:5;
  padding:22px 0 34px;
}

.rp-hero3-eyebrow{
  margin:0 0 22px;
  color:#637fa8;
  font-size:12px;
  font-weight:800;
  letter-spacing:.20em;
}

.rp-hero3 h1{
  width:100%;
  max-width:820px;
  margin:0;
  color:#09152e;
  font-size:clamp(47px,3.55vw,59px);
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:850;
}

.rp-hero3 h1 strong{
  display:block;
  color:#1474ff;
  font-weight:850;
}

body[data-market="wb"] .rp-hero3 h1 strong{
  color:#aa2bd5;
}

.rp-hero3-lead{
  max-width:690px;
  margin:24px 0 0;
  color:#62738f;
  font-size:19px;
  line-height:1.5;
}

.rp-hero3-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:28px;
}

.rp-hero3-primary,
.rp-hero3-demo{
  height:58px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:14px;
  padding:0 23px;
  font-size:15px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
}

.rp-hero3-primary{
  min-width:305px;
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#168dff,#0867ff);
  box-shadow:0 13px 28px rgba(15,108,255,.20);
}

.rp-hero3-primary span{
  font-size:22px;
}

.rp-hero3-demo{
  min-width:294px;
  border:1.5px solid #1875ff;
  background:rgba(255,255,255,.76);
  color:#1261d2;
}

.rp-hero3-demo i{
  width:29px;
  height:29px;
  flex:0 0 29px;
  display:grid;
  place-items:center;
  padding-left:2px;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:10px;
  font-style:normal;
}

body[data-market="wb"] .rp-hero3-primary{
  background:linear-gradient(135deg,#a72ee8,#c026d3);
}




/* RIGHT VISUAL */

.rp-hero3-visual{
  position:relative;
  min-height:560px;
  transform:translateY(3px);
}

.rp-file{
  position:absolute;
  z-index:4;
  width:145px;
  min-height:150px;
  padding:15px;
  border:1px solid rgba(165,194,232,.34);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 17px 40px rgba(44,89,150,.10);
}

.rp-file-1{left:3%;top:55px;transform:rotate(-8deg)}
.rp-file-2{left:30%;top:13px;transform:rotate(-2deg)}
.rp-file-3{right:19%;top:40px;transform:rotate(3deg)}
.rp-file-4{right:0;top:82px;transform:rotate(8deg)}

.rp-file > b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:0 7px;
  border-radius:6px;
  color:#fff;
  font-size:11px;
}

.ozon-badge{background:#0878ff}
.wb-badge{background:linear-gradient(135deg,#941ce8,#ce20c8)}

.rp-file strong{
  display:block;
  margin-top:10px;
  color:#10192d;
  font-size:14px;
  line-height:1.18;
}

.rp-file > span{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:13px;
}

.rp-file > span i{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:#0da45a;
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}

.rp-file > span em{
  width:52px;
  height:17px;
  display:block;
  background:
    linear-gradient(#dce7f6 0 0) 0 0/100% 5px no-repeat,
    linear-gradient(#dce7f6 0 0) 0 8px/72% 5px no-repeat;
}

.rp-flow-lines{
  position:absolute;
  z-index:2;
  left:4%;
  top:112px;
  width:94%;
  height:205px;
  overflow:visible;
}

.rp-flow-lines path{
  fill:none;
  stroke:#6d9fff;
  stroke-width:4;
  stroke-linecap:round;
  opacity:.72;
}

.rp-result-card{
  position:absolute;
  z-index:5;
  left:11%;
  right:2%;
  top:245px;
  height:275px;
  padding:22px 24px 18px;
  border:1px solid rgba(167,197,233,.42);
  border-radius:27px;
  background:rgba(255,255,255,.96);
  box-shadow:0 28px 70px rgba(47,93,155,.15);
}

.rp-result-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:13px;
  border-bottom:1px solid #eaf0f8;
}

.rp-result-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.rp-result-brand > strong{
  color:#111b31;
  font-size:17px;
}

.rp-mini-bars{
  width:27px;
  height:27px;
  display:flex;
  align-items:flex-end;
  gap:3px;
}

.rp-mini-bars i{
  width:6px;
  display:block;
  border-radius:3px;
  background:#1687ff;
}

.rp-mini-bars i:nth-child(1){height:10px}
.rp-mini-bars i:nth-child(2){height:17px}
.rp-mini-bars i:nth-child(3){height:24px}

.rp-result-head > span{
  padding:7px 11px;
  border:1px solid #dce7f4;
  border-radius:9px;
  color:#687b97;
  font-size:11px;
}

.rp-result-body{
  height:123px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:15px;
  align-items:center;
}

.rp-result-main small{
  display:block;
  color:#8494aa;
  font-size:11px;
}

.rp-result-main strong{
  display:block;
  margin:7px 0 4px;
  color:#101c35;
  font-size:22px;
  line-height:1.08;
}

.rp-result-main span{
  color:#18a05f;
  font-size:12px;
  font-weight:700;
}

.rp-chart{
  height:105px;
}

.rp-chart svg{
  width:100%;
  height:100%;
}

.rp-chart-area{
  fill:rgba(35,123,255,.08);
  stroke:none;
}

.rp-chart-line{
  fill:none;
  stroke:#1475ff;
  stroke-width:4;
  stroke-linecap:round;
}

.rp-chart circle{
  fill:white;
  stroke:#1475ff;
  stroke-width:4;
}

.rp-result-bottom{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}

.rp-result-bottom > div{
  min-height:55px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid #edf2f8;
  border-radius:13px;
  background:#fbfdff;
}

.rp-result-bottom i{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-style:normal;
  font-weight:900;
}

.mini-blue{color:#1475ff;background:#e9f3ff}
.mini-red{color:#e25c66;background:#ffedef}
.mini-green{color:#14a467;background:#e6f8ef}

.rp-result-bottom small,
.rp-result-bottom b{
  display:block;
  white-space:nowrap;
}

.rp-result-bottom small{
  color:#8595ab;
  font-size:9px;
}

.rp-result-bottom b{
  margin-top:2px;
  color:#26344d;
  font-size:10px;
}

.rp-platform{
  position:absolute;
  z-index:1;
  left:7%;
  right:-1%;
  top:505px;
  height:45px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,
    rgba(39,133,255,.24),
    rgba(39,133,255,.06) 45%,
    transparent 72%);
}


/* SHORT DESKTOPS */

@media(max-height:820px) and (min-width:901px){
  .rp-hero3{
    min-height:calc(100vh - 100px);
  }

  .rp-hero3-inner{
    transform:scale(.91);
    transform-origin:center center;
    width:min(1580px,98vw);
  }
}


/* MOBILE */

@media(max-width:900px){

  body.rp-home-mode .topbar{
    width:calc(100% - 24px);
    height:auto;
    margin:10px auto 0;
    padding:13px 16px;
  }

  body.rp-home-mode .toplinks{
    display:none;
  }

  body.rp-home-mode .brand{
    min-width:auto;
  }

  body.rp-home-mode .switch{
    width:100%;
    min-width:0;
  }

  .rp-hero3{
    min-height:auto;
    padding:42px 0 50px;
  }

  .rp-hero3-inner{
    width:calc(100% - 32px);
    display:block;
    text-align:center;
  }

  .rp-hero3 h1{
    font-size:40px;
  }

  .rp-hero3-lead{
    margin-left:auto;
    margin-right:auto;
    font-size:17px;
  }

  .rp-hero3-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .rp-hero3-primary,
  .rp-hero3-demo{
    width:100%;
    min-width:0;
  }

  .rp-hero3-visual{
    display:none;
  }
}


/* ===== VISUAL FIX V2 ===== */

.rp-hero3-inner{
  grid-template-columns:56% 44%;
  gap:6px;
}

.rp-hero3-visual{
  min-height:500px;
  transform:scale(.92);
  transform-origin:center top;
}

.rp-file{
  width:132px;
  min-height:136px;
  padding:13px;
}

.rp-file-1{left:5%;top:56px;transform:rotate(-8deg)}
.rp-file-2{left:30%;top:18px;transform:rotate(-2deg)}
.rp-file-3{right:19%;top:42px;transform:rotate(3deg)}
.rp-file-4{right:2%;top:78px;transform:rotate(8deg)}

.rp-file strong{
  font-size:13px;
  line-height:1.16;
}

.rp-flow-lines{
  top:103px;
  height:180px;
}

.rp-result-card{
  left:11%;
  right:3%;
  top:225px;
  height:245px;
  padding:18px 20px 16px;
}

.rp-kpis{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:8px;
  margin-top:12px;
}

.rp-kpi{
  min-height:56px;
  padding:9px 11px;
  border:1px solid #e7eef8;
  border-radius:12px;
  background:#fbfdff;
}

.rp-kpi small{
  display:block;
  color:#7b8da7;
  font-size:10px;
  line-height:1.2;
}

.rp-kpi b{
  display:block;
  margin-top:5px;
  color:#14233d;
  font-size:17px;
  line-height:1.1;
}

.rp-kpi.good b{
  color:#0d9b5a;
}

.rp-result-middle{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:10px;
  align-items:center;
  margin-top:10px;
}

.rp-alert{
  min-height:78px;
  padding:10px 12px;
  border-radius:13px;
  background:#fff6f6;
  border:1px solid #f6dede;
}

.rp-alert small{
  display:block;
  color:#9b7a7a;
  font-size:10px;
}

.rp-alert strong{
  display:block;
  margin-top:4px;
  color:#332020;
  font-size:14px;
  line-height:1.15;
}

.rp-alert b{
  display:block;
  margin-top:6px;
  color:#d83b50;
  font-size:20px;
  line-height:1;
}

.rp-chart{
  height:84px;
}

.rp-chart svg{
  width:100%;
  height:100%;
}

.rp-result-bottom{
  margin-top:10px;
  grid-template-columns:repeat(3,1fr);
}

.rp-result-bottom > div{
  min-height:47px;
  padding:7px;
}

.rp-result-bottom small{
  font-size:8px;
}

.rp-result-bottom b{
  font-size:9px;
}

.rp-platform{
  top:460px;
  height:40px;
}

@media(max-height:820px) and (min-width:901px){
  .rp-hero3-inner{
    transform:scale(.95);
    transform-origin:center center;
    width:min(1540px,96vw);
  }
}

@media(max-width:900px){
  .rp-hero3-visual{
    display:none;
  }
}



/* =========================================================
   MARKET CHOICE — NEUTRAL START
   ========================================================= */

.market-choice{
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
}

.market-choice-label{
  color:#6f7d96;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}


/* До выбора маркетплейса */

body.rp-home-mode.rp-market-unselected{
  background:
    radial-gradient(circle at 21% 17%,
      rgba(44,137,255,.10),
      transparent 30%),
    radial-gradient(circle at 86% 24%,
      rgba(184,61,214,.10),
      transparent 33%),
    radial-gradient(circle at 70% 87%,
      rgba(87,116,245,.07),
      transparent 31%),
    #f9fbff;
}

body.rp-market-unselected .switch{
  background:rgba(237,242,249,.92);
}

body.rp-market-unselected .market{
  color:#4e5b72;
  background:transparent!important;
  box-shadow:none!important;
}

body.rp-market-unselected .market:hover{
  background:rgba(255,255,255,.75)!important;
}


/* На старте главный акцент тоже нейтрально смешанный */

body.rp-market-unselected .rp-hero3 h1 strong{
  color:transparent!important;
  background:linear-gradient(
    90deg,
    #1678f5 0%,
    #6575ed 48%,
    #b63dcc 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
}

body.rp-market-unselected .rp-flow-lines path{
  stroke:#858ee9;
}

body.rp-market-unselected .rp-chart-line,
body.rp-market-unselected .rp-chart circle{
  stroke:#6578e9;
}

body.rp-market-unselected .rp-chart-area{
  fill:rgba(105,119,233,.08);
}


/* До выбора показываем только ДЕМО */

body.rp-market-unselected #newCalc{
  display:none;
}

body.rp-market-unselected .rp-hero3-demo{
  border-color:#7585b6;
  color:#53648d;
  background:rgba(255,255,255,.78);
}


/* После выбора Ozon */

body.rp-home-mode:not(.rp-market-unselected)[data-market="ozon"]{
  background:
    radial-gradient(circle at 86% 20%,
      rgba(61,151,255,.22),
      transparent 34%),
    radial-gradient(circle at 67% 90%,
      rgba(77,151,255,.11),
      transparent 34%),
    #f7fbff;
}


/* После выбора Wildberries */

body.rp-home-mode:not(.rp-market-unselected)[data-market="wb"]{
  background:
    radial-gradient(circle at 86% 20%,
      rgba(209,61,203,.17),
      transparent 34%),
    radial-gradient(circle at 70% 90%,
      rgba(179,72,211,.09),
      transparent 35%),
    #fff9fe;
}

body.rp-home-mode:not(.rp-market-unselected)[data-market="wb"]
.rp-flow-lines path{
  stroke:#c16ad7;
}

body.rp-home-mode:not(.rp-market-unselected)[data-market="wb"]
.rp-chart-line,
body.rp-home-mode:not(.rp-market-unselected)[data-market="wb"]
.rp-chart circle{
  stroke:#b52dc9;
}

body.rp-home-mode:not(.rp-market-unselected)[data-market="wb"]
.rp-chart-area{
  fill:rgba(190,49,206,.07);
}


/* Появление кнопки расчёта после выбора */

body:not(.rp-market-unselected) #newCalc{
  animation:rpCalcAppear .28s ease both;
}

@keyframes rpCalcAppear{
  from{
    opacity:0;
    transform:translateY(7px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}


@media(max-width:900px){
  .market-choice{
    width:100%;
    order:3;
  }

  .market-choice .switch{
    order:initial;
  }
}


/* ===== MARKET LABEL IMPROVE ===== */

.market-choice{
  gap:10px;
}

.market-choice-label{
  display:block;
  margin-bottom:2px;
  color:#4f627f;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.01em;
  text-align:center;
}

body.rp-home-mode .market-choice .switch{
  min-width:390px;
  width:390px;
}

body.rp-market-unselected .market-choice-label{
  color:#4f627f;
}

@media(max-width:900px){
  .market-choice{
    gap:8px;
    margin-top:6px;
  }

  .market-choice-label{
    font-size:15px;
  }

  body.rp-home-mode .market-choice .switch{
    width:100%;
    min-width:0;
  }
}



/* =========================================================
   ACTIONS V4 — MARKETPLACE CHOICE AFTER HERO MESSAGE
   ========================================================= */

/* Шапка теперь только с брендом */

body.rp-home-mode .topbar{
  justify-content:flex-start;
}

body.rp-home-mode .toplinks{
  display:none!important;
}

body.rp-home-mode .brand{
  min-width:0;
}


/* Блок действий под основным текстом */

.rp-hero3-actions{
  max-width:690px;
  margin-top:28px;
  display:grid;
  grid-template-columns:minmax(330px,1fr) 300px;
  gap:18px;
  align-items:end;
}

.rp-own-reports{
  min-width:0;
}

.rp-own-title{
  margin:0 0 10px 2px;
  color:#42536f;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
}

.rp-market-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}


/* Ozon / WB здесь уже не переключатель,
   а прямой вход в соответствующий расчёт */

.rp-market-go{
  height:58px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  font-size:16px!important;
  font-weight:800!important;
  cursor:pointer;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}

body.rp-market-unselected .rp-market-go{
  box-shadow:none!important;
}


/* Обе кнопки равноправные, но каждая со своим характером */

body.rp-home-mode .rp-market-ozon,
body.rp-market-unselected .rp-market-ozon{
  border:1.5px solid #1475ff!important;
  background:rgba(255,255,255,.88)!important;
  color:#1268e8!important;
}

body.rp-home-mode .rp-market-wb,
body.rp-market-unselected .rp-market-wb{
  border:1.5px solid #b630cc!important;
  background:rgba(255,255,255,.88)!important;
  color:#a027b8!important;
}

.rp-market-ozon:hover{
  background:#1475ff!important;
  color:white!important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(20,117,255,.18)!important;
}

.rp-market-wb:hover{
  background:linear-gradient(135deg,#a62ce2,#ca25c8)!important;
  color:white!important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(183,47,202,.18)!important;
}


/* Демо справа */

.rp-hero3-demo{
  width:100%;
  min-width:0;
  height:58px;
  padding:0 18px;
  border-color:#7182a8;
  color:#526487;
  background:rgba(255,255,255,.78);
  font-size:14px;
}

.rp-hero3-demo:hover{
  border-color:#52698f;
  color:#394e74;
  background:white;
}


/* Старые правила скрытия newCalc нам теперь не мешают:
   сама кнопка техническая и скрытая */

#newCalc[hidden]{
  display:none!important;
}


/* Нейтральная главная остаётся нейтральной */

body.rp-market-unselected .rp-hero3 h1 strong{
  background:linear-gradient(
    90deg,
    #1678f5 0%,
    #6875e8 50%,
    #ae3ac8 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}


/* На небольшом ноутбуке всё остаётся в одном экране */

@media(max-height:820px) and (min-width:901px){

  .rp-hero3-actions{
    margin-top:22px;
  }

  .rp-own-title{
    margin-bottom:8px;
  }

  .rp-market-go,
  .rp-hero3-demo{
    height:54px!important;
  }
}


/* Телефон */

@media(max-width:900px){

  .rp-hero3-actions{
    max-width:none;
    grid-template-columns:1fr;
    gap:14px;
  }

  .rp-own-title{
    text-align:center;
  }

  .rp-market-row{
    grid-template-columns:1fr 1fr;
  }

  .rp-hero3-demo{
    width:100%;
  }
}


/* ===== BLUE → PINK ACCENT ===== */

/* 1) Логотип слева сверху */
.rp-logo-bars i:nth-child(1),
.logo i:nth-child(1){
  background:#1f86ff !important;
}

.rp-logo-bars i:nth-child(2),
.logo i:nth-child(2){
  background:#6b74ee !important;
}

.rp-logo-bars i:nth-child(3),
.logo i:nth-child(3){
  background:#c93acb !important;
}

/* если палочки сделаны не через <i>, а через другие элементы */
.rp-logo-bars > *:nth-child(1),
.logo > *:nth-child(1){
  background:#1f86ff !important;
}

.rp-logo-bars > *:nth-child(2),
.logo > *:nth-child(2){
  background:#6b74ee !important;
}

.rp-logo-bars > *:nth-child(3),
.logo > *:nth-child(3){
  background:#c93acb !important;
}


/* 2) Акцент "реальная прибыль" в заголовке */
.rp-hero3 h1 strong{
  background:linear-gradient(90deg,#1f86ff 0%, #6b74ee 48%, #c93acb 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}


/* ===== TWO FIXES ===== */

/* 1. ЯВНЫЙ сине-розовый градиент */
.rp-hero3 h1 strong{
  display:block !important;
  background:
    linear-gradient(
      90deg,
      #087cff 0%,
      #087cff 25%,
      #685ee8 48%,
      #bd38cf 70%,
      #e329a7 100%
    ) !important;

  background-size:100% 100% !important;
  background-repeat:no-repeat !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}


/* 2. НАДПИСЬ РОВНО ПО ЦЕНТРУ НАД OZON + WB */
.rp-own-reports{
  width:100% !important;
}

.rp-own-title{
  width:100% !important;
  margin:0 0 11px 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#34465f !important;
}

.rp-market-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

CSScd /var/www/real-profit

cp home-v3.css "home-v3.css.bak_two_fixes_$(date +%Y-%m-%d_%H-%M-%S)"

cat >> home-v3.css <<'CSS'

/* ===== TWO FIXES ===== */

/* 1. ЯВНЫЙ сине-розовый градиент */
.rp-hero3 h1 strong{
  display:block !important;
  background:
    linear-gradient(
      90deg,
      #087cff 0%,
      #087cff 25%,
      #685ee8 48%,
      #bd38cf 70%,
      #e329a7 100%
    ) !important;

  background-size:100% 100% !important;
  background-repeat:no-repeat !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}


/* 2. НАДПИСЬ РОВНО ПО ЦЕНТРУ НАД OZON + WB */
.rp-own-reports{
  width:100% !important;
}

.rp-own-title{
  width:100% !important;
  margin:0 0 11px 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#34465f !important;
}

.rp-market-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

CSScd /var/www/real-profit

cp home-v3.css "home-v3.css.bak_two_fixes_$(date +%Y-%m-%d_%H-%M-%S)"

cat >> home-v3.css <<'CSS'

/* ===== TWO FIXES ===== */

/* 1. ЯВНЫЙ сине-розовый градиент */
.rp-hero3 h1 strong{
  display:block !important;
  background:
    linear-gradient(
      90deg,
      #087cff 0%,
      #087cff 25%,
      #685ee8 48%,
      #bd38cf 70%,
      #e329a7 100%
    ) !important;

  background-size:100% 100% !important;
  background-repeat:no-repeat !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}


/* 2. НАДПИСЬ РОВНО ПО ЦЕНТРУ НАД OZON + WB */
.rp-own-reports{
  width:100% !important;
}

.rp-own-title{
  width:100% !important;
  margin:0 0 11px 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#34465f !important;
}

.rp-market-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

CSScd /var/www/real-profit

cp home-v3.css "home-v3.css.bak_two_fixes_$(date +%Y-%m-%d_%H-%M-%S)"

cat >> home-v3.css <<'CSS'

/* ===== TWO FIXES ===== */

/* 1. ЯВНЫЙ сине-розовый градиент */
.rp-hero3 h1 strong{
  display:block !important;
  background:
    linear-gradient(
      90deg,
      #087cff 0%,
      #087cff 25%,
      #685ee8 48%,
      #bd38cf 70%,
      #e329a7 100%
    ) !important;

  background-size:100% 100% !important;
  background-repeat:no-repeat !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}


/* 2. НАДПИСЬ РОВНО ПО ЦЕНТРУ НАД OZON + WB */
.rp-own-reports{
  width:100% !important;
}

.rp-own-title{
  width:100% !important;
  margin:0 0 11px 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#34465f !important;
}

.rp-market-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}


/* ===== TRUE 50/50 BLUE-PINK GRADIENT ===== */

.rp-hero3 h1 strong{
  display:block !important;
  width:fit-content !important;
  max-width:100% !important;

  background:linear-gradient(
    90deg,
    #087cff 0%,
    #4f72ef 25%,
    #8b55df 50%,
    #bd38cf 75%,
    #e329a7 100%
  ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}


/* Старая кнопка расчёта в шапке больше нигде не показывается */
#topCalc,
.toplinks{
  display:none !important;
}


/* Демо на главной всегда нейтральное */
body.rp-home-mode .rp-hero3-demo,
body.rp-home-mode[data-market="ozon"] .rp-hero3-demo,
body.rp-home-mode[data-market="wb"] .rp-hero3-demo{
  border-color:#7182a8 !important;
  color:#526487 !important;
  background:rgba(255,255,255,.78) !important;
}

body.rp-home-mode .rp-hero3-demo:hover{
  border-color:#52698f !important;
  color:#394e74 !important;
  background:#fff !important;
}


/* ===== DEMO BUTTON — ALWAYS NEUTRAL ON HOME ===== */

#homeView .rp-hero3-demo{
  border-color:#7182a8 !important;
  color:#526487 !important;
  background:rgba(255,255,255,.78) !important;
}

#homeView .rp-hero3-demo i{
  color:inherit !important;
  border-color:currentColor !important;
}

#homeView .rp-hero3-demo:hover{
  border-color:#52698f !important;
  color:#394e74 !important;
  background:#fff !important;
}

