.elementor-988021 .elementor-element.elementor-element-8da13f3{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cdd1355 *//* ===== Jewel Cocktail • Our Story (scoped) ===== */
.jc-story {
  --bg: #FAFAFA;
  --text: #111111;
  --muted: #6B7280;
  --border: #E5E7EB;
  --accent: #CB9274;
  --card: #FFFFFF;
  --shadow: 0 8px 24px rgba(0,0,0,0.08);
  --shadow-strong: 0 16px 44px rgba(0,0,0,0.16);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
}

.jc-story .jc-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.jc-story .jc-section { padding: 64px 0; }
.jc-story .jc-center { text-align: center; }

/* Hero */
.jc-story .jc-hero { padding: 88px 0 72px; background: #F6F4F2; }
.jc-story .jc-hero-title { font-size: clamp(28px, 5vw, 44px); font-weight: 800; line-height: 1.15; text-align: center; margin: 0 0 12px; }
.jc-story .jc-hero-sub { font-size: clamp(16px, 2.4vw, 18px); opacity: .85; text-align: center; margin: 0 auto 22px; max-width: 720px; }
.jc-story .jc-cta { display: flex; gap: 12px; justify-content: center; }
.jc-story .jc-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 999px; font-weight: 600; font-size: 14px; transition: all .25s ease; border: 1px solid transparent; }
.jc-story .jc-btn--primary { background: var(--accent); color: #fff; box-shadow: 0 8px 24px rgba(203,146,116,0.25); }
.jc-story .jc-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 14px 36px rgba(203,146,116,0.35); }
.jc-story .jc-btn--ghost { background: transparent; color: var(--text); border-color: var(--border); }
.jc-story .jc-btn--ghost:hover { border-color: var(--accent); color: var(--accent); }

/* Headings & lead */
.jc-story .jc-h2 { font-size: clamp(24px, 3.4vw, 34px); line-height: 1.2; font-weight: 800; margin: 0 0 14px; color: var(--accent); }
.jc-story .jc-lead { font-size: 18px; font-weight: 600; margin: 0 0 10px; }

/* Grid (chess layout) */
.jc-story .jc-grid { display: grid; gap: 32px; align-items: center; }
.jc-story .jc-grid--2 { grid-template-columns: 1fr; }
.jc-story .jc-grid--rev > :first-child { order: 2; } /* swap columns on desktop */
@media (min-width: 900px) {
  .jc-story .jc-grid--2 { grid-template-columns: 1fr 1fr; }
}

/* Photo */
.jc-story .jc-photo img {
  width: 100%;
  display: block;
  border-radius: 20px;
  box-shadow: var(--shadow);
  transition: transform .35s ease, box-shadow .35s ease;
}
.jc-story .jc-photo img:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-strong);
}

/* Lists */
.jc-story .jc-list { list-style: none; padding: 0; margin: 8px 0 0; }
.jc-story .jc-list li { display: flex; gap: 10px; align-items: baseline; padding: 6px 0; color: var(--text); }
.jc-story .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); display: inline-block; transform: translateY(6px); }

/* Notes & closer */
.jc-story .jc-note { margin-top: 10px; color: var(--muted); }
.jc-story .jc-closer { padding: 72px 0 88px; text-align: center; }
/* Выравнивание «шахматки»: фото слева во 2-м блоке */
.jc-story .jc-grid--rev > :first-child { order: 2; }
@media (min-width: 900px) {
  .jc-story .jc-grid--2 { grid-template-columns: 1fr 1fr; }
}

/* Фото */
.jc-story .jc-photo img{
  width:100%; display:block; border-radius:20px;
  box-shadow:0 8px 24px rgba(0,0,0,.1);
  transition:transform .35s ease, box-shadow .35s ease;
}
.jc-story .jc-photo img:hover{ transform:translateY(-6px); box-shadow:0 16px 44px rgba(0,0,0,.16); }

/* Список в Hi-Tech: фикс смещения маркера и строк */
.jc-story .jc-list{ list-style:none; margin:12px 0 0; padding:0; }
.jc-story .jc-list li{
  position:relative; display:flex; align-items:flex-start; gap:10px;
  line-height:1.6; padding:6px 0;
}
.jc-story .jc-list .dot{
  flex:0 0 6px; width:6px; height:6px; border-radius:50%;
  background:#CB9274; margin-top:10px; /* центрирует маркер на многострочном тексте */
}
.jc-story .jc-list--tight li{ padding:4px 0; }

/* Заголовки/лиды (если не подключены) */
.jc-story .jc-h2{ color:#CB9274; font-weight:800; margin:0 0 14px; }
.jc-story .jc-lead{ font-weight:600; margin:0 0 10px; }/* End custom CSS */