/* New: icon flags */
    .country-flag{
      width:28px;
      height:20px;
      border-radius:4px;
      object-fit:cover;
      box-shadow:0 0 0 1px rgba(0,0,0,.7);
    }

    /* ===  =========================== */
    /* Bigger cards, neon-style */
    .countries{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:24px;
    }

    .country-card{
      background:var(--card);
      /* default glow colours (overridden per country) */
      --glow-1:var(--accent);
      --glow-2:var(--accent);
      --glow-3:var(--accent);
      --glow-color:var(--glow-1);

      border:1px solid var(--glow-1);  /* static coloured border */
      border-radius:24px;
      box-shadow:var(--shadow);
      padding:22px 24px 24px;
      text-align:center;
      position:relative;
      overflow:hidden;
    }

    .country-card header{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-bottom:16px;
    }
    .country-card h3{
      margin:0;
      font-size:1.6rem;
      letter-spacing:.03em;
    }
   /* ===  =========================== */
  
    .card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:12px;
      overflow:hidden;
       --glow-1:var(--accent);
      --glow-2:var(--accent);
      --glow-3:var(--accent);
      --glow-color:var(--glow-1);     
    }
    .thumb{aspect-ratio:3/2;background:#0e1420}
    .thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block
    }
    .thumb--placeholder{background:#0e1420}
    .title{font-weight:600;padding:10px 12px 0}
    .desc{padding:6px 12px 12px;color:var(--muted)}
    .card .actions{padding:10px 12px 12px}

    /* Animated country glow */
    /* ===  =========================== */
    .country-card,
    .country-card .pill,
    .country-card .btn{
      transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;
    }

    @keyframes countryGlowCycle{
      0%   { --glow-color:var(--glow-1); }
      33%  { --glow-color:var(--glow-2); }
      66%  { --glow-color:var(--glow-3); }
      100% { --glow-color:var(--glow-1); }
    }

.album-card{ background:var(--card); border:1px solid var(--border);
             border-radius:16px; box-shadow:var(--shadow); padding:14px; }
.album-card .thumb{ height:160px; border-radius:10px; background:#0e1522 center/cover no-repeat;
                    margin-bottom:10px; box-shadow:inset 0 -30px 60px rgba(0,0,0,.35); }
.album-card h4{ margin:0; font-weight:700; }
    /* ===  =========================== */
    .album-card{
      background:var(--card);
      /* default glow colours (overridden per country) */
      --glow-1:var(--accent);
      --glow-2:var(--accent);
      --glow-3:var(--accent);
      --glow-color:var(--glow-1);

      border:1px solid var(--glow-1);  /* static coloured border */
      border-radius:24px;
      box-shadow:var(--shadow);
      padding:22px 24px 24px;
      text-align:center;
      position:relative;
      overflow:hidden;
    }

.album-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  width:100%;
}

.album-card{
  width:100%;
  min-width:0;
}





   .album-card,
    .album-card .pill,
    .album-card .btn{
      transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;
    }


    .album-card:hover{
      transform:translateY(-2px);
      animation:countryGlowCycle 4s linear infinite;
      border-color:var(--glow-color);
      box-shadow:
        0 0 0 2px var(--glow-color),
        0 0 26px rgba(0,0,0,.7),
        0 0 50px var(--glow-color);
    }

    .album-card .btn:hover{
      border-color:var(--glow-color);
    }
    /* ===  =========================== */
    .album-card:hover{
      transform:translateY(-2px);
      animation:countryGlowCycle 4s linear infinite;
      border-color:var(--glow-color);
      box-shadow:
        0 0 0 2px var(--glow-color),
        0 0 26px rgba(0,0,0,.7),
        0 0 50px var(--glow-color);
    }

    .album-card .btn:hover{
      border-color:var(--glow-color);
    }    
    .album-card[data-country="Turkey"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    /* ===  =========================== */
    .album-category-label {
      grid-column: 1 / -1;          /* span full width of the grid */
      margin: 1.5rem 0 0.5rem;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--muted);
      font-weight: 600;
      opacity: 0.9;
    }

    /* === Per-country glow palettes =========================== */
    .country-card[data-country="Turkey"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Montenegro"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Denmark"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Norway"]{
      --glow-1:#0d1d7e;
      --glow-2:#d0170c;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Andorra"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Ukraine"]{
      --glow-1:#0057b7;
      --glow-2:#ffd700;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Russia"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Belgium"]{
      --glow-1:#000000;
      --glow-2:#fae042;
      --glow-3:#ed2939;
    }
    .country-card[data-country="Austria"]{
      --glow-1:#d32333;
      --glow-2:#d32333;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Italy"]{
      --glow-1:#009246;
      --glow-2:#ce2b37;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Greece"]{
      --glow-1:#0d5eaf;
      --glow-2:#ffffff;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Spain"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    .country-card[data-country="Netherlands"]{
      --glow-1:#e60000;
      --glow-2:#ffcc00;
      --glow-3:#ffffff;
    }
    .country-card[data-country="France"]{
      --glow-1:#1d4ed8;
      --glow-2:#ffffff;
      --glow-3:#ef4444;
    }
    .country-card[data-country="South Africa"]{
      --glow-1:#22c55e;
      --glow-2:#facc15;
      --glow-3:#0ea5e9;
    }
    .country-card[data-country="San Marino"]{
      --glow-1:#ffffff;
      --glow-2:#22d3ee;
      --glow-3:#60a5fa;
    }

    .album-card img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}