/* Disfrais - Catalogue mobile (maquette « Mobile catalogue ») : bandeau
   compact, pastilles défilantes, panneau de filtres plein écran, cartes sur
   deux colonnes, barre panier collante en bas. */
.df-mfilter, .df-mfilter-close, .df-mcart { display: none; }

@media (max-width: 900px) {
	body.woocommerce-page .limit-wrapper,
	body.archive.woocommerce .limit-wrapper { padding-left: 16px; padding-right: 16px; }
	.df-shop-infobar { flex-direction: column; align-items: flex-start; gap: 6px; padding: 10px 14px; font-size: 12.5px; }
	.df-shop-infobar span { display: flex; align-items: flex-start; white-space: normal; text-align: left; }
	.df-shop-infobar span svg { flex-shrink: 0; margin-top: 3px; }
	.df-pill-filters-bar { flex-wrap: nowrap !important; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 6px; scrollbar-width: none; }
	.df-pill-filters-bar::-webkit-scrollbar { display: none; }
	.df-pill-filters-bar .woof_radio_label { white-space: nowrap; }

	/* La colonne de filtres devient un panneau plein écran */
	.df-filters-col {
		position: fixed !important; inset: 0 !important; z-index: 9990 !important; width: 100% !important; max-width: 100% !important;
		background: #F8F3EA !important; overflow: auto !important; padding: 64px 16px 90px !important;
		transform: translateX(-102%); transition: transform .25s ease;
	}
	body.df-filters-open .df-filters-col { transform: none; }
	body.df-filters-open .df-mfilter-close { display: flex; }
	.df-mfilter-close { position: fixed; top: 0; left: 0; right: 0; z-index: 9991; height: 56px; align-items: center; justify-content: space-between; padding: 0 16px; background: #FFFFFF; border-bottom: 1px solid rgba(0,0,0,.08); font-weight: 700; font-size: 15px; font-family: 'Montserrat', sans-serif; }
	.df-mfilter-close button { background: transparent !important; border: 0 !important; font-size: 26px; color: #2B2925 !important; padding: 0 !important; line-height: 1; box-shadow: none !important; min-height: 0 !important; }
	.df-mfilter { display: inline-flex; align-items: center; gap: 8px; position: fixed; left: 16px; bottom: 84px; z-index: 9980; padding: 12px 20px; border-radius: 999px; background: #211D18 !important; color: #FFFFFF !important; font-weight: 700; font-size: 14px; border: 0 !important; box-shadow: 0 8px 24px rgba(33,29,24,.25) !important; font-family: 'Montserrat', sans-serif; text-transform: none !important; letter-spacing: 0 !important; }
	body:not(.df-pro) .df-mfilter { bottom: 20px; }
	.df-mfilter em { font-style: normal; background: #C9973E; color: #211D18; border-radius: 999px; padding: 1px 8px; font-size: 12px; }
	.df-mcart { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9985; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background: #211D18; color: #FFFFFF; box-shadow: 0 -6px 20px rgba(0,0,0,.15); font-family: 'Montserrat', sans-serif; }
	.df-mcart[hidden] { display: none; }
	.df-mcart .k { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.7); }
	.df-mcart .v { display: block; font-size: 18px; font-weight: 800; margin-top: 2px; }
	.df-mcart a { padding: 13px 22px; border-radius: 999px; background: #C9973E; color: #211D18 !important; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; text-decoration: none !important; white-space: nowrap; }
	body.df-pro.woocommerce-page, body.df-pro.archive.woocommerce { padding-bottom: 70px; }
	.woocommerce ul.products.columns-5 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; }
	.woocommerce-result-count { font-size: 13px !important; }
	form.woocommerce-ordering select.orderby { padding: 8px 30px 8px 10px !important; font-size: 12px !important; }
}

/* Bandeau : texte en ligne (les flex séparaient les mots), icône alignée */
.df-shop-infobar span { display: inline !important; }
.df-shop-infobar span svg { vertical-align: -3px; margin-right: 6px; }