
/* Approved 'Светлое серебро' A: neutral pearl, graphite type, restrained steel. */
body.light-posh {
  --ink:#242b30;
  --muted:#515c64;
  --paper:#fff;
  --surface:#f2f4f5;
  --posh-pearl:#f4f5f4;
  --posh-chrome:linear-gradient(115deg,#d9e0e5 0%,#fafcfd 36%,#d9e0e6 55%,#f3f6f8 80%,#c7d0d8 100%);
  background:#fff;
  color:#242b30;
  font-size:18px;
  color-scheme:light;
}

/* The same light identity on every page. Existing navigation and phone remain. */
.light-posh .header {
  background:var(--posh-pearl);
  color:#242b30;
  box-shadow:none;
}
.light-posh .header-inner {
  height:96px;
  min-height:96px;
  gap:24px;
  border-bottom:1px solid #cdd2d6;
}
.light-posh .header .logo {
  width:148px;
  min-height:44px;
  display:flex;
  align-items:center;
  flex-shrink:0;
}
.light-posh .header .logo img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:139/50;
}
.light-posh .header .phone,
.light-posh .header .desktop-nav a {
  color:#242b30;
}
.light-posh .header .desktop-nav a:hover,
.light-posh .header .desktop-nav a[aria-current] {
  color:#14191e;
}
.light-posh .header .desktop-nav a:hover:after,
.light-posh .header .desktop-nav a[aria-current]:after {
  background:#242b30;
}
.light-posh .header .outline {
  color:#242b30;
  background:transparent;
  border-color:#949fa7;
  box-shadow:none;
}
.light-posh .header .outline:hover {
  color:#242b30;
  background:#ffffff85;
  border-color:#65727d;
}
.light-posh .header .menu-toggle {
  color:#242b30;
  background:transparent;
  border:1px solid #a9b3bb;
  border-radius:3px;
}
.light-posh .header .menu-toggle span {background:#515c64}
.light-posh .mobile-nav {
  background:var(--posh-pearl);
  color:#242b30;
  border-color:#cdd2d6;
}
.light-posh .header :focus-visible,
.light-posh .silver-stage :focus-visible {
  outline-color:#315876;
}

/* Silver remains an accent, with no automatic sweep across readable text. */
.light-posh .button.primary,
.light-posh .header .mobile-catalog {
  background:var(--posh-chrome);
  background-size:100% 100%;
  color:#242c33;
  border-color:#aab4bc;
  box-shadow:inset 0 1px #ffffffc9;
  transition:background .18s,border-color .18s;
}
.light-posh .button.primary:hover,
.light-posh .header .mobile-catalog:hover {
  background:#e2e7eb;
  color:#242c33;
  border-color:#7a8893;
  box-shadow:inset 0 1px #ffffffc9;
}
.light-posh .button.primary::after {content:none;animation:none}

/* Approved first-screen composition, adapted to the existing real markup. */
.light-posh .silver-stage {
  background:var(--posh-pearl);
  color:#242b30;
}
.light-posh .silver-stage::before {content:none}
.light-posh.home-variant .hero {
  display:grid;
  grid-template-columns:.93fr 1.07fr;
  gap:64px;
  align-items:center;
  padding-top:34px;
  padding-bottom:56px;
}
.light-posh.home-variant .hero-copy {padding:20px 0;align-self:center;min-width:0}
.light-posh.home-variant .hero-label {display:none}
.light-posh .silver-stage .hero h1 {
  background:none;
  background-image:none;
  background-clip:border-box;
  -webkit-background-clip:border-box;
  color:#242b30;
  -webkit-text-fill-color:#242b30;
  animation:none;
  text-shadow:none;
  font-weight:500;
}
.light-posh.home-variant .hero h1 {
  font-size:80px;
  line-height:1.04;
  letter-spacing:-.055em;
}
.light-posh.home-variant .hero-lead {
  font-size:18px;
  line-height:1.5;
  color:#515c64;
  max-width:440px;
  margin-top:28px;
}
.light-posh.home-variant .dual-actions {
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  max-width:none;
  margin-top:28px;
}
.light-posh.home-variant .dual-actions>div {flex:0 0 auto}
.light-posh.home-variant .dual-actions .button {
  width:auto;
  height:44px;
  min-height:44px;
  padding:10px 18px;
  font-size:16px;
  line-height:22px;
  font-weight:500;
  border-radius:3px;
  white-space:nowrap;
}
.light-posh.home-variant .dual-actions p {display:none}
.light-posh.home-variant .dual-actions .outline {
  background:transparent;
  border-color:#949fa7;
  color:#242b30;
  box-shadow:none;
}
.light-posh.home-variant .dual-actions .outline:hover {
  background:#ffffff85;
  border-color:#65727d;
}
.light-posh.home-variant .hero-note {
  margin-top:42px;
  gap:16px;
  font-size:16px;
  line-height:1.5;
}
.light-posh.home-variant .hero-note p {font-size:16px;line-height:1.5;color:#515c64}
.light-posh.home-variant .hero-note .note-line {background:#9ca6ae;height:48px}
.light-posh.home-variant .hero-feature {display:flex;flex-direction:column;gap:14px;min-width:0}
.light-posh.home-variant .focus-label {
  display:flex;
  align-items:center;
  align-self:flex-start;
  gap:10px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  color:#242b30;
  background:none;
  box-shadow:none;
  font-size:16px;
  line-height:24px;
  font-weight:500;
}
.light-posh.home-variant .focus-label:before {
  content:"";
  width:20px;
  height:1px;
  flex:0 0 20px;
  border-radius:0;
  background:#8796a1;
  box-shadow:none;
}
.light-posh.home-variant .hero-visual {
  display:block;
  height:550px;
  min-height:550px;
  border:1px solid #b9c1c8;
  border-radius:5px;
  box-shadow:0 10px 30px #2636400b;
}
.light-posh.home-variant .hero-visual>img {object-position:53% center}
.light-posh.home-variant .hero-visual:after {
  inset:50% 0 0;
  background:linear-gradient(transparent,#14202bc7);
}
.light-posh.home-variant .hero-caption {
  bottom:28px;
  left:28px;
  right:28px;
  color:#fff;
  align-items:flex-end;
}
.light-posh.home-variant .hero-caption span {font-size:14px;line-height:20px}
.light-posh.home-variant .hero-caption strong {
  font-size:28px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.035em;
  margin-top:7px;
}
.light-posh.home-variant .hero-caption .hero-price {
  font-size:21px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:-.035em;
  margin-top:6px;
}
.light-posh.home-variant .photo-arrow {
  height:44px;
  width:44px;
  min-width:44px;
  background:var(--posh-chrome);
  border-color:#c9d2da;
  color:#25313a;
}

@media(min-width:1181px){
  .light-posh.home-variant .dual-actions {margin-right:-26px}
}
@media(min-width:651px)and(max-width:1180px){
  .light-posh.home-variant .hero {gap:36px;grid-template-columns:1fr 1fr}
  .light-posh.home-variant .hero h1 {font-size:66px}
  .light-posh.home-variant .hero-visual {height:540px;min-height:540px}
  .light-posh.home-variant .dual-actions {flex-wrap:wrap;gap:12px}
  .light-posh.home-variant .dual-actions .button {padding-inline:16px}
}
@media(min-width:651px)and(max-width:900px){
  .light-posh.home-variant .hero {gap:30px}
  .light-posh.home-variant .hero h1 {font-size:54px}
}
@media(max-width:650px){
  .light-posh .header-inner {height:64px;min-height:64px;gap:8px}
  .light-posh .header .logo {width:128px}
  .light-posh.home-variant .hero {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:16px;
    padding-top:12px;
    padding-bottom:32px;
  }
  .light-posh.home-variant .hero-copy {padding:0;align-self:stretch}
  .light-posh.home-variant .hero h1 {font-size:44px;line-height:1.08}
  .light-posh.home-variant .hero-lead {margin-top:12px;font-size:18px;line-height:1.5}
  .light-posh.home-variant .dual-actions {margin-top:16px;gap:10px;flex-wrap:nowrap}
  .light-posh.home-variant .dual-actions .button {padding:10px 14px;height:44px;min-height:44px;font-size:16px;line-height:22px}
  .light-posh.home-variant .hero-note {display:none}
  .light-posh.home-variant .hero-feature {gap:10px}
  .light-posh.home-variant .focus-label {font-size:16px;line-height:22px}
  .light-posh.home-variant .focus-label:before {width:16px;flex-basis:16px}
  .light-posh.home-variant .hero-visual {height:303px;min-height:0;box-shadow:none}
  .light-posh.home-variant .hero-caption {bottom:18px;left:16px;right:16px}
  .light-posh.home-variant .hero-caption strong {font-size:23px;margin-top:5px}
  .light-posh.home-variant .hero-caption .hero-price {font-size:20px;line-height:1.3;margin-top:5px}
}
@media(max-width:360px){
  .light-posh .header .logo {width:112px}
  .light-posh.home-variant .hero {gap:12px;padding-top:4px;padding-bottom:24px}
  .light-posh.home-variant .hero h1 {font-size:42px;line-height:1.05}
  .light-posh.home-variant .hero-lead {margin-top:10px}
  .light-posh.home-variant .dual-actions {margin-top:12px;gap:8px}
  .light-posh.home-variant .dual-actions .button {padding-inline:12px}
  .light-posh.home-variant .hero-feature {gap:8px}
  .light-posh.home-variant .hero-visual {height:194px}
  .light-posh.home-variant .hero-caption {bottom:14px;left:14px;right:14px}
  .light-posh.home-variant .hero-caption strong {font-size:21px}
  .light-posh.home-variant .hero-caption .hero-price {font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .light-posh .button.primary,.light-posh .header .mobile-catalog {transition:none}
}
@media(forced-colors:active){
  .light-posh .silver-stage .hero h1 {color:CanvasText;-webkit-text-fill-color:CanvasText;background:none}
}
