/* Modo Detalle / Mayor switch */
.gk-modo-switch{
  display:inline-flex; align-items:center; gap:4px;
  background: var(--gk-card); border:1px solid var(--gk-border);
  border-radius:30px; padding:4px; position:relative;
}
.gk-modo-switch button{
  background:transparent; border:none; color:var(--gk-text-dim);
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.4px;
  padding:8px 14px; border-radius:20px; cursor:pointer; transition:all .25s ease;
  display:inline-flex; align-items:center; gap:6px;
}
.gk-modo-switch button.active{
  background: var(--gk-green); color:#fff; box-shadow:0 6px 14px rgba(0,166,81,.35);
}
.gk-modo-switch.is-mayor button[data-modo="mayor"].active{
  background: var(--gk-yellow); color:#1a1100;
}
.gk-modo-switch button:hover{ color:#fff; }
.gk-modo-label{ font-size:11px; font-weight:700; color:var(--gk-text-faint); text-transform:uppercase; letter-spacing:.5px; margin-right:8px; }

/* Ajuste header para móvil */
@media(max-width:767px){
  .gk-modo-wrap{ width:100%; justify-content:center; margin-top:8px; }
  .gk-modo-switch button{ padding:7px 10px; font-size:11px; }
}
/* Precio strike */
.gk-price-strike{ opacity:.7; }

/* Toast ya inline, pero fallback */
#gkToast{ transition: opacity .3s, transform .3s; }