/* =====================================================
   МебельСелл — style-info.css
   Общий стиль для информационных страниц:
   assembly.html, payment.html, delivery.html, privacy-policy.html
   ===================================================== */

:root{
  --ink:#2B2E33;
  --cream:#F7F5F1;
  --wood:#B8875A;
  --line:#DCD6C9;
  --white:#FFFFFF;
  --rust:#A85C32;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.6;
}
a{color:var(--rust); text-decoration:none;}
.wrap{max-width:820px; margin:0 auto; padding:0 32px;}

/* Шапка и подвал теперь общие — style-header-footer.css (header.html/footer.html) */

/* ---------- MAIN / HEADING ---------- */
main{padding:64px 0 100px;}
.eyebrow{
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.14em;
  color:var(--rust); margin-bottom:14px;
}
h1{
  font-family:Arial, sans-serif; font-weight:800; text-transform:uppercase;
  letter-spacing:-0.01em; font-size:32px; margin-bottom:44px;
}
/* Если сразу после h1 идёт дата обновления (.updated) — отступ переносится на неё */
h1:has(+ .updated){margin-bottom:8px;}
.updated{font-size:13px; color:#6b6f73; margin-bottom:44px;}

/* ---------- SECTIONS / TEXT ---------- */
section{margin-bottom:38px; scroll-margin-top:24px;}
h2{
  font-family:Arial, sans-serif; font-weight:800; text-transform:uppercase;
  font-size:16px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--line);
}
p{font-size:14.5px; color:#3a3d40; margin-bottom:12px;}
ul{padding-left:20px; margin-bottom:12px;}
li{font-size:14.5px; color:#3a3d40; margin-bottom:6px;}

/* ---------- OPTION GRID — assembly.html (Сами / Поможем найти сборщика) ---------- */
.option-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:20px;}
.option-card{
  background:var(--white); border:1px solid var(--line); border-radius:10px; padding:24px;
}
.option-card .icon{font-size:24px; margin-bottom:14px; display:block;}
.option-card b{display:block; font-family:Arial,sans-serif; font-size:15px; margin-bottom:8px;}
.option-card p{font-size:13.5px; margin-bottom:0;}

/* ---------- PRICE NOTE — assembly.html, delivery.html ---------- */
.price-note{
  background:var(--white); border:1px solid var(--line); border-radius:10px;
  padding:22px 24px; display:flex; align-items:center; gap:18px; margin-top:8px;
}
.price-note .price{
  font-family:Arial,sans-serif; font-weight:800; font-size:26px; color:var(--ink); white-space:nowrap;
}
.price-note p{font-size:13.5px; margin-bottom:0;}

/* ---------- METHOD GRID — payment.html (Наличными / Картой / По счёту) ---------- */
.method-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px;}
.method-card{
  background:var(--white); border:1px solid var(--line); border-radius:10px; padding:22px 24px;
}
.method-card .icon{font-size:22px; margin-bottom:12px; display:block;}
.method-card b{display:block; font-family:Arial,sans-serif; font-size:14px; margin-bottom:6px;}
.method-card p{font-size:13px; margin-bottom:0;}

/* ---------- TIMELINE — delivery.html ---------- */
.timeline{margin-top:20px;}
.t-step{
  display:flex; gap:18px; padding:18px 0; border-bottom:1px solid var(--line);
}
.t-step:last-child{border-bottom:none;}
.t-day{
  flex-shrink:0; width:76px; font-family:Arial,sans-serif; font-weight:800; font-size:13px;
  color:var(--rust); padding-top:2px;
}
.t-body b{display:block; font-family:Arial,sans-serif; font-size:14px; margin-bottom:4px;}
.t-body p{font-size:13.5px; margin-bottom:0;}

.note-box{
  background:var(--white); border:1px solid var(--line); border-left:3px solid var(--wood);
  border-radius:8px; padding:18px 20px; margin-top:16px;
}
.note-box p{font-size:13.5px; margin-bottom:0;}

/* ---------- CONTACT BOX — все 4 страницы ---------- */
.contact-box{
  background:var(--white); border:1px solid var(--line); border-radius:10px;
  padding:22px 24px; font-size:14px; color:#3a3d40;
}
.contact-box b{display:block; margin-bottom:6px; font-family:Arial,sans-serif;}

/* ---------- MEDIA ---------- */
@media(max-width:700px){
  .method-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .option-grid{grid-template-columns:1fr;}
  .price-note{flex-direction:column; align-items:flex-start; gap:8px;}
  .t-step{flex-direction:column; gap:4px;}
  .t-day{width:auto;}
}