.reviews-wrap{position:relative}
.reviews-wrap .section-title{margin:0 180px 22px 0; text-align:left}
.reviews-wrap .section-title::after{margin:12px 0 0; background:linear-gradient(90deg, #e6c86e, transparent)}
.reviews-wrap .reviews-more{position:static; margin-top:16px; display:flex; justify-content:flex-start}
.reviews-wrap .btn-luxe{padding:10px 14px}
/* VELVET VOX — стиль в изумрудных и золотых оттенках */
:root{
  --emerald-900:#062e2d;
  --emerald-800:#0e4a49;
  --emerald-700:#146a68;
  --emerald-600:#1c8d8a;
  --gold-100:#f7e7a1;
  --gold-300:#e6c86e;
  --gold-500:#d8b84f;
  --gold-700:#b8892a;
  --text:#e9f4f3;
  --muted:#b7d3d2;
  --surface:rgba(12,18,18,0.32);
  --surface-strong:rgba(12,18,18,0.45);
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
*{box-sizing:border-box}
html,body{height:100%}

/* CURSOR_MODIFIED: Базовые мобильные улучшения */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  max-width: 100vw;
}
body{
  margin:0;
  font-family: Manrope, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color:var(--text);
  background:
    /* мягкая виньетка снизу справа */
    radial-gradient(1200px 620px at 85% 110%, rgba(0,0,0,.62), transparent 60%),
    /* деликатный золотой блик сверху слева */
    radial-gradient(800px 420px at 10% -10%, rgba(216,184,79,.12), transparent 65%),
    /* элегантная диагональная полоса-засветка */
    linear-gradient(120deg, transparent 0 62%, rgba(216,184,79,.08) 62% 66%, transparent 66% 100%),
    /* тонкий ромбовидный орнамент (две диагональные сетки) */
    linear-gradient(45deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(-45deg, rgba(0,0,0,.16) 1px, transparent 1px),
    /* базовый изумрудный градиент */
    linear-gradient(165deg, #0b3d3c 0%, #052625 45%, #021716 100%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 56px 56px, 56px 56px, 100% 100%;
  background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
}

.container{width:min(1100px, 92%); margin:0 auto}
.grid.two{display:grid; grid-template-columns: 1.2fr 1fr; gap:28px}
@media (max-width: 860px){ .grid.two{grid-template-columns:1fr} }

.site-header{position:sticky; top:0; z-index:10; backdrop-filter: blur(10px); background:linear-gradient(180deg, rgba(9,34,33,.7), rgba(9,34,33,.4)); border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:10px 0}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text)}
  .brand-name{font-weight:600; letter-spacing:.6px; font-family: Cinzel, serif; font-size:18px}
  
  @media (max-width: 768px) {
      .brand-name {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-shadow: 0 2px 8px rgba(0,0,0,.3);
  }
    
    .brand-mark {
      width: 52px;
      height: 38px;
      filter: drop-shadow(0 3px 10px rgba(0,0,0,.4));
    }
    
      .brand {
    gap: 12px;
  }
  }
.brand-mark{filter: drop-shadow(0 4px 8px rgba(0,0,0,.3))}
.nav a{color:var(--muted); text-decoration:none; margin-left:18px}
.nav a:hover{color:var(--gold-300)}

.hero{padding:92px 0 72px; text-align:center; position:relative}
.hero:before{content:""; position:absolute; inset:0; background: radial-gradient(720px 360px at 50% -10%, rgba(216,184,79,.22), transparent 70%); pointer-events:none; z-index:0}
.hero-inner{position:relative; z-index:1}
.hero-badge{display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(216,184,79,.14); color:var(--gold-300); border:1px solid rgba(216,184,79,.35)}
.hero-title{margin:14px 0 8px; font-size: clamp(42px, 7vw, 76px); letter-spacing: 4px; text-transform:uppercase; font-family: Cinzel, serif; background: linear-gradient(180deg, #fff3c6 0%, #e3c367 45%, #b8892a 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 6px 36px rgba(216,184,79,.35), 0 2px 10px rgba(0,0,0,.45)}
.hero-subtitle{color:#d3e5e4; margin:0 0 22px; font-size:1.05rem}
.hero-cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.hero-cta .btn{min-width:180px; text-align:center}

.btn{display:inline-block; padding:12px 18px; border-radius:999px; border:1px solid transparent; text-decoration:none; cursor:pointer; transition:.2s ease; -webkit-tap-highlight-color: transparent; touch-action: manipulation}
.btn-primary{background:linear-gradient(180deg, #f1d684, #d0ad47 55%, #a97a23); color:#100e05; font-weight:700; box-shadow:0 10px 30px rgba(184,137,42,.35), inset 0 1px 0 rgba(255,255,255,.5)}
.btn-primary:hover{filter: brightness(1.05)}
.btn-ghost{background:transparent; color:var(--gold-300); border-color:rgba(216,184,79,.45)}
.btn-ghost:hover{background:rgba(216,184,79,.1)}

.section{padding:64px 0}
.section-alt{background: rgba(255,255,255,.02)}
.section-title{text-align:center; margin:0 0 22px}
.section-title::after{content:""; display:block; width:120px; height:2px; margin:12px auto 0; background:linear-gradient(90deg, transparent, #e6c86e, transparent); opacity:.85}

/* Улучшенная типографика заголовков и параграфов */
h1,h2,h3{font-family: Cinzel, serif}
h2{font-weight:600; letter-spacing:.5px}
p{line-height:1.7}

/* Элегантные списки и лид‑абзацы */
.lead{font-size:1.08rem; color:#e3f0ef}
.list-elegant{list-style:none; padding-left:0}
.list-elegant li{position:relative; padding-left:18px; margin:10px 0}
.list-elegant li:before{content:""; position:absolute; left:0; top:.7em; width:10px; height:2px; background:linear-gradient(90deg, #b8892a, #f1d684); border-radius:2px}
.list-elegant strong{color:#f1d684; font-weight:600}
.tagline{margin-top:14px; font-style:italic; color:#f1d684}

.card{background:var(--surface); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); padding:22px; box-shadow: var(--shadow); backdrop-filter: blur(6px)}
.card.highlight{background:var(--surface-strong)}

.list{margin:14px 0 0; padding-left:18px}
.list li{margin:6px 0}
.list-plain{list-style:none; margin:0; padding:0}
.list-plain li{margin:6px 0}

/* Отзывы (простая карусель) */
.reviews-mask{overflow:hidden}
.reviews{display:grid; grid-auto-flow:column; gap:18px; transition: transform .4s ease; will-change: transform; grid-auto-columns: calc((100% - 36px)/3)}
.review{position:relative; padding-bottom:56px}
@media (max-width: 900px){
  .reviews{grid-auto-columns: calc((100% - 18px)/2)}
}
@media (max-width: 560px){
  .reviews{grid-auto-columns: 100%}
}

/* CURSOR_MODIFIED: Мобильная адаптивность */
@media (max-width: 768px) {
  .container {
    width: 95%;
    padding: 0 10px;
  }
  
  .site-header {
    position: relative;
    padding: 0;
    background: linear-gradient(180deg, rgba(9,34,33,.95), rgba(9,34,33,.9));
    border-bottom: 2px solid rgba(216,184,79,.25);
    box-shadow: 0 4px 25px rgba(0,0,0,.4);
  }
  
  .header-inner {
    flex-direction: row;
    gap: 15px;
    padding: 12px 0;
    align-items: center;
    justify-content: space-between;
  }
  
  .nav a {
    background: linear-gradient(135deg, rgba(216,184,79,.2), rgba(216,184,79,.1));
    border: 1px solid rgba(216,184,79,.4);
    box-shadow: 0 3px 10px rgba(216,184,79,.15);
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  
  .nav {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  
  .nav a {
    margin: 0;
    padding: 3px 4px;
    border-radius: 10px;
    background: rgba(216,184,79,.1);
    border: 1px solid rgba(216,184,79,.2);
    font-size: 0.6rem;
    white-space: nowrap;
  }
  
  .hero {
    padding: 50px 0 40px;
  }
  
  .hero-title {
    font-size: clamp(32px, 8vw, 48px);
    letter-spacing: 2px;
    margin: 20px 0 15px;
  }
  
  .hero-subtitle {
    font-size: 1rem;
    margin: 0 0 30px;
    padding: 0 10px;
  }
  
  .hero-cta {
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
  
  .hero-cta .btn {
    min-width: 200px;
    padding: 15px 20px;
    font-size: 1rem;
  }
  
  .section {
    padding: 40px 0;
  }
  
  .grid.two {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .card {
    padding: 20px;
  }
  
  .reviews-wrap .section-title {
    margin: 0 0 20px 0;
    text-align: center;
  }
  
  .reviews-wrap .reviews-controls {
    margin-top: 20px;
  }
  
  .reviews-wrap .reviews-more {
    justify-content: center;
    margin-top: 20px;
  }
  
  .terms-list > li > h3 {
    padding-left: 30px;
    font-size: 1.1rem;
  }
  
  .terms-list > li > h3:before {
    font-size: 1rem;
  }
  
  .contact-item {
    grid-template-columns: 1fr;
    gap: 5px;
    text-align: left;
    padding-left: 10px;
  }
  
  /* CURSOR_MODIFIED: Исправление смещения контактов */
  #contacts .grid.two {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .contacts-panel {
    margin: 0;
    width: 100%;
    overflow: hidden;
  }
  
  .contacts-list {
    width: 100%;
  }
  
  .form {
    width: 100%;
    max-width: 100%;
  }
  
  .contact-item .key {
    font-weight: 600;
  }
  
  .form {
    gap: 15px;
  }
  
  .form input, .form textarea {
    padding: 15px;
    font-size: 16px; /* Предотвращает зум на iOS */
  }
  
  .checkbox {
    grid-template-columns: 20px 1fr;
    gap: 10px;
  }
  
  .footer-inner {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: clamp(28px, 10vw, 36px);
    letter-spacing: 1px;
  }
  
  .hero-cta .btn {
    min-width: 180px;
    padding: 12px 16px;
  }
  
  .card {
    padding: 16px;
  }
  
  .section {
    padding: 30px 0;
  }
  
  .nav {
    gap: 6px;
  }
  
  .nav a {
    padding: 2px 3px;
    font-size: 0.55rem;
    border-radius: 8px;
  }
  
  .contact-item {
    padding: 4px 0;
    padding-left: 5px;
  }
  
  /* CURSOR_MODIFIED: Дополнительные исправления для маленьких экранов */
  .container {
    width: 98%;
    padding: 0 5px;
  }
  
  .contacts-panel {
    padding: 12px;
  }
  
  .form input, .form textarea {
    padding: 12px;
  }
  
  .contact-item {
    padding: 6px 0;
  }
}
.review .author{position:absolute; left:22px; bottom:16px}
.review .stars{color:#f1d684; letter-spacing:2px; margin-bottom:8px; text-shadow:0 0 6px rgba(241,214,132,.45)}
.author{margin-top:10px; color:var(--muted); font-size:.95rem}
.reviews-controls{display:flex; justify-content:center; gap:10px; margin-top:14px; position:relative; z-index:2}
.reviews-wrap .reviews-controls{justify-content:center}
.ctrl{width:40px; height:40px; border-radius:50%; border:1px solid rgba(216,184,79,.45); background:transparent; color:var(--gold-300); cursor:pointer}
.ctrl:hover{background:rgba(216,184,79,.1)}
.reviews-more{display:flex; justify-content:flex-start; margin-top:8px}
.btn-luxe{display:inline-block; padding:12px 18px; border-radius:999px; border:1px solid rgba(216,184,79,.4); color:#1a1a1a; background:linear-gradient(180deg, #f1d684, #d0ad47 55%, #a97a23); box-shadow:0 10px 30px rgba(184,137,42,.25), inset 0 1px 0 rgba(255,255,255,.5); text-decoration:none; font-weight:700}
.btn-luxe:hover{filter:brightness(1.05)}

.terms h3{margin:16px 0 8px}
.terms p{margin:6px 0}

/* Стильное соглашение */
.terms-callout{padding:12px 14px; border:1px solid rgba(216,184,79,.35); border-radius:12px; background:rgba(216,184,79,.08); color:#f1e7c6; margin-bottom:14px}
.terms-list{counter-reset: sec; list-style:none; padding-left:0; margin:0}
.terms-list>li{margin:18px 0 10px}
.terms-list>li>h3{display:inline-block; margin:0 0 8px; font-weight:600; position:relative; padding-left:36px}
.terms-list>li>h3:before{counter-increment: sec; content: counter(sec) "."; position:absolute; left:0; top:0; color:#f1d684}
.terms-list>li>ol{margin:0; padding-left:22px}
.terms-list>li>ol>li{margin:8px 0; color:#e4f0ef}

.form{display:grid; gap:12px}
.form input, .form textarea{width:100%; padding:12px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.2); color:var(--text)}
.form input::placeholder, .form textarea::placeholder{color:#9ebdbb}
.checkbox{display:grid; grid-template-columns: 18px 1fr; column-gap:8px; align-items:flex-start}
.checkbox span{display:block; max-width:100%; line-height:1.5; color:var(--text)}
.checkbox a{color:var(--gold-300); text-decoration:underline}
.form-note{color:var(--muted); font-size:.9rem}

/* Контакты — премиальный стиль */
.contacts-lead{color:#d3e5e4; margin-top:6px}
.contacts-panel{margin-top:12px; padding:14px; border-radius:12px; background:rgba(12,18,18,0.32); border:1px solid rgba(255,255,255,.08); box-shadow: var(--shadow); backdrop-filter: blur(6px)}
.contacts-list{margin:0}
.contact-item{display:grid; grid-template-columns: 120px 1fr; align-items:center; gap:15px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.06)}
.contact-item:last-child{border-bottom:none}
.contact-item .key{color:#f1d684}
.contact-item .val{color:var(--text)}
.contacts-panel .contact-item a.val{color:#e6c86e; text-decoration:none}
.contacts-panel .contact-item a.val:visited{color:#e6c86e}
.contacts-panel .contact-item a.val:hover{color:#f1d684; text-decoration:underline}
.contacts-panel .contact-item a.mail{background: linear-gradient(180deg, #fff3c6, #d8b84f, #b8892a); -webkit-background-clip:text; background-clip:text; color:transparent}
.contacts-panel .contact-item a.mail:hover{filter:brightness(1.05); text-decoration:underline}
.muted{color:#9ebdbb}
.disabled-link{pointer-events:none; text-decoration:none}

.site-footer{border-top:1px solid rgba(255,255,255,.06); background:rgba(6,46,45,.6)}
.footer-inner{display:flex; align-items:center; justify-content:space-between; padding:18px 0; color:var(--muted)}
.footer-link{color:var(--gold-300); text-decoration:none}
.footer-link:hover{text-decoration:underline}


