/**
 * Adaptations tablette et téléphone.
 * La maquette est réagencée, pas seulement réduite : sur téléphone le texte
 * du bandeau passe avant le livre et les boutons occupent toute la largeur.
 */

/* ------------------------------------------------------------- Tablette */

@media (max-width: 1080px) {
	.lc-benefits__grid {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 32px;
	}

	.lc-collections,
	.lc-trio {
		grid-template-columns: repeat(2, 1fr);
	}

	.lc-grid--books {
		grid-template-columns: repeat(3, 1fr);
	}

	.lc-footer__grid {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 36px;
	}

	/* Le troisième panneau reprend toute la largeur pour rester lisible. */
	.lc-trio__panel:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 900px) {
	.book-hero__inner {
		grid-template-columns: 1fr;
		min-height: auto;
		padding-block: 56px 20px;
	}

	.book-hero__visual img {
		width: min(100%, 620px);
		margin-inline: auto;
	}

	.book-hero__cover-only {
		margin-inline: auto;
	}

	.lc-featured__inner,
	.lc-book__inner,
	.lc-details {
		grid-template-columns: 1fr;
	}

	.lc-featured__media {
		order: -1;
	}

	.lc-book__media {
		max-width: 340px;
		margin-inline: auto;
	}

	.lc-newsletter__inner {
		flex-wrap: wrap;
	}

	.lc-newsletter__form {
		flex: 1 0 100%;
	}

	.lc-newsletter__field {
		flex: 1;
		width: auto;
	}
}

/* ------------------------------------------------------------ Téléphone */

@media (max-width: 720px) {
	.lc-benefits__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.lc-collections,
	.lc-trio,
	.lc-grid--books {
		grid-template-columns: 1fr;
	}

	.lc-trio__panel:last-child {
		grid-column: auto;
	}

	.book-hero__actions .lc-button,
	.lc-featured__actions .lc-button,
	.lc-book__actions .lc-button,
	.lc-section__more .lc-button {
		width: 100%;
	}

	.book-hero__text {
		max-width: none;
	}

	.lc-filters__group {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.lc-specs__row {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.lc-newsletter__inner {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.lc-newsletter__form {
		flex-direction: column;
		width: 100%;
	}

	.lc-newsletter__field {
		width: 100%;
	}

	.lc-newsletter__form .lc-button {
		width: 100%;
	}

	.lc-footer__grid {
		grid-template-columns: 1fr;
	}

	.lc-footer__bottom-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.lc-collection {
		grid-template-columns: 38% 1fr;
	}
}

@media (max-width: 480px) {
	.lc-benefits__grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.lc-collection {
		grid-template-columns: 1fr;
		padding: 0 0 28px;
	}

	.lc-collection__media {
		margin: 0;
		padding: 24px 24px 0;
	}

	.lc-collection__img {
		width: min(100%, 200px);
	}

	.lc-collection__body {
		padding-inline: 24px;
	}
}