/*
 * Scheda dell'esperienza su computer (da 1024 px in su).
 * Rifatta il 30/9 notte (kit rilascio/scheda-esperienza-30-9).
 * CEO: «Guarda che grafica del cazzo, ma è possibile?»
 *
 * Prima: foto fino a 900 px, prezzo enorme sopra il titolo, colonna di destra
 * bianca senza margini (stelle e foto del Mastro fuori dagli angoli), etichette
 * grandi come titoli, descrizione grigia a 14 px, Colombo sopra la colonna.
 *
 * Ora, in un solo foglio con angoli tondi:
 *
 *   sinistra                              destra (ferma mentre si scorre)
 *   titolo                                prezzo
 *   Mastro, voto, luogo e etichette       Quando vuoi venire?
 *   foto (al massimo 460 px)              A che ora?
 *   Descrizione                           «Prenota»
 *   nota per chi prenota
 *   Termini di cancellazione
 *   mappa e zona indicativa
 *   Recensioni
 *   Segnala (piccolo, in fondo)
 *   Altri mestieri ed esperienze (tutta la larghezza)
 *
 * Il foglio lascia libero l'angolo in basso a destra, dove sta Colombo
 * (146 px dal bordo): Colombo non copre mai la colonna.
 *
 * Tutto vale solo con la classe `tbp-scheda-pc` sul body, che mette
 * js/tbp-scheda-desktop.js dopo aver spostato Mastro, prezzo, termini e mappa.
 * Senza JavaScript e sotto i 1024 px la scheda resta quella di prima.
 *
 * Le regole stanno nello strato «tbp-appearance», lo stesso dei temi chiaro e
 * scuro e della barra «Prenota» (esperienze/css/singolo.css): i loro
 * !important vincono su quelli senza strato dei fogli vecchi (una trentina
 * toccano questa pagina), e dentro lo strato vince il selettore più preciso.
 * Per questo ogni regola ha !important.
 */
@layer tbp-appearance {
@media (min-width: 1024px) {

	/* ---------- Colori (chiaro e ToBePolo; scuro sotto) ---------- */
	html body.single-esperienze.tbp-scheda-pc {
		--sx-titolo: #084828;
		--sx-testo: #10261B;
		--sx-tenue: #4A6457;   /* 6,1:1 sul bianco */
		--sx-linea: rgba(8, 72, 40, .13);
		--sx-foglio: #FFFFFF;
		--sx-riquadro: #FFFFFF;
		--sx-pillola: #EEF3EF;
		--sx-pillola-testo: #0B3F26;
		--sx-ombra: 0 1px 2px rgba(8, 72, 40, .06), 0 14px 34px -22px rgba(8, 72, 40, .35);
	}
	html[data-tbp-theme="dark"] body.single-esperienze.tbp-scheda-pc {
		--sx-titolo: #EDF3ED;
		--sx-testo: #E2E8E4;
		--sx-tenue: #B5BDB9;   /* 9:1 sul fondo scuro */
		--sx-linea: #333333;
		--sx-foglio: #141414;
		--sx-riquadro: #141414;
		--sx-pillola: #262B29;
		--sx-pillola-testo: #E2E8E4;
		--sx-ombra: none;
	}

	/* ---------- Il foglio: una griglia, due colonne ---------- */
	html body.single-esperienze.tbp-scheda-pc #main {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) clamp(320px, 27vw, 372px) !important;
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
		grid-template-areas:
			"titolo     pannello"
			"mastro     pannello"
			"galleria   pannello"
			"desc       pannello"
			"nota       pannello"
			"termini    pannello"
			"dove       pannello"
			"zona       pannello"
			"recensioni pannello"
			"segnala    pannello"
			"altre      altre" !important;
		align-items: start !important;
		align-content: start !important;
		column-gap: clamp(28px, 3vw, 48px) !important;
		row-gap: 0 !important;
		box-sizing: border-box !important;
		/* 1024-1279: a destra 145 px liberi per Colombo, a sinistra 20. */
		width: calc(100% - 165px) !important;
		max-width: none !important;
		margin: 16px auto 48px 20px !important;
		padding: 28px 28px 36px !important;
		border: 0 !important;
		border-radius: 28px !important;
		background: var(--sx-foglio) !important;
		background-image: none !important;
		box-shadow: none !important;
		color: var(--sx-testo) !important;
	}

	/* Contenitori del modello (pensati per il telefono): spariscono, i loro
	   figli diventano caselle della griglia. #prenota invece resta una scatola:
	   è il riquadro della prenotazione e il punto dove porta «Prenota» delle card. */
	html body.single-esperienze.tbp-scheda-pc #main > .tbp-exp-intro,
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero,
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero > .tbp-exp-card--scheda,
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero .tbp-exp-card__media,
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero .tbp-exp-card__head,
	html body.single-esperienze.tbp-scheda-pc #main > .corpo.tbp-exp-corpo,
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-corpo__story {
		display: contents !important;
	}

	/* ---------- Titolo ---------- */
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero .tbp-exp-card__title {
		grid-area: titolo !important;
		display: block !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		-webkit-line-clamp: unset !important;
		font: 800 clamp(28px, 2.2vw, 36px)/1.15 var(--tbp-font, Manrope, sans-serif) !important;
		letter-spacing: -0.01em !important;
		text-wrap: balance;
		color: var(--sx-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
		text-shadow: none !important;
	}

	/* ---------- Mastro, voto, luogo, etichette ---------- */
	html body.single-esperienze.tbp-scheda-pc #main > .corpo .tbp-scheda-host {
		grid-area: mastro !important;
		width: auto !important;
		margin: 16px 0 0 !important;
		padding: 0 !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__info {
		position: static !important;
		inset: auto !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		text-shadow: none !important;
		color: var(--sx-testo) !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__dock {
		display: grid !important;
		grid-template-columns: 48px auto minmax(0, 1fr) !important;
		grid-template-areas:
			"foto nome nome"
			"foto voto luogo"
			"etichette etichette etichette" !important;
		align-items: center !important;
		column-gap: 12px !important;
		row-gap: 2px !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host :is(.tbp-exp-card__person, .tbp-exp-card__meta, .tbp-exp-card__place) {
		display: contents !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__portrait {
		grid-area: foto !important;
		position: relative !important;
		display: block !important;
		width: 48px !important;
		height: 48px !important;
		margin: 0 !important;
		flex: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__portrait-frame {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		overflow: hidden !important;
		border: 0 !important;
		border-radius: 14px !important;
		background: var(--sx-pillola) !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__maker-photo {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover !important;
		object-position: center 20% !important;
		border-radius: 0 !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__maker-fallback {
		display: grid !important;
		place-items: center !important;
		width: 100% !important;
		height: 100% !important;
		font: 800 20px/1 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-titolo) !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__verified {
		position: absolute !important;
		inset: auto -5px -5px auto !important;
		z-index: 2 !important;
		display: grid !important;
		place-items: center !important;
		width: 20px !important;
		height: 20px !important;
		border: 2px solid var(--sx-foglio) !important;
		border-radius: 50% !important;
		background: #2F80ED !important;
		color: #FFFFFF !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__verified svg {
		display: block !important;
		width: 11px !important;
		height: 11px !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__maker-name {
		grid-area: nome !important;
		align-self: end !important;
		display: block !important;
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		text-align: left !important;
		font: 800 17px/1.25 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
		text-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-card-rating {
		grid-area: voto !important;
		align-self: start !important;
		justify-self: start !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		font: 600 14px/1.35 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-tenue) !important;
		-webkit-text-fill-color: currentColor !important;
		text-decoration: none !important;
		order: 0 !important;
		flex: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-card-rating [class*="tbp-card-rating__star"] {
		width: auto !important;
		height: auto !important;
		font-size: 15px !important;
		line-height: 1 !important;
		color: #E0A800 !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host :is(.tbp-card-rating__count, .tbp-card-rating__value) {
		font: 600 14px/1.35 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-tenue) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	@media (hover: hover) {
		html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host a.tbp-card-rating:hover .tbp-card-rating__count {
			text-decoration: underline !important;
			text-underline-offset: 3px !important;
		}
	}
	/* Luogo accanto al voto, con lo spillo: «★ (0 recensioni) · Venezia». */
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__place-bit {
		grid-area: luogo !important;
		align-self: start !important;
		justify-self: start !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 4px !important;
		width: auto !important;
		height: auto !important;
		margin: 0 0 0 14px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
		font: 600 14px/1.35 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-tenue) !important;
		-webkit-text-fill-color: currentColor !important;
		text-shadow: none !important;
		white-space: nowrap !important;
		order: 0 !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__place-bit::before {
		content: "" !important;
		display: block !important;
		flex: 0 0 13px !important;
		width: 13px !important;
		height: 13px !important;
		background: currentColor !important;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
	}
	/* Etichette: una riga di pillole piccole sotto il Mastro. */
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__tags {
		grid-area: etichette !important;
		display: flex !important;
		flex-flow: row wrap !important;
		align-items: center !important;
		gap: 6px !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 14px 0 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}
	html body.single-esperienze.tbp-scheda-pc .tbp-scheda-host .tbp-exp-card__tag {
		display: inline-flex !important;
		align-items: center !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 5px 10px !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: var(--sx-pillola) !important;
		box-shadow: none !important;
		font: 600 13px/1.2 var(--tbp-font, Manrope, sans-serif) !important;
		letter-spacing: 0 !important;
		color: var(--sx-pillola-testo) !important;
		-webkit-text-fill-color: currentColor !important;
		text-shadow: none !important;
		white-space: nowrap !important;
		order: 0 !important;
	}

	/* «Condividi»: in alto a destra, sulla riga del Mastro. */
	html body.single-esperienze.tbp-scheda-pc #main .tbp-condividi.tbp-condividi--esperienza {
		grid-area: mastro !important;
		justify-self: end !important;
		align-self: start !important;
		position: relative !important;
		inset: auto !important;
		z-index: 1 !important;
		margin: 16px 0 0 !important;
		transform: none !important;
	}

	/* ---------- Foto ---------- */
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero .tbp-exp-card__track {
		grid-area: galleria !important;
		height: clamp(320px, 31vw, 460px) !important;
		max-height: none !important;
		margin: 22px 0 0 !important;
		border-radius: 20px !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero .tbp-exp-card__track :is(img, video) {
		filter: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-hero :is(.tbp-exp-card__arrow, .tbp-exp-card__dots) {
		display: none !important;
	}

	/* ---------- Racconto ---------- */
	html body.single-esperienze.tbp-scheda-pc #main :is(.tbp-exp-desc, .tbp-exp-terms, #recensioni) h2 {
		margin: 0 0 10px !important;
		padding: 0 !important;
		font: 700 22px/1.25 var(--tbp-font, Manrope, sans-serif) !important;
		letter-spacing: -0.005em !important;
		color: var(--sx-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
		text-transform: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-desc {
		grid-area: desc !important;
		display: block !important;
		max-width: 68ch !important;
		margin: 36px 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-desc :is(p, li) {
		margin: 0 0 14px !important;
		padding: 0 !important;
		font: 400 17px/1.65 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-desc > :last-child {
		margin-bottom: 0 !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-host-note {
		grid-area: nota !important;
		max-width: 68ch !important;
		margin: 14px 0 0 !important;
		padding: 0 !important;
		font: 400 15px/1.55 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-tenue) !important;
		-webkit-text-fill-color: currentColor !important;
	}

	/* Termini di cancellazione: una sezione come le altre, con un link normale. */
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-terms {
		grid-area: termini !important;
		display: block !important;
		max-width: 68ch !important;
		margin: 32px 0 0 !important;
		padding: 28px 0 0 !important;
		border: 0 !important;
		border-top: 1px solid var(--sx-linea) !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-terms p {
		margin: 0 0 10px !important;
		padding: 0 !important;
		font: 400 16px/1.6 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-terms p:last-child {
		margin: 0 !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-terms a {
		display: inline !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
		font: 700 16px/1.6 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
		text-decoration: underline !important;
		text-decoration-thickness: 1px !important;
		text-underline-offset: 3px !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-terms a::before,
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-terms a::after {
		display: none !important;
	}

	/* Mappa e zona indicativa. */
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > #mappa-esperienza {
		grid-area: dove !important;
		width: 100% !important;
		height: 240px !important;
		max-height: none !important;
		margin: 32px 0 0 !important;
		border: 1px solid var(--sx-linea) !important;
		border-radius: 18px !important;
		order: 0 !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-single-map__nota {
		grid-area: zona !important;
		margin: 10px 0 0 !important;
		font: 400 14px/1.45 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-tenue) !important;
		-webkit-text-fill-color: currentColor !important;
	}

	/* Senza coordinate: solo la frase, niente riquadro vuoto. */
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > #mappa-esperienza.is-empty {
		height: auto !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
	}
	/* Attività online: al posto della mappa, dove ci si vede e quando arriva il link. */
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-single-online {
		grid-area: dove !important;
		max-width: 68ch !important;
		margin: 32px 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-single-online p {
		margin: 0 0 6px !important;
		padding: 0 !important;
		font: 400 16px/1.6 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-single-online p.tbp-exp-single-online__dove {
		font-weight: 700 !important;
		color: var(--sx-titolo) !important;
	}

	/* Recensioni. */
	html body.single-esperienze.tbp-scheda-pc #main > #recensioni {
		grid-area: recensioni !important;
		align-self: start !important;
		width: 100% !important;
		max-width: none !important;
		margin: 36px 0 0 !important;
		padding: 28px 0 0 !important;
		border: 0 !important;
		border-top: 1px solid var(--sx-linea) !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main > #recensioni > p {
		max-width: 68ch !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 16px !important;
		line-height: 1.6 !important;
		color: var(--sx-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}

	/* «Segnala»: piccolo, in fondo al racconto. */
	html body.single-esperienze.tbp-scheda-pc #main .tbp-sb-riga--esperienza {
		grid-area: segnala !important;
		display: flex !important;
		margin: 28px 0 0 !important;
		padding: 0 !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-sb-riga--esperienza .tbp-sb-segnala {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		min-height: 36px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		box-shadow: none !important;
		font: 600 14px/1.3 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-tenue) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-sb-riga--esperienza .tbp-sb-segnala :is(img, svg) {
		width: 16px !important;
		height: 16px !important;
		flex: 0 0 16px !important;
		opacity: .85 !important;
	}
	@media (hover: hover) {
		html body.single-esperienze.tbp-scheda-pc #main .tbp-sb-riga--esperienza .tbp-sb-segnala:hover span {
			text-decoration: underline !important;
			text-underline-offset: 3px !important;
		}
	}

	/* Altri mestieri ed esperienze: tutta la larghezza del foglio. */
	html body.single-esperienze.tbp-scheda-pc #main > .tbp-correlate {
		grid-area: altre !important;
		width: 100% !important;
		max-width: none !important;
		margin: 48px 0 0 !important;
	}

	/* ---------- Riquadro della prenotazione (#prenota) ---------- */
	html body.single-esperienze.tbp-scheda-pc #main > .corpo > .tbp-exp-bookcol {
		grid-area: pannello !important;
		position: sticky !important;
		top: 24px !important;
		align-self: start !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 22px 20px 20px !important;
		border: 1px solid var(--sx-linea) !important;
		border-radius: 22px !important;
		background: var(--sx-riquadro) !important;
		box-shadow: var(--sx-ombra) !important;
		scroll-margin-top: 24px !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol > .tbp-exp-card__price {
		display: block !important;
		margin: 0 0 14px !important;
		padding: 0 !important;
		font: 800 28px/1.1 var(--tbp-font, Manrope, sans-serif) !important;
		letter-spacing: -0.01em !important;
		color: var(--sx-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
		text-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol aside.prenota,
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol aside.prenota > div {
		display: block !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	/* «Scegli una data, scorri gli orari…» è per il telefono; qui lo dice la barra sotto. */
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .tbp-exp-book-hint {
		display: none !important;
	}
	/* Calendario e orari: niente riquadri dentro il riquadro, solo una linea fra i due. */
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .tbp-quando__campo {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .tbp-quando__campo--ora {
		margin: 14px 0 0 !important;
		padding: 14px 0 0 !important;
		border-top: 1px solid var(--sx-linea) !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol :is(.tbp-quando__titolo, .tbp-quando__campo--ora > p:first-child, .jet-apb-calendar-sidebar__title) {
		margin: 0 0 10px !important;
		font: 700 16px/1.3 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .jet-apb-calendar-wrapper,
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .jet-form-builder-row.field-type-appointment-date {
		margin: 0 !important;
		padding: 0 !important;
	}

	/* La barra «Prenota» (singolo.css, 29/9): qui è la fine del riquadro. */
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol #tbp-book-strip {
		position: static !important;
		inset: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin: 14px 0 0 !important;
		padding: 14px 0 0 !important;
		border: 0 !important;
		border-top: 1px solid var(--sx-linea) !important;
		border-radius: 0 !important;
		background: transparent !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		box-shadow: none !important;
		transform: none !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .tbp-book-strip__when {
		margin: 0 !important;
		font: 600 15px/1.4 var(--tbp-font, Manrope, sans-serif) !important;
		color: var(--sx-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .tbp-book-strip__cta {
		width: 100% !important;
		max-width: none !important;
		min-height: 52px !important;
		margin: 0 !important;
	}

	/* Scuro: le sfumature ai lati dei giorni (singolo.css) sono del colore del
	   vecchio riquadro del calendario; qui prendono quello del riquadro nuovo. */
	html[data-tbp-theme="dark"] body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .tbp-quando__campo--giorno::before {
		background-image: linear-gradient(to right, var(--sx-riquadro) 12%, rgba(20, 20, 20, 0)) !important;
	}
	html[data-tbp-theme="dark"] body.single-esperienze.tbp-scheda-pc #main .tbp-exp-bookcol .tbp-quando__campo--giorno::after {
		background-image: linear-gradient(to left, var(--sx-riquadro) 12%, rgba(20, 20, 20, 0)) !important;
	}
}

/* 1280 px e oltre: foglio centrato, 145 px liberi per parte (Colombo a destra). */
@media (min-width: 1280px) {
	html body.single-esperienze.tbp-scheda-pc #main {
		width: min(1200px, calc(100% - 290px)) !important;
		margin: 16px auto 56px !important;
		padding: 28px 36px 40px !important;
	}
}
}