CUCCIA IN LEGNO DA ESTERNO MODELLO 4XL GIGANTE CON DUE INGRESSI SENZA SEPAR E TENDINE OMAGGIO L.150 x P.125 x H.115
Cuccia in legno 4xl gigante doppio ingresso body { font-family: arial, sans-serif.
Line-height: 1.
6.
Color: #333.
Background-color: #f9f9f9.
Padding: 0 20px.
}.
Logo { text-align: center.
Margin: 20px 0.
}.
Logo img { height: 100px.
}.
Description-container { display: flex.
Justify-content: space-between.
Gap: 20px.
Background-color: #fff.
Padding: 20px.
Border-radius: 8px.
Box-shadow: 0 2px 4px rgba(0, 0, 0, 0.
1).
Transition: background-color 0.
3s ease, box-shadow 0.
3s ease.
}.
Description-container:hover { background-color: #f1f1f1.
Box-shadow: 0 4px 8px rgba(0, 0, 0, 0.
15).
}.
Column:nth-child(1) { background-color: #e7f5e1.
Colore verde chiaro.
}.
Column:nth-child(1):hover { background-color: #d0e4c9.
Colore pi scuro al passaggio del mouse.
}.
Column:nth-child(2) { background-color: #f4f4f4.
Colore grigio chiaro.
}.
Column:nth-child(2):hover { background-color: #e0e0e0.
Colore pi scuro al passaggio del mouse.
}.
Column:nth-child(3) { background-color: #f9f9f9.
Colore molto chiaro (quasi bianco).
}.
Column:nth-child(3):hover { background-color: #eaeaea.
Colore pi scuro al passaggio del mouse.
}.
Column { width: 32%.
Padding: 15px.
Border-radius: 8px.
Transition: background-color 0.
3s ease.
} h1 { text-align: center.
Color: #317402.
}.
Image-grid { display: grid.
Font-size: 17px.
Grid-template-columns: repeat(3, 1fr).
Gap: 15px.
Margin: 20px 0.
} h2 { text-align: center.
Color: #317402.
Font-size: 18px.
Margin-bottom: 20px.
}.
Accordion styles.
Accordion { margin-top: 20px.
}.
Accordion-item { border: 1px solid #317402.
Margin-bottom: 10px.
}.
Accordion-header { background-color: #317402.
Color: white.
Padding: 8px 15px.
Ridotto padding per altezza inferiore.
Text-align: center.
Cursor: pointer.
Font-weight: bold.
Display: block.
Width: 100%.
Occupy full width.
Box-sizing: border-box.
Includes padding in width.
Border-radius: 5px.
Aggiungi angoli arrotondati.
Font-size: 17px.
Font pi spesso per una leggibilit maggiore del titolo.
Transition: background-color 0.
3s ease, transform 0.
3s ease.
Transizione morbida.
}.
Hover effect per una morbidezza aggiuntiva.
Accordion-header:hover { background-color: #248f02.
Transform: scale(1.
05).
Leggera espansione quando si passa sopra con il mouse.
}.
Accordion-content { display: none.
Padding: 16px.
Background-color: #f4f4f4.
Border-top: 1px solid #317402.
Font-size: 14px.
Font pi spesso per una leggibilit maggiore del testo.
Color: #333.
Border-radius: 0 0 5px 5px.
Arrotonda gli angoli inferiori.
}.
Show content when checkbox is checked.
Accordion-item input:checked +.
Accordion-content { display: block.
}.
Responsive adjustments for mobile.
@media (max-width: 768px) {.
Accordion-item { width: 100%.
}.
Accordion-header { font-size: 16px.
Padding: 8px 10px.
Meno padding per schermi pi piccoli.
}.
Accordion-content { font-size: 14px.
} } table { width: 100%.
Border-collapse: collapse.
Margin: 20px 0.
} th { border: 1px solid #317402.
Padding: 10px.
} td { padding: 10px.
Text-align: center.
} th { background-color: #317402.
Color: white.
}.
Image-link { display: block.
Overflow: hidden.
Border-radius: 8px.
Transition: transform 0.
3s ease, box-shadow 0.
3s ease.
Color: inherit.
}.
Image-link:hover { transform: scale(1.
05).
Box-shadow: 0 4px 8px rgba(0, 0, 0, 0.
15).
}.
Image-link img { width: 100%.
Height: auto.
Border-radius: 8px.
}.
Caption { margin-top: 8px.
Font-weight: bold.
Font-size: 0.
85em.
Color: #317402.
Important.
Text-align: center.
} @media (min-width: 1024px) {.
Image-grid { grid-template-columns: repeat(3, 1fr).
Max-width: 50%.
Margin: 0 auto.
} } @media (max-width: 768px) {.
Image-grid { grid-template-columns: repeat(3, 1fr).
} } @media (max-width: 480px) {.
Image-grid { grid-template-columns: repeat(3, 1fr).
Gap: 10px.
} }.
Footer { margin-top: 40px.
Padding: 20px.
Border-top: 2px solid #317402.
Display: flex.
Justif.
