

/* Start:/include/md-glavnaya/md-glavnaya.css?178938049913238*/
/* Новая главная mebeldesign.by — одобрена 14.09.2026.
   Все правила внутри .mdg и все классы с приставкой mdg-: шапку, подвал и стили
   шаблона Аспро не задеваем, а они не задевают нас. */
.mdg{
  --accent:#ec4a4a; --accent-dark:#d43c3c; --accent-soft:#fdecec;
  --ink:#222222; --ink-2:#555555; --muted:#8c8c8c;
  --line:#e5e5e5; --line-2:#cccccc;
  --bg:#ffffff; --bg-2:#fafafa; --bg-3:#f2f2f2;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 12px 28px -22px rgba(0,0,0,.5);
  color:var(--ink);font:15px/25px Montserrat,Arial,sans-serif;text-align:left;
  -webkit-font-smoothing:antialiased;
  width:100% /* на главной шаблон кладёт контент прямо во flex-колонку .main > .container */
}
.mdg *{box-sizing:border-box}
.mdg h1,.mdg h2,.mdg h3{font-family:Montserrat,Arial,sans-serif;margin:0;padding:0;text-wrap:balance;
  font-weight:700;color:var(--ink);text-transform:none;letter-spacing:normal}
.mdg p{margin:0}
.mdg ul,.mdg ol{margin:0;padding:0}
.mdg img{max-width:100%;height:auto;display:block;border:0}
.mdg a{color:inherit}
.mdg dl{margin:0}
.mdg figure{margin:0}
.mdg-wrap{max-width:1100px;margin:0 auto;padding:0 20px}

/* ---------- якорное меню ---------- */
.mdg-anchors{background:var(--bg);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.mdg-anchors .mdg-wrap{display:flex;gap:4px;overflow-x:auto}
.mdg-anchors a{padding:12px 13px;font-size:13.5px;text-decoration:none;color:var(--ink-2);white-space:nowrap;
  border-bottom:2px solid transparent}
.mdg-anchors a:hover{color:var(--accent);border-bottom-color:var(--accent)}

.mdg section{padding:52px 0;margin:0;scroll-margin-top:90px}
.mdg section:nth-of-type(even){background:var(--bg-2)}
.mdg h2{font-size:clamp(23px,3vw,31px);line-height:1.24;margin-bottom:10px}
.mdg-sub{color:var(--ink-2);max-width:70ch;margin:0 0 26px}

/* ---------- первый экран ---------- */
.mdg-hero{padding-top:36px;padding-bottom:44px}
.mdg-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
@media (max-width:860px){.mdg-grid{grid-template-columns:1fr}}
.mdg-hero h1{font-size:clamp(27px,4vw,40px);line-height:1.16;margin-bottom:14px}
.mdg-hero h1 em{font-style:normal;color:var(--accent)}
.mdg-lead{font-size:17px;color:var(--ink-2);margin:0 0 22px}
.mdg-prices4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2);
  border:1px solid var(--line-2);border-radius:4px;overflow:hidden;margin-bottom:8px}
