* { margin: 0; padding: 0; box-sizing: border-box; }

#grain-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #0e0e0e;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.7s ease;
}

#grain-loader.grain-loader--hidden {
  opacity: 0;
  pointer-events: none;
}

.grain-loader__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.grain-loader__logo {
  font-family: 'Barlow', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 4px;
  color: #e8e8e8;
  text-transform: uppercase;
}

.grain-loader__logo span { color: #ff8c00; }

.grain-loader__bar {
  width: 160px;
  height: 2px;
  background: #2a2a2a;
  border-radius: 2px;
  overflow: hidden;
}

.grain-loader__progress {
  height: 100%;
  width: 0%;
  background: #ff8c00;
  border-radius: 2px;
  animation: loader-progress 3.5s ease-out forwards;
}

@keyframes loader-progress {
  0%   { width: 0%; }
  60%  { width: 75%; }
  90%  { width: 92%; }
  100% { width: 100%; }
}

.grain-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
    mix-blend-mode: screen;
    opacity: 25%;
}

.grain-overlay video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    color: #e8e8e8;
    background-color: #0e0e0e;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

header {
    background-color: #181818;
    border-bottom: 1px solid #2a2a2a;
    padding: 0 2rem;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    color: #e8e8e8;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 2px;
}

.logo span { color: #ff8c00; }

nav { display: flex; gap: 0.5rem; align-items: center; }

nav a {
    color: #b0b0b0;
    text-decoration: none;
    padding: 0.4rem 0.9rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

nav a:hover, nav a.active {
    background-color: #2a2a2a;
    color: #e8e8e8;
}

nav a.nav-cta {
    background-color: #ff8c00;
    color: #ffffff;
    font-weight: bold;
    margin-left: 0.5rem;
}

nav a.nav-cta:hover { background-color: #e07a00; }

main {
    flex: 1;
    max-width: 1100px;
    margin: 2rem auto;
    padding: 0 1.5rem;
}

.hero {
    background-color: #181818;
    border: 1px solid #2a2a2a;
    border-radius: 6px;
    padding: 5rem 2rem;
    text-align: center;
}

.hero-eyebrow {
    font-size: 0.78rem;
    color: #ff8c00;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 1.25rem;
}

.hero h1 {
    font-size: 3.5rem;
    letter-spacing: 4px;
    color: #e8e8e8;
    margin-bottom: 1rem;
}

.hero h1 span { color: #ff8c00; }

.hero p {
    font-size: 1rem;
    color: #b0b0b0;
    margin-bottom: 2rem;
}

.btn {
    display: inline-block;
    background-color: #ff8c00;
    color: #111111;
    text-decoration: none;
    padding: 1.3rem 2.5rem;
    border-radius: 0;
    font-weight: bold;
    font-size: 0.9rem;
    letter-spacing: 1px;
    transition: transform 0.2s ease, background-color 0.2s ease;
    clip-path: polygon(
        0.0% 29.4%, 0.3% 29.0%, 0.6% 28.1%, 0.8% 27.6%, 1.1% 26.7%, 1.4% 26.3%, 1.7% 25.4%, 1.9% 24.7%, 2.2% 23.8%, 2.5% 23.4%, 2.8% 22.5%, 3.1% 22.0%, 3.3% 21.1%, 3.6% 20.4%, 3.9% 19.8%, 4.2% 19.1%, 4.4% 18.2%, 4.7% 17.5%, 5.0% 16.9%, 5.3% 16.2%, 5.5% 15.7%, 5.8% 14.8%, 6.1% 14.2%, 6.4% 13.3%, 6.7% 12.6%, 6.9% 11.7%, 7.2% 11.2%, 7.5% 10.8%, 7.8% 10.8%, 8.0% 11.2%, 8.3% 11.5%, 8.6% 11.7%, 8.9% 11.7%, 9.2% 12.1%, 9.4% 12.1%, 9.7% 12.6%, 10.0% 12.8%, 10.3% 13.0%, 10.5% 13.0%, 10.8% 13.5%, 11.1% 13.7%, 11.4% 13.9%, 11.7% 13.9%, 11.9% 14.4%, 12.2% 14.6%, 12.5% 14.8%, 12.8% 15.1%, 13.0% 15.5%, 13.3% 15.5%, 13.6% 15.7%, 13.9% 16.0%, 14.1% 16.4%, 14.4% 16.4%, 14.7% 16.6%, 15.0% 17.1%, 15.3% 17.3%, 15.5% 17.3%, 15.8% 17.8%, 16.1% 18.0%, 16.4% 18.0%, 16.6% 18.0%, 16.9% 18.0%, 17.2% 18.0%, 17.5% 17.8%, 17.8% 17.5%, 18.0% 17.5%, 18.3% 17.3%, 18.6% 17.1%, 18.9% 17.1%, 19.1% 17.1%, 19.4% 16.9%, 19.7% 16.6%, 20.0% 16.4%, 20.2% 16.2%, 20.5% 16.2%, 20.8% 16.2%, 21.1% 16.0%, 21.4% 16.0%, 21.6% 15.7%, 21.9% 15.5%, 22.2% 15.5%, 22.5% 15.3%, 22.7% 15.1%, 23.0% 15.1%, 23.3% 14.8%, 23.6% 14.8%, 23.9% 14.4%, 24.1% 14.4%, 24.4% 14.2%, 24.7% 14.2%, 25.0% 14.2%, 25.2% 13.9%, 25.5% 13.7%, 25.8% 13.7%, 26.1% 13.5%, 26.4% 13.3%, 26.6% 13.0%, 26.9% 13.0%, 27.2% 13.0%, 27.5% 12.8%, 27.7% 12.6%, 28.0% 12.6%, 28.3% 12.4%, 28.6% 12.1%, 28.8% 12.1%, 29.1% 11.9%, 29.4% 11.9%, 29.7% 11.7%, 30.0% 11.5%, 30.2% 11.2%, 30.5% 11.2%, 30.8% 11.2%, 31.1% 10.8%, 31.3% 10.8%, 31.6% 10.8%, 31.9% 10.8%, 32.2% 10.6%, 32.5% 10.3%, 32.7% 10.3%, 33.0% 9.9%, 33.3% 9.9%, 33.6% 9.9%, 33.8% 9.4%, 34.1% 9.4%, 34.4% 9.4%, 34.7% 9.2%, 35.0% 9.0%, 35.2% 9.0%, 35.5% 8.8%, 35.8% 8.8%, 36.1% 8.5%, 36.3% 8.3%, 36.6% 8.1%, 36.9% 8.3%, 37.2% 8.1%, 37.4% 7.9%, 37.7% 7.6%, 38.0% 7.6%, 38.3% 7.4%, 38.6% 7.4%, 38.8% 7.2%, 39.1% 7.0%, 39.4% 6.7%, 39.7% 6.7%, 39.9% 6.7%, 40.2% 6.5%, 40.5% 6.3%, 40.8% 6.3%, 41.1% 6.1%, 41.3% 6.1%, 41.6% 5.6%, 41.9% 5.6%, 42.2% 5.6%, 42.4% 5.4%, 42.7% 5.4%, 43.0% 4.9%, 43.3% 5.2%, 43.6% 4.9%, 43.8% 4.7%, 44.1% 4.5%, 44.4% 4.3%, 44.7% 4.3%, 44.9% 4.3%, 45.2% 4.0%, 45.5% 3.8%, 45.8% 3.8%, 46.0% 3.6%, 46.3% 3.4%, 46.6% 3.1%, 46.9% 3.4%, 47.2% 3.1%, 47.4% 2.7%, 47.7% 2.7%, 48.0% 2.7%, 48.3% 2.7%, 48.5% 2.5%, 48.8% 2.0%, 49.1% 2.2%, 49.4% 1.8%, 49.7% 2.0%, 49.9% 1.8%, 50.2% 1.3%, 50.5% 2.0%, 50.8% 2.7%, 51.0% 3.4%, 51.3% 4.0%, 51.6% 4.7%, 51.9% 5.6%, 52.1% 5.8%, 52.4% 6.5%, 52.7% 7.6%, 53.0% 8.3%, 53.3% 9.0%, 53.5% 9.4%, 53.8% 10.1%, 54.1% 11.0%, 54.4% 11.7%, 54.6% 12.4%, 54.9% 12.8%, 55.2% 13.7%, 55.5% 14.2%, 55.8% 14.2%, 56.0% 14.2%, 56.3% 13.9%, 56.6% 13.9%, 56.9% 13.7%, 57.1% 13.7%, 57.4% 13.5%, 57.7% 13.3%, 58.0% 13.3%, 58.3% 13.0%, 58.5% 13.0%, 58.8% 13.0%, 59.1% 12.6%, 59.4% 12.6%, 59.6% 12.6%, 59.9% 12.4%, 60.2% 12.4%, 60.5% 12.4%, 60.7% 12.1%, 61.0% 12.1%, 61.3% 11.9%, 61.6% 11.9%, 61.9% 11.7%, 62.1% 11.7%, 62.4% 11.5%, 62.7% 11.5%, 63.0% 11.2%, 63.2% 11.0%, 63.5% 10.8%, 63.8% 11.0%, 64.1% 10.8%, 64.4% 10.8%, 64.6% 10.3%, 64.9% 10.6%, 65.2% 10.3%, 65.5% 10.3%, 65.7% 9.9%, 66.0% 10.1%, 66.3% 9.9%, 66.6% 9.9%, 66.9% 9.7%, 67.1% 9.7%, 67.4% 9.4%, 67.7% 9.2%, 68.0% 9.0%, 68.2% 9.0%, 68.5% 9.0%, 68.8% 8.8%, 69.1% 8.8%, 69.3% 8.5%, 69.6% 8.3%, 69.9% 8.3%, 70.2% 8.3%, 70.5% 8.3%, 70.7% 8.1%, 71.0% 7.9%, 71.3% 7.9%, 71.6% 7.6%, 71.8% 7.4%, 72.1% 7.4%, 72.4% 7.4%, 72.7% 7.2%, 73.0% 7.2%, 73.2% 7.0%, 73.5% 7.0%, 73.8% 7.0%, 74.1% 6.5%, 74.3% 6.5%, 74.6% 6.5%, 74.9% 6.3%, 75.2% 6.3%, 75.5% 6.1%, 75.7% 5.8%, 76.0% 5.8%, 76.3% 5.8%, 76.6% 5.4%, 76.8% 5.6%, 77.1% 5.4%, 77.4% 5.2%, 77.7% 5.2%, 77.9% 5.2%, 78.2% 4.9%, 78.5% 4.9%, 78.8% 4.5%, 79.1% 4.7%, 79.3% 4.5%, 79.6% 4.3%, 79.9% 4.3%, 80.2% 4.3%, 80.4% 4.0%, 80.7% 4.0%, 81.0% 3.6%, 81.3% 3.6%, 81.6% 3.4%, 81.8% 3.6%, 82.1% 3.1%, 82.4% 3.4%, 82.7% 3.1%, 82.9% 2.9%, 83.2% 2.7%, 83.5% 2.9%, 83.8% 2.5%, 84.0% 2.7%, 84.3% 2.2%, 84.6% 2.5%, 84.9% 2.2%, 85.2% 2.0%, 85.4% 1.8%, 85.7% 2.0%, 86.0% 1.8%, 86.3% 1.8%, 86.5% 1.3%, 86.8% 1.3%, 87.1% 1.3%, 87.4% 1.1%, 87.7% 0.9%, 87.9% 1.1%, 88.2% 0.9%, 88.5% 0.7%, 88.8% 0.7%, 89.0% 0.4%, 89.3% 0.4%, 89.6% 0.2%, 89.9% 0.2%, 90.2% 0.2%, 90.4% 0.7%, 90.7% 1.6%, 91.0% 2.2%, 91.3% 3.1%, 91.5% 4.0%, 91.8% 4.9%, 92.1% 5.6%, 92.4% 6.3%, 92.6% 7.2%, 92.9% 8.1%, 93.2% 8.8%, 93.5% 9.7%, 93.8% 10.3%, 94.0% 11.2%, 94.3% 12.1%, 94.6% 13.0%, 94.9% 13.7%, 95.1% 14.6%, 95.4% 15.5%, 95.7% 16.2%, 96.0% 16.9%, 96.3% 17.5%, 96.5% 18.7%, 96.8% 19.6%, 97.1% 20.0%, 97.4% 21.3%, 97.6% 22.0%, 97.9% 22.7%, 98.2% 23.6%, 98.5% 24.5%,
        98.8% 47.9%, 99.0% 49.9%, 99.3% 52.1%, 99.6% 54.2%, 99.9% 56.0%, 99.9% 57.5%, 99.6% 58.7%, 99.3% 59.8%, 99.0% 61.1%, 98.8% 62.0%, 98.5% 62.9%, 98.2% 64.3%, 97.9% 65.6%, 97.6% 66.7%, 97.4% 67.6%, 97.1% 69.2%, 96.8% 70.3%, 96.5% 71.2%, 96.3% 72.4%, 96.0% 73.9%, 95.7% 74.6%, 95.4% 76.0%, 95.1% 77.3%, 94.9% 78.4%, 94.6% 79.6%, 94.3% 80.9%, 94.0% 81.6%, 93.8% 82.7%, 93.5% 83.4%, 93.2% 83.1%, 92.9% 83.4%, 92.6% 83.1%, 92.4% 82.9%, 92.1% 82.9%, 91.8% 82.7%, 91.5% 82.7%, 91.3% 82.9%, 91.0% 82.7%, 90.7% 82.5%, 90.4% 82.7%, 90.2% 82.5%, 89.9% 82.5%, 89.6% 82.5%, 89.3% 82.2%, 89.0% 82.5%, 88.8% 82.2%, 88.5% 82.0%, 88.2% 82.0%, 87.9% 82.0%, 87.7% 82.0%, 87.4% 82.0%, 87.1% 82.0%, 86.8% 81.6%, 86.5% 81.6%, 86.3% 81.6%, 86.0% 81.6%, 85.7% 81.6%, 85.4% 81.3%, 85.2% 81.6%, 84.9% 81.3%, 84.6% 81.1%, 84.3% 81.1%, 84.0% 81.1%, 83.8% 81.1%, 83.5% 81.1%, 83.2% 81.1%, 82.9% 80.9%, 82.7% 80.7%, 82.4% 80.7%, 82.1% 80.7%, 81.8% 80.4%, 81.6% 80.4%, 81.3% 80.4%, 81.0% 80.4%, 80.7% 80.2%, 80.4% 80.2%, 80.2% 80.2%, 79.9% 80.2%, 79.6% 80.2%, 79.3% 80.2%, 79.1% 80.2%, 78.8% 80.0%, 78.5% 79.8%, 78.2% 80.0%, 77.9% 80.2%, 77.7% 80.2%, 77.4% 80.4%, 77.1% 80.9%, 76.8% 81.1%, 76.6% 81.3%, 76.3% 81.6%, 76.0% 81.6%, 75.7% 82.0%, 75.5% 82.0%, 75.2% 82.5%, 74.9% 82.5%, 74.6% 82.7%, 74.3% 82.9%, 74.1% 83.4%, 73.8% 83.4%, 73.5% 83.6%, 73.2% 83.8%, 73.0% 84.3%, 72.7% 84.5%, 72.4% 84.5%, 72.1% 84.7%, 71.8% 84.9%, 71.6% 85.2%, 71.3% 85.4%, 71.0% 85.6%, 70.7% 86.1%, 70.5% 86.1%, 70.2% 86.3%, 69.9% 86.5%, 69.6% 87.0%, 69.3% 87.0%, 69.1% 87.2%, 68.8% 87.2%, 68.5% 87.6%, 68.2% 87.9%, 68.0% 88.1%, 67.7% 88.3%, 67.4% 88.5%, 67.1% 88.8%, 66.9% 89.0%, 66.6% 89.2%, 66.3% 89.4%, 66.0% 89.4%, 65.7% 89.9%, 65.5% 89.9%, 65.2% 90.1%, 64.9% 90.3%, 64.6% 90.6%, 64.4% 90.8%, 64.1% 91.0%, 63.8% 91.2%, 63.5% 91.5%, 63.2% 91.7%, 63.0% 91.9%, 62.7% 92.4%, 62.4% 92.4%, 62.1% 92.4%, 61.9% 92.1%, 61.6% 91.9%, 61.3% 91.9%, 61.0% 91.7%, 60.7% 91.5%, 60.5% 91.5%, 60.2% 91.0%, 59.9% 91.0%, 59.6% 90.8%, 59.4% 90.6%, 59.1% 90.3%, 58.8% 90.3%, 58.5% 90.1%, 58.3% 90.1%, 58.0% 89.7%, 57.7% 89.9%, 57.4% 89.4%, 57.1% 89.2%, 56.9% 89.0%, 56.6% 89.2%, 56.3% 88.8%, 56.0% 88.8%, 55.8% 88.5%, 55.5% 88.3%, 55.2% 88.1%, 54.9% 88.1%, 54.6% 87.6%, 54.4% 87.9%, 54.1% 87.4%, 53.8% 87.4%, 53.5% 87.2%, 53.3% 87.2%, 53.0% 87.0%, 52.7% 87.0%, 52.4% 86.5%, 52.1% 86.5%, 51.9% 86.3%, 51.6% 86.1%, 51.3% 85.8%, 51.0% 85.8%, 50.8% 85.6%, 50.5% 85.4%, 50.2% 85.4%, 49.9% 85.4%, 49.7% 85.2%, 49.4% 84.9%, 49.1% 84.7%, 48.8% 84.7%, 48.5% 84.3%, 48.3% 84.3%, 48.0% 84.0%, 47.7% 84.0%, 47.4% 83.6%, 47.2% 83.8%, 46.9% 83.6%, 46.6% 83.4%, 46.3% 83.4%, 46.0% 83.1%, 45.8% 83.1%, 45.5% 83.4%, 45.2% 83.6%, 44.9% 83.6%, 44.7% 83.8%, 44.4% 84.3%, 44.1% 84.0%, 43.8% 84.3%, 43.6% 84.3%, 43.3% 84.5%, 43.0% 84.7%, 42.7% 84.7%, 42.4% 85.2%, 42.2% 85.2%, 41.9% 85.2%, 41.6% 85.6%, 41.3% 85.6%, 41.1% 85.6%, 40.8% 85.8%, 40.5% 85.8%, 40.2% 86.1%, 39.9% 86.1%, 39.7% 86.3%, 39.4% 86.5%, 39.1% 86.7%, 38.8% 87.0%, 38.6% 87.0%, 38.3% 87.0%, 38.0% 87.4%, 37.7% 87.4%, 37.4% 87.4%, 37.2% 87.9%, 36.9% 87.9%, 36.6% 87.9%, 36.3% 88.1%, 36.1% 88.1%, 35.8% 88.5%, 35.5% 88.3%, 35.2% 88.5%, 35.0% 88.5%, 34.7% 88.8%, 34.4% 89.2%, 34.1% 89.0%, 33.8% 89.2%, 33.6% 89.7%, 33.3% 89.7%, 33.0% 89.7%, 32.7% 89.9%, 32.5% 89.9%, 32.2% 90.1%, 31.9% 90.3%, 31.6% 90.3%, 31.3% 90.6%, 31.1% 90.6%, 30.8% 90.8%, 30.5% 90.8%, 30.2% 91.0%, 30.0% 91.2%, 29.7% 91.5%, 29.4% 91.5%, 29.1% 91.7%, 28.8% 91.7%, 28.6% 91.9%, 28.3% 92.1%, 28.0% 92.4%, 27.7% 92.4%, 27.5% 92.6%, 27.2% 92.6%, 26.9% 92.8%, 26.6% 92.8%, 26.4% 93.3%, 26.1% 93.0%, 25.8% 93.3%, 25.5% 93.5%, 25.2% 93.7%, 25.0% 93.7%, 24.7% 93.9%, 24.4% 93.9%, 24.1% 94.2%, 23.9% 94.4%, 23.6% 94.6%, 23.3% 94.6%, 23.0% 94.6%, 22.7% 95.1%, 22.5% 95.1%, 22.2% 95.1%, 21.9% 95.5%, 21.6% 95.3%, 21.4% 95.5%, 21.1% 95.7%, 20.8% 95.7%, 20.5% 96.0%, 20.2% 96.2%, 20.0% 96.4%, 19.7% 96.4%, 19.4% 96.4%, 19.1% 96.6%, 18.9% 96.9%, 18.6% 96.9%, 18.3% 96.9%, 18.0% 97.1%, 17.8% 97.3%, 17.5% 97.3%, 17.2% 97.1%, 16.9% 97.3%, 16.6% 97.3%, 16.4% 97.3%, 16.1% 97.3%, 15.8% 97.3%, 15.5% 97.8%, 15.3% 97.5%, 15.0% 97.5%, 14.7% 97.8%, 14.4% 97.8%, 14.1% 98.0%, 13.9% 98.0%, 13.6% 97.8%, 13.3% 97.8%, 13.0% 98.0%, 12.8% 98.2%, 12.5% 98.0%, 12.2% 98.0%, 11.9% 98.2%, 11.7% 98.2%, 11.4% 98.2%, 11.1% 98.2%, 10.8% 98.2%, 10.5% 98.7%, 10.3% 98.4%, 10.0% 98.4%, 9.7% 98.7%, 9.4% 98.7%, 9.2% 98.7%, 8.9% 98.7%, 8.6% 98.9%, 8.3% 98.7%, 8.0% 98.9%, 7.8% 98.9%, 7.5% 99.1%, 7.2% 98.9%, 6.9% 98.9%, 6.7% 99.1%, 6.4% 99.1%, 6.1% 99.1%, 5.8% 99.1%, 5.5% 99.3%, 5.3% 99.6%, 5.0% 99.6%, 4.7% 99.6%, 4.4% 99.6%, 4.2% 99.3%, 3.9% 99.6%, 3.6% 99.6%, 3.3% 99.6%, 3.1% 99.8%, 2.8% 100.0%, 2.5% 99.8%, 2.2% 99.8%, 1.9% 99.6%, 1.7% 55.1%, 1.4% 51.2%, 1.1% 47.2%, 0.8% 43.4%, 0.6% 38.7%, 0.3% 35.3%, 0.0% 30.6%
    );
}

.btn:hover {
    background-color: #e07a00;
    transform: scale(1.05);
}

.page-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #e8e8e8;
    margin-bottom: 0.2rem;
    text-align: center;
}

.page-title span { color: #ff8c00; }

.page-subtitle {
    font-size: 0.9rem;
    color: #999;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    text-align: center;
}

.catalogue-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.catalogue-header > div:first-child {
    text-align: center;
    flex: 1;
}

.catalogue-count {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #aaa;
    padding-bottom: 0.3rem;
}

.catalogue-count strong {
    color: #ff8c00;
    font-size: 1.1rem;
}

.catalogue-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.2rem;
}

.card {
    background-color: #181818;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}

.card-image {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #111111;
    position: relative;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.card:hover .card-image img {
    transform: scale(1.04);
}

.card-id {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background: rgba(26,26,26,0.75);
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0.25rem 0.55rem;
    border-radius: 3px;
    backdrop-filter: blur(4px);
}

.card-stock-badge {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: #ff8c00;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
}

.card-body {
    padding: 1.25rem 1.4rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    flex: 1;
}

.card-name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #e8e8e8;
    line-height: 1.2;
}

.card-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.card-year {
    font-size: 0.78rem;
    color: #999;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.card-year::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #ff8c00;
    border-radius: 50%;
}

.card-price {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ff8c00;
    background: rgba(255,140,0,0.08);
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    border: 1px solid rgba(255,140,0,0.2);
}

.card-desc {
    font-size: 0.85rem;
    color: #aaa;
    line-height: 1.6;
    flex: 1;
}

.card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding-top: 0.9rem;
    border-top: 1px solid #2a2a2a;
}

.card-stock-label {
    font-size: 0.78rem;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-stock-value {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #e8e8e8;
}

.card-stock-value span {
    font-size: 0.78rem;
    font-weight: 500;
    color: #aaa;
    margin-left: 0.2rem;
}

footer {
    background-color: #181818;
    border-top: 1px solid #2a2a2a;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0;
}

.footer-wave {
    width: 100%;
    height: 200px;
    background-color: #ff8c00;
    clip-path: polygon(
        0% 100%, 0.0% 82.2%, 0.5% 80.9%, 1.0% 79.4%, 1.5% 78.4%, 2.0% 78.2%, 2.5% 78.9%, 3.0% 79.4%, 3.5% 80.2%, 4.0% 80.9%, 4.5% 81.7%, 5.0% 82.2%, 5.5% 82.9%, 6.0% 83.7%, 6.5% 84.4%, 7.0% 84.9%, 7.5% 85.7%, 8.0% 86.4%, 8.5% 87.2%, 9.0% 87.7%, 9.5% 88.4%, 10.0% 89.2%, 10.5% 89.9%, 11.0% 90.4%, 11.5% 91.2%, 12.0% 91.9%, 12.5% 92.4%, 13.0% 92.2%, 13.5% 91.7%, 14.0% 91.4%, 14.5% 90.9%, 15.0% 90.7%, 15.5% 90.4%, 16.0% 90.2%, 16.5% 89.9%, 17.0% 89.4%, 17.5% 89.2%, 18.0% 90.2%, 18.5% 90.9%, 19.0% 91.9%, 19.5% 92.9%, 20.0% 93.4%, 20.5% 94.4%, 21.0% 95.4%, 21.5% 96.2%, 22.0% 95.9%, 22.5% 94.7%, 23.0% 93.2%, 23.5% 91.7%, 24.0% 90.4%, 24.5% 88.7%, 25.0% 87.7%, 25.5% 89.2%, 26.0% 90.4%, 26.5% 92.2%, 27.0% 93.7%, 27.5% 95.2%, 28.0% 96.7%, 28.5% 98.2%, 29.0% 97.4%, 29.5% 95.9%, 30.0% 94.9%, 30.5% 93.7%, 31.0% 92.4%, 31.5% 91.2%, 32.0% 89.9%, 32.5% 88.7%, 33.0% 87.7%, 33.5% 86.2%, 34.0% 84.9%, 34.5% 83.9%, 35.0% 82.4%, 35.5% 81.4%, 36.0% 80.2%, 36.5% 80.4%, 37.0% 80.9%, 37.5% 81.4%, 38.0% 81.9%, 38.5% 82.2%, 39.0% 82.7%, 39.5% 83.2%, 40.0% 83.9%, 40.5% 84.2%, 41.0% 84.9%, 41.5% 85.2%, 42.0% 85.7%, 42.5% 86.2%, 43.0% 86.9%, 43.5% 87.2%, 44.0% 86.4%, 44.5% 85.9%, 45.0% 85.2%, 45.5% 84.9%, 46.0% 84.2%, 46.5% 83.7%, 47.0% 82.9%, 47.5% 82.4%, 48.0% 81.9%, 48.5% 81.4%, 49.0% 80.7%, 49.5% 80.2%, 50.0% 79.4%, 50.5% 79.2%, 51.0% 78.4%, 51.5% 77.9%, 52.0% 77.2%, 52.5% 76.7%, 53.0% 76.2%, 53.5% 75.7%, 54.0% 76.4%, 54.5% 77.2%, 55.0% 78.2%, 55.5% 78.9%, 56.0% 79.7%, 56.5% 80.7%, 57.0% 81.4%, 57.5% 82.2%, 58.0% 83.2%, 58.5% 83.9%, 59.0% 84.9%, 59.5% 85.7%, 60.0% 86.4%, 60.5% 87.4%, 61.0% 88.2%, 61.5% 88.9%, 62.0% 91.2%, 62.5% 90.4%, 63.0% 89.2%, 63.5% 88.2%, 64.0% 87.4%, 64.5% 86.4%, 65.0% 85.4%, 65.5% 85.9%, 66.0% 86.7%, 66.5% 87.4%, 67.0% 87.4%, 67.5% 87.2%, 68.0% 86.9%, 68.5% 86.7%, 69.0% 86.4%, 69.5% 86.2%, 70.0% 86.9%, 70.5% 88.2%, 71.0% 89.7%, 71.5% 90.9%, 72.0% 90.2%, 72.5% 89.4%, 73.0% 88.7%, 73.5% 87.7%, 74.0% 86.7%, 74.5% 85.7%, 75.0% 84.9%, 75.5% 84.2%, 76.0% 83.2%, 76.5% 82.2%, 77.0% 81.4%, 77.5% 80.4%, 78.0% 79.7%, 78.5% 78.9%, 79.0% 77.9%, 79.5% 76.9%, 80.0% 76.2%, 80.5% 76.4%, 81.0% 77.4%, 81.5% 78.4%, 82.0% 79.4%, 82.5% 80.4%, 83.0% 81.4%, 83.5% 82.2%, 84.0% 83.7%, 84.5% 84.4%, 85.0% 85.4%, 85.5% 86.4%, 86.0% 87.4%, 86.5% 88.4%, 87.0% 89.2%, 87.5% 88.4%, 88.0% 87.7%, 88.5% 87.4%, 89.0% 86.4%, 89.5% 85.7%, 90.0% 84.9%, 90.5% 84.4%, 91.0% 83.7%, 91.5% 82.7%, 92.0% 82.2%, 92.5% 81.4%, 93.0% 80.7%, 93.5% 79.9%, 94.0% 79.4%, 94.5% 78.7%, 95.0% 77.9%, 95.5% 77.2%, 96.0% 76.4%, 96.5% 77.2%, 97.0% 78.9%, 97.5% 80.4%, 98.0% 82.2%, 98.5% 83.7%, 99.0% 85.2%, 99.5% 86.9%, 100.0% 88.2%,
        100% 100%
    );
    margin-top: 3rem;
}

.footer-logo {
    color: #b0b0b0;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 2px;
}

.footer-logo span { color: #ff8c00; }
.footer-links { display: flex; gap: 1.5rem; }

.footer-links a {
    color: #b0b0b0;
    text-decoration: none;
    font-size: 0.85rem;
}

.footer-links a:hover { color: #e8e8e8; }
.footer-copy { font-size: 0.78rem; color: #aaa; }

.burger-checkbox {
    display: none;
}

.burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    padding: 0.4rem;
    z-index: 100;
}

.burger span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #b0b0b0;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
}

.burger-checkbox:checked + .burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.burger-checkbox:checked + .burger span:nth-child(2) { opacity: 0; }
.burger-checkbox:checked + .burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media screen and (min-width: 577px) {
    .burger { display: none; }
    nav { display: flex; }
}

@media screen and (max-width: 576px) {
    header {
        height: auto;
        padding: 0.75rem 1rem;
        position: relative;
        flex-wrap: wrap;
    }

    .burger { display: flex; }

    nav {
        display: none;
        width: 100%;
        flex-direction: column;
        gap: 0;
        padding: 0.5rem 0 0.75rem;
        border-top: 1px solid #2a2a2a;
        margin-top: 0.5rem;
    }

    .burger-checkbox:checked ~ nav { display: flex; }

    nav a {
        padding: 0.65rem 0.5rem;
        font-size: 0.95rem;
        border-radius: 4px;
        color: #b0b0b0;
    }

    nav a.nav-cta {
        margin-left: 0;
        margin-top: 0.4rem;
        text-align: center;
    }

    main { padding: 0 1rem; }
    .hero { padding: 2.5rem 1rem; }
    .hero h1 { font-size: 2rem; letter-spacing: 2px; }
    .page-title { font-size: 2rem; }
    .catalogue-header { flex-direction: column; align-items: flex-start; }
    .catalogue-grid { grid-template-columns: 1fr; gap: 1rem; }
    footer { flex-direction: column; align-items: flex-start; }
    .footer-links { flex-wrap: wrap; gap: 1rem; }
    .search-card { padding: 1.25rem; }
}

.search-card {
    background-color: #e8e8e8;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.form-label {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

.form-input {
    width: 100%;
    padding: 0.75rem 1rem;
    font-family: 'Barlow', sans-serif;
    font-size: 0.95rem;
    color: #e8e8e8;
    background-color: #111111;
    border: 1px solid #2a2a2a;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-input:focus {
    border-color: #ff8c00;
    box-shadow: 0 0 0 3px rgba(255,140,0,0.12);
}

.form-input::placeholder { color: #555; }

.btn-full {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.85rem;
    font-size: 0.9rem;
    border: none;
    cursor: pointer;
}

.btn-outline {
    background-color: #ff8c00;
    color: #111111;
    border: 2px solid #ff8c00;
}

.btn-outline:hover {
    background-color: #e07a00;
    border-color: #e07a00;
    color: #111111;
}

@keyframes bounce-in {
    0%   { transform: scale(0.7); opacity: 0; }
    60%  { transform: scale(1.03); opacity: 1; }
    80%  { transform: scale(0.98); }
    100% { transform: scale(1); }
}

.no-result {
    text-align: center;
    padding: 4rem 2rem;
    background: #181818;
    border: 1px solid rgba(255,140,0,0.3);
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(255,140,0,0.05);
    animation: bounce-in 0.9s ease-out both;
}

.no-result-icon { font-size: 3rem; margin-bottom: 1rem; }
.no-result-icon img { width: 200px; height: 200px; object-fit: contain; }

.no-result-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ff8c00;
    margin-bottom: 0.5rem;
}

.no-result-text {
    font-size: 0.9rem;
    color: #999;
}
.search-back {
    margin-top: 2.5rem;
    text-align: center;
}
.reponse-wrapper {
    max-width: 520px;
    margin: 3rem auto;
    padding: 0 1.5rem;
}

.reponse-card {
    background-color: #e8e8e8;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.reponse-card h1 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #e8e8e8;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #2a2a2a;
}

.reponse-card h1 span { color: #ff8c00; }

.reponse-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 0;
    border-bottom: 1px solid #2a2a2a;
}

.reponse-row:last-of-type { border-bottom: none; }

.reponse-label {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.reponse-label::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #ff8c00;
    border-radius: 50%;
}

.reponse-value {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #e8e8e8;
}

.reponse-card .btn {
    margin-top: 2rem;
    display: inline-block;
}

@media screen and (max-width: 576px) {
    .reponse-wrapper { padding: 0 1rem; margin: 1.5rem auto; }
    .reponse-card { padding: 1.5rem; }
    .reponse-card h1 { font-size: 1.8rem; }
}