.elementor-11 .elementor-element.elementor-element-b6ffe1b{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0;}.elementor-11 .elementor-element.elementor-element-b6ffe1b:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-b6ffe1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shop.jewelcocktail.com/wp-content/uploads/2025/11/key-lock-pendants-stones-variety.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-b6ffe1b::before, .elementor-11 .elementor-element.elementor-element-b6ffe1b > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-b6ffe1b > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-b6ffe1b > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-b6ffe1b > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-b6ffe1b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-vamtam_accent_6 );--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-b8a617b{width:var( --container-widget-width, 70.766% );max-width:70.766%;--container-widget-width:70.766%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-b8a617b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-d48d127{text-align:center;font-family:"Inter", Sans-serif;color:var( --e-global-color-vamtam_accent_8 );}.elementor-11 .elementor-element.elementor-element-d48d127 p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-1ca6f7b{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-11 .elementor-element.elementor-element-1ca6f7b:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1ca6f7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shop.jewelcocktail.com/wp-content/uploads/2025/11/choose-your-stone-symbolic-heads.webp");background-position:0px -100px;}.elementor-11 .elementor-element.elementor-element-2fec494{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + -20px) -20px;text-align:center;text-shadow:0px 0px 27px rgba(0,0,0,0.3);color:var( --e-global-color-vamtam_accent_8 );}.elementor-11 .elementor-element.elementor-element-2fec494 p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-2fec494 a{transition-duration:0s;}.elementor-11 .elementor-element.elementor-element-78bb2e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-f57fb1e{--display:flex;}.elementor-11 .elementor-element.elementor-element-f57fb1e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-187dbe8{overflow:hidden;margin-top:30px;margin-bottom:0px;}.elementor-11 .elementor-element.elementor-element-1b06e29.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-11 .elementor-element.elementor-element-d1fdace{--display:flex;}.elementor-11 .elementor-element.elementor-element-9045594{--display:flex;}.elementor-11 .elementor-element.elementor-element-0a1de50{--display:flex;}.elementor-11 .elementor-element.elementor-element-ae3f82a{--display:flex;}.elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button:focus{background-color:rgba(2, 1, 1, 0);color:var(--vamtam-accent-color-6);}.elementor-11 .elementor-element.elementor-element-d8478c5{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;transition:background 0.9s;}.elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button-text{top:-1.7em;right:0em;bottom:0em;left:0em;}.elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button{font-family:"Sorts Mill Goudy", Sans-serif;font-size:14px;fill:var(--vamtam-accent-color-3);color:var(--vamtam-accent-color-3);}.elementor-11 .elementor-element.elementor-element-d8478c5 .vamtam-letter{fill:var( --e-global-color-vamtam_accent_2 );color:var( --e-global-color-vamtam_accent_2 );}.elementor-11 .elementor-element.elementor-element-d8478c5 .vamtam-letter .inner{fill:var( --e-global-color-vamtam_accent_1 );color:var( --e-global-color-vamtam_accent_1 );}.elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button:focus svg{fill:var(--vamtam-accent-color-6);}.elementor-11 .elementor-element.elementor-element-a0d915d{--display:flex;}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var(--vamtam-accent-color-8);}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-1ca6f7b{--content-width:500px;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-d48d127 p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-1ca6f7b{--min-height:100vh;}.elementor-11 .elementor-element.elementor-element-1ca6f7b:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1ca6f7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-50px -150px;}.elementor-11 .elementor-element.elementor-element-2fec494 p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-187dbe8{margin-top:30px;margin-bottom:0px;}.elementor-11 .elementor-element.elementor-element-1b06e29 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:20px;padding-inline-end:0px;}.elementor-11 .elementor-element.elementor-element-d8478c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button{font-size:15px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-d48d127 p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-1ca6f7b{--content-width:500px;}.elementor-11 .elementor-element.elementor-element-1ca6f7b:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1ca6f7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-150px -150px;}.elementor-11 .elementor-element.elementor-element-2fec494 p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-f57fb1e{--width:336px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-11 .elementor-element.elementor-element-999ffe0.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-d8478c5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-d8478c5 .elementor-button{font-size:12px;}}@media(min-width:1025px){.elementor-11 .elementor-element.elementor-element-b6ffe1b:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-b6ffe1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-11 .elementor-element.elementor-element-1ca6f7b:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1ca6f7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-b8a617b *//* Hero заголовок */
.hero-title {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(28px, 4vw, 48px); /* адаптив */
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto;
  color: #CB9274; /* весь текст бежевый */
}

.heartbeat {
  display: inline-block;
  animation: heartbeat 1.5s infinite;
}

@keyframes heartbeat {
  0% { transform: scale(1); }
  25% { transform: scale(1.08); }
  40% { transform: scale(1); }
  60% { transform: scale(1.08); }
  100% { transform: scale(1); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42c03c4 */.section-title {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(28px, 4vw, 36px); /* адаптивный размер */
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  color: #CB9274; /* Accent 1 — бежевый */
  margin: 0 auto 24px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-999ffe0 */.stones-section {
  --beige: #CB9274;
  --bg: #F6F4F2;
  --text: #2a241f;
  --muted: #6b645e;
  --card: #ffffff;
  --shadow: 0 10px 25px -5px rgba(25,25,20,0.15);
  --shadow-hover: 0 25px 50px -12px rgba(25,25,20,0.25);
}

.stones-section { padding: 80px 0; background: var(--bg); font-family: Inter, system-ui, sans-serif; }
.stones-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.stones-header { text-align: center; margin-bottom: 48px; }
.stones-kicker { color: var(--beige); text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; font-size: 12px; margin-bottom: 8px; }
.stones-title { font-family: Inter, system-ui, sans-serif; font-weight: 300; font-size: clamp(28px, 4.5vw, 56px); line-height: 1.15; color: var(--text); margin: 0 0 12px 0; }
.stones-subtitle { color: var(--muted); font-size: 18px; line-height: 1.6; font-weight: 300; max-width: 700px; margin: 0 auto; }

.stones-scroll { display: flex; gap: 32px; overflow-x: auto; padding-bottom: 24px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.stones-scroll::-webkit-scrollbar { display: none; }

.stone-card { flex: 0 0 auto; width: 288px; background: var(--card); border-radius: 24px; overflow: hidden; box-shadow: var(--shadow); transition: transform 0.4s ease, box-shadow 0.4s ease; scroll-snap-align: center; text-decoration: none; color: inherit; }
.stone-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }

.stone-media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: #f3f3f3; }
.stone-media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s ease; display: block; }
.stone-card:hover .stone-media img { transform: scale(1.08); }
.stone-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.2), transparent); opacity: 0; transition: opacity 0.5s ease; }
.stone-card:hover .stone-media::after { opacity: 1; }

.stone-content { padding: 24px 28px 28px; }
.stone-name { font-family: Inter, system-ui, sans-serif; font-weight: 300; font-size: 24px; color: var(--text); margin: 0 0 8px 0; letter-spacing: 0.02em; }
.stone-meanings { color: var(--muted); font-weight: 300; line-height: 1.6; margin: 0; font-size: 15px; }

.stones-footer { text-align: center; margin-top: 48px; }
.stones-link { display: inline-flex; align-items: center; color: var(--beige); text-decoration: none; font-weight: 300; font-size: 18px; transition: transform 0.3s ease, opacity 0.3s ease; }
.stones-link:hover { transform: translateX(4px); opacity: 0.9; }

@media (max-width: 480px) { .stone-card { width: calc(100vw - 90px); } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f57fb1e */@media (max-width: 767px) {
  .elementor-11 .elementor-element.elementor-element-f57fb1e {
    --width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-628b649 */.jc-collections {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #F6F4F2;
  padding: 72px 16px;
}

.jc-collections .eyebrow {
  letter-spacing: .18em;
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 10px;
}

.jc-collections h2 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  color: #CB9274;
  margin: 0 0 36px;
}

.jc-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.jc-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  display: flex;
  flex-direction: column;
}

.jc-card:hover {
  transform: scale(1.02);
  box-shadow: 0 14px 34px rgba(0,0,0,.12);
}

.jc-img {
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  display: block;
}

.jc-body {
  padding: 18px 20px 22px;
}

.jc-title {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin: 0 0 6px;
}

.jc-sub {
  font-size: 14px;
  color: #333;
  margin: 0 0 14px;
}

.jc-btn {
  display: inline-block;
  border: 1px solid #111;
  color: #111;
  background: #fff;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, color .2s;
}

.jc-btn:hover {
  background: #111;
  color: #fff;
}

@media (max-width: 1024px) {
  .jc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .jc-collections {
    padding: 48px 12px;
  }
  .jc-collections h2 {
    font-size: 28px;
    margin-bottom: 28px;
  }
  .jc-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .jc-title {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0085ace *//* ===== Jewel Cocktail — Why Section (scoped) ===== */
.jc-why {
  --jc-bg: #F6F4F2;
  --jc-text: #111111;
  --jc-muted: #6B7280;
  --jc-border: #E5E7EB;
  --jc-card-shadow: 0 4px 20px rgba(0,0,0,0.08);
  --jc-card-shadow-hover: 0 8px 40px rgba(203,146,116,0.15);
  --jc-accent: #CB9274;
}

.jc-why .why-section {
  background: var(--jc-bg);
  color: var(--jc-text);
  padding: 4rem 0 6rem;
}

.jc-why .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Header */
.jc-why .header {
  text-align: center;
  margin-bottom: 4rem;
}

.jc-why .eyebrow-text {
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--jc-muted);
  margin-bottom: 1rem;
}

.jc-why .main-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--jc-accent);
  line-height: 1.2;
}

/* Grid */
.jc-why .features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* Card */
.jc-why .feature-card {
  position: relative;
  background: #fff;
  border-radius: 20px;
  padding: 2rem;
  border: 1px solid var(--jc-border);
  box-shadow: var(--jc-card-shadow);
  transition: all .3s ease;
}

.jc-why .feature-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--jc-card-shadow-hover);
}

/* Icon */
.jc-why .icon-container {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background-color: #F3F4F6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all .3s ease;
}

.jc-why .feature-card:hover .icon-container {
  background-color: var(--jc-accent);
}

.jc-why .icon {
  color: var(--jc-muted);
  transition: color .3s ease;
}

.jc-why .feature-card:hover .icon {
  color: #fff;
}

/* Content */
.jc-why .feature-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--jc-text);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.jc-why .feature-description {
  color: var(--jc-muted);
  line-height: 1.6;
}

/* Responsive */
@media (min-width: 768px) {
  .jc-why .features-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  .jc-why .container { padding: 0 1.5rem; }
  .jc-why .main-title { font-size: 2.5rem; }
  .jc-why .why-section { padding: 6rem 0; }
  .jc-why .header { margin-bottom: 4rem; }
}

@media (min-width: 1024px) {
  .jc-why .container { padding: 0 2rem; }
  .jc-why .main-title { font-size: 3rem; }
  .jc-why .features-grid { gap: 2rem; }
}/* End custom CSS */