@media (max-width:560px){.mdg-prices4{grid-template-columns:1fr 1fr}}
.mdg-prices4 div{padding:12px 14px;background:var(--bg)}
.mdg-prices4 span{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;min-height:34px}
.mdg-prices4 b{font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mdg-pnote{font-size:12.5px;color:var(--muted);margin:0 0 20px;line-height:1.5}
.mdg-uspto{display:grid;gap:9px;margin:0 0 24px}
.mdg-uspto li{list-style:none;padding-left:26px;position:relative;font-size:15px;color:var(--ink-2);margin:0}
.mdg-uspto li b{color:var(--ink);font-weight:600}
.mdg-uspto li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:8px;
  background:none!important;border-radius:0;border:0; /* шаблон красит ul li::before серым */
  border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.mdg-btns{display:flex;flex-wrap:wrap;gap:10px}
.mdg-btn{display:inline-block;padding:13px 24px;border-radius:3px;font-weight:600;font-size:15px;line-height:1.3;
  text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit}
.mdg-btn-a{background:var(--accent);color:#fff!important}
.mdg-btn-a:hover{background:var(--accent-dark)}
.mdg-btn-o{border-color:var(--line-2);color:var(--ink);background:var(--bg)}
.mdg-btn-o:hover{border-color:var(--accent);color:var(--accent)}
.mdg-hero figure{border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}
.mdg-hero figcaption{font-size:12.5px;color:var(--muted);padding:8px 2px 0}

/* ---------- карточки услуг ---------- */
.mdg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:820px){.mdg-cards{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mdg-cards{grid-template-columns:1fr}}
.mdg-card{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:20px 22px;
  display:flex;flex-direction:column;gap:7px}
.mdg-card:hover{border-color:var(--accent)}
.mdg-card h3{font-size:17px}
.mdg-from{color:var(--accent);font-weight:700;font-size:15.5px;font-variant-numeric:tabular-nums}
.mdg-card p{font-size:14px;color:var(--ink-2);line-height:1.55}
.mdg-card a{margin-top:auto;padding-top:6px;font-size:14px;color:var(--accent);text-decoration:none;font-weight:600}

/* ---------- вкладки ---------- */
.mdg-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.mdg-tab{padding:9px 17px;border:1px solid var(--line-2);background:var(--bg);border-radius:3px;
  font:600 14px Montserrat,Arial,sans-serif;color:var(--ink-2);cursor:pointer;line-height:1.3}
.mdg-tab:hover{border-color:var(--accent);color:var(--accent)}
.mdg-tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.mdg-tab:focus-visible,.mdg-ba:focus-visible,.mdg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mdg-tpanel{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:24px 26px;
  display:grid;grid-template-columns:1fr 250px;gap:26px}
.mdg-tpanel[hidden],.mdg-works[hidden]{display:none!important}
@media (max-width:760px){.mdg-tpanel{grid-template-columns:1fr}}
.mdg-tpanel h3{font-size:19px;margin-bottom:8px}
.mdg-tpanel p{margin:0 0 12px;color:var(--ink-2);font-size:15px}
.mdg-tpanel dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:14px}
.mdg-tpanel dt{color:var(--muted);font-weight:400}
.mdg-tpanel dd{margin:0;font-weight:600}
.mdg-tprice{background:var(--bg-3);border-radius:4px;padding:18px;align-self:start}
.mdg-tprice span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:3px}
.mdg-tprice b{font-size:24px;font-variant-numeric:tabular-nums;display:block;line-height:1.2}
.mdg-tprice small{display:block;font-size:12.5px;color:var(--ink-2);margin-top:8px;line-height:1.5}
.mdg-tprice a{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:600;color:var(--accent);text-decoration:none}

/* ---------- до / после ---------- */
.mdg-works{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:start}
@media (max-width:860px){.mdg-works{grid-template-columns:1fr}}
.mdg-ba{position:relative;border-radius:4px;overflow:hidden;box-shadow:var(--shadow);
  aspect-ratio:4/5;background:var(--bg-3);touch-action:none;cursor:ew-resize;user-select:none}
.mdg-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.mdg-ba .mdg-after{clip-path:inset(0 0 0 var(--split,50%))}
.mdg-lbl{position:absolute;top:12px;font-size:11.5px;font-weight:700;letter-spacing:.09em;line-height:1.3;
  text-transform:uppercase;background:rgba(0,0,0,.62);color:#fff;padding:5px 10px;border-radius:2px}
.mdg-lbl.mdg-l{left:12px} .mdg-lbl.mdg-r{right:12px}
.mdg-handle{position:absolute;top:0;bottom:0;left:var(--split,50%);width:3px;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.mdg-handle::after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;
  transform:translate(-50%,-50%);background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.mdg-handle::before{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  z-index:2;font-size:15px;font-weight:700;color:#ec4a4a;letter-spacing:2px;line-height:1}
.mdg-wtext h3{font-size:20px;margin-bottom:12px}
.mdg-wtext p{font-size:14.5px;color:var(--ink-2);margin:0 0 16px;line-height:1.6}
.mdg-wtext dl{margin:0 0 18px;display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:15px}
.mdg-wtext dt{color:var(--muted);white-space:nowrap;font-weight:400}
.mdg-wtext dd{margin:0}
.mdg-wthumbs{display:flex;gap:10px;flex-wrap:wrap}
.mdg-wthumbs img{width:88px;height:66px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}

/* ---------- таблица цен ---------- */
.mdg-tw{overflow-x:auto;background:var(--bg);border:1px solid var(--line);border-radius:4px}
.mdg table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px;margin:0;background:transparent}
.mdg th,.mdg td{text-align:left;padding:12px 16px;border:0;border-bottom:1px solid var(--line);vertical-align:top}
.mdg th{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--bg-3)}
.mdg td.mdg-p{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent)}
.mdg td a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2)}
.mdg td a:hover{color:var(--accent);border-color:var(--accent)}
.mdg tr:last-child td{border-bottom:0}
.mdg-tmore{display:inline-block;margin-top:14px;font-weight:600;color:var(--accent)!important;text-decoration:none}

/* ---------- шаги ---------- */
.mdg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:mdgst}
@media (max-width:800px){.mdg-steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.mdg-steps{grid-template-columns:1fr}}
.mdg-step{counter-increment:mdgst;position:relative;padding-top:44px}
.mdg-step::before{content:counter(mdgst);position:absolute;top:0;left:0;width:34px;height:34px;
  border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:15px;
  display:flex;align-items:center;justify-content:center}
.mdg-step h3{font-size:16px;margin-bottom:5px}
.mdg-step p{font-size:14px;color:var(--ink-2);line-height:1.55}

/* ---------- мастера ---------- */
.mdg-masters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:820px){.mdg-masters{grid-template-columns:1fr}}
.mdg-master{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:20px 22px}
.mdg-master h3{font-size:16.5px;margin-bottom:6px}
.mdg-role{font-size:15px;color:var(--ink);font-weight:600;margin-bottom:2px}
.mdg-stazh{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:9px}
.mdg-master p{font-size:14px;color:var(--ink-2);line-height:1.55}

/* ---------- почему ---------- */
.mdg-why{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:760px){.mdg-why{grid-template-columns:1fr}}
.mdg-wcard{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:22px 24px}
.mdg-wcard h3{font-size:17px;margin-bottom:7px}
.mdg-wcard p{font-size:14.5px;color:var(--ink-2);line-height:1.6}

/* ---------- отзывы ---------- */
.mdg-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.mdg-reviews{grid-template-columns:1fr}}
.mdg-review{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:20px 22px;
  display:flex;flex-direction:column;gap:12px}
.mdg-review p{font-size:14.5px;color:var(--ink-2);line-height:1.6}
.mdg-who{font-size:13px;color:var(--muted);margin-top:auto}
.mdg-who b{color:var(--ink);display:block;font-size:14.5px}

/* ---------- вопросы ---------- */
.mdg-faq{background:var(--bg);border:1px solid var(--line);border-radius:4px}
.mdg-faq details{border-bottom:1px solid var(--line)}
.mdg-faq details:last-child{border-bottom:0}
.mdg-faq summary{padding:16px 22px;cursor:pointer;font-weight:600;font-size:15.5px;list-style:none;
  display:flex;justify-content:space-between;gap:16px;align-items:center}
.mdg-faq summary::-webkit-details-marker{display:none}
.mdg-faq summary::after{content:"+";color:var(--accent);font-size:21px;font-weight:400;line-height:1}
.mdg-faq details[open] summary::after{content:"–"}
.mdg-faq details[open] summary{color:var(--accent)}
.mdg-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mdg-a{padding:0 22px 18px;font-size:14.5px;color:var(--ink-2);line-height:1.65;max-width:80ch}

/* ---------- контакты ---------- */
.mdg-contacts{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
@media (max-width:820px){.mdg-contacts{grid-template-columns:1fr}}
.mdg-cinfo dl{margin:0 0 20px;display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:15px}
.mdg-cinfo dt{color:var(--muted);font-weight:400}
.mdg-cinfo dd{margin:0}
.mdg-cinfo dd b{font-size:16px}
.mdg-cinfo figure{border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}
.mdg-cinfo figcaption{font-size:12.5px;color:var(--muted);padding:8px 2px 0}
.mdg-formwrap{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:26px 28px;
  box-shadow:var(--shadow);scroll-margin-top:90px}
.mdg-formwrap h3{font-size:21px;margin-bottom:10px}
.mdg-fs{font-size:14.5px;color:var(--ink-2);line-height:1.6;margin:0 0 20px!important}
.mdg-btn-wide{display:block;width:100%;text-align:center}
.mdg-hint{font-size:12.5px;color:var(--muted);margin:12px 0 0!important;line-height:1.5}

/* End */
/* /include/md-glavnaya/md-glavnaya.css?178938049913238 */
