:root {
      --accent1: #7C54F2;
      --accent2: #B139D7;
      --glass: rgba(255,255,255,0.04);
      --glass-strong: rgba(255,255,255,0.06);
      --glass-border: rgba(255,255,255,0.08);
    }
    body {
      background-color: #0b0b10;
      font-family: 'Poppins', Arial, sans-serif;
      color: #e6e6ea;
      min-height: 100vh;
      position: relative;
      overflow-x: hidden;
    }
    .glass {
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));
      border: 1.5px solid var(--glass-border);
      backdrop-filter: blur(10px) saturate(120%);
      box-shadow: 0 6px 28px rgba(124,84,242,0.16), 0 0 40px rgba(177,57,215,0.04);
      border-radius: 18px;
      position: relative;
      z-index: 2;
    }
    .glass-hover-glow:hover {
      box-shadow: 0 10px 44px rgba(124,84,242,0.30),0 0 60px rgba(177,57,215,0.12);
      transform: scale(1.01) translateY(-3px);
    }
    .badge-price {
      font-weight:700; 
      padding: .25rem .7rem; 
      border-radius: .5rem; 
      font-size: 1rem;
      background: linear-gradient(90deg,var(--accent1),var(--accent2));
      color: #fff;
      margin-right: .6rem;
      box-shadow: 0 2px 16px rgba(124,84,242,0.16);
    }
    .btn-main {
      background: linear-gradient(90deg,var(--accent1),var(--accent2));
      padding: .75rem 1rem; border-radius: .8rem; font-weight:650; color:white; display:inline-flex; gap:.7rem; align-items:center;
      box-shadow: 0 6px 30px rgba(124,84,242,0.18);
      font-size:1.18rem;
      transition: transform .2s, box-shadow .2s;
    }
    .btn-main:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(124,84,242,0.33); }
    .btn-remove {
      padding: .32rem .6rem;
      border-radius: .5rem;
      font-weight: 600;
      background: #B139D733;
      color: #e95667;
      border: none;
      transition: background 0.16s, color 0.16s;
      box-shadow: 0 1px 8px #B139D722;
      font-size: 1rem;
    }
    .btn-remove:hover {
      background: #ef444422;
      color: #fff;
    }
.btn-ghost {
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0.6rem 0.9rem;
    border-radius: 0.6rem;
    color: #eee;
    background: rgba(24, 24, 27, 0.55);
    backdrop-filter: blur(6px);
    box-shadow: 0 2px 16px 0 rgba(24, 24, 27, 0.2);
    font-weight: 600;
    transition: background 0.18s, box-shadow 0.18s;
}
    .btn-ghost:hover { color: #c7b6ed; }
    .basket-item {
      transition: box-shadow 0.22s, border 0.22s;
    }
    .basket-item:hover {
      box-shadow: 0 8px 28px rgba(124,84,242,0.13), 0 0 12px rgba(177,57,215,0.11);
      border-radius:1rem;
    }
    .basket-empty {
      font-size:1.18rem; font-weight:600; color: #bbb; padding:2rem;
    }
    @media(max-width:600px){
      .glass { padding:2rem 1rem !important;}
    }