/**
 * Responsive — thème bagxpro
 * Breakpoints : 1199 / 991 / 767 / 575 px
 */

/* ——— Global ——— */
body.nav-is-visible {
	overflow: hidden;
}

@media (max-width: 991px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.strate {
		padding: 56px 0;
	}

	h2,
	.style-H2,
	.title-archive-produit {
		font-size: clamp(26px, 5vw, 40px);
		line-height: 1.15;
	}

	h3,
	.style-H3 {
		font-size: clamp(22px, 4vw, 28px);
		line-height: 1.2;
	}

	p {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.strate {
		padding: 40px 0;
	}
}

/* ——— Bandeau promo + header ——— */
@media (max-width: 991px) {
	.bagxpro-site-header {
		background: #fff;
	}

	.sentence-header {
		position: relative;
		top: auto;
		left: auto;
		z-index: 1;
		font-size: 11px;
		line-height: 1.35;
		padding: 8px 12px;
	}

	header.burger,
	header.burger.linear {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100%;
		padding: 10px 12px;
		border-radius: 0;
		background: #fff;
	}

	header.linear {
		padding: 10px 12px;
	}

	header.burger .logo,
	header.burger .logo-scroll {
		width: 110px;
		max-width: 100%;
		height: auto;
		margin-top: 0;
	}

	.bagxpro-header-cta .button.primary {
		padding: 8px 10px;
		font-size: 12px;
		min-width: 36px;
		text-align: center;
		line-height: 1;
	}

	.bagxpro-header-cta__short {
		font-size: 20px;
		line-height: 1;
		font-weight: 700;
	}

	header.burger.linear .button-menu .text {
		font-size: 0;
		line-height: 0;
	}

	header.burger.linear .button-menu {
		padding: 6px 0;
	}

	header.burger.is-scrolled,
	header.burger.is-scrolled.is-visible {
		position: relative !important;
		transform: none !important;
	}

	.breadcrumb {
		position: relative;
		top: auto;
		padding: 12px 16px 0;
	}
}

@media (max-width: 767px) {
	.bagxpro-menu-close {
		left: calc(min(100vw, 320px) - 52px);
	}

	.menu-navigation .menu {
		width: min(100%, 320px);
		z-index: 100060;
	}

	.menu-navigation ul {
		padding-left: 24px;
		padding-right: 16px;
	}

	.menu-navigation ul li a {
		font-size: 20px;
	}
}

/* ——— Hero home ——— */
@media (max-width: 1199px) {
	.strate-hero.home .strate-hero_inner {
		width: 55%;
		left: 6%;
	}

	.container-bag-home {
		width: 38%;
		right: 4%;
	}
}

@media (max-width: 991px) {
	.strate-hero.full.home {
		min-height: auto;
		height: auto;
		padding-bottom: 0;
	}

	.strate-hero.home .strate-hero_inner {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		transform: none !important;
		padding: 40px 20px 24px;
		text-align: center;
	}

	.strate-hero.home .strate-hero_inner h1 {
		line-height: 1.15;
	}

	.strate-hero.home .container-buttons {
		justify-content: center;
	}

	.container-bag-home {
		position: relative;
		width: min(280px, 70%);
		top: auto;
		right: auto;
		transform: none;
		margin: 0 auto 48px;
	}

	.strate-hero.home:after {
		height: 120px;
	}

	.strate-hero .strate-hero_inner {
		padding-top: 120px;
	}
}

@media (max-width: 767px) {
	.strate-hero.home .strate-hero_inner {
		padding: 28px 16px 20px;
	}

	.strate-hero.home .strate-hero_image {
		object-position: center top;
		min-height: 220px;
	}

	.container-bag-home {
		width: min(240px, 75%);
		margin-bottom: 36px;
	}
}

/* ——— Logos partenaires ——— */
@media (max-width: 991px) {
	.list-logo ul {
		flex-wrap: wrap;
		padding: 0 16px;
	}

	.list-logo ul li {
		flex: 0 0 33.333%;
		padding: 20px 12px;
	}

	.list-logo .label {
		flex: 0 0 100%;
		text-align: center;
		padding: 20px 12px 8px;
	}
}

@media (max-width: 575px) {
	.list-logo ul li {
		flex: 0 0 50%;
		padding: 16px 8px;
	}

	.list-logo ul li img {
		max-width: 120px;
	}
}

/* ——— Stats home ——— */
@media (max-width: 991px) {
	.section-cards .card-border {
		height: auto;
		min-height: 200px;
		padding: 28px 24px;
	}

	.section-cards .container-image-cards-placeholder {
		min-height: 220px;
		margin: 16px 0;
	}
}

@media (max-width: 767px) {
	.section-cards {
		margin-top: 32px;
	}

	.bagxpro-home-main .section-cards .row > [class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* ——— Présentation home ——— */
@media (max-width: 991px) {
	.strate-presentation .container-white {
		padding: 40px 28px;
	}

	.strate-presentation ul li h3,
	.strate-presentation ul li p {
		padding-left: 36px;
	}
}

@media (max-width: 767px) {
	.strate-presentation .container-white {
		padding: 28px 20px;
	}

	.strate-presentation .col-sm-6 + .col-sm-6 {
		margin-top: 24px;
	}
}

/* ——— Grille produits ——— */
@media (max-width: 991px) {
	.card-intro-product {
		padding: 40px 32px;
		margin-bottom: 16px;
	}

	.card-product .description-product {
		padding: 20px 24px 32px;
	}
}

@media (max-width: 767px) {
	.strate-products .row > .col-sm-6,
	.strate-products .row > .col-sm-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.card-intro-product {
		padding: 28px 20px;
		border-radius: 40px 0 0 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.strate-products .row > .col-sm-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

/* ——— Produits similaires ——— */
@media (max-width: 767px) {
	.bagxpro-related-products {
		padding: 48px 0 56px;
	}

	.bagxpro-related-products__title {
		margin-bottom: 24px;
	}

	.bagxpro-related-products__grid > [class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bagxpro-related-products__grid > [class*="col-"] {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 767px) {
	.swiper-button-next,
	.swiper-button-prev {
		width: 32px;
		height: 32px;
	}

	.swiper-button-next {
		right: 12px;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 12px;
	}
}

/* ——— Archive produit ——— */
@media (max-width: 991px) {
	.strate-introduction-archive-produit {
		padding-top: 48px;
	}

	.strate-infos-archive-produit .title-archive-produit {
		font-size: clamp(26px, 5vw, 40px);
	}
}

@media (max-width: 767px) {
	.strate-introduction-archive-produit {
		padding-top: 32px;
		text-align: center;
	}

	.strate-introduction-archive-produit .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.strate-infos-archive-produit .row > .col-4,
	.strate-infos-archive-produit .row > .col-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.card-info {
		margin-bottom: 16px;
	}
}

/* ——— Footer ——— */
@media (max-width: 991px) {
	footer {
		padding: 48px 24px;
		margin-top: 48px;
	}

	footer .logo-footer {
		width: 140px;
	}

	footer .copyright {
		padding-top: 40px;
	}
}

@media (max-width: 767px) {
	footer .row > [class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 28px;
	}

	footer .row > [class*="col-"]:last-child {
		margin-bottom: 0;
	}
}

/* ——— Sidebar configurateur ——— */
@media (max-width: 575px) {
	.bagxpro-configurator__header {
		padding: 18px 16px 12px;
	}

	.bagxpro-configurator__link {
		padding: 14px 16px;
	}

	.bagxpro-configurator__thumb {
		flex: 0 0 56px;
		width: 56px;
		height: 56px;
	}
}

/* ——— Formulaires strates ——— */
@media (max-width: 991px) {
	.formulaire-footer,
	.formulaire-product {
		padding: 48px 0;
	}

	.formulaire-footer .container-form,
	.formulaire-product .container-form {
		padding: 32px 24px;
		position: static;
		top: auto;
	}
}

@media (max-width: 767px) {
	.formulaire-product .row > [class*="col-"],
	.formulaire-footer .row > [class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}
}