/* Enhancement layer: keeps legacy layout but fills missing visual parts */
:root {
  --shell-w: 980px;
  --bg-top: #f2eeea;
  --bg-bottom: #faf9f7;
  --text: #5f5a55;
  --line: #ded8d2;
  --accent: #d9618c;
  --accent-2: #8fbf7a;
  --panel: #ffffff;
}

html, body { min-height: 100%; }
body {
  background:
    radial-gradient(circle at 92% 18%, rgba(217,97,140,.12), transparent 32%),
    radial-gradient(circle at 8% 88%, rgba(143,191,122,.12), transparent 28%),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
  color: var(--text);
}

.page-wrap {
  max-width: var(--shell-w);
  margin: 14px auto 28px;
  background: var(--panel);
  border: 1px solid #e6dfd8;
  box-shadow: 0 12px 30px rgba(70, 53, 39, 0.10);
}

.top-links {
  display: flex;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #efe9e3;
  background: linear-gradient(180deg, #fcfbfa, #f5f1ed);
}

.top-links a {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 14px;
  border: 1px solid #e6ddd5;
  background: #fff;
  color: #74695e;
  font-size: 11px;
  line-height: 1;
}

.top-links a:hover { text-decoration: none; color: #7f4f65; border-color: #d7bcc8; }

.hero {
  position: relative;
  height: 280px;
  overflow: hidden;
  border-bottom: 1px solid #e8e1db;
  background-size: cover;
  background-position: center;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(96deg, rgba(37,30,25,.70) 0%, rgba(37,30,25,.46) 34%, rgba(37,30,25,.12) 62%, rgba(37,30,25,.04) 100%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.00));
}

.hero-inner {
  position: relative;
  z-index: 1;
  padding: 42px 36px;
  width: min(620px, 78%);
  margin: 24px 0 0 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.82));
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 10px 24px rgba(34, 24, 15, .18);
  backdrop-filter: blur(2px);
}

.hero-title {
  margin: 0 0 10px;
  font-size: clamp(34px, 4.2vw, 52px);
  line-height: 1.06;
  letter-spacing: .2px;
  font-family: "Georgia", "Times New Roman", serif;
  color: #2f241c;
  text-shadow: 0 1px 0 rgba(255,255,255,.55);
}

.hero-title::after {
  content: "";
  display: block;
  width: 78px;
  height: 3px;
  margin-top: 14px;
  border-radius: 2px;
  background: linear-gradient(90deg, #cc7f9e, #e8c8a6);
}

.hero-sub {
  margin: 0;
  max-width: 58ch;
  font-size: clamp(16px, 1.45vw, 23px);
  line-height: 1.45;
  color: #4a3b30;
  letter-spacing: .1px;
}

.hero-home { background-image: url('/jpg/product_p_01.jpg'); background-position: center 38%; }
.hero-products { background-image: url('/jpg/product_p_03.jpg'); background-position: center 30%; }
.hero-contacts { background-image: url('/jpg/product_p_04.jpg'); background-position: center 42%; }
.hero-board { background-image: url('/jpg/product_p_02.jpg'); background-position: center 34%; }
.hero-about { background-image: url('/jpg/product_p_01.jpg'); background-position: center 40%; }

img { max-width: 100%; height: auto; }

table[width="950"], table[width="900"] {
  width: calc(100% - 24px) !important;
  margin: 0 12px;
}

td[bgcolor="#FFFFFF"] { background: #fff; }

td[bgcolor="#ECE7E2"] {
  background: transparent !important;
  padding: 0 !important;
}

a { transition: color .2s ease; }

td[width="438"] > table,
td[width="725"] > table,
td[valign="top"] > table[width="100%"] {
  border-radius: 8px;
}

table[border="0"] td[height="25"] { line-height: 1.45; }

@media (max-width: 1024px) {
  .page-wrap { margin: 8px; }
  .hero { height: 220px; }
  .hero-inner {
    width: min(560px, 86%);
    margin: 16px 0 0 12px;
    padding: 30px 24px;
  }
}

@media (max-width: 760px) {
  .top-links { flex-wrap: wrap; }
  .hero { height: 190px; }
  .hero::before {
    background: linear-gradient(180deg, rgba(37,30,25,.55) 0%, rgba(37,30,25,.32) 44%, rgba(37,30,25,.15) 100%);
  }
  .hero-inner {
    width: calc(100% - 24px);
    margin: 12px;
    padding: 18px 14px;
    border-radius: 10px;
  }
  .hero-sub {
    max-width: none;
    line-height: 1.35;
  }
  .hero-title::after {
    width: 56px;
    margin-top: 10px;
  }

  table, tbody, tr, td { max-width: 100%; }
  table[width="950"], table[width="900"], table[width="725"], table[width="645"], table[width="620"], table[width="438"], table[width="302"] {
    width: 100% !important;
  }

  td[width="30"], td[width="32"], td[width="50"], td[width="45"], td[width="35"], td[width="25"], td[width="18"], td[width="6"], td[width="5"], td[width="1"] {
    display: none;
  }

  td[width="160"], td[width="190"], td[width="225"], td[width="438"], td[width="725"] {
    display: block;
    width: 100% !important;
  }

  td[valign="top"] { display: block; width: 100% !important; }
  td[height="36"], td[height="30"], td[height="45"], td[height="50"] { height: 10px !important; }

  input[type="text"], select { width: 100% !important; box-sizing: border-box; }
}