/* Главная — макеты Main.dc.html (.vd) и Mobile.dc.html (.vm). */

/* ===== Компьютер ===== */
.p-home .vd .wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.p-home .vd .eyebrow { font-weight: 600; font-size: 12px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; color: #6D624D; margin: 0; }
.p-home .vd .eyebrow-light { color: #D0BA91; }
.p-home .vd .h2 { font-family: 'Playfair Display', Georgia, serif; font-weight: 500; font-size: 44px; line-height: 1.15; margin: 0; color: #192128; }
.p-home .vd .lead { font-size: 17px; line-height: 1.6; color: #535B59; margin: 0; }
.p-home .vd .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 4px; font-family: Manrope, Arial, sans-serif; font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid transparent; cursor: pointer; white-space: nowrap; }
.p-home .vd .btn-gold { background: #D0BA91; color: #192128; }
.p-home .vd .btn-gold:hover { background: #DCC9A5; color: #192128; }
.p-home .vd .btn-bronze { background: #6D624D; color: #FFFFFF; }
.p-home .vd .btn-bronze:hover { background: #5A513F; color: #FFFFFF; }
.p-home .vd .btn-line-light { border-color: rgba(255,255,255,.4); color: #FFFFFF; }
.p-home .vd .btn-line-light:hover { border-color: #D0BA91; color: #D0BA91; }
.p-home .vd .btn-line { border-color: #192128; color: #192128; }
.p-home .vd .btn-line:hover { background: #192128; color: #FFFFFF; }
.p-home .vd .g2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: center; }
.p-home .vd .g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.p-home .vd .g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.p-home .vd .card { background: #FFFFFF; border: 1px solid #E0E3E6; border-radius: 6px; padding: 32px; display: flex; flex-direction: column; gap: 14px; text-decoration: none; color: #192128; }
.p-home .vd a.card:hover { border-color: #6D624D; }
.p-home .vd .ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: rgba(255,255,255,.75); font-size: 13px; border-radius: 6px; }
.p-home .vd .chip { min-height: 44px; padding: 0 20px; border-radius: 999px; border: 1px solid #D9D6CE; background: #FFFFFF; color: #192128; font-family: Manrope, Arial, sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; }
.p-home .vd .chip:hover { border-color: #6D624D; }
.p-home .vd .chip-on { background: #192128; border-color: #192128; color: #FFFFFF; }
.p-home .vd .field { display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 600; color: #192128; }
.p-home .vd .field input, .p-home .vd .field textarea { font-family: Manrope, Arial, sans-serif; font-size: 16px; padding: 14px 16px; min-height: 52px; border: 1px solid #D9D6CE; border-radius: 4px; background: #FFFFFF; color: #192128; }
.p-home .vd .field input:focus, .p-home .vd .field textarea:focus { border-color: #6D624D; }
.p-home .vd .radio { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; border: 1px solid #D9D6CE; border-radius: 4px; background: #FFFFFF; font-size: 15px; cursor: pointer; }
.p-home .vd details { border-bottom: 1px solid #D9D6CE; }
.p-home .vd summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; font-size: 19px; font-weight: 600; color: #192128; }
.p-home .vd summary::-webkit-details-marker { display: none; }
.p-home .vd details[open] .plus { transform: rotate(45deg); }
.p-home .vd .plus { transition: transform .2s; flex: none; }
@media (max-width: 1000px) {
  .p-home .vd .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p-home .vd .g3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .p-home .vd .wrap { padding: 0 16px; }
  .p-home .vd .g2, .p-home .vd .g3, .p-home .vd .g4 { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .p-home .vd .h2 { font-size: 32px; }
  .p-home .vd .hero-title { font-size: 40px; }
}

/* ===== Телефон ===== */
.p-home .vm .eyebrow { font-weight: 600; font-size: 12px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; color: #6D624D; margin: 0; }
.p-home .vm .eyebrow-light { color: #D0BA91; }
.p-home .vm .h2 { font-family: 'Playfair Display', Georgia, serif; font-weight: 500; font-size: 32px; line-height: 1.15; margin: 0; color: #192128; }
.p-home .vm .lead { font-size: 16px; line-height: 1.6; color: #535B59; margin: 0; }
.p-home .vm .sec { padding: 64px 16px; display: flex; flex-direction: column; gap: 28px; }
.p-home .vm .btn { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 20px; border-radius: 4px; font-family: Manrope, Arial, sans-serif; font-weight: 600; font-size: 16px; text-decoration: none; border: 1px solid transparent; cursor: pointer; }
.p-home .vm .btn-gold { background: #D0BA91; color: #192128; }
.p-home .vm .btn-bronze { background: #6D624D; color: #FFFFFF; }
.p-home .vm .btn-line-light { border-color: rgba(255,255,255,.4); color: #FFFFFF; }
.p-home .vm .btn-line { border-color: #192128; color: #192128; }
.p-home .vm .row { display: flex; align-items: center; gap: 16px; min-height: 72px; padding: 16px 0; border-bottom: 1px solid #D9D6CE; text-decoration: none; color: #192128; }
.p-home .vm .ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: rgba(255,255,255,.75); font-size: 12px; border-radius: 6px; }
.p-home .vm .chip { flex: none; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid #D9D6CE; background: #FFFFFF; color: #192128; font-family: Manrope, Arial, sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; }
.p-home .vm .chip-on { background: #192128; border-color: #192128; color: #FFFFFF; }
.p-home .vm .field { display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 600; color: #192128; }
.p-home .vm .field input, .p-home .vm .field textarea { font-family: Manrope, Arial, sans-serif; font-size: 16px; padding: 14px 16px; min-height: 52px; border: 1px solid #D9D6CE; border-radius: 4px; background: #FFFFFF; color: #192128; width: 100%; }
.p-home .vm .radio { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border: 1px solid #D9D6CE; border-radius: 4px; background: #FFFFFF; font-size: 14px; cursor: pointer; }
.p-home .vm details { border-bottom: 1px solid #D9D6CE; }
.p-home .vm summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font-size: 17px; font-weight: 600; color: #192128; }
.p-home .vm summary::-webkit-details-marker { display: none; }
.p-home .vm details[open] .plus { transform: rotate(45deg); }
.p-home .vm .plus { flex: none; }
.p-home .vm .scroller { display: flex; gap: 10px; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; scrollbar-width: none; }
.p-home .vm .z-consent input { margin-top: 2px; }

/* «О студии» — текст из настроек (story_html) в тёмном разделе «О мастере»; в макете блока нет */
.p-home .vd .story p { margin: 0 0 16px; font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.8); }
.p-home .vm .story p { margin: 0 0 12px; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.8); }
.p-home .vd .story p:last-child, .p-home .vm .story p:last-child { margin-bottom: 0; }
.p-home .vd .story strong, .p-home .vm .story strong { color: #FFFFFF; font-weight: 600; }
.p-home .vd .story a, .p-home .vm .story a { color: #D0BA91; }

/* Видео мастерской: ролик поверх постера, виден во время воспроизведения */
.p-home .vd [data-video] video, .p-home .vm [data-video] video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; opacity: 0; transition: opacity .3s; }
.p-home .vd [data-video].playing video, .p-home .vm [data-video].playing video { opacity: 1; }