:root{
    --brand:#00d0ff;
    --ink:#e8f2ff;
    --bg:#0b1222;
    --card:rgba(255,255,255,.04);
    --stroke:rgba(0,208,255,.25);
    --ring:rgba(0,208,255,.55);
  }
  
  .page-dealer{
    background: radial-gradient(1200px 600px at 10% -10%, rgba(0,208,255,.12), transparent 60%),
                radial-gradient(1200px 600px at 90% 110%, rgba(0,208,255,.08), transparent 60%),
                var(--bg);
    color:var(--ink);
  }
  
  .container.dealer-main{
    padding-top:clamp(48px,4vw,72px);
    padding-bottom:clamp(64px,6vw,96px);
  }
  
  .section-title{
    font-size:clamp(2rem, 3.8vw, 3.5rem);
    line-height:1.1;
    text-align:center;
    margin:0 0 28px;
    letter-spacing:.2px;
    position:relative;
  }
  
  .section-title::after{
    content:"";
    display:block;
    width:120px; height:2px;
    margin:14px auto 0;
    background:linear-gradient(90deg, transparent, var(--brand), transparent);
    opacity:.7;
  }
  
  .deck{
    display:grid;
    gap:18px;
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
  

  .card{
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:22px;
    box-shadow:0 12px 30px rgba(0,0,0,.35);
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  
  .card::before{
    /* suptilni “glass shine” */
    content:"";
    position:absolute; inset:-1px;
    border-radius:inherit;
    background: radial-gradient(600px 120px at -10% -10%, rgba(255,255,255,.18), transparent 40%),
                radial-gradient(400px 120px at 110% 110%, rgba(0,208,255,.12), transparent 50%);
    pointer-events:none;
    z-index:-1;
  }
  
  .card h3{
    font-size:clamp(1.1rem,1.6vw,1.35rem);
    margin:0 0 8px;
  }
  
  .card p{
    opacity:.85;
    margin:0;
  }
  
  /* hover mikro-interakcije */
  .card:hover{
    transform: translateY(-4px);
    border-color: var(--stroke);
    box-shadow: 0 18px 40px rgba(0,0,0,.45), 0 0 0 1px var(--stroke) inset;
    transition:.35s cubic-bezier(.2,.8,.2,1);
  }
  
  /* CTA box */
  .cta-box{
    margin-top:26px;
    text-align:center;
    padding:28px;
    background:linear-gradient(180deg, rgba(0,208,255,.08), rgba(0,208,255,.04));
    border-color:var(--stroke);
  }
  
  .neon-btn{
    --glow: drop-shadow(0 0 16px var(--ring)) drop-shadow(0 0 32px rgba(0,208,255,.35));
    filter: var(--glow);
  }
  
  /* tipka stil (ako već postoji .btn .primary u global.css, ovo samo doda glow) */
  .btn.primary{
    background:var(--brand);
    color:#03111a;
    border:1px solid rgba(255,255,255,.15);
  }
  
  /* animacijska inicijalna stanja (za GSAP) */
  .fx-title{ opacity:0; transform:translateY(20px) }
  .fx-card{ opacity:0; transform:perspective(600px) rotateX(8deg) translateY(26px) scale(.96); filter:blur(2px) }
  .fx-cta{  opacity:0; transform:translateY(18px) scale(.98) }
  
  /* respect prefers-reduced-motion */
  @media (prefers-reduced-motion: reduce){
    .fx-title,.fx-card,.fx-cta{ opacity:1!important; transform:none!important; filter:none!important }
    .card, .card:hover{ transition:none!important }
  }
  
  @media (max-width:960px){
    .deck{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  }
  @media (max-width:640px){
    .deck{ grid-template-columns:1fr; }
  }