Velkommen til retrotroeje.dk – din platform for retro fodboldtrøjer.
Her finder du din nye favorit retro trøje fra din yndlings fodboldklub. Vi henviser til den bedste online shop vi har kunne finde – og viser dig de trøjer de har på de pågældende klubber så du er klar til kamp eller til fodboldrejser
Skal du finde en retro Liverpool trøje – eller måske noget mere niche som en Monza retro trøje fra Serie A klubben? Så kan du finde det her!
:root{
–bg:#0b0c10;
–card:#111318;
–text:#e9eef5;
–muted:#9aa3ad;
–ring:#8ab4f8;
–shadow:0 10px 20px rgba(0,0,0,.25), 0 6px 6px rgba(0,0,0,.18);
–shadow-hover:0 14px 28px rgba(0,0,0,.32), 0 10px 10px rgba(0,0,0,.22);
}
.domains{
display:grid;
place-items:center;
padding:3rem 1rem;
color:var(–text);
font: 16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.domains h2{
margin:0 0 1.25rem;
font-size: clamp(1.2rem, 1.2rem + 1vw, 1.8rem);
letter-spacing:.2px;
color: black;
opacity:.95;
}
.domain-grid{
list-style:none;
padding:0;
margin:0 auto;
max-width:1100px;
width:100%;
display:grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap:16px;
}
.card{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:.5rem;
text-align:center;
padding:16px 14px;
background:var(–card);
border-radius:18px;
box-shadow: var(–shadow);
text-decoration:none;
color:var(–text);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
outline: none;
}
.card:hover{ transform: translateY(-3px); box-shadow: var(–shadow-hover); }
.card:focus-visible{ box-shadow: 0 0 0 3px var(–ring); }
.icon{
width:36px;
height:27px; /* 4:3 */
flex:0 0 auto;
}
.flag{
object-fit:cover;
border-radius:5px;
box-shadow: 0 0 0 1px rgba(255,255,255,.08);
}
.globe{
display:inline-grid;
place-items:center;
border-radius:6px;
box-shadow: 0 0 0 1px rgba(255,255,255,.08);
font-size:20px;
background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}
.domain{
font-size:.95rem;
letter-spacing:.15px;
color:var(–text);
opacity:.95;
word-break: break-word;
}
@media (prefers-reduced-motion: reduce){
.card{ transition: none; }
.card:hover{ transform:none; }
}