Noctua NP-DM3 (braun/weiß)

Noctua NP-DM3






.container {
font-size:14px;
max-width: 900px;
margin: auto;
background: #fff;
padding: 20px;
border-radius: 8px;
}
.container h1 {
color: #005baa;
text-align: left;
}
table {
width: 80%;
margin: 20px auto;
border-collapse: collapse;
}
th, td {
padding: 10px;
border-bottom: 1px solid #ddd;
text-align: left;
}
th {
background-color: #f0f0f0;
}
.static-img {
display: block;
margin: 20px auto;
width: 400px;
height: auto;
background-color: #fff;
padding: 10px;
border-radius: 8px;
transition: transform 0.1s ease;
cursor: pointer;
}

/* ZVĚTŠENÍ PO KLIKU */ /* ZMĚNA */
.static-img.zoomed {
transform: scale(2);
z-index: 10;
cursor: zoom-out;
}




Noctua NP-DM3

Prémiová desková podložka k 20. výročí Noctua
Noctua NP-DM3 je vysoce kvalitní desková podložka s unikátním designem časové osy, která připomíná klíčové milníky značky Noctua od roku 2005 až po nejnovější G2 modely.
Díky rozměrům 90×40 cm poskytuje dostatek prostoru pro klávesnici i myš, zatímco protiskluzová gumová základna a hladký jersey povrch zajišťují stabilitu a komfort.





Parametr Hodnota
Materiál horní strany Nízkotřecí jersey tkanina
Materiál spodní strany Přírodní guma s protiskluzovou úpravou
Okraje Prošité
Potisk Sublimační tisk (odolný proti opotřebení)
Design Noctua 20th Anniversary Timeline





.center-box {
display: flex;
justify-content: center;
align-items: center;
width: 100%; /* DŮLEŽITÉ – zajistí středění */
margin-top: 20px;
text-align: center; /* extra jistota pro inline prvky */
}

.logo-container {
display: inline-flex;
justify-content: center;
gap: 20px;
}

.logo-container img {
width: 300px;
max-width: 80vw; /* největší povolená šířka na malých zařízeních */
height: auto;
}

/* Mobilní telefony – úzké displeje */
@media (max-width: 600px) {
.logo-container img {
width: 200px;
max-width: 70vw;
}
}

/* Velmi malé telefony */
@media (max-width: 400px) {
.logo-container img {
width: 160px;
max-width: 60vw;
}
}















const img = document.querySelector( .static-img );
img.addEventListener( click , () => {
img.classList.toggle( zoomed );
});