/* ==== BASE ==== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: Arial, sans-serif;
  background: #f5f5f5;
  color: #333;
  line-height: 1.5;
}
.container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 1rem;
}
hr {
  border: none;
  border-top: 2px solid #ddd;
  margin: 1rem 0;
}

/* ==== SEZIONE TITOLI CENTRATI ==== */
.section-title {
  text-align: center;
  margin-bottom: 1rem;
  color: #444;
}

/* ==== HEADER ==== */
.header {
  background: #fff;
}
.logo-img {
  max-width: 400px;    /* naturale 400×74 */
  width: 100%;
  height: auto;
  padding: 0.5rem 0;
}

/* ==== HERO ==== */
.hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  background: #fff;
  padding: 1rem;
}
.hero-text {
  flex: 1;
  text-align: center;
}
.slogan {
  font-size: 1.2rem;
  color: #555;
}

/* ==== SLIDER PRODOTTI ==== */
.product-slider {
  flex: 2;
  max-width: 600px;    /* naturale 600×600 */
  overflow: hidden;
}
.product-slider img {
  width: 100%;
  max-width: 600px;
  height: auto;
  display: none;
}
.product-slider img:first-child {
  display: block;
}

/* ==== STORIA ==== */
.story .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.col {
  flex: 1;
  min-width: 260px;
  background: #fff;
  padding: 1rem;
  border: 1px solid #e0e0e0;
}
.col img {
  width: 100%;
  max-width: 500px;    /* naturale 500×* */
  height: auto;
  display: block;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

/* ==== ARTEFERRETTO ONLINE ==== */
.online-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.online-col {
  flex: 1;
  min-width: 260px;
  background: #fff;
  padding: 1rem;
  border: 1px solid #e0e0e0;
}
.image-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-styledesign {
  width: 100%;
  max-width: 293px;    /* naturale 293×81 */
  height: auto;
}
.avr-img {
  width: 100%;
  max-width: 424px;    /* naturale 424×135 */
  height: auto;
}

/* ==== CANALE ESCLUSIVO ==== */
.exclusive .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.exclusive .text-center {
  text-align: center;
}
.exclusive .icon-cart {
  width: 100%;
  max-width: 500px;    /* naturale 500×500 */
  height: auto;
}

/* ==== SLIDER VENETO ==== */
.veneto-slider .intro {
  text-align: center;
  margin-bottom: 1rem;
  color: #555;
  font-style: italic;
}
.veneto-slider {
  max-width: 900px;    /* naturale 900×500 */
  margin: 0 auto;
  overflow: hidden;
}
.veneto-slider img {
  width: 100%;
  max-width: 900px;
  height: auto;
  display: none;
}
.veneto-slider img:first-child {
  display: block;
}

/* ==== FOOTER ==== */
.footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  background: #fff;
  padding: 1rem;
  border-top: 2px solid #ddd;
}
.footer-col {
  flex: 1;
  min-width: 0;
  font-size: 0.9rem;
}
/* Allineamenti desktop */
.footer-left  { text-align: left; }
.footer-center { text-align: center; }
.footer-right { text-align: right; }
/* Immagine POC */
.footer-right .poc-img {
  width: 100%;
  max-width: 682px;    /* naturale 682×308 */
  height: auto;
}
/* Link styling */
.footer a {
  color: #0073e6;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}

/* ==== RESPONSIVE ==== */
@media (max-width: 768px) {
  .hero,
  .story .row,
  .online-row,
  .exclusive .row {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .footer {
    flex-direction: column;
    align-items: stretch;
  }
  .footer-col {
    width: 100%;
    margin-bottom: 1rem;
    text-align: center;
  }
}
