/* ===============================

   TECH47 – STYLE GLOBAL PREMIUM

   =============================== */

* {

  box-sizing: border-box;

}

body {

  margin: 0;

  font-family: Arial, Helvetica, sans-serif;

  background: linear-gradient(180deg, #05050d, #0b0b18);

  color: #ffffff;

}

/* ===============================

   HEADER

   =============================== */

.header-tech47 {

  text-align: center;

  padding: 28px 16px 18px;

  background: radial-gradient(circle at top, #1a1a3a, #070710);

}

.logo-tech47 img {

  max-width: 260px;

  width: 100%;

  height: auto;

}

.slogan-tech47 {

  margin: 10px 0;

  font-size: 13px;

  letter-spacing: 1.6px;

  color: #cfd2ff;

  text-transform: uppercase;

}

/* ===============================

   MENU NAVIGATION

   =============================== */

.menu-tech47 {

  margin-top: 14px;

  display: flex;

  justify-content: center;

  gap: 22px;

  flex-wrap: wrap;

}

.menu-tech47 a {

  color: #cfd2ff;

  text-decoration: none;

  font-weight: bold;

  padding: 10px 14px;

  border-radius: 10px;

}

.menu-tech47 a:hover,

.menu-tech47 a.active {

  background: linear-gradient(135deg, #7c4dff, #00e5ff);

  color: #ffffff;

}

/* ===============================

   RAMPE LED

   =============================== */

.rampe-led-tech47 {

  margin: 18px auto 0;

  width: 80%;

  max-width: 900px;

  height: 6px;

  border-radius: 20px;

  background: linear-gradient(

    90deg,

    #00e5ff,

    #7c4dff,

    #ff4081,

    #00e5ff

  );

  background-size: 300% 100%;

  animation: led-tech47 4s linear infinite;

  box-shadow: 0 0 18px rgba(124, 77, 255, 0.9);

}

@keyframes led-tech47 {

  from { background-position: 0% 50%; }

  to { background-position: 100% 50%; }

}

/* ===============================

   CONTENU

   =============================== */

main {

  padding: 50px 20px;

  max-width: 1200px;

  margin: auto;

}

h1 {

  margin-bottom: 24px;

}

/* ===============================

   BOUTONS

   =============================== */

.btn {

  display: inline-block;

  padding: 12px 22px;

  border-radius: 10px;

  text-decoration: none;

  font-weight: bold;

}

.btn-primary {

  background: linear-gradient(135deg, #7c4dff, #00e5ff);

  color: #ffffff;

}

/* ===============================

   PRODUITS

   =============================== */

.produits-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

  gap: 24px;

}

.produit {

  background: #0c0c1e;

  padding: 24px;

  border-radius: 16px;

}

.prix {

  font-size: 20px;

  font-weight: bold;

  color: #00e5ff;

}

/* ===============================

   CONTACT

   =============================== */

.contact-box {

  max-width: 520px;

  margin: auto;

  background: #0c0c1e;

  padding: 28px;

  border-radius: 16px;

}

.contact-form input,

.contact-form textarea {

  width: 100%;

  padding: 12px;

  margin-bottom: 12px;

  border-radius: 10px;

  border: none;

  background: #1a1a3a;

  color: #ffffff;

}

/* ===============================

   FOOTER

   =============================== */

.footer-tech47 {

  text-align: center;

  padding: 20px;

  background: #070710;

  color: #9aa0ff;

  font-size: 13px;

}

/* ===============================

   RESPONSIVE

   =============================== */

@media (max-width: 768px) {

  .logo-tech47 img {

    max-width: 220px;

  }

  main {

    padding: 30px 16px;

  }

  .rampe-led-tech47 {

    width: 90%;

  }

}