CUCCIA IN LEGNO DA ESTERNO MODELLO OASI D-PASTORE CON TENDINA OMAGGIO L.102 x P.80 x H.80 in animali cani cucce per cani | Senza Marca | Scheda prodotto

Cuccia in Legno Oasi body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; background-color: #f9f9f9; padding: 0 20px; } /*PROVE DI SCROLLING-----------------------------------------------------------------------------------------------------------------*/ .testo-misure { font-size: 20px; color: #317402; text-align: right; font-weight: bold; } /*FINISCE PROVE DI SCROLLING----------------------------------------------------------------------------------------------------------*/ /*DA QUI INIZIA LA TABELLA CON LE LETTERE AL GARRESE ------------------------------------------------------------------*/ .riga { display: flex; align-items: center; font-size: 18px; color: #317402; margin: 2px 0; width: 300px; /* Allineamento pi uniforme */ text-align: left; } .icona { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 48%; background-color: #317402; color: white; font-size: 20px; font-weight: bold; margin-right: 10px; /* Spazio tra lettera e testo */ transition: transform 0.2s, background-color 0.3s; } .testo { flex-grow: 1; } .evidenziabile { transition: color 0.3s; } /* Effetto hover */ .riga:hover .icona { transform: scale(1.2); background-color: #1f5a02; } .riga:hover .evidenziabile { color: #1f5a02; font-weight: bold; } /*QUI FINISCE LA TABELLA CON LE LETTERE AL GARRESE--------------------------------------------------------------------------- */ .logo { text-align: center; margin: 20px 0; } .logo img { height: 100px; } /*DA QUI INIZIA LA DESCRIZIONE DELLA CUCCIA----------------------------------------------------------------------------------- */ .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; } /*QUI FINISCE LA DESCRIZIONE DELLA CUCCIA ------------------------------------------------------------------*/ h1 { color: #317402; text-align: center; } h2 { text-align: center; color: #317402; font-size: 18px; margin-bottom: 20px; } /* MISURE AL DETTAGLIO------------------------------------------------------------------------------------ */ .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: 16px; /* Font pi piccolo per una dimensione compatta */ 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: 15px; background-color: #f4f4f4; border-top: 1px solid #317402; font-size: 16px; color: #333; border-radius: 0 0 5px 5px; /* Arrotonda gli angoli inferiori */ } /* Controlla quando il contenuto della checkbox cliccato */ .accordion-item input:checked + .accordion-content { display: block; } /* Responsive display */ @media (max-width: 768px) { .accordion-item { width: 100%; } .accordion-header { font-size: 17px; padding: 8px 10px; /* Meno padding per schermi pi piccoli */ } .accordion-content { font-size: 16px; } } /*FINISCE MISURE AL DETTAGLIO------------------------------------------------------------------------------------------------------*/ /*PRIMA TABELLA MISURE-------------------------------------------------------------------------------------------------------------*/ table { width: 100%; border-collapse: collapse; margin: 20px 0; } th, td { border: 1px solid #317402; padding: 10px; } th { background-color: #317402; color: white; } .button { display: flex; align-items: center; justify-content: left; padding: 8px; margin: 8px 0; background-color: #317402; /* Verde per il pulsante */ color: white !important; /* Forza il colore bianco per il testo */ font-weight: bold; text-decoration: none; border-radius: 5px; transition: background-color 0.3s ease, transform 0.2s ease; width: 100%; box-sizing: border-box; } .button img { height: 40px; width: 40px; margin-right: 10px; border-radius: 50%; } .button:hover { background-color: #225a01; transform: scale(1.05); } .icona-tabella { display: inline-flex; align-items: center; justify-content: center; width: 40px; /* Dimensioni adattate */ height: 40px; border-radius: 50%; background-color: #317402; color: white; font-size: 18px; font-weight: bold; margin-right: 5px; transition: transform 0.2s, background-color 0.3s; } /* Effetto hover */ .icona-tabella:hover { transform: scale(1.2); background-color: #1f5a02; } td.measurement { font-size: 1.0em; font-weight: bold; color: #317402; text-align: center; background-color: #f1f8e9; border-radius: 1px; padding: 3px; white-space: nowrap; /* Impedisce il ritorno a capo */ } @media (max-width: 768px) { td.measurement { font-size: 1em; /* Ancora pi piccolo per schermi piccoli */ } } /*QUI FINISCE PRIMA TABELLA MISURE-------------------------------------------------------------------------------------------------*/ /* VIDEO--------------------------------------------------------------------------------------------------------------------------- */ .video-section { text-align: center; margin: 20px 0; } .video-title { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px; } .video-title a { color: #000; text-decoration: none; } .video-embed { width: 300px; /* Larghezza fissa */ height: 170px; /* Altezza fissa */ display: block; margin: 0 auto; } /*FINISCE VIDEO-------------------------------------------------------------------------------------------------------------------*/ /*QUI INIZIA LA PARTE FINALE DELLA DESCRIZIONE-------------------------------------------------------------------------------------*/ .footer { margin-top: 40px; padding: 20px; border-top: 2px solid #317402; display: flex; justify-content: space-between; /* Posiziona il logo a sinistra e il testo a destra */ align-items: center; } .footer img { height: 80px; /* Dimensione esatta per il logo in basso */ } .footer p { margin: 0; /* Rimuove il margine predefinito del paragrafo */ text-align: right; /* Allinea il testo a destra */ } .logo-table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 20px 0; } .logo-table td { padding: 20px; text-align: center; border: 1px solid #317402; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, box-shadow 0.3s ease; width: 50%; vertical-align: top; } .logo-table td:hover { background-color: #f1f1f1; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .logo-table img { width: auto; height: 80px; margin-bottom: 10px; } @media (max-width: 768px) { .logo-table img { height: 60px; max-width: 100%; } } .logo-description { font-size: 0.9em; color: #333; } @media (max-width: 768px) { .description-container { flex-direction: column; } .column { width: 100%; } } /*QUI FINISCE LA PARTE FINALE DELLA DESCRIZIONE-------------------------------------------------------------------------------------*/ /*INIZIA L'IMMAGINE AFFIANCATA GARRESE---------------------------------------------------------------------------------------------*/ .contenitoregarrese { display: flex; align-items: stretch; /* Fa s che il testo abbia la stessa altezza dell'immagine in teoria */ justify-content: center; max-width: 900px; margin: 20px auto; gap: 20px; } .immaginegarrese { width: 300px !important; height: 200px !important; border-radius: 10px; } .testogarrese { font-size: 18px; text-align: left; max-width: 50%; color: #010101; display: flex; align-items: center; /* Centra il testo verticalmente rispetto all'immagine */ } /* VERSIONE MOBILE */ @media (max-width: 768px) { .contenitoregarrese { flex-direction: column; text-align: center; } .testogarrese { max-width: 100%; text-align: center; margin-top: 10px; display: block; /* Rimuove l'effetto di allineamento verticale */ } } /*FINISCE L'IMMAGINE AFFIANCATA GARRESE-------------------------------------------------------------------------------------------*/ Cuccia Modello Oasi in pi misure Misure Misure in centimetri B Setter & simili. C L.93xP71x68 D Alano & simili. E L.119xP90xH87 OD Doppio Ingresso con Separ Estraibile ODS L.119xP90xH87 4XL
Descrizione: CUCCIA IN LEGNO DA ESTERNO MODELLO OASI D-PASTORE CON TENDINA OMAGGIO L.102 x P.80 x H.80. da BricoBravo. in animali cani cucce per cani