/*
 * CognitiShop - Propriete ITaiB.fr.
 * Copyright (c) 2026 ITaiB.fr. Tous droits reserves.
 * Logiciel proprietaire et confidentiel.
 */

body.cs-public-encros .cs-encros-menu-toggle,
body.cs-public-encros .cs-encros-mobile-drawer-head,
body.cs-public-encros .cs-encros-mobile-search-panel,
body.cs-public-encros .cs-encros-mobile-search,
body.cs-public-encros .cs-encros-mobile-search-kicker,
body.cs-public-encros .cs-encros-mobile-search-chips,
body.cs-public-encros .cs-encros-mobile-shortcuts,
body.cs-public-encros .cs-encros-mobile-section-title,
body.cs-public-encros .cs-encros-mobile-drawer-foot,
body.cs-public-encros .cs-encros-menu-backdrop {
	display: none;
}

@media (min-width: 761px) {
	body.cs-public-encros .cs-encros-nav .cs-encros-mobile-search,
	body.cs-public-encros.home-v33 .cs-encros-nav .cs-encros-mobile-search {
		display: none !important;
	}
}

@media (max-width: 760px) {
	html,
	body.cs-public-encros {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	body.cs-public-encros[data-encros-menu-open="true"] {
		overflow: hidden;
		touch-action: none;
	}

	body.cs-public-encros .cs-encros-header {
		position: sticky;
		top: 0;
		z-index: 95;
		border-bottom-color: rgba(134, 189, 0, 0.22);
		background: rgba(255, 255, 255, 0.98);
		backdrop-filter: blur(10px);
	}

	body.cs-public-encros .cs-encros-topbar {
		display: block;
		padding: 7px 12px;
		font-size: 0.78rem;
		line-height: 1.25;
	}

	body.cs-public-encros .cs-encros-topbar > div:first-child {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	body.cs-public-encros .cs-encros-mini-links {
		display: none;
	}

	body.cs-public-encros .cs-encros-mainbar,
	body.cs-public-encros.home-v33 .cs-encros-mainbar {
		display: grid !important;
		grid-template-columns: minmax(122px, 1fr) auto auto !important;
		gap: 10px !important;
		align-items: center !important;
		width: 100% !important;
		max-width: 100vw !important;
		margin: 0 !important;
		padding: 9px 12px 10px !important;
	}

	body.cs-public-encros .cs-encros-logo img {
		width: auto !important;
		max-width: 158px !important;
		height: 44px !important;
		object-fit: contain !important;
	}

	body.cs-public-encros .cs-encros-mainbar > .cs-encros-search,
	body.cs-public-encros.home-v33 .cs-encros-mainbar > .cs-encros-search,
	body.cs-public-encros .cs-encros-phone {
		display: none !important;
	}

	body.cs-public-encros .cs-encros-actions {
		display: inline-flex !important;
		justify-content: flex-end !important;
		gap: 0 !important;
		width: auto !important;
	}

	body.cs-public-encros .cs-encros-actions a {
		position: relative;
		display: inline-flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 46px !important;
		min-width: 46px !important;
		min-height: 46px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: #ffffff !important;
		color: #17330a !important;
		font-size: 0 !important;
		box-shadow: 0 12px 26px rgba(45, 104, 18, 0.12) !important;
	}

	body.cs-public-encros .cs-encros-actions a[data-encros-client-action="account"],
	body.cs-public-encros .cs-encros-actions a[data-encros-client-action="favorites"] {
		display: none !important;
	}

	body.cs-public-encros .cs-encros-actions a::before {
		margin: 0 !important;
	}

	body.cs-public-encros .cs-encros-actions strong,
	body.cs-public-encros .cs-encros-actions span {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		white-space: nowrap !important;
	}

	body.cs-public-encros .cs-encros-actions a[data-encros-client-action="cart"]::after {
		position: absolute;
		top: -3px;
		right: -3px;
		display: inline-flex !important;
		min-width: 19px;
		height: 19px;
		border: 2px solid #ffffff;
		font-size: 0.66rem;
	}

	body.cs-public-encros .cs-encros-menu-toggle {
		display: inline-grid;
		place-items: center;
		width: 46px;
		min-width: 46px;
		height: 46px;
		border: 0;
		border-radius: 999px;
		background: linear-gradient(135deg, #17330a 0%, #5c9f00 58%, #ff7a1a 100%);
		color: #ffffff;
		box-shadow: 0 14px 28px rgba(39, 97, 12, 0.24);
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	body.cs-public-encros .cs-encros-menu-toggle-lines {
		display: grid;
		gap: 4px;
		width: 20px;
	}

	body.cs-public-encros .cs-encros-menu-toggle-lines span {
		display: block;
		height: 2px;
		border-radius: 999px;
		background: currentColor;
		transition: transform 180ms ease, opacity 180ms ease;
	}

	body.cs-public-encros .cs-encros-menu-toggle-label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	body.cs-public-encros[data-encros-menu-open="true"] .cs-encros-menu-toggle-lines span:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}

	body.cs-public-encros[data-encros-menu-open="true"] .cs-encros-menu-toggle-lines span:nth-child(2) {
		opacity: 0;
	}

	body.cs-public-encros[data-encros-menu-open="true"] .cs-encros-menu-toggle-lines span:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 120;
		display: grid;
		align-content: start;
		gap: 12px;
		width: min(94vw, 430px);
		height: 100dvh;
		max-width: 100vw;
		padding: max(14px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
		border: 0;
		border-radius: 28px 0 0 28px;
		background: linear-gradient(180deg, #ffffff 0%, #f7fbef 100%);
		box-shadow: -28px 0 64px rgba(23, 33, 18, 0.32);
		overflow-y: auto;
		overscroll-behavior: contain;
		visibility: hidden;
		pointer-events: none;
		transform: translateX(104%);
		transition: transform 180ms ease, visibility 180ms ease;
	}

	body.cs-public-encros[data-encros-menu-open="true"] .cs-encros-nav[data-encros-mobile-drawer] {
		visibility: visible;
		pointer-events: auto;
		transform: translateX(0);
	}

	body.cs-public-encros .cs-encros-mobile-drawer-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 4px 2px 10px;
		border-bottom: 1px solid rgba(132, 189, 0, 0.22);
	}

	body.cs-public-encros .cs-encros-mobile-brand {
		display: grid;
		grid-template-columns: 54px minmax(0, 1fr);
		align-items: center;
		gap: 10px;
		min-width: 0;
	}

	body.cs-public-encros .cs-encros-mobile-brand img {
		width: 54px;
		height: 44px;
		object-fit: contain;
	}

	body.cs-public-encros .cs-encros-mobile-brand span,
	body.cs-public-encros .cs-encros-mobile-brand small {
		display: block;
		min-width: 0;
	}

	body.cs-public-encros .cs-encros-mobile-brand span {
		color: #17330a;
		font-size: 1.02rem;
		font-weight: 1000;
		line-height: 1.1;
	}

	body.cs-public-encros .cs-encros-mobile-brand small {
		color: #60706b;
		font-size: 0.78rem;
		font-weight: 800;
	}

	body.cs-public-encros .cs-encros-menu-close {
		position: relative;
		width: 42px;
		min-width: 42px;
		height: 42px;
		min-height: 42px;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: var(--cs-encros-anthracite);
		color: #ffffff;
		font-size: 0;
		font-weight: 900;
	}

	body.cs-public-encros .cs-encros-menu-close::before,
	body.cs-public-encros .cs-encros-menu-close::after {
		position: absolute;
		top: 20px;
		left: 12px;
		width: 18px;
		height: 2px;
		border-radius: 999px;
		background: currentColor;
		content: "";
	}

	body.cs-public-encros .cs-encros-menu-close::before {
		transform: rotate(45deg);
	}

	body.cs-public-encros .cs-encros-menu-close::after {
		transform: rotate(-45deg);
	}

	body.cs-public-encros .cs-encros-mobile-search-panel {
		display: grid;
		gap: 10px;
		padding: 12px;
		border: 1px solid rgba(132, 189, 0, 0.24);
		border-radius: 20px;
		background: #ffffff;
		box-shadow: 0 14px 32px rgba(39, 97, 12, 0.08);
	}

	body.cs-public-encros .cs-encros-mobile-search-kicker {
		display: grid;
		gap: 2px;
	}

	body.cs-public-encros .cs-encros-mobile-search-kicker span,
	body.cs-public-encros .cs-encros-mobile-section-title span {
		color: #4c7a08;
		font-size: 0.74rem;
		font-weight: 1000;
		letter-spacing: 0;
		text-transform: uppercase;
	}

	body.cs-public-encros .cs-encros-mobile-search-kicker strong,
	body.cs-public-encros .cs-encros-mobile-section-title strong {
		color: #172026;
		font-size: 1.02rem;
		font-weight: 1000;
		line-height: 1.15;
	}

	body.cs-public-encros .cs-encros-mobile-search {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 50px !important;
		width: 100% !important;
		margin: 0 !important;
		overflow: hidden !important;
		border: 2px solid #dfeec5 !important;
		border-radius: 18px !important;
		background: #ffffff !important;
		box-shadow: 0 8px 20px rgba(39, 97, 12, 0.08) !important;
	}

	body.cs-public-encros .cs-encros-mobile-search input[type="search"] {
		height: 50px !important;
		padding: 0 14px !important;
		font-size: 1rem !important;
	}

	body.cs-public-encros .cs-encros-mobile-search button {
		width: 50px !important;
		min-width: 50px !important;
		min-height: 50px !important;
		padding: 0 !important;
		font-size: 0 !important;
	}

	body.cs-public-encros .cs-encros-mobile-search button::before {
		width: 20px !important;
		height: 20px !important;
	}

	body.cs-public-encros .cs-encros-mobile-search-chips {
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
	}

	body.cs-public-encros .cs-encros-mobile-search-chips a {
		display: inline-flex;
		align-items: center;
		width: auto;
		min-height: 32px;
		padding: 7px 10px;
		border: 1px solid #dfeec5;
		border-radius: 999px;
		background: #f8fff0;
		color: #315a0a;
		font-size: 0.82rem;
		font-weight: 900;
		text-decoration: none;
	}

	body.cs-public-encros .cs-encros-mobile-shortcuts {
		display: grid;
		gap: 9px;
	}

	body.cs-public-encros .cs-encros-mobile-section-title {
		display: grid;
		gap: 2px;
		padding: 2px 2px 0;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 9px;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut {
		position: relative;
		display: grid !important;
		gap: 4px;
		align-content: center;
		min-height: 78px !important;
		padding: 12px 12px 12px 44px !important;
		border: 1px solid rgba(132, 189, 0, 0.26) !important;
		border-radius: 18px !important;
		background: #ffffff !important;
		color: #172026 !important;
		text-decoration: none !important;
		box-shadow: 0 10px 24px rgba(39, 97, 12, 0.07) !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut::before {
		position: absolute;
		top: 13px;
		left: 12px;
		display: grid;
		place-items: center;
		width: 24px;
		height: 24px;
		border-radius: 999px;
		background: #edffd7;
		color: #2f6508;
		font-size: 0.78rem;
		font-weight: 1000;
		content: "";
	}

	body.cs-public-encros .cs-encros-mobile-shortcut::after {
		position: absolute;
		top: 18px;
		left: 17px;
		width: 14px;
		height: 14px;
		background: #ffffff;
		content: "";
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="finder"]::before {
		background: var(--cs-encros-green);
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="finder"]::after {
		-webkit-mask: var(--cs-encros-icon-search) center / contain no-repeat;
		mask: var(--cs-encros-icon-search) center / contain no-repeat;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="account"]::before {
		background: var(--cs-encros-green-dark);
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="account"]::after {
		-webkit-mask: var(--cs-encros-icon-account) center / contain no-repeat;
		mask: var(--cs-encros-icon-account) center / contain no-repeat;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="cart"]::before {
		background: var(--cs-encros-orange);
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="cart"]::after {
		-webkit-mask: var(--cs-encros-icon-cart) center / contain no-repeat;
		mask: var(--cs-encros-icon-cart) center / contain no-repeat;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="support"]::before {
		background: #158acb;
		color: #ffffff;
		content: "?";
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="support"]::after {
		content: none;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut strong {
		color: #172026;
		font-size: 0.95rem;
		font-weight: 1000;
		line-height: 1.12;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut span {
		color: #60706b;
		font-size: 0.78rem;
		font-weight: 800;
		line-height: 1.2;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner {
		display: grid;
		gap: 8px;
		width: 100%;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		min-height: 50px;
		padding: 13px 38px 13px 14px;
		border: 1px solid #e4efd3;
		border-radius: 16px;
		background: #ffffff;
		color: #17330a;
		font-size: 0.98rem;
		font-weight: 1000;
		line-height: 1.2;
		white-space: normal;
		scroll-snap-align: none;
		box-shadow: 0 8px 22px rgba(39, 97, 12, 0.06);
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a::after,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a::after {
		position: absolute;
		top: 50%;
		right: 16px;
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		content: "";
		opacity: 0.6;
		transform: translateY(-50%) rotate(-45deg);
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a[aria-current="page"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a.active,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a[data-encros-nav-item="finder"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a[aria-current="page"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a.active,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a[data-encros-nav-item="finder"] {
		border-color: rgba(134, 189, 0, 0.38);
		background: linear-gradient(135deg, #edffd7, #ffffff);
		color: var(--cs-encros-green-dark);
	}

	body.cs-public-encros .cs-encros-mobile-drawer-foot {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 9px;
		align-items: center;
		margin-top: 2px;
		padding: 10px;
		border: 1px solid rgba(21, 138, 203, 0.16);
		border-radius: 18px;
		background: #f3fbff;
	}

	body.cs-public-encros .cs-encros-mobile-call {
		display: grid;
		gap: 2px;
		min-width: 0;
		color: #17330a;
		text-decoration: none;
	}

	body.cs-public-encros .cs-encros-mobile-call strong {
		font-size: 0.98rem;
		font-weight: 1000;
	}

	body.cs-public-encros .cs-encros-mobile-call span {
		color: #60706b;
		font-size: 0.78rem;
		font-weight: 800;
	}

	body.cs-public-encros .cs-encros-mobile-help {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 38px;
		padding: 0 12px;
		border-radius: 999px;
		background: #158acb;
		color: #ffffff;
		font-size: 0.84rem;
		font-weight: 1000;
		text-decoration: none;
		white-space: nowrap;
	}

	body.cs-public-encros .cs-encros-menu-backdrop {
		position: fixed;
		inset: 0;
		z-index: 115;
		border: 0;
		background: rgba(23, 33, 18, 0.46);
		backdrop-filter: blur(4px);
	}

	body.cs-public-encros[data-encros-menu-open="true"] .cs-encros-menu-backdrop {
		display: block;
	}

	body.cs-public-encros .cs-encros-hero,
	body.cs-public-encros .cs-product-hero,
	body.cs-public-encros .cs-product-list-hero,
	body.cs-public-encros .cs-category-list-hero,
	body.cs-public-encros .cs-category-hero,
	body.cs-public-encros .cs-cart-hero,
	body.cs-public-encros .cs-checkout-hero,
	body.cs-public-encros .cs-checkout-return-hero,
	body.cs-public-encros .cs-product-encros-story,
	body.cs-public-encros .cs-encros-category-rail,
	body.cs-public-encros .cs-encros-proof-strip,
	body.cs-public-encros :is(.cs-product-list-encros-strip, .cs-category-list-encros-strip, .cs-category-encros-strip, .cs-product-encros-strip, .cs-cart-encros-strip, .cs-checkout-encros-strip) {
		width: min(100% - 20px, var(--cs-encros-max)) !important;
		max-width: calc(100vw - 20px) !important;
	}

	body.cs-public-encros .cs-product-encros-story {
		grid-template-columns: 1fr !important;
		align-items: start !important;
		gap: 12px !important;
		padding: 12px !important;
		border-radius: 18px !important;
	}

	body.cs-public-encros .cs-product-encros-story strong {
		display: block !important;
		font-size: 1.15rem !important;
		line-height: 1.25 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	body.cs-public-encros .cs-product-encros-story span {
		font-size: 0.95rem !important;
		line-height: 1.45 !important;
	}

	body.cs-public-encros .cs-encros-category-rail,
	body.cs-public-encros .cs-encros-proof-strip,
	body.cs-public-encros :is(.cs-product-list-encros-strip, .cs-category-list-encros-strip, .cs-category-encros-strip, .cs-product-encros-strip, .cs-cart-encros-strip, .cs-checkout-encros-strip) {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	body.cs-public-encros.home-v33 .home-hero-v3.home-hero-v33 {
		padding-top: 18px !important;
		overflow: hidden !important;
	}

	body.cs-public-encros.home-v33 .home-hero-v33-inner {
		width: min(100% - 20px, 1180px) !important;
		max-width: calc(100vw - 20px) !important;
		gap: 18px !important;
	}

	body.cs-public-encros.home-v33 .hero-title {
		font-size: clamp(2rem, 11vw, 3rem) !important;
		line-height: 1.04 !important;
		letter-spacing: 0 !important;
	}

	body.cs-public-encros.home-v33 .lead {
		font-size: 1.03rem !important;
		line-height: 1.55 !important;
	}

	body.cs-public-encros .encros-3clics {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		padding: 14px !important;
		border-radius: 18px !important;
	}

	body.cs-public-encros .encros-3clics .layer-title {
		max-height: 86px !important;
		object-fit: contain !important;
	}

	body.cs-public-encros .encros-3clics .clean-subtitle {
		font-size: clamp(1rem, 5vw, 1.35rem) !important;
		line-height: 1.18 !important;
	}

	body.cs-public-encros .encros-3clics .layer-form {
		gap: 12px !important;
	}

	body.cs-public-encros .encros-3clics .step {
		height: auto !important;
		min-height: 130px !important;
		padding: 34px 12px 14px 62px !important;
		border-radius: 18px !important;
	}

	body.cs-public-encros .encros-3clics .step-badge {
		width: 50px !important;
		font-size: 1.55rem !important;
	}

	body.cs-public-encros .encros-3clics .step-label {
		margin-bottom: 10px !important;
		font-size: 1.25rem !important;
		line-height: 1.1 !important;
		white-space: normal !important;
	}

	body.cs-public-encros .encros-3clics .select-zone {
		height: 50px !important;
	}

	body.cs-public-encros .encros-3clics .select-zone select {
		min-height: 50px !important;
		font-size: 1rem !important;
	}

	body.cs-public-encros .encros-3clics .clean-guarantee {
		min-height: 54px !important;
	}

	body.cs-public-encros .encros-3clics .clean-guarantee-text {
		font-size: clamp(1rem, 5vw, 1.3rem) !important;
		line-height: 1.15 !important;
	}
}

@media (max-width: 420px) {
	body.cs-public-encros .cs-encros-topbar {
		font-size: 0.74rem;
	}

	body.cs-public-encros .cs-encros-logo img {
		max-width: 140px !important;
		height: 40px !important;
	}

	body.cs-public-encros .cs-encros-mainbar,
	body.cs-public-encros.home-v33 .cs-encros-mainbar {
		grid-template-columns: minmax(104px, 1fr) auto auto !important;
		padding-inline: 10px !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] {
		width: 100vw;
		border-radius: 0;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut-grid {
		grid-template-columns: 1fr;
	}

	body.cs-public-encros .cs-encros-mobile-drawer-foot {
		grid-template-columns: 1fr;
	}

	body.cs-public-encros .cs-encros-mobile-help {
		width: 100%;
	}
}

@media (max-width: 760px) {
	body.cs-public-encros .cs-encros-actions a[data-encros-client-action="cart"] {
		border: 1px solid #dfeec5 !important;
		background: #ffffff !important;
		color: #17330a !important;
		box-shadow: 0 8px 20px rgba(23, 51, 10, 0.1) !important;
	}

	body.cs-public-encros .cs-encros-actions a[data-encros-client-action="cart"]::before {
		display: block !important;
		width: 22px !important;
		height: 22px !important;
		margin: 0 !important;
		background: #17330a !important;
		content: "" !important;
		-webkit-mask: var(--cs-encros-icon-cart) center / 22px 22px no-repeat !important;
		mask: var(--cs-encros-icon-cart) center / 22px 22px no-repeat !important;
	}

	body.cs-public-encros .cs-encros-actions a[data-encros-client-action="cart"]::after {
		display: none !important;
		content: none !important;
	}

	body.cs-public-encros .cs-encros-actions a[data-encros-client-action="cart"] .cart-count {
		position: absolute !important;
		top: -4px !important;
		right: -4px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		min-width: 19px !important;
		height: 19px !important;
		padding: 0 5px !important;
		overflow: visible !important;
		clip: auto !important;
		border: 2px solid #ffffff !important;
		border-radius: 999px !important;
		background: var(--cs-encros-orange) !important;
		color: #ffffff !important;
		font-size: 0.66rem !important;
		font-weight: 1000 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}

	body.cs-public-encros .cs-encros-menu-toggle {
		background: #4b7f00 !important;
		box-shadow: 0 8px 20px rgba(23, 51, 10, 0.16) !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] {
		display: grid !important;
		gap: 12px !important;
		align-content: start !important;
		width: min(calc(100vw - 44px), 360px) !important;
		max-width: calc(100vw - 44px) !important;
		padding: max(12px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom)) !important;
		border-left: 1px solid #dfeec5 !important;
		border-radius: 22px 0 0 22px !important;
		background: #ffffff !important;
		background-image: none !important;
		color: #172026 !important;
		text-shadow: none !important;
		box-shadow: -18px 0 44px rgba(23, 33, 18, 0.22) !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] *,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] a,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] strong,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] span,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] small {
		text-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-drawer-head {
		padding: 2px 0 10px !important;
		border-bottom: 1px solid #e5eed8 !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand {
		grid-template-columns: 48px minmax(0, 1fr) !important;
		gap: 9px !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand img {
		width: 48px !important;
		height: 38px !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand span {
		color: #172026 !important;
		font-size: 1rem !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand small {
		color: #5b6a5d !important;
		font-size: 0.76rem !important;
	}

	body.cs-public-encros .cs-encros-menu-close {
		width: 42px !important;
		min-width: 42px !important;
		height: 42px !important;
		background: #172026 !important;
		color: #ffffff !important;
	}

	body.cs-public-encros .cs-encros-mobile-search-panel {
		display: grid !important;
		gap: 8px !important;
		padding: 10px !important;
		border: 1px solid #dfeec5 !important;
		border-radius: 16px !important;
		background: #f8fcf1 !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-search-kicker span {
		display: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-search-kicker strong {
		color: #172026 !important;
		font-size: 0.92rem !important;
		line-height: 1.18 !important;
	}

	body.cs-public-encros .cs-encros-mobile-search {
		grid-template-columns: minmax(0, 1fr) 46px !important;
		border: 1px solid #cfe4b5 !important;
		border-radius: 14px !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-search input[type="search"] {
		height: 46px !important;
		padding: 0 12px !important;
		color: #172026 !important;
		font-size: 0.94rem !important;
	}

	body.cs-public-encros .cs-encros-mobile-search button {
		width: 46px !important;
		min-width: 46px !important;
		min-height: 46px !important;
		border-radius: 0 14px 14px 0 !important;
		background: #4b7f00 !important;
		color: #ffffff !important;
	}

	body.cs-public-encros .cs-encros-mobile-search-chips {
		display: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcuts {
		gap: 8px !important;
	}

	body.cs-public-encros .cs-encros-mobile-section-title {
		gap: 0 !important;
		padding: 0 !important;
	}

	body.cs-public-encros .cs-encros-mobile-section-title span {
		color: #5b7f21 !important;
		font-size: 0.68rem !important;
	}

	body.cs-public-encros .cs-encros-mobile-section-title strong {
		color: #172026 !important;
		font-size: 0.98rem !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut-grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut {
		min-height: 58px !important;
		padding: 10px 10px 10px 40px !important;
		border: 1px solid #e1ead8 !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		color: #172026 !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut::before {
		top: 12px !important;
		left: 11px !important;
		width: 22px !important;
		height: 22px !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut::after {
		top: 16px !important;
		left: 15px !important;
		width: 14px !important;
		height: 14px !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut strong {
		color: #172026 !important;
		font-size: 0.9rem !important;
		line-height: 1.1 !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut span {
		color: #5f6c62 !important;
		font-size: 0.72rem !important;
		line-height: 1.15 !important;
	}

	body.cs-public-encros .cs-encros-mobile-section-title--nav {
		margin-top: 2px !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner {
		display: grid !important;
		gap: 7px !important;
		width: 100% !important;
		overflow: visible !important;
		scroll-snap-type: none !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a {
		display: flex !important;
		min-height: 46px !important;
		padding: 11px 34px 11px 13px !important;
		border: 1px solid #e1ead8 !important;
		border-radius: 13px !important;
		background: #ffffff !important;
		background-image: none !important;
		color: #172026 !important;
		font-size: 0.94rem !important;
		font-weight: 900 !important;
		line-height: 1.18 !important;
		text-align: left !important;
		white-space: normal !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a[aria-current="page"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a.active,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a[data-encros-nav-item="finder"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a[aria-current="page"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a.active,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a[data-encros-nav-item="finder"] {
		border-color: #cde9a9 !important;
		background: #f4ffe8 !important;
		color: #27610c !important;
	}

	body.cs-public-encros .cs-encros-mobile-drawer-foot {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		margin-top: 0 !important;
		padding: 10px !important;
		border: 1px solid #d9e8cf !important;
		border-radius: 15px !important;
		background: #f8fcf1 !important;
		color: #172026 !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-call strong {
		color: #172026 !important;
		font-size: 0.95rem !important;
	}

	body.cs-public-encros .cs-encros-mobile-call span {
		color: #5f6c62 !important;
	}

	body.cs-public-encros .cs-encros-mobile-help {
		width: 100% !important;
		min-height: 40px !important;
		border-radius: 12px !important;
		background: #158acb !important;
		color: #ffffff !important;
	}

	body.cs-public-encros .cs-encros-menu-backdrop {
		background: rgba(23, 33, 18, 0.36) !important;
		backdrop-filter: blur(2px) !important;
	}
}

@media (max-width: 760px) {
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] {
		width: min(100vw, 390px) !important;
		max-width: 100vw !important;
		gap: 10px !important;
		padding: max(12px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)) !important;
		border-left: 0 !important;
		border-radius: 0 !important;
		background: #ffffff !important;
		background-image: none !important;
		box-shadow: -18px 0 42px rgba(23, 33, 18, 0.22) !important;
	}

	body.cs-public-encros .cs-encros-mobile-drawer-head {
		padding: 0 0 10px !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand {
		grid-template-columns: 54px minmax(0, 1fr) !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand img {
		width: 54px !important;
		height: 42px !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand span {
		font-size: 1.06rem !important;
		line-height: 1 !important;
	}

	body.cs-public-encros .cs-encros-mobile-brand small,
	body.cs-public-encros .cs-encros-mobile-search-kicker,
	body.cs-public-encros .cs-encros-mobile-section-title {
		display: none !important;
	}

	body.cs-public-encros .cs-encros-menu-close {
		width: 44px !important;
		min-width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
	}

	body.cs-public-encros .cs-encros-mobile-search-panel {
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-search {
		grid-template-columns: minmax(0, 1fr) 52px !important;
		border: 1px solid #cfe4b5 !important;
		border-radius: 16px !important;
		background: #fbfff5 !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-search input[type="search"] {
		height: 50px !important;
		padding: 0 14px !important;
		font-size: 1rem !important;
	}

	body.cs-public-encros .cs-encros-mobile-search button {
		display: grid !important;
		place-items: center !important;
		width: 52px !important;
		min-width: 52px !important;
		min-height: 50px !important;
		padding: 0 !important;
		border-radius: 0 16px 16px 0 !important;
		background: #4b7f00 !important;
		color: #ffffff !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	body.cs-public-encros .cs-encros-mobile-search button::before {
		width: 21px !important;
		height: 21px !important;
		margin: 0 !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcuts {
		gap: 0 !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut-grid {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="finder"],
	body.cs-public-encros .cs-encros-mobile-shortcut[data-encros-mobile-shortcut="cart"] {
		display: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut {
		display: grid !important;
		min-height: 52px !important;
		padding: 10px 14px 10px 48px !important;
		border: 1px solid #e1ead8 !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		color: #172026 !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut::before {
		top: 11px !important;
		left: 13px !important;
		width: 28px !important;
		height: 28px !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut::after {
		top: 18px !important;
		left: 20px !important;
		width: 14px !important;
		height: 14px !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut strong {
		font-size: 0.98rem !important;
		line-height: 1.12 !important;
	}

	body.cs-public-encros .cs-encros-mobile-shortcut span {
		font-size: 0.78rem !important;
		line-height: 1.15 !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner {
		gap: 8px !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a {
		min-height: 50px !important;
		padding: 13px 40px 13px 15px !important;
		border: 1px solid #e1ead8 !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		background-image: none !important;
		color: #172026 !important;
		font-size: 0.98rem !important;
		line-height: 1.16 !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a[aria-current="page"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a.active,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > a[data-encros-nav-item="finder"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a[aria-current="page"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a.active,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a[data-encros-nav-item="finder"] {
		border-color: #cde9a9 !important;
		background: #f4ffe8 !important;
		color: #27610c !important;
	}

	body.cs-public-encros .cs-encros-mobile-drawer-foot {
		display: none !important;
	}
}

@media (max-width: 760px) {
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] {
		grid-template-columns: minmax(0, 1fr) !important;
		justify-content: stretch !important;
		justify-items: stretch !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > .cs-encros-mobile-search-panel,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > .cs-encros-mobile-shortcuts,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] > .nav-inner,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-search,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .nav-inner > a,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid > a.cs-encros-mobile-shortcut {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		justify-self: stretch !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-search {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 52px !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-search button {
		width: 52px !important;
		min-width: 52px !important;
		max-width: 52px !important;
		padding: 0 !important;
		color: transparent !important;
		font-size: 0 !important;
		line-height: 0 !important;
		text-indent: -999px !important;
		overflow: hidden !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-search button::before {
		background: #ffffff !important;
		color: #ffffff !important;
		text-indent: 0 !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid > a.cs-encros-mobile-shortcut[data-encros-mobile-shortcut="finder"],
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid > a.cs-encros-mobile-shortcut[data-encros-mobile-shortcut="cart"] {
		display: none !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid > a.cs-encros-mobile-shortcut {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		align-content: center !important;
		gap: 2px !important;
		min-height: 52px !important;
		padding: 10px 14px 10px 54px !important;
		background: #ffffff !important;
		color: #172026 !important;
		text-align: left !important;
		text-decoration: none !important;
		box-shadow: none !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid > a.cs-encros-mobile-shortcut strong,
	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid > a.cs-encros-mobile-shortcut span {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		color: inherit !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	body.cs-public-encros .cs-encros-nav[data-encros-mobile-drawer] .cs-encros-mobile-shortcut-grid > a.cs-encros-mobile-shortcut span {
		color: #5f6c62 !important;
	}
}