/* Claude final refinement 2026-10-18 — additive to cp.css + Codex conversion layer.
   One action colour on every page (Codex graphite + gold), readable terms, 44px targets. */
:root{--cf-gold-a:#f0d8ac;--cf-gold-b:#d7af6d;--cf-gold-ink:#201c16;--cf-graphite:#171b1e;--cf-line:rgba(229,197,139,.28)}

/* D-14: the same gold primary button everywhere (homepage already uses it via conversion-premium.css) */
.btn--gold{background:linear-gradient(145deg,var(--cf-gold-a),var(--cf-gold-b));border-color:#dfbd81;color:var(--cf-gold-ink);text-shadow:none;box-shadow:0 10px 24px -14px #9c7432}
.btn--gold:hover{background:linear-gradient(145deg,#f9e4bd,#e3bf82);border-color:#dfbd81;color:var(--cf-gold-ink)}
.btn--gold .spin{border-color:rgba(32,28,22,.25);border-top-color:var(--cf-gold-ink)}
.hdr__call{background:linear-gradient(145deg,var(--cf-gold-a),var(--cf-gold-b));color:var(--cf-gold-ink)}

/* homepage: real masters photo beside the call */
.cpHeroMasters{display:flex;align-items:center;gap:14px;margin:16px 0 0;max-width:570px}
.cpHeroMasters__img{flex:none;width:112px;height:auto;aspect-ratio:240/200;object-fit:cover;border-radius:14px;border:1px solid var(--cf-line);background:#0d1012}
.cpHeroMasters figcaption{display:grid;gap:3px;font-size:15px;line-height:1.35;color:#d8d1c6}
.cpHeroMasters b{color:#f4eadb;font-size:16px}
.cpHeroMasters a{display:inline-flex;align-items:center;min-height:44px;color:#e5c58b;text-decoration:underline;text-underline-offset:4px;width:max-content}
.cpAfterHours{margin:12px 0 0;max-width:570px;padding:10px 14px;border-radius:12px;background:#ffffff0a;border:1px dashed var(--cf-line);color:#efe3cf;font-size:15px;line-height:1.5}

/* B2: key terms readable (15–16px), secondary text ≥14px */
.cpConversionProcess{font-size:15px!important;line-height:1.6}
.cpHeroTerms{font-size:15px!important;line-height:1.6}
.cpHeroTerms strong{font-size:16px!important}
.cpHeroTerms p{font-size:15px}
.cpHeroTerms a,.cpVisitTerms a{display:inline-flex!important;align-items:center;min-height:44px;padding-top:0!important}
.cpVisitTerms,.cpVisitTerms p{font-size:15px!important;line-height:1.6!important}
.cpVisitTerms>strong{font-size:16px}

/* finder: 01 brand → 02 symptom → 03 call time (inside the dark answer panel) */
.cpCallTime{display:block;margin-top:18px;padding-top:16px;border-top:1px solid #ffffff26}
.cpCallTime span{display:block;font-size:13px;font-weight:650;letter-spacing:.04em;color:#e5c58b;margin-bottom:8px}
.cpCallTime select{width:100%;min-height:48px;padding:10px 14px;border:1px solid #ffffff38;border-radius:10px;background:#22272a;color:#f3ede3;font:inherit;font-size:16px}
.cpSymptomOptions{grid-template-columns:1fr!important}
.cpSymptomOptions label span,.cpSymptomOptions>p{font-size:14px!important}
.cpSymptomOptions select{font-size:16px!important}
.cpSymptomDraft p{font-size:15px!important}

/* collapse long lists on phones ("show all" keeps every item in the DOM) */
.cpMore{display:none}
@media (max-width:760px){
  [data-cp-collapse].is-collapsed>.cp-x{display:none!important}
  .cpMore{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin-top:12px;border-radius:14px;border:1px solid #cbb58f;background:#fffaf2;color:#3a2f22;font-weight:650;font-size:16px}
  .cpMore[aria-expanded=true]{display:none}
}

/* landing pages: who comes, terms, related node prices, a real review, real brand cases */
.cpLandingTrust{padding:clamp(28px,4vw,48px) 0;background:var(--cf-graphite);color:#f3ede3}
.cpLT{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.cpLT__who{display:flex;gap:14px;align-items:flex-start;margin:0}
.cpLT__img{flex:none;width:140px;height:auto;aspect-ratio:240/200;object-fit:cover;border-radius:14px;border:1px solid var(--cf-line)}
.cpLT__who figcaption{display:grid;gap:4px;font-size:15px;line-height:1.45;color:#d8d1c6}
.cpLT__who b{font-size:17px;color:#f6ecdc;line-height:1.25}
.cpLT a{color:#e5c58b;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.cpLT__terms{padding:16px 18px;border:1px solid var(--cf-line);border-radius:16px;background:#ffffff06;font-size:15px;line-height:1.6;color:#e0d8cc}
.cpLT__terms strong{display:block;font-size:17px;color:#f1d7a9;margin-bottom:4px}
.cpLT__terms p{margin:4px 0}
.cpLT__terms b{color:#fff}
.cpLT__nodes{grid-column:1/-1;padding:14px 18px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff1a}
.cpLT__nodes span{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e5c58b;margin-bottom:8px}
.cpLT__nodes ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.cpLT__nodes li{font-size:15px;padding:8px 12px;border-radius:999px;background:#ffffff0d;color:#f3ede3}
.cpLT__nodes small{font-size:14px;color:#bdb5a8}
.cpLT__review{margin:0;padding:16px 18px;border-left:2px solid #b49058}
.cpLT__stars{color:#e8b04a;letter-spacing:3px}
.cpLT__review blockquote{margin:8px 0;font-size:16px;line-height:1.55;color:#f3ede3}
.cpLT__review figcaption{font-size:14px;color:#bdb5a8}
.cpLT__cases{margin-top:clamp(22px,3vw,36px)}
.cpLandingTrust .link-arrow{color:#e5c58b;border-color:#e5c58b}
.cpLT__cases h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);color:#f6ecdc;margin-bottom:14px}
.cpLT__caseRow{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cpLT__case{margin:0;border-radius:16px;overflow:hidden;background:#ffffff08;border:1px solid #ffffff1a}
.cpLT__ba{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000}
.cpLT__ba img{width:100%;height:190px;object-fit:cover}
.cpLT__ba span{position:absolute;top:10px;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:#000000b3;color:#fff}
.cpLT__ba span:first-of-type{left:10px}.cpLT__ba span:last-of-type{right:10px;background:#fff;color:#201c16}
.cpLT__case figcaption{display:grid;gap:4px;padding:12px 14px 14px;font-size:14px;line-height:1.5;color:#cfc7ba}
.cpLT__case b{color:#f6ecdc;font-size:15px}
@media (max-width:1060px){.cpLT{grid-template-columns:1fr 1fr}.cpLT__review{grid-column:1/-1}}
@media (max-width:760px){
  .cpLT{grid-template-columns:1fr}
  .cpLT__img{width:96px}
}
/* landing hero: call first; on desktop the price card already carries "Оставить заявку" */
@media (min-width:1061px){
  .page-hero__grid .acts .btn--gold{display:inline-flex}
  .page-hero__grid:has(.phcard) .acts a[data-quick]{display:none}
}

/* phones: readable body copy, 44px targets, no duplicate brand ribbon, 320px first screen */
@media (max-width:760px){
  .ribbon{display:none}
  .svc__item p,.price small,.ba__body p,.btile small,.tcard p,.ans p,.cpBenefits p,.cpWorkshop li p,.cpPaymentTerms p,.qa__a p,.biz__main p,.req__aside>p,.req__steps span,.consent,.hint,.cpQuickTrustCopy p,.cpQuickTrustReview blockquote,.prose p,.prose li,.facts span,.phcard>small,.mcard p,.info-grid p,.aside p{font-size:15px!important;line-height:1.6}
  .msearch__chips .chip,.fanswer__nodes button,.chip,.hsym{min-height:44px}
  .crumbs a,.link-arrow,.cpQuickTrustLinks>a:last-child,.cpQuickTrustReview>a,.ftr__bottom a{display:inline-flex;align-items:center;min-height:44px}
  .cpHeroMasters{order:7;margin:2px 0 12px}
  .cpAfterHours{order:5}
  .cpConversionProcess{margin-top:10px!important}
  .cpHeroMasters__img{width:96px}
  .hero__lead{font-size:16px!important}
}
@media (max-width:360px) and (max-height:600px){
  .hero{padding-top:calc(var(--hdr-h) + 8px)}
  .hero__badge{margin-bottom:10px}
  .hero h1{font-size:30px!important;margin-bottom:10px}
  .hero__lead{font-size:15px!important}
  .hero__cta{margin:14px 0 10px}
}
@media (max-width:350px){.hero__lead{font-size:15px!important}}
