/* =========================================================
   HonlyCraft Network - Golden / Clash-inspired Theme
   Final override layer. Loaded after the legacy theme files.
   ========================================================= */

:root {
  --hc-yellow-1: #fff37a;
  --hc-yellow-2: #ffe333;
  --hc-gold: #ffc21c;
  --hc-orange: #ff9818;
  --hc-orange-deep: #ef6d00;
  --hc-ink: #120b05;
  --hc-bg: #0d0a08;
  --hc-bg-2: #171008;
  --hc-panel: rgba(30, 20, 10, .90);
  --hc-panel-2: rgba(49, 31, 11, .82);
  --hc-line: rgba(255, 215, 58, .22);
  --hc-line-strong: rgba(255, 211, 44, .55);
  --hc-text: #fffaf0;
  --hc-muted: #ddcda9;
  --hc-gold-gradient: linear-gradient(135deg, #fff37a 0%, #ffe333 25%, #ffc21c 58%, #ff9818 100%);
  --hc-hot-gradient: linear-gradient(135deg, #ffe85a 0%, #ffc21c 48%, #ff7b00 100%);

  --p-color: var(--hc-gold) !important;
  --primary-color: var(--hc-gold) !important;
  --bv-purple: var(--hc-gold) !important;
  --bv-purple-2: #ffad18 !important;
  --bv-blue: #ffe15a !important;
  --bv-cyan: #fff075 !important;
  --bv-yellow: #ffe333 !important;
  --bv-bg: var(--hc-bg) !important;
  --bv-bg-2: var(--hc-bg-2) !important;
  --bv-panel: var(--hc-panel) !important;
  --bv-panel-solid: #171008 !important;
  --bv-panel-2: #241708 !important;
  --bv-card: #201509 !important;
  --bv-card-soft: rgba(42, 27, 10, .78) !important;
  --bv-line: var(--hc-line) !important;
  --bv-text: var(--hc-text) !important;
  --bv-muted: var(--hc-muted) !important;
  --bv-dark: var(--hc-bg) !important;
  --bv-border: var(--hc-line) !important;
  --bv-border-strong: var(--hc-line-strong) !important;
}

html,
body,
body.bv-page {
  background:
    radial-gradient(circle at 16% -4%, rgba(255, 207, 42, .17), transparent 30rem),
    radial-gradient(circle at 84% 5%, rgba(255, 137, 0, .10), transparent 34rem),
    linear-gradient(180deg, #100b06 0%, #171008 42%, #0b0907 100%) !important;
  color: var(--hc-text) !important;
}

/* Hero: warmer, clearer and closer to the logo palette. */
.bv-hero {
  background: #100b06 !important;
  border-bottom: 1px solid rgba(255, 216, 55, .22) !important;
}

.bv-hero::before {
  filter: saturate(1.20) brightness(.92) contrast(1.03) !important;
}

.bv-hero::after {
  background:
    radial-gradient(ellipse at 50% 48%, rgba(13,10,8,.78) 0%, rgba(13,10,8,.56) 20%, rgba(13,10,8,.12) 43%, transparent 62%),
    linear-gradient(180deg, rgba(19, 11, 2, .06) 0%, rgba(31, 17, 4, .20) 54%, rgba(13, 10, 8, .94) 100%),
    radial-gradient(circle at 50% 36%, rgba(255, 226, 54, .18), transparent 26rem),
    linear-gradient(90deg, rgba(255, 154, 20, .06), transparent 32%, transparent 68%, rgba(255, 221, 65, .06)) !important;
}

.bv-hero-shade {
  backdrop-filter: blur(.8px) !important;
}

/* Status cards */
.bv-status-icon {
  background: linear-gradient(145deg, rgba(50, 31, 8, .88), rgba(21, 14, 8, .72)) !important;
  border: 1px solid rgba(255, 221, 83, .22) !important;
  color: #fff3aa !important;
  box-shadow: 0 14px 26px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.bv-status-copy strong,
.status-number,
.bv-footer-ip button {
  color: var(--hc-yellow-1) !important;
  text-shadow: 0 0 18px rgba(255, 216, 48, .20);
}

/* =========================================================
   Royal-card logo animation
   Gentle 3D turn + floating + light sweep, preserving readability.
   ========================================================= */
.bv-logo-link {
  position: relative !important;
  perspective: 950px !important;
  transform-style: preserve-3d !important;
  isolation: isolate;
}

.bv-logo-img {
  transform-origin: 50% 55% !important;
  transform-style: preserve-3d !important;
  will-change: transform, filter !important;
  filter:
    drop-shadow(0 20px 28px rgba(0,0,0,.48))
    drop-shadow(0 0 19px rgba(255, 205, 25, .36))
    drop-shadow(0 0 42px rgba(255, 137, 0, .15)) !important;
}

.bv-logo-img.animated-logo,
.animated-logo.bv-logo-img {
  animation: hcRoyalCardFloat 5.8s cubic-bezier(.45,.05,.55,.95) infinite !important;
}

@keyframes hcRoyalCardFloat {
  0%, 100% {
    transform: translate3d(0, 2px, 0) rotateX(1deg) rotateY(-5deg) rotateZ(-.5deg) scale(1);
    filter: drop-shadow(0 18px 26px rgba(0,0,0,.46)) drop-shadow(0 0 17px rgba(255,205,25,.30)) drop-shadow(0 0 36px rgba(255,137,0,.12));
  }
  25% {
    transform: translate3d(0, -8px, 18px) rotateX(3.2deg) rotateY(7deg) rotateZ(.8deg) scale(1.018);
  }
  50% {
    transform: translate3d(0, -13px, 30px) rotateX(-2deg) rotateY(2deg) rotateZ(-.4deg) scale(1.03);
    filter: drop-shadow(0 27px 35px rgba(0,0,0,.38)) drop-shadow(0 0 26px rgba(255,228,78,.46)) drop-shadow(0 0 52px rgba(255,145,0,.20));
  }
  75% {
    transform: translate3d(0, -7px, 14px) rotateX(2.4deg) rotateY(-7deg) rotateZ(-.9deg) scale(1.016);
  }
}

.bv-logo-link::after {
  content: '';
  position: absolute;
  inset: 9% 5%;
  z-index: 3;
  pointer-events: none;
  border-radius: 45%;
  background: linear-gradient(112deg, transparent 31%, rgba(255,255,255,.03) 41%, rgba(255,248,184,.48) 49%, rgba(255,255,255,.04) 57%, transparent 68%);
  mix-blend-mode: screen;
  opacity: .48;
  transform: translateX(-65%) skewX(-9deg);
  animation: hcLogoShine 5.8s ease-in-out infinite;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0 60%, transparent 78%);
  mask-image: radial-gradient(ellipse at center, #000 0 60%, transparent 78%);
}

@keyframes hcLogoShine {
  0%, 18% { transform: translateX(-72%) skewX(-9deg); opacity: 0; }
  31% { opacity: .56; }
  49% { transform: translateX(68%) skewX(-9deg); opacity: .12; }
  50%, 100% { transform: translateX(72%) skewX(-9deg); opacity: 0; }
}

.bv-logo-link:hover .bv-logo-img {
  animation-play-state: paused !important;
  transform: translate3d(0,-11px,34px) rotateX(3deg) rotateY(-9deg) rotateZ(-1deg) scale(1.055) !important;
  transition: transform .32s cubic-bezier(.2,.8,.2,1), filter .32s ease !important;
  filter: drop-shadow(0 28px 38px rgba(0,0,0,.42)) drop-shadow(0 0 32px rgba(255,231,92,.58)) drop-shadow(0 0 58px rgba(255,132,0,.26)) !important;
}

/* User bar + navigation */
.bv-userbar {
  background: rgba(20, 14, 8, .89) !important;
  border-top-color: rgba(255, 225, 76, .12) !important;
  border-bottom-color: rgba(255, 225, 76, .14) !important;
}

.bv-login-avatar {
  background: linear-gradient(135deg, rgba(255,226,51,.25), rgba(255,143,20,.16)) !important;
  border-color: rgba(255,226,84,.18) !important;
}

.bv-username-inline .username-input,
.search-box {
  background: rgba(16, 11, 6, .78) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 218, 55, .14) !important;
}

.btn-check-username,
.btn-change-user,
.bv-action-btn,
.btn-theme,
.btn-add-cart,
.bv-footer-discord {
  background: var(--hc-hot-gradient) !important;
  color: #281502 !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: 0 11px 24px rgba(255, 142, 0, .16), inset 0 1px 0 rgba(255,255,255,.42) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.20);
}

.bv-action-btn i,
.btn-theme i,
.btn-add-cart i,
.bv-footer-discord i {
  color: #321800 !important;
}

.bv-main-nav a.active,
.bv-main-nav a:hover,
.bv-quick-nav a.active,
.bv-quick-nav a:hover,
.user-nav-link.active,
.user-nav-link:hover {
  color: #fff9dc !important;
  background: rgba(255, 202, 30, .13) !important;
  border-color: rgba(255, 214, 54, .32) !important;
}

.theme-text,
.top-text,
.user-nav-link.active {
  color: var(--hc-yellow-2) !important;
}

/* Cards */
.bv-panel,
.card,
.username-box-new,
.user-nav,
.bv-section-card,
.product-card,
.cart-menu,
.product-modal-content {
  background: linear-gradient(180deg, rgba(34,23,11,.92), rgba(18,13,8,.94)) !important;
  border-color: var(--hc-line) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,236,162,.025) !important;
}

.product-card:hover,
.card:hover {
  border-color: rgba(255, 213, 48, .50) !important;
  box-shadow: 0 22px 42px rgba(0,0,0,.28), 0 0 28px rgba(255,193,20,.08) !important;
}

/* Home promotional blocks */
.bv-promo {
  background:
    radial-gradient(circle at 79% 22%, rgba(255,255,255,.46), transparent 18rem),
    linear-gradient(112deg, #ff7b00 0%, #ffad0b 30%, #ffd52b 63%, #fff16a 100%) !important;
  border: 1px solid rgba(255,246,174,.30) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.24), 0 0 38px rgba(255,181,0,.10) !important;
}

.bv-promo h1 {
  color: #fffdf0 !important;
  text-shadow: 0 5px 0 rgba(111,48,0,.22), 0 13px 28px rgba(81,35,0,.27) !important;
}

.bv-promo-kicker {
  color: rgba(70, 31, 0, .84) !important;
}

.bv-pill-cta {
  background: rgba(77, 35, 0, .72) !important;
  color: #fff9d6 !important;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 22px rgba(93,42,0,.18);
}

.bv-plus-card {
  background:
    radial-gradient(circle at 80% 18%, rgba(255,255,255,.20), transparent 22rem),
    linear-gradient(135deg, #5c2b00 0%, #a64c00 34%, #f08b00 68%, #ffc928 100%) !important;
  border: 1px solid rgba(255,220,75,.26) !important;
}

.bv-worth {
  background: #fff075 !important;
  color: #513000 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}

.bv-benefits i {
  color: #ffe76b !important;
}

.bv-dark-btn {
  background: rgba(20, 12, 5, .84) !important;
  border: 1px solid rgba(255,223,74,.16);
  color: #fff5c4 !important;
}

/* Category tiles: all in the same warm family but still distinguishable. */
.bv-tile-ranks { --tile-a:#fff066 !important; --tile-b:#f2bd12 !important; }
.bv-tile-keys { --tile-a:#ffd84a !important; --tile-b:#ff9e17 !important; }
.bv-tile-kits { --tile-a:#ffc62e !important; --tile-b:#f27b0b !important; }
.bv-tile-boosters { --tile-a:#ffe85d !important; --tile-b:#ffb300 !important; }

.bv-category-tile {
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #3a1d00 !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.bv-category-tile strong,
.bv-category-tile i {
  color: #4b2600 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Store */
.mode-filter-btn,
.filter-btn {
  background: rgba(26, 17, 8, .72) !important;
  border-color: rgba(255,217,64,.14) !important;
  color: var(--hc-muted) !important;
}

.mode-filter-btn:hover,
.filter-btn:hover,
.mode-filter-btn.active,
.filter-btn.active {
  background: var(--hc-hot-gradient) !important;
  color: #321800 !important;
  border-color: rgba(255,255,255,.16) !important;
}

.product-image {
  background:
    radial-gradient(circle at 50% 35%, rgba(255,233,91,.12), transparent 68%),
    linear-gradient(135deg, rgba(255,194,28,.10), rgba(255,122,0,.08)) !important;
}

.product-category,
.product-server-tag {
  background: rgba(255,197,24,.12) !important;
  border-color: rgba(255,211,54,.24) !important;
  color: #ffe876 !important;
}

.product-price,
.bv-donation-total {
  color: #ffe764 !important;
}

.bv-top-avatar {
  border-color: #ffd72f !important;
  box-shadow: 0 0 24px rgba(255,198,20,.12);
}

.bv-top-avatar::after,
.bv-donor-badge {
  color: #ffd84d !important;
}

.bv-donor-badge {
  background: rgba(255,190,20,.12) !important;
}

/* Footer */
.bv-footer {
  background: #0d0a07 !important;
  border-top: 1px solid rgba(255,217,62,.10);
}

.bv-footer a:hover {
  color: #ffe66b !important;
}

.bv-socials {
  color: #e4b422 !important;
}

.bv-tebex-strip {
  background: #080604 !important;
  border-top: 1px solid rgba(255,217,62,.08);
}

/* Glow focus ring for keyboard and inputs. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid #ffe14c !important;
  outline-offset: 3px !important;
}

/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .bv-logo-img.animated-logo,
  .animated-logo.bv-logo-img,
  .bv-logo-link::after {
    animation: none !important;
  }
}

@media (max-width: 575.98px) {
  .bv-logo-img {
    filter: drop-shadow(0 13px 22px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(255,205,25,.30)) !important;
  }
  .bv-logo-link::after { opacity: .30; }
}

/* =========================================================
   HONLYCRAFT MODALITIES NAV + CARDS
   ========================================================= */
.hc-modes-menu { position: relative; margin: 0; }
.hc-modes-menu > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  cursor: pointer;
  color: inherit;
  font-weight: 800;
  padding: .68rem .82rem;
  border-radius: 13px;
  transition: .2s ease;
  white-space: nowrap;
}
.hc-modes-menu > summary::-webkit-details-marker { display:none; }
.hc-modes-menu > summary:hover,
.hc-modes-menu > summary.active,
.hc-modes-menu[open] > summary {
  color: #ffe45b !important;
  background: rgba(255,196,28,.10);
}
.hc-chevron { font-size: .68rem; transition: transform .2s ease; }
.hc-modes-menu[open] .hc-chevron { transform: rotate(180deg); }
.hc-modes-dropdown {
  position: absolute;
  z-index: 10050;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 245px;
  padding: 9px;
  border-radius: 18px;
  background: rgba(16,11,6,.98);
  border: 1px solid rgba(255,211,57,.18);
  box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 25px rgba(255,185,18,.05);
  backdrop-filter: blur(16px);
}
.hc-modes-dropdown a {
  display:flex !important;
  align-items:center;
  gap:.75rem;
  width:100%;
  padding:.72rem .82rem !important;
  border-radius:12px;
  color:#d8d0c3 !important;
  text-decoration:none !important;
  font-size:.84rem;
  font-weight:800;
}
.hc-modes-dropdown a i { width:20px; text-align:center; color:#ffc928; }
.hc-modes-dropdown a:hover,
.hc-modes-dropdown a.active { background:rgba(255,198,28,.11); color:#fff4b0 !important; }
.hc-modes-empty { display:block; padding:.8rem; color:#a99e8c; text-align:center; font-size:.82rem; }

.bv-category-grid.hc-mode-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.hc-mode-tile {
  min-height: 150px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.hc-mode-tile::before {
  content:"";
  position:absolute;
  inset:-45% auto auto -20%;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,230,84,.20),transparent 68%);
  z-index:-1;
}
.hc-mode-tile::after {
  content:"";
  position:absolute;
  left:10%;right:10%;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#ffd83d,transparent);
  opacity:.55;
}
.hc-mode-tile i { font-size:2rem !important; filter:drop-shadow(0 0 13px rgba(255,205,38,.20)); }
.hc-mode-tile strong { text-align:center; line-height:1.08; }
.hc-mode-tile small { display:block; margin-top:.35rem; color:#aa9f8c; font-size:.68rem; font-weight:700; text-align:center; }

@media (max-width: 1000px) {
  .bv-category-grid.hc-mode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .hc-modes-menu { position: static; }
  .hc-modes-dropdown { left: 10px; right: 10px; transform:none; min-width:0; }
}
@media (max-width: 520px) {
  .bv-category-grid.hc-mode-grid { grid-template-columns: 1fr 1fr; gap:10px; }
  .hc-mode-tile { min-height:120px; padding:16px 8px !important; }
  .hc-mode-tile strong { font-size:.83rem; }
}

/* ==========================================================
   HonlyCraft mode cards v3 - readable + per-mode admin colors
   ========================================================== */
.bv-category-grid.hc-mode-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.bv-category-tile.hc-mode-tile {
  --hc-mode-a:#ffd52f;
  --hc-mode-b:#ff8a00;
  min-height: 142px !important;
  padding: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 15px !important;
  border-radius: 18px !important;
  color: #fff !important;
  background: #15100a !important;
  background:
    radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--hc-mode-a) 30%, transparent), transparent 42%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--hc-mode-a) 22%, #171008) 0%,
      color-mix(in srgb, var(--hc-mode-b) 16%, #090604) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--hc-mode-a) 35%, rgba(255,255,255,.08)) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07) !important;
  isolation: isolate;
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.bv-category-tile.hc-mode-tile:hover {
  transform: translateY(-4px) scale(1.01) !important;
  border-color: color-mix(in srgb, var(--hc-mode-a) 72%, white 8%) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.33), 0 0 26px color-mix(in srgb, var(--hc-mode-a) 24%, transparent) !important;
}

.bv-category-tile.hc-mode-tile::before {
  content:"" !important;
  position:absolute !important;
  width:150px !important;
  height:150px !important;
  left:-48px !important;
  top:-54px !important;
  bottom:auto !important;
  border-radius:50% !important;
  background:radial-gradient(circle,color-mix(in srgb,var(--hc-mode-a) 35%,transparent),transparent 70%) !important;
  opacity:1 !important;
  filter:none !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

.bv-category-tile.hc-mode-tile::after {
  content:"";
  position:absolute;
  inset:-55% -65%;
  width:auto;
  height:auto;
  left:auto;
  right:auto;
  bottom:auto;
  background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.22) 50%,transparent 57%);
  opacity:0;
  transform:translateX(-38%) rotate(7deg);
  pointer-events:none;
  z-index:0;
}

.hc-mode-icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(5,4,2,.42);
  border: 1px solid color-mix(in srgb,var(--hc-mode-a) 38%,rgba(255,255,255,.08));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.2);
  position: relative;
  z-index: 2;
}

.bv-category-tile.hc-mode-tile .hc-mode-icon i {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  font-size: 1.55rem !important;
  color: #fff6b0 !important;
  text-shadow: 0 0 14px var(--hc-mode-a), 0 2px 8px rgba(0,0,0,.45) !important;
  filter: none !important;
}

.hc-mode-copy {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.bv-category-tile.hc-mode-tile .hc-mode-copy strong {
  display: block;
  width: 100%;
  margin: 0;
  color: #fff !important;
  font-size: clamp(1rem, 1.55vw, 1.35rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.025em;
  text-align: left !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.65) !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.bv-category-tile.hc-mode-tile .hc-mode-copy small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: #fff0a1 !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  text-align: left !important;
  opacity: .92;
}

.bv-category-tile.hc-mode-tile .hc-mode-copy small i {
  position: static !important;
  transform: none !important;
  font-size: .65rem !important;
  color: currentColor !important;
  text-shadow: none !important;
}

/* Admin-selectable effects */
.hc-mode-tile[data-effect="glow"] {
  box-shadow: 0 14px 36px rgba(0,0,0,.25), 0 0 20px color-mix(in srgb,var(--hc-mode-a) 14%,transparent) !important;
}
.hc-mode-tile[data-effect="shine"]::after {
  opacity:.6;
  animation: hcModeShine 4.6s ease-in-out infinite;
}
.hc-mode-tile[data-effect="pulse"] {
  animation: hcModePulse 2.8s ease-in-out infinite;
}
.hc-mode-tile[data-effect="electric"] {
  box-shadow: 0 14px 36px rgba(0,0,0,.25), 0 0 18px color-mix(in srgb,var(--hc-mode-a) 24%,transparent), inset 0 0 22px color-mix(in srgb,var(--hc-mode-b) 8%,transparent) !important;
}
.hc-mode-tile[data-effect="electric"]::before {
  animation: hcModeEnergy 2.4s ease-in-out infinite alternate;
}
.hc-mode-tile[data-effect="none"]::after { display:none; }

@keyframes hcModeShine {
  0%,55% { transform:translateX(-45%) rotate(7deg); opacity:0; }
  68% { opacity:.65; }
  82%,100% { transform:translateX(45%) rotate(7deg); opacity:0; }
}
@keyframes hcModePulse {
  0%,100% { box-shadow:0 14px 36px rgba(0,0,0,.25),0 0 12px color-mix(in srgb,var(--hc-mode-a) 10%,transparent); }
  50% { box-shadow:0 16px 42px rgba(0,0,0,.3),0 0 30px color-mix(in srgb,var(--hc-mode-a) 28%,transparent); }
}
@keyframes hcModeEnergy {
  from { transform:scale(.92); opacity:.65; }
  to { transform:scale(1.16); opacity:1; }
}

@media (max-width: 1000px) {
  .bv-category-grid.hc-mode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .bv-category-grid.hc-mode-grid { grid-template-columns: 1fr !important; gap: 11px !important; }
  .bv-category-tile.hc-mode-tile { min-height: 105px !important; padding: 15px !important; border-radius: 15px !important; }
  .hc-mode-icon { width: 50px; height: 50px; flex-basis: 50px; border-radius: 14px; }
  .bv-category-tile.hc-mode-tile .hc-mode-copy strong { font-size: 1rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .hc-mode-tile[data-effect="shine"]::after,
  .hc-mode-tile[data-effect="pulse"],
  .hc-mode-tile[data-effect="electric"]::before { animation:none !important; }
}