.elementor-106933 .elementor-element.elementor-element-a338048{--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-106933 .elementor-element.elementor-element-93bc52d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-106933 .elementor-element.elementor-element-93bc52d.e-con{--align-self:center;}.elementor-106933 .elementor-element.elementor-element-c2f2a4c{--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-106933 .elementor-element.elementor-element-fd3d20c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-106933 .elementor-element.elementor-element-debf7f5.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-106933 .elementor-element.elementor-element-bb413fd{--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-106933 .elementor-element.elementor-element-ebe9de0{--display:flex;}@media(min-width:768px){.elementor-106933 .elementor-element.elementor-element-c2f2a4c{--width:50%;}.elementor-106933 .elementor-element.elementor-element-bb413fd{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-369d995 *//* =========================================================
   GLOBAL RESET
========================================================= */
.vibracore-page,
.vibracore-page *,
.vibracore-page *::before,
.vibracore-page *::after {
  box-sizing: border-box;
}

/* =========================================================
   DESIGN VARIABLES
========================================================= */
:root {
  --vc-gold: #C8960C;
  --vc-gold-light: #E8B320;
  --vc-gold-dim: #8A6408;
  --vc-black: #080808;
  --vc-black-2: #111111;
  --vc-white: #F4F2EE;
  --vc-white-dim: #A8A49E;
  --vc-border-gold: rgba(200,150,12,0.25);
  --vc-border-soft: rgba(255,255,255,0.07);
}

/* =========================================================
   PAGE FOUNDATION
========================================================= */
.vibracore-page {
  font-family: 'Rajdhani', sans-serif;
  background-color: var(--vc-black);
  color: var(--vc-white);
  overflow-x: hidden;
  line-height: 1.6;
}

/* =========================================================
   HERO SECTION
========================================================= */
.vibracore-page .vc-cta-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  background: var(--vc-black);
  padding: 60px 24px 50px;
  text-align: center;
}

.vibracore-page .vc-cta-section::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background: linear-gradient(
    to bottom,
    rgba(8,8,8,0) 0%,
    rgba(8,8,8,0.75) 72%,
    rgba(17,17,17,1) 100%
  );
  pointer-events: none;
  z-index: 0;
}

/* =========================================================
   HERO BACKGROUND GRID
========================================================= */
.vibracore-page .vc-cta-bg-grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(200,150,12,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200,150,12,0.045) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(255,255,255,0.025) 0%, transparent 65%);
  background-size: 72px 72px, 72px 72px, 100% 100%;
  mask-image: radial-gradient(ellipse 85% 75% at 50% 42%, black 35%, transparent 100%);
  opacity: .52;
}

/* =========================================================
   HERO BACKGROUND GLOW
========================================================= */
.vibracore-page .vc-cta-bg-glow {
  position: absolute;
  top: 42%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  width: 1400px;
  height: 900px;
  background: radial-gradient(
    ellipse at center,
    rgba(200,150,12,0.09) 0%,
    rgba(200,150,12,0.035) 28%,
    rgba(200,150,12,0.02) 48%,
    transparent 72%
  );
  filter: blur(10px);
  pointer-events: none;
}

/* =========================================================
   HERO GOLD RULES
========================================================= */
.vibracore-page .vc-cta-rule-top,
.vibracore-page .vc-cta-rule-bottom {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(200,150,12,0.15) 18%,
    var(--vc-gold) 42%,
    var(--vc-gold-light) 50%,
    var(--vc-gold) 58%,
    rgba(200,150,12,0.15) 82%,
    transparent 100%
  );
  opacity: 0.9;
}
.vibracore-page .vc-cta-rule-top { top: 0; }
.vibracore-page .vc-cta-rule-bottom { bottom: 0; }

/* =========================================================
   HERO INNER
========================================================= */
.vibracore-page .vc-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

/* =========================================================
   HERO EYEBROW
========================================================= */
.vibracore-page .vc-cta-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  margin-bottom: 16px;
}
.vibracore-page .vc-cta-eyebrow-line {
  display: block;
  width: 140px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--vc-gold));
}
.vibracore-page .vc-cta-eyebrow-line:last-child {
  background: linear-gradient(90deg, var(--vc-gold), transparent);
}
.vibracore-page .vc-cta-eyebrow-text {
  font-family: 'Rajdhani', sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--vc-gold);
}

/* =========================================================
   HERO BRAND KICKER
========================================================= */
.vibracore-page .vc-brand-kicker {
  margin: 0 0 12px;
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--vc-white);
}

/* =========================================================
   HERO HEADING
========================================================= */
.vibracore-page .vc-cta-heading {
  margin: 0 0 16px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(80px, 14vw, 200px);
  font-weight: 400;
  line-height: 0.85;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--vc-white);
}
.vibracore-page .vc-cta-heading-gold {
  position: relative;
  display: inline-block;
  color: var(--vc-gold);
}
.vibracore-page .vc-cta-heading-gold::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--vc-gold), var(--vc-gold-light), var(--vc-gold));
  opacity: 0.5;
}

/* =========================================================
   HERO SUBTITLE
========================================================= */
.vibracore-page .hero-sub {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(20px, 2.5vw, 36px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
  margin: 0 auto 0;
}

/* =========================================================
   HERO DESCRIPTION
========================================================= */
.vibracore-page .hero-desc {
  max-width: 920px;
  margin: 0 auto;
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(18px, 1.5vw, 26px);
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0.01em;
  color: rgba(255,255,255,0.68);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 640px) {
  .vibracore-page .vc-cta-section {
    padding: 40px 20px 36px;
  }
  .vibracore-page .vc-cta-eyebrow {
    gap: 12px;
  }
  .vibracore-page .vc-cta-eyebrow-line {
    width: 36px;
  }
  .vibracore-page .vc-cta-eyebrow-text {
    font-size: 11px;
    letter-spacing: 0.16em;
  }
  .vibracore-page .hero-desc {
    font-size: 16px;
    line-height: 1.7;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebe9de0 *//* Post-cart navigation buttons */
.vc-post-cart-buttons {
  display: none;
  flex-direction: row;
  width: 100%;
  gap: 16px;
  margin-top: 20px;
}

/* Shared button styles — matched to site */
.vc-post-cart-buttons .elementor-button {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  border-radius: 0 !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Continue Building — gold filled */
.vc-post-cart-buttons .vc-btn-continue .elementor-button {
  background-color: #C8960C !important;
  color: #080808 !important;
  border: 1px solid #C8960C !important;
}

/* View Cart — outlined */
.vc-post-cart-buttons .vc-btn-cart .elementor-button {
  background-color: transparent !important;
  color: #C8960C !important;
  border: 1px solid rgba(200, 150, 12, 0.5) !important;
}
@keyframes vc-pulse {
  0%   { box-shadow: 0 0 8px 2px rgba(200, 150, 12, 0.6); }
  50%  { box-shadow: 0 0 22px 6px rgba(200, 150, 12, 0.95); }
  100% { box-shadow: 0 0 8px 2px rgba(200, 150, 12, 0.6); }
}

.vc-post-cart-buttons {
  display: none;
  flex-direction: row;
  gap: 16px;
  margin-top: 20px;
  animation: vc-pulse 1.8s ease-in-out infinite;
}

.vc-post-cart-buttons.visible {
  display: flex;
}/* End custom CSS */