/* dk-service.css v1.0 — стили только страницы услуг: карточки, категории, подсветка якоря */
/* общее для всех страниц лежит в dk-common.css */

/* ── Полоса «Внимание» под шапкой ── */
.header-notice .text-theme { color: #FFC107 !important; }
.header-notice .notice-text { margin-right: 5px !important; }

/* ── Шапка страницы: фото + тёмная вуаль ── */
.sv-hero { position: relative; background: url('../img/services/sv-hero-bg.jpg') center/cover no-repeat; padding: 100px 0 90px; text-align: center; overflow: hidden; }
.sv-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(65,63,59,0.88) 0%, rgba(65,63,59,0.72) 50%, rgba(119,83,45,0.78) 100%); }
.sv-hero .container { position: relative; z-index: 2; }
.sv-hero .sv-hero-sub { font-family: 'Lobster', cursive; font-size: 38px; color: #E8B94A; display: block; margin-bottom: 10px; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }
.sv-hero h1 { font-family: 'Montserrat', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; color: #FFFFFF; margin-bottom: 14px; text-shadow: 2px 2px 8px rgba(0,0,0,0.45); }
.sv-hero p { color: #EDE7DA; max-width: 720px; margin: 0 auto; font-size: 17px; line-height: 1.7; text-shadow: 1px 1px 4px rgba(0,0,0,0.55); }
.sv-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #E8B94A; z-index: 2; }

/* ── Заголовок категории ── */
.sv-cat { margin: 55px 0 8px; }
.sv-cat h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #413F3B; font-size: 30px; display: inline-block; position: relative; padding-bottom: 10px; }
.sv-cat h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 3px; background: #E8B94A; border-radius: 2px; }

/* ── Сетка карточек ── */
.sv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 25px; }
@media (max-width: 1199px) { .sv-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px)  { .sv-grid { grid-template-columns: 1fr; } }

/* ── Карточка услуги ── */
.sv-card { background: #FFFFFF; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 22px rgba(65, 63, 59, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; scroll-margin-top: 120px; }
.sv-card:hover { transform: translateY(-6px); box-shadow: 0 14px 34px rgba(65, 63, 59, 0.16); }

/* ── Фотоблок карточки: 3:2, слайды поверх друг друга ── */
.sv-photos { position: relative; width: 100%; padding-top: 66.66%; overflow: hidden; }
.sv-photos img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s ease; }
.sv-photos img.active { opacity: 1; }
.sv-dots { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; z-index: 2; }
.sv-dots span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.55); margin: 0 3px; transition: background 0.3s; }
.sv-dots span.on { background: #E8B94A; }

/* ── Иконочный блок вместо фото ── */
.sv-iconbox { width: 100%; padding-top: 66.66%; position: relative; background: linear-gradient(135deg, #f4efe4 0%, #e9e2d0 100%); }
.sv-iconbox i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 74px; color: #B8934E; }

/* ── Тело карточки ── */
.sv-body { padding: 22px 24px 26px; flex: 1; }
.sv-body h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 19px; color: #413F3B; margin-bottom: 10px; }
.sv-body p { font-size: 14px; line-height: 1.65; color: #6b6862; margin: 0; }

/* ── CTA-полоса внизу ── */
.sv-cta { background: #413F3B; border-radius: 16px; padding: 45px 40px; margin: 70px 0 20px; text-align: center; }
.sv-cta h2 { color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 10px; }
.sv-cta p { color: #D4E4E4; margin-bottom: 25px; }
.sv-cta .vs-btn.style2 { background-color: #E8B94A !important; color: #413F3B !important; }
.sv-cta .vs-btn.style2 i { background-color: #413F3B !important; color: #FFC107 !important; }

/* ── Приход по якорю услуги: выбранная карточка в золотой рамке, соседи гаснут ── */
.sv-card.dk-hit {
  background: #FFFDF6;
  transform: translateY(-6px);
  box-shadow: 0 0 0 3px #E8B94A, 0 20px 46px rgba(65,63,59,0.30);
  animation: dkHitGlow 1.1s ease-out 3;
  position: relative;
  z-index: 2;
}
.sv-card.dk-hit .sv-body h3 { color: #B8934E; }
.sv-grid.dk-dim .sv-card { transition: opacity 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.sv-grid.dk-dim .sv-card:not(.dk-hit) { opacity: 0.32; }
@keyframes dkHitGlow {
  0%   { box-shadow: 0 0 0 3px #E8B94A, 0 0 0 0 rgba(232,185,74,0.60), 0 20px 46px rgba(65,63,59,0.30); }
  100% { box-shadow: 0 0 0 3px #E8B94A, 0 0 0 24px rgba(232,185,74,0), 0 20px 46px rgba(65,63,59,0.30); }
}
@media (prefers-reduced-motion: reduce) { .sv-card.dk-hit { animation: none; transform: none; } }