/* ========================================
VL24 QUICK PROJECT PANEL — PREMIUM GLASS
======================================== */

.vl24-quick-panel{
  position:fixed;
  top:90px;
  right:40px;

  width:340px;

  opacity:0;
  transform:translateY(-20px) scale(.98);

  pointer-events:none;

  transition:.35s cubic-bezier(.16,1,.3,1);

  z-index:20000;
}

/* visible */
.vl24-quick-panel.active{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

/* =====================
   GLASS CARD
===================== */

.vl24-quick-inner{

  padding:28px;

  border-radius:24px;

  /* VL24 glass system */
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.18),
      rgba(255,255,255,.08)
    );

  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);

  border:1px solid rgba(255,255,255,.35);

  box-shadow:
    0 30px 80px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.45);

  position:relative;
  overflow:hidden;
}

/* soft gold ambient */
.vl24-quick-inner::before{
  content:"";
  position:absolute;
  inset:-40%;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(201,161,90,.25),
      transparent 55%
    );

  pointer-events:none;
}

/* =====================
   TITLE
===================== */

.vl24-quick-title{
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;

  color:rgba(255,255,255,.75);

  margin-bottom:20px;
}

/* =====================
   STATS
===================== */

.vl24-quick-stats{
  display:grid;
  gap:18px;
}

.vl24-quick-item strong{
  display:block;

  font-size:34px;
  font-weight:800;

  color:#fff;

  letter-spacing:-.02em;

  text-shadow:
    0 2px 8px rgba(0,0,0,.4);
}

.vl24-quick-item span{
  font-size:14px;
  color:rgba(255,255,255,.75);
}

/* =====================
   CTA BUTTON
===================== */

.vl24-quick-cta{
  margin-top:24px;

  display:flex;
  justify-content:center;
  align-items:center;

  height:48px;

  border-radius:999px;

  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;

  color:#0f172a;

  text-decoration:none;

  background:
    linear-gradient(
      135deg,
      #c9a15a,
      #fff3c9,
      #c9a15a
    );

  box-shadow:
    0 8px 25px rgba(201,161,90,.4),
    inset 0 1px 0 rgba(255,255,255,.6);

  transition:.25s ease;
}

.vl24-quick-cta:hover{
  transform:translateY(-1px);
}

/* =========================================
VL24 QUICK PANEL CTA — SIGNATURE GOLD
(sama DNA mis apt-submit / apt-cta-btn)
========================================= */

.vl24-quick-cta{
  position:relative;

  width:100%;
  height:52px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:999px;

  font-size:13px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;

  color:#0f172a;
  text-decoration:none;

  background:
    linear-gradient(
      135deg,
      #c9a15a,
      #fff3c9,
      #c9a15a
    );

  border:0;

  cursor:pointer;

  overflow:hidden;
  isolation:isolate;

  box-shadow:
    0 8px 22px rgba(201,161,90,.35),
    inset 0 1px 0 rgba(255,255,255,.6);

  transition:.25s ease;
}


/* ---------- SHINE LAYER ---------- */

.vl24-quick-cta::before{
  content:"";
  position:absolute;
  inset:0;

  background:linear-gradient(
    135deg,
    rgba(255,255,255,.28),
    rgba(255,255,255,.05)
  );

  transform:scale(0);
  transform-origin:50% 50%;

  transition:transform 2.5s cubic-bezier(.2,.7,.1,1);

  border-radius:inherit;
  z-index:1;
}


/* ---------- HOVER ---------- */

.vl24-quick-cta:hover::before{
  transform:scale(2.4);
}

.vl24-quick-cta:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}


/* ---------- CLICK FEEL ---------- */

.vl24-quick-cta:active{
  transform:translateY(0);
  filter:brightness(.98);
}