/* dubcandle.com — режим «Студія»: віск, кіптява, шоколад. Без гірчиці, штампів, тіней. */

/* Хедер */
.header{ position:sticky; top:0; z-index:10; background:var(--wax); border-bottom:1px solid var(--line); }
.header__inner{ display:flex; align-items:center; gap:var(--space-6); min-height:64px; }
.nav{ display:none; gap:var(--space-6); margin-left:auto; }
.nav a{ font:500 15px/20px var(--font-sans); text-decoration:none; color:var(--soot-muted); }
.nav a:hover{ color:var(--soot); }
.lang{ margin-left:auto; text-decoration:none; color:var(--soot-muted); }
.lang:hover{ color:var(--soot); }
.header .dc-btn{ height:40px; padding:0 var(--space-4); }
@media (min-width:900px){ .nav{ display:flex; } .lang{ margin-left:0; } }

section{ padding:var(--section-y) 0; }
.section-lead{ color:var(--soot-muted); max-width:620px; }
.eyebrow{ display:block; color:var(--soot-muted); margin-bottom:var(--space-3); }

/* Hero — темна тема «Кіптява», під фото горящої свічки */
.hero{ padding:var(--space-16) 0; }
.hero__grid{ display:grid; gap:var(--space-10); align-items:center; }
.hero__lead{ color:var(--soot-muted); max-width:520px; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:var(--space-3); margin-top:var(--space-10); }
@media (min-width:900px){ .hero{ padding:var(--space-16) 0 calc(var(--space-16) * 1.5); } .hero__grid{ grid-template-columns:1.1fr .9fr; } }

/* Поточний товар — спокійна плашка */
.promo{ padding:var(--space-10) 0 0; }
.promo__box{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-4) var(--space-6);
  padding:var(--space-6); border:1px solid var(--line); background:var(--wax-raised); }
.promo__title{ font:400 22px/28px var(--font-display); margin:0; }

/* Що робимо */
.cards{ display:grid; border-top:1px solid var(--line); margin-top:var(--space-10); }
@media (min-width:700px){ .cards{ grid-template-columns:1fr 1fr; } .card + .card{ border-left:1px solid var(--line); padding-left:var(--space-10); } .card{ padding-right:var(--space-10); } }
.card{ padding:var(--space-6) 0; border-bottom:1px solid var(--line); }
.card p{ color:var(--soot-muted); margin:0; }

/* Як це працює */
.steps-grid{ display:grid; gap:var(--space-10); margin-top:var(--space-10); }
@media (min-width:900px){ .steps-grid{ grid-template-columns:1.4fr 1fr; align-items:start; } }
.steps{ list-style:none; margin:0; padding:0; counter-reset:step; border-top:1px solid var(--line); }
.steps li{ counter-increment:step; display:grid; grid-template-columns:48px 1fr; gap:var(--space-4); padding:var(--space-4) 0; border-bottom:1px solid var(--line); }
.steps li::before{ content:counter(step, decimal-leading-zero); font:500 13px/24px var(--font-mono); letter-spacing:.08em; color:var(--soot-muted); }
.steps p{ margin:0; color:var(--soot-muted); }
.price-box{ border:1px solid var(--line-strong); background:var(--wax-raised); padding:var(--space-6); }
.price-box dl{ margin:0 0 var(--space-4); display:grid; gap:var(--space-4); }
.price-box dt{ color:var(--soot-muted); margin-bottom:var(--space-1); }
.price-box dd{ margin:0; font:400 28px/34px var(--font-display); }
.price-box p{ margin:0; padding-top:var(--space-4); border-top:1px solid var(--line); }

/* Роботи */
.gallery{ display:grid; gap:var(--space-3); grid-template-columns:repeat(2,1fr); margin-top:var(--space-10); }
@media (min-width:900px){ .gallery{ grid-template-columns:repeat(3,1fr); gap:var(--space-4); } }

/* Про майстра */
.about__grid{ display:grid; gap:var(--space-10); align-items:center; }
@media (min-width:900px){ .about__grid{ grid-template-columns:.8fr 1.2fr; } }
.about__grid p{ color:var(--soot-muted); }

/* Заявка */
.order{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--wax-raised); }
.order__grid{ display:grid; gap:var(--space-10); }
@media (min-width:900px){ .order__grid{ grid-template-columns:1fr 1fr; align-items:center; } }
.checklist{ margin:var(--space-4) 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.checklist li{ padding:var(--space-2) 0; border-bottom:1px solid var(--line); color:var(--soot-muted); }
.contacts{ display:grid; gap:var(--space-3); }

/* FAQ */
.faq{ margin-top:var(--space-10); max-width:760px; border-top:1px solid var(--line); }
.faq details{ border-bottom:1px solid var(--line); }
.faq summary{ cursor:pointer; font:500 16px/24px var(--font-sans); padding:var(--space-4) 0; list-style:none; display:flex; justify-content:space-between; gap:var(--space-4); }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font:400 20px/24px var(--font-mono); color:var(--soot-muted); }
.faq details[open] summary::after{ content:"−"; }
.faq details p{ color:var(--soot-muted); padding-bottom:var(--space-2); }

/* Футер */
.footer{ padding:var(--space-16) 0 var(--space-10); }
.footer__grid{ display:grid; gap:var(--space-10); }
@media (min-width:900px){ .footer__grid{ grid-template-columns:repeat(3,1fr); } }
.footer .t-label{ color:var(--soot-muted); margin:0 0 var(--space-3); }
.footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:var(--space-2); }
.footer li, .footer p{ font:400 15px/22px var(--font-sans); }
.footer a{ color:var(--soot); }
.footer .t-fine{ margin-top:var(--space-4); }

/* Юридичні сторінки */
.legal{ max-width:760px; padding-top:var(--space-16); padding-bottom:var(--section-y); }
.legal__note{ padding:var(--space-4); border:1px solid var(--line); background:var(--wax-raised); }

/* Фото майстра: кадр 4:5, як у каталозі */
.about__photo img{ width:100%; aspect-ratio:4/5; object-fit:cover; object-position:50% 20%; border:1px solid var(--line); }