@charset "utf-8";

/* Mobile */
@media only screen and (min-width: 0px) {
	.articolo-singolo {
		width: 92%;
		margin-left: 4%;
		margin-right: 4%;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.titolo-articolo {
		font-weight: normal;
		text-align: left;
		font-size: 28px;
		line-height: 34px;
		margin-top: 0px;
	}
	.titolo-secondario {
		font-weight: normal;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
		font-style: italic;
		font-size: 18px;
    	line-height: 24px;
	}
	.titolo-paragrafo {
		font-weight: 500;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 34px;
	}
	.testo, .CookieDeclaration p, .CookieDeclarationType, #CookieDeclarationUserStatusPanel {
		text-align: left;
		text-justify: inter-word;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 24px;
	}
	.immagine-argomento-generale {
		margin-left: auto;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-right: auto;
		display: block;
	}
	.immagine-argomento-100 {
		width: 100%;
		max-width: 1425px;
	}
	.immagine-argomento-75 {
		width: 100%;
		max-width: 1069px;
	}
	.immagine-argomento-50 {
		width: 100%;
		max-width: 713px;
	}
	.immagine-argomento-25 {
		width: 100%;
		max-width: 357px;
	}
	.immagine-argomento-10 {
		width: 100%;
		max-width: 143px;
	}
	.link-allegato-argomento {
		width: auto !important;
		display: block;
		text-align: left;
    	text-decoration: none;
	}
	.link-allegato-argomento:hover{
    	text-decoration: underline;
	}
	.allegato-argomento{
		display: flex;
		align-items: flex-end;
		min-width: 1px; /* Necessario in caso di elementi float precedenti */
	}
	.link-allegato-argomento i{
		font-size: 40px;
		margin-left: -6px;
	}
	.icona-allegato{
		width: 28px;
		height: 40px;
		position: relative;
	}
	.testo-allegato{
		margin-left: 5px;
	}
	.icona-allegato div{
		position: absolute;
		font-size: 12px;
		bottom: 4px;
		width: 28px;
		text-align: center;
	}
	.linea-argomento {
		height: 1px;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 20px;
		margin-bottom: 10px;
		clear: both; /* Per eventuale float immagine */
	}
	.contenitore-youtube-generale {
		margin-left: auto;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-right: auto;
		display: block;
	}
	.contenitore-youtube-100 {
		width: 100%;
		max-width: 1425px;
	}
	.contenitore-youtube-75 {
		width: 100%;
		max-width: 1069px;
	}
	.icontenitore-youtube-50 {
		width: 100%;
		max-width: 713px;
	}
	.video-youtube {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.video-youtube iframe, .video-youtube object, .video-youtube embed {
		left: 0;
		right: 0;
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.blocco-prodotto-argomento {
		display: flex;
		flex-direction: column;
    	margin-top: 5px;
	}
	.blocco-immagine-prodotto-argomento {
		display: flex;
	}
	.cornice-immagine-prodotto-argomento {
		width: 50%;
		display: table;
	}
	.titolo-prodotto-argomento {
		text-align: left;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 0px;
		max-width: 700px;
		width: 60%;
		font-size: 18px;
		line-height: 24px;
	}
	.titolo-prodotto-argomento-mobile {
		display: block;
		margin-left: 2%;
	}
	.titolo-prodotto-argomento-desktop {
		display: none;
	}
	.disponibilita-prodotto-argomento {
		font-size: 12px;
		line-height: auto;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		text-align: left;
		margin-top: 5px;
	}
	.disponibilita-prodotto-argomento-piccolo{
		margin-bottom: 10px;
	}
	.blocco-prezzo-prodotto-argomento {
		display: flex;
	}
	.logo-farmaci-argomento {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	.contenitore-prezzo-base-prodotto-argomento {
		display: flex;
		height: 30px;
		flex-direction: column;
		justify-content: center;
		font-size: 14px;
	}
	.prezzo-base-prodotto-argomento {
		text-decoration: line-through;
		font-weight: 500;
	}
	.contenitore-percentuale-sconto-prodotto-argomento {
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 15px;
		height: 30px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 5px;
		margin-right: 5px;
		text-transform: uppercase;
	}
	.contenitore-prezzo-offerta-prodotto-argomento {
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 20px;
		font-weight: 500;
		height: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.blocco-disponibilita-quantita {
		display: flex;
		margin-top: 10px;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	.contenitore-label-input-aggiungiquantita-prodotto-argomento {
		display: flex;
		height: 30px;
	}
	.button-modifica-quantita{
		border: none;
		cursor: pointer;
		border-radius: none;
		width: 30px;
		height: 30px;
	}
	.icon-modifica-quantita {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	.button-aggiungi-carrello-prodotto-argomento {
		height: 30px;
		font-size: 10px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 20px;
		margin-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-radius: 0px;
		width: 100%;
	}
	.button-aggiungi-carrello-prodotto-argomento-avvisami {
		height: 30px;
		font-size: 10px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 6px;
		margin-right: 6px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		border-radius: 0px;
	}
	.caratteristica-singola-prodotto-argomento {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 30px;
		padding-left: 10px;
		padding-right: 10px;
		border-left-width: 1px;
		border-left-style: solid;
        text-align: left;
	}
	.testo-caratteristica-singola-prodotto-argomento {
		font-size: 12px;
		text-decoration: none;
	}
    .spedizione-prodotto-argomento {
        font-weight: bold;
	}
	.link-testo-caratteristica-singola-prodotto-argomento {
		font-size: 12px;
		text-decoration: none;
	}
	.link-testo-caratteristica-singola-prodotto-argomento:hover {
		text-decoration: underline;
	}
	.blocco-caratteristiche-prodotto-argomento {
		display: flex;
		margin-bottom: 20px;
	}
	.input-form-quantita-prodotto-argomento {
		font-size: 16px;
		width: 35px;
		border-style: none;
		text-align: center;
	}
	.spaziatura-argomento {
		height: 20px;
		clear: both; /* Per eventuale float immagine */
	}
	.immagine-prodotto-argomento {
		width: 100%;
	}
	.blocco-scheda {
		text-align: justify;
		font-size: 12px;
	}
	.blocco-scheda h2 {
		text-align: left;
		font-size: 16px;
	}
	.blocco-scheda p {
		font-size: 14px;
	}
	.blocco-scheda table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		width: 100%;
	}
	.icona-descrizione-scheda {
		font-size: 18px;
		margin-top: 5px;
		margin-left: 4px;
		cursor: pointer;
	}
	.data-evento-articolo {
		font-size: 18px;
		font-weight: normal;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.icona-argomento{
		font-size: 90px;
	}
}


/* Tablet */
@media only screen and (min-width: 481px) {
	.titolo-articolo {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.titolo-secondario {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.titolo-paragrafo {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.testo, .CookieDeclaration p, .CookieDeclarationType, #CookieDeclarationUserStatusPanel  {
		width: 98%;
		margin-left: 1%!important;
		margin-right: 1%!important;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.immagine-argomento-100 {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.immagine-argomento-75 {
		width: 73%;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	.immagine-argomento-50 {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	.immagine-argomento-25 {
		width: 23%;
		float: left;
		margin-top: 4px;
		margin-left: 1%;
		margin-right: 1%;
	}
	.immagine-argomento-10 {
		width: 8%;
		float: left;
		margin-top: 4px;
		margin-left: 1%;
		margin-right: 1%;
	}
	.cornice-immagine-prodotto-argomento {
		width: auto;
		border-width: 1px;
		border-style: solid;
	}
	.titolo-prodotto-argomento {
		font-size: 22px;
    	width: 100%;
	}
	.titolo-prodotto-argomento-mobile {
		display: none;
	}
	.titolo-prodotto-argomento-desktop {
		display: block;
	}
	.disponibilita-prodotto-argomento {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.disponibilita-prodotto-argomento-piccolo{
		font-size: 10px;
	}
	.logo-farmaci-argomento {
		width: 65px;
		height: 65px;
	}
	.contenitore-prezzo-base-prodotto-argomento {
		height: 40px;
		font-size: 16px;
		padding-right: 10px;
	}
	.contenitore-percentuale-sconto-prodotto-argomento {
		font-size: 20px;
		height: 40px;
	}
	.contenitore-prezzo-offerta-prodotto-argomento {
		font-size: 24px;
		height: 40px;
		padding-left: 10px;
		padding-right: 30px;
	}
	.button-modifica-quantita {
		width: 36px;
		height: 36px;
	}
	.icon-modifica-quantita {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	.button-aggiungi-carrello-prodotto-argomento {
		height: 36px;
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 36px;
		border-radius: 0px;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		max-width: 230px;
	}
	.button-aggiungi-carrello-prodotto-argomento-avvisami {
		height: 36px;
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 36px;
	}
	.blocco-prodotto-argomento {
		width: 98%;
		margin: 1%;
		flex-direction: row;
	}
	.blocco-prodotto-piccolo-argomento {
		max-width: 220px;
		display: block;
		float: left;
	}
	.blocco-immagine-prodotto-argomento {
		width: 25%;
		display: block;
	}
	.blocco-aggiungi-prodotto-argomento {
		margin-left: 2%;
  		width: 75%;
	}
	.input-form-quantita-prodotto-argomento {
		font-size: 18px;
		width: 34px;
		height: 34px;
	}
	.data-evento-articolo {
		font-size: 20px;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.blocco-scheda {
		font-size: 14px;
	}
	.immagine-argomento-generale{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.contenitore-youtube-generale {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.contenitore-youtube-100 {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.contenitore-youtube-75 {
		width: 73%;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	.contenitore-youtube-50 {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	.titolo-prodotto-argomento {
		font-size: 22px;
	}
	.spaziatura-argomento {
		height: 20px;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		clear: both; /* Per eventuale float immagine */
	}
	.icona-argomento{
		font-size: 45px;
	}
}

/* Desktop */
@media only screen and (min-width: 769px) {
	.icona-allegato div{
		bottom: 2px;
	}
	.icona-argomento{
		font-size: 60px;
	}
}

/* Desktop Alta */
@media only screen and (min-width: 1130px) {
	.titolo-articolo {
		font-size: 50px;
		line-height: 60px;
		margin-bottom: 20px;
	}
	.titolo-secondario {
		font-size: 24px;
		line-height: 38px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.titolo-paragrafo {
		font-size: 30px;
		line-height: 42px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.testo, .CookieDeclaration p, .CookieDeclarationType, #CookieDeclarationUserStatusPanel  {
		font-size: 20px;
		line-height: 34px;
	}
	.data-evento-articolo {
		font-size: 24px;
	}
	.icona-argomento{
		font-size: 90px;
	}
}