/* KIKYEZ hexagon UI upgrade - repaired safe selectors */
:root{
  --hex-accent:#46d66b;
  --hex-accent-2:#f4c76b;
  --hex-gold:#f4c76b;
  --hex-panel:rgba(11,13,19,.72);
  --hex-panel-strong:rgba(18,20,30,.88);
  --hex-line:color-mix(in srgb, var(--hex-accent) 44%, rgba(255,255,255,.24));
  --hex-text:#fff8e8;
}

@keyframes hexPulse{0%,100%{box-shadow:0 0 18px color-mix(in srgb,var(--hex-accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}50%{box-shadow:0 0 34px color-mix(in srgb,var(--hex-accent) 50%,transparent),inset 0 1px 0 rgba(255,255,255,.24)}}
@keyframes hexScan{0%{transform:translateX(-130%) skewX(-16deg)}100%{transform:translateX(230%) skewX(-16deg)}}

:where(button,.btn,.button,.intro-btn,.beta-review-cta,.small-button,.formBtn,.stBtn,.lp-cta,.nav-cta,.cta,.cta-button,.submit,[class*="btn"],[class*="Btn"],[class*="button"],[class*="Button"],a[href*="amazon"],a[href*="stripe"]){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:0 !important;
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%) !important;
  border:1px solid var(--hex-line) !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--hex-accent) 26%,transparent),rgba(0,0,0,.76) 46%,color-mix(in srgb,var(--hex-accent-2) 18%,transparent)) !important;
  color:var(--hex-text) !important;
  text-shadow:0 1px 12px rgba(0,0,0,.68);
  box-shadow:0 15px 34px rgba(0,0,0,.42),0 0 22px color-mix(in srgb,var(--hex-accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
:where(button,.btn,.button,.intro-btn,.beta-review-cta,.small-button,.formBtn,.stBtn,.lp-cta,.nav-cta,.cta,.cta-button,.submit,[class*="btn"],[class*="Btn"],[class*="button"],[class*="Button"],a[href*="amazon"],a[href*="stripe"])::after{
  content:"";
  position:absolute;
  inset:-42% auto -42% -70%;
  width:58%;
  z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:hexScan 5.6s ease-in-out infinite;
}
:where(button,.btn,.button,.intro-btn,.beta-review-cta,.small-button,.formBtn,.stBtn,.lp-cta,.nav-cta,.cta,.cta-button,.submit,[class*="btn"],[class*="Btn"],[class*="button"],[class*="Button"],a[href*="amazon"],a[href*="stripe"]):hover{
  transform:translateY(-2px) scale(1.01);
  border-color:color-mix(in srgb,var(--hex-accent) 70%,white) !important;
  filter:saturate(1.15);
}

:where(.card,.glass-card,.panel,.feature-card,.service-card,.product-card,.pricing-card,.price-card,.agent-card,.dashboard-card,.benefit-card,.business-card,.portfolio-card,.recipe-card,.collection-card,.archive-card,.region-card,.campaign-card,.contact-card,.social-card,.book-panel,.book-card,.metric-card,.stat-card,.alert-card,.module-card,.modal){
  position:relative;
  border-radius:0 !important;
  clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);
  border:1px solid var(--hex-line) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 28%,var(--hex-panel) 62%,rgba(0,0,0,.72)) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.5),0 0 28px color-mix(in srgb,var(--hex-accent) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.5) !important;
  backdrop-filter:blur(18px) saturate(150%);
}
:where(.card,.glass-card,.panel,.feature-card,.service-card,.product-card,.pricing-card,.price-card,.agent-card,.dashboard-card,.benefit-card,.business-card,.portfolio-card,.recipe-card,.collection-card,.archive-card,.region-card,.campaign-card,.contact-card,.social-card,.book-panel,.book-card,.metric-card,.stat-card,.alert-card,.module-card,.modal)::before{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:1px;
  clip-path:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 34%,color-mix(in srgb,var(--hex-accent) 18%,transparent) 72%,transparent);
  opacity:.72;
}
:where(.card,.glass-card,.panel,.feature-card,.service-card,.product-card,.pricing-card,.price-card,.agent-card,.dashboard-card,.benefit-card,.business-card,.portfolio-card,.recipe-card,.collection-card,.archive-card,.region-card,.campaign-card,.contact-card,.social-card,.book-panel,.book-card,.metric-card,.stat-card,.alert-card,.module-card,.modal) > *{
  position:relative;
  z-index:1;
}

:where(.feature,.business,.creator,.investor,.copy,.content,.hero-copy,.section-copy,.card-copy,.body-copy,.text-block,.eyebrow,.headline,.subhead):not(.card):not(.panel):not(.feature-card):not(.business-card):not(.contact-card){
  clip-path:none !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.book-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;}
.book-card img,.collection-card img,.product-card img,.portfolio-card img{
  border-radius:0 !important;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  box-shadow:0 18px 38px rgba(0,0,0,.55),0 0 24px color-mix(in srgb,var(--hex-accent) 22%,transparent) !important;
}

.hex-live,.live,.statusBadge i,.dot{animation:hexPulse 2.4s ease-in-out infinite;}

@media (max-width:640px){
  :where(.card,.glass-card,.panel,.feature-card,.service-card,.product-card,.pricing-card,.price-card,.agent-card,.dashboard-card,.benefit-card,.business-card,.portfolio-card,.recipe-card,.collection-card,.archive-card,.region-card,.campaign-card,.contact-card,.social-card,.book-panel,.book-card,.metric-card,.stat-card,.alert-card,.module-card,.modal){
    clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  }
}

/* IVNV book buttons only: remove global glare/shadow treatment. */
.book-panel .small-button,
.book-panel .small-button.amazon,
.book-panel .small-button.stripe {
  clip-path: none !important;
  border-radius: 12px !important;
  background: rgba(7, 22, 16, 0.94) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.book-panel .small-button.amazon {
  background: rgba(40, 31, 12, 0.96) !important;
}
.book-panel .small-button.stripe {
  background: rgba(8, 38, 21, 0.96) !important;
}
.book-panel .small-button::after,
.book-panel .small-button::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}
.book-panel .small-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: none !important;
  filter: none !important;
}